Difference between revisions of "Team:ASIJ Tokyo/CSS"
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
| + | |||
| + | |||
| + | /* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht) | ||
| + | the relevant wiki css rules are reset by using rules with higher priority */ | ||
| + | |||
| + | |||
| + | /* Start general reset ================================================== */ | ||
| + | |||
| + | body { | ||
| + | background-color: #c7e0f3; | ||
| + | font-family: "Avenir"; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | div#globalWrapper { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | position: static; | ||
| + | width: auto; | ||
| + | background-color: #c7e0f3; | ||
| + | } | ||
| + | |||
| + | /* Start top-section reset ============================================== */ | ||
| + | |||
| + | div#top-section { | ||
| + | border: 0; | ||
| + | height: auto; | ||
| + | margin: 0; | ||
| + | position: static; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | div#p-logo { | ||
| + | height: auto; | ||
| + | position: static; | ||
| + | width: auto; | ||
| + | z-index: auto; | ||
| + | } | ||
| + | |||
| + | div#p-logo a, div#p-logo a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | div#search-controls { | ||
| + | background-color: transparent; | ||
| + | height: auto; | ||
| + | position: static; | ||
| + | right: 0; | ||
| + | text-align: left; | ||
| + | top: 0; | ||
| + | width: auto; | ||
| + | z-index: auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Start content reset ================================================== */ | ||
| + | |||
| + | div#content { | ||
| + | background-color:#c7e0f3; | ||
| + | } | ||
| + | |||
| + | body li { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | body h1, body h2, body h3, body h4, body h5, body h6 { | ||
| + | |||
| + | } | ||
| + | |||
| + | body .firstHeading { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | div#contentSub { | ||
| + | color: #f2b1b1; | ||
| + | font-size: inherit; | ||
| + | line-height: inherit; | ||
| + | margin: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | div#catlinks { | ||
| + | background-color: transparent; | ||
| + | border: 0; | ||
| + | clear: both; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | div.container | ||
| + | { | ||
| + | font-family: Avenir; | ||
| + | font-weight: bold; | ||
| + | position: relative; | ||
| + | margin: 0 auto; | ||
| + | padding: 5em 3em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | div.container a | ||
| + | { | ||
| + | color: #1e50a2; | ||
| + | text-decoration: none; | ||
| + | font: 20px Avenir; | ||
| + | margin: 0px 10px; | ||
| + | padding: 10px 10px; | ||
| + | position: relative; | ||
| + | z-index: 0; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | div.topBotomBordersOut a:before, div.topBotomBordersOut a:after | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 0px; | ||
| + | width: 100%; | ||
| + | height: 2px; | ||
| + | background: #1e50a2; | ||
| + | content: ""; | ||
| + | opacity: 0; | ||
| + | transition: all 0.3s; | ||
| + | } | ||
| + | div.topBotomBordersOut a:before | ||
| + | { | ||
| + | top: 3px; | ||
| + | transform: translateY(10px); | ||
| + | } | ||
| + | div.topBotomBordersOut a:after | ||
| + | { | ||
| + | bottom: 3px; | ||
| + | transform: translateY(-10px); | ||
| + | } | ||
| + | div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after | ||
| + | { | ||
| + | opacity: 1; | ||
| + | transform: translateY(0px); | ||
| + | } | ||
| + | |||
| + | /* Start footer reset =================================================== */ | ||
| + | |||
| + | div#footer-box { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | padding: 1rem; | ||
| + | width: 100%; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | |||
| + | div#footer { | ||
| + | left: 45%; | ||
| + | top: -20%; | ||
| + | padding: 20px; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | div#f-poweredbyico, div#f-copyrightico { | ||
| + | float: none; | ||
| + | } | ||
| + | |||
| + | #sideMenu{ | ||
| + | width: 200px; | ||
| + | position: absolute; | ||
| + | top: 20px; | ||
| + | left: 1020px; | ||
| + | z-index: 10; | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 15px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | text-align: left; | ||
| + | display: none; | ||
| + | z-index: 9996; | ||
| + | } | ||
| + | #content{ | ||
| + | width: 100%; | ||
| + | padding: 0px; | ||
| + | margin-left: 0px; | ||
| + | } | ||
| + | #top_title{ | ||
| + | overflow: hidden; | ||
| + | display: none; | ||
| + | } | ||
| + | #top_menu_14{ | ||
| + | height: 20px; | ||
| + | } | ||
| + | #top_menu_under{ | ||
| + | height: 0px; | ||
| + | } | ||
| + | #globalWrapper{ | ||
| + | padding-bottom: 20px; | ||
| + | } | ||
| + | #HQ_page p { | ||
| + | font-size: 16px; | ||
| + | } | ||
.navbar { | .navbar { | ||
Revision as of 22:46, 10 September 2018
