"MediaWiki:Common.css" 修訂間的差異
出自 淡水維基館
(新頁面: →此處的 CSS 將應用於所有的面板: #scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;list-style:none;}) |
|||
行 2: | 行 2: | ||
#scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden} | #scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden} | ||
#scrollDiv li{height:25px;padding-left:10px;list-style:none;} | #scrollDiv li{height:25px;padding-left:10px;list-style:none;} | ||
+ | |||
+ | /* new home screen */ | ||
+ | #hs{ | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | color:#333; | ||
+ | } | ||
+ | #hs-banner{ | ||
+ | height: 200px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | #hs-banner img { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | bottom: -60%; | ||
+ | } | ||
+ | #hs-banner-intro { | ||
+ | background: none; | ||
+ | margin: 140px 0 0 3px; | ||
+ | opacity: 0.8; | ||
+ | padding: 15px; | ||
+ | position: relative; | ||
+ | width: 200px; | ||
+ | z-index: 1; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | #hs-banner-intro h1{ | ||
+ | font-family:微軟正黑體, sans-serif; | ||
+ | border: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #hs-banner-intro p{ | ||
+ | } | ||
+ | |||
+ | #hs-search{ | ||
+ | background: #FFFFFF; | ||
+ | margin: 50px 0px 0 0; | ||
+ | opacity: 0.8; | ||
+ | padding: 5px; | ||
+ | position: relative; | ||
+ | |||
+ | z-index: 1; | ||
+ | float: right; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | #hs-search-back{ | ||
+ | width: 100%; | ||
+ | height: 40px; | ||
+ | position: absolute; | ||
+ | top:0; | ||
+ | left: 0; | ||
+ | opacity: 0.8; | ||
+ | background: #FFF; | ||
+ | |||
+ | } | ||
+ | #hs-search input{ | ||
+ | position: relative; | ||
+ | color:#333; | ||
+ | font-size: 14px | ||
+ | |||
+ | |||
+ | } | ||
+ | #hs-search #bodySearchInput, | ||
+ | #hs-search .searchboxInput { | ||
+ | width: 220px; | ||
+ | background: #FFF; | ||
+ | border:1px solid #B4B4B4; | ||
+ | padding: 4px; | ||
+ | } | ||
+ | #hs-search .bodySearchBtnGo, | ||
+ | #hs-search .searchboxSearchButton{ | ||
+ | width: 80px; | ||
+ | margin-left: 10px; | ||
+ | text-transform: uppercase; | ||
+ | background: #CCC; | ||
+ | border:1px solid #B4B4B4; | ||
+ | border-bottom:2px solid #B4B4B4; | ||
+ | border-right: 2px solid #B4B4B4; | ||
+ | -moz-border-radius: 2px; | ||
+ | border-radius: 2px; | ||
+ | padding: 4px 4px 3px; | ||
+ | |||
+ | } | ||
+ | #hs .column1{ | ||
+ | float: left; | ||
+ | width: 44%; | ||
+ | margin-right: 3%; | ||
+ | } | ||
+ | #hs .column2{ | ||
+ | float: right; | ||
+ | width: 44%; | ||
+ | margin-right: 3%; | ||
+ | } | ||
+ | #hs .column h2, #hs .column h3{ | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | #hs .half{ | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | #hs .last{ | ||
+ | margin-right:0; | ||
+ | } | ||
+ | #hs .right{ | ||
+ | float:right; | ||
+ | } | ||
+ | #hs .first{ | ||
+ | clear:left; | ||
+ | } | ||
+ | /* END OF NEW home screen */ |
於 2013年10月8日 (二) 21:21 的修訂
/* 此處的 CSS 將應用於所有的面板 */ #scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;list-style:none;} /* new home screen */ #hs{ position: relative; overflow: hidden; color:#333; } #hs-banner{ height: 200px; overflow: hidden; position: relative; } #hs-banner img { position: absolute; width: 100%; height: auto; bottom: -60%; } #hs-banner-intro { background: none; margin: 140px 0 0 3px; opacity: 0.8; padding: 15px; position: relative; width: 200px; z-index: 1; font-size: 110%; } #hs-banner-intro h1{ font-family:微軟正黑體, sans-serif; border: 0; margin-bottom: 0; } #hs-banner-intro p{ } #hs-search{ background: #FFFFFF; margin: 50px 0px 0 0; opacity: 0.8; padding: 5px; position: relative; z-index: 1; float: right; font-size: 110%; } #hs-search-back{ width: 100%; height: 40px; position: absolute; top:0; left: 0; opacity: 0.8; background: #FFF; } #hs-search input{ position: relative; color:#333; font-size: 14px } #hs-search #bodySearchInput, #hs-search .searchboxInput { width: 220px; background: #FFF; border:1px solid #B4B4B4; padding: 4px; } #hs-search .bodySearchBtnGo, #hs-search .searchboxSearchButton{ width: 80px; margin-left: 10px; text-transform: uppercase; background: #CCC; border:1px solid #B4B4B4; border-bottom:2px solid #B4B4B4; border-right: 2px solid #B4B4B4; -moz-border-radius: 2px; border-radius: 2px; padding: 4px 4px 3px; } #hs .column1{ float: left; width: 44%; margin-right: 3%; } #hs .column2{ float: right; width: 44%; margin-right: 3%; } #hs .column h2, #hs .column h3{ margin-bottom: 5px; margin-top: 15px; } #hs .half{ width: 50%; float: left; } #hs .last{ margin-right:0; } #hs .right{ float:right; } #hs .first{ clear:left; } /* END OF NEW home screen */