(51 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | <html> | |
− | color: | + | <style> |
+ | |||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:blue; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; background-color: none;} | ||
+ | |||
+ | #top_menu_under, #top_menu_14, #top_menu_14 *, { | ||
+ | -webkit-box-sizing: content-box; | ||
+ | -moz-box-sizing: content-box; | ||
+ | box-sizing: content-box; | ||
} | } | ||
+ | |||
+ | #content { | ||
+ | margin-top: 0 !important; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | padding-bottom: 0 !important; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | border-bottom: 0; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-family: inherit; | ||
+ | font-size: inherit; | ||
+ | text-align: inherit; | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | margin-bottom: 0; | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-image: none; | ||
+ | list-style-type: disc; | ||
+ | ul { | ||
+ | list-style-type: circle; | ||
+ | } | ||
+ | margin: 0 1em; | ||
+ | &.nav { | ||
+ | margin: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://"], .link-https { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | #mw-content-text > p { | ||
+ | &:first-child, &:last-child { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /***/ | ||
+ | |||
+ | body { | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | color: #777; | ||
+ | } | ||
+ | |||
+ | /******************** HEADER ********************/ | ||
+ | |||
+ | header { | ||
+ | background: linear-gradient(to bottom right, #4C63AE, #88FFFF); | ||
+ | background-attachment: fixed; | ||
+ | height: 200px; | ||
+ | } | ||
+ | /* Navigation */ | ||
+ | #nav-wrapper { | ||
+ | width: 1200px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | nav { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | nav a { | ||
+ | display: inline-block; | ||
+ | padding: 15px; | ||
+ | color: rgba(255, 255, 255, 0.60); | ||
+ | text-decoration: none; | ||
+ | -webkit-transition: all 0.1s; | ||
+ | -moz-transition: all 0.1s; | ||
+ | -o-transition: all 0.1s; | ||
+ | transition: all 0.1s; | ||
+ | } | ||
+ | |||
+ | nav a:hover { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | nav img { | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | a.nav-active { | ||
+ | border-bottom: 1px solid #fff; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .navbar-links { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | /* Header image */ | ||
+ | .header-content { | ||
+ | margin: 0 auto; | ||
+ | padding: 150px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .header-content img { | ||
+ | height: 500px; | ||
+ | } | ||
+ | |||
+ | /* Bottom to content */ | ||
+ | .scroll-to-content { | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .scroll-to-content a { | ||
+ | color: rgba(255, 255, 255, 0.60); | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | .scroll-to-content a:hover { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /******************** CONTENT ********************/ | ||
+ | /* Page content */ | ||
+ | .page-content { | ||
+ | padding: 100px 0; | ||
+ | width: 100%; | ||
+ | background-color: #fff; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | .home-wrapper { | ||
+ | width: 1200px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | /* References */ | ||
+ | .references { | ||
+ | border-left: 1px solid #4C63AE; | ||
+ | padding: 20px 20px 20px 30px; | ||
+ | background-color: #f7f7f7; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .references p { | ||
+ | margin: 0.5em; | ||
+ | } | ||
+ | |||
+ | /******************** FOOTER ********************/ | ||
+ | /* Sponsors */ | ||
+ | .sponsors { | ||
+ | margin: 0 auto; | ||
+ | padding: 50px; | ||
+ | background-color: #333; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .sponsors img { | ||
+ | display: inline-block; | ||
+ | margin: 0 50px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | footer { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | background-color: #222; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #footer-wrapper { | ||
+ | width: 1200px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | footer p { | ||
+ | margin: 0; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | </style> | ||
+ | </html> |
Latest revision as of 19:33, 26 September 2018