Difference between revisions of "Template:Team:Calgary/StyleSheets/styling.css"
| (87 intermediate revisions by the same user not shown) | |||
| Line 19: | Line 19: | ||
b{ | b{ | ||
color: #5ec3af; | color: #5ec3af; | ||
| + | } | ||
| + | |||
| + | #Caption{ | ||
| + | font-size: 14px !important; | ||
| + | text-align: center !important; | ||
| + | } | ||
| + | |||
| + | #Caption b{ | ||
| + | color: #000; | ||
} | } | ||
| Line 46: | Line 55: | ||
margin-top: 12px; | margin-top: 12px; | ||
font-family: Karla, serif; | font-family: Karla, serif; | ||
| + | } | ||
| + | |||
| + | #HQ_page table{ | ||
| + | margin-left: 0; | ||
| + | width: 100%; | ||
} | } | ||
| Line 62: | Line 76: | ||
#HQ_page h2{ | #HQ_page h2{ | ||
| − | font-size: | + | font-size: 24px; |
color: #fcb633; | color: #fcb633; | ||
} | } | ||
| Line 105: | Line 119: | ||
#TwoCols img{ | #TwoCols img{ | ||
| + | vertical-align: top; | ||
display: inline-block; | display: inline-block; | ||
max-width: 45.5%; | max-width: 45.5%; | ||
| Line 112: | Line 127: | ||
#ThreeCols div{ | #ThreeCols div{ | ||
display: inline-block; | display: inline-block; | ||
| + | vertical-align: top; | ||
} | } | ||
#ThreeCols img{ | #ThreeCols img{ | ||
| + | vertical-align: top; | ||
max-width: 31%; | max-width: 31%; | ||
padding: 1%; | padding: 1%; | ||
| Line 121: | Line 138: | ||
#FourCols img{ | #FourCols img{ | ||
| + | vertical-align: top; | ||
display: inline-block; | display: inline-block; | ||
max-width: 24%; | max-width: 24%; | ||
| Line 133: | Line 151: | ||
top: 0; /* Position the navbar at the top of the page */ | top: 0; /* Position the navbar at the top of the page */ | ||
width: 70%; /* Full width */ | width: 70%; /* Full width */ | ||
| − | text-align: | + | text-align: left; |
margin-top: 1.5rem; | margin-top: 1.5rem; | ||
background-color: #d24f2b; | background-color: #d24f2b; | ||
| Line 145: | Line 163: | ||
background-size: 100%; | background-size: 100%; | ||
| − | background-position: 0px - | + | background-position: 0px -35px; |
} | } | ||
| Line 151: | Line 169: | ||
#TopBar li { | #TopBar li { | ||
list-style: none; | list-style: none; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul li{ | ||
| + | float: none; | ||
| + | position: relative; | ||
| + | font-family: 'Varela Round'; | ||
| + | color: #faece5; | ||
| + | font-weight: 900; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul ul{ | ||
| + | position: absolute; | ||
| + | left: 100%; | ||
| + | top: 0; | ||
| + | margin: 0; | ||
} | } | ||
| Line 178: | Line 212: | ||
width: 75%; | width: 75%; | ||
max-width: 1050px; | max-width: 1050px; | ||
| + | } | ||
| + | |||
| + | #MainContent li, ul, ol{ | ||
| + | margin-left: 2rem; | ||
} | } | ||
| Line 200: | Line 238: | ||
.toggle-menu{ | .toggle-menu{ | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | #drop{ | ||
| + | margin-top: -1rem; | ||
} | } | ||
.toggle-drop{ | .toggle-drop{ | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | .toggle-drop2{ | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .logo{ | ||
| + | text-align:center; | ||
} | } | ||
| Line 237: | Line 287: | ||
left: -9999px; | left: -9999px; | ||
box-shadow: 5px 5px 15px #DDDDDD; | box-shadow: 5px 5px 15px #DDDDDD; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 262: | Line 308: | ||
display:none; | display:none; | ||
} | } | ||
| + | #drop2{ | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 95.75rem){ | ||
| + | #TopBar{ | ||
| + | background-position: 0px -15px; | ||
| + | } | ||
| + | |||
@media only screen and (max-width: 58.75rem){ | @media only screen and (max-width: 58.75rem){ | ||
| Line 322: | Line 377: | ||
padding: 0.5rem; | padding: 0.5rem; | ||
margin: 0; | margin: 0; | ||
| − | width: | + | width: 97%; |
} | } | ||
| Line 372: | Line 427: | ||
} | } | ||
| + | .toggle-drop2{ | ||
| + | display: block; | ||
| + | } | ||
.nav-list{ | .nav-list{ | ||
display: block; | display: block; | ||
| Line 386: | Line 444: | ||
.active{ | .active{ | ||
| + | max-height: 100%; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | |||
| + | .active2{ | ||
max-height: 100%; | max-height: 100%; | ||
overflow: auto; | overflow: auto; | ||
| Line 405: | Line 468: | ||
padding-right: 0rem; | padding-right: 0rem; | ||
} | } | ||
| + | |||
| + | #TopBar ul ul li{ | ||
| + | float: initial; | ||
| + | position: initial; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul ul{ | ||
| + | position: initial; | ||
| + | left: initial; | ||
| + | top: initial; | ||
| + | margin: initial; | ||
| + | padding-left: 1rem; | ||
| + | } | ||
| + | |||
#InfoBox{ | #InfoBox{ | ||
| Line 417: | Line 494: | ||
.mw-content-ltr li, .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ul{ | .mw-content-ltr li, .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ul{ | ||
| + | margin: 0; | ||
font-size: 16px; | font-size: 16px; | ||
font-family: 'Karla', sans-serif; | font-family: 'Karla', sans-serif; | ||
| + | } | ||
| + | |||
| + | #bodyContent h2 { | ||
| + | margin-bottom: .6em; | ||
| + | margin-top: 0.6em; | ||
| + | } | ||
| + | |||
| + | |||
| + | load.php?debug=…&skin=igem&*:1 | ||
| + | #bodyContent a[href ^="https://"], .link-https { | ||
| + | padding-right: 0px; | ||
} | } | ||
Latest revision as of 22:33, 31 October 2017
