|
|
Line 1: |
Line 1: |
- | /* Edit this file: https://2014hs.igem.org/wiki/index.php?title=Template:Montgomery_Cougars_NJUSA/Common_CSS&action=edit */ /* https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki#Centralizing_the_layout_using_templates */
| |
| | | |
- | /* Clear Wiki Shit */
| |
- |
| |
- | contentSub,
| |
- | search-controls,
| |
- |
| |
- | .firstHeading,
| |
- |
| |
- | footer-box,
| |
- | catlinks,
| |
- | p-logo {
| |
- |
| |
- | display:none;
| |
- |
| |
- | }
| |
- |
| |
- | top-section {
| |
- |
| |
- | border: none;
| |
- | height: 0px;
| |
- |
| |
- | }
| |
- |
| |
- | content {
| |
- |
| |
- | border: none;
| |
- |
| |
- | }
| |
- |
| |
- | menubar > ul > li:last-child {
| |
- |
| |
- | display: none;
| |
- |
| |
- | }
| |
- |
| |
- | menubar {
| |
- |
| |
- | width: auto;
| |
- |
| |
- | }
| |
- |
| |
- | /* Skel */ /* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */
| |
- |
| |
- | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:;content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
| |
- |
| |
- | /* Box Model */
| |
- |
| |
- | *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
| |
- |
| |
- | /* Container */
| |
- |
| |
- | body { min-width: 1200px; }
| |
- |
| |
- | .container { width: 1200px; margin-left: auto; margin-right: auto; }
| |
- |
| |
- | /* Modifiers */
| |
- |
| |
- | .container.small { width: 900px; }
| |
- |
| |
- | .container.big { width: 100%; max-width: 1500px; min-width: 1200px; }
| |
- |
| |
- | /* Grid */
| |
- |
| |
- | /* Cells */
| |
- |
| |
- | .\31 2u { width: 100% } .\31 1u { width: 91.6666666667% } .\31 0u { width: 83.3333333333% } .\39 u { width: 75% } .\38 u { width: 66.6666666667% } .\37 u { width: 58.3333333333% } .\36 u { width: 50% } .\35 u { width: 41.6666666667% } .\34 u { width: 33.3333333333% } .\33 u { width: 25% } .\32 u { width: 16.6666666667% } .\31 u { width: 8.3333333333% } .\-11u { margin-left: 91.6666666667% } .\-10u { margin-left: 83.3333333333% } .\-9u { margin-left: 75% } .\-8u { margin-left: 66.6666666667% } .\-7u { margin-left: 58.3333333333% } .\-6u { margin-left: 50% } .\-5u { margin-left: 41.6666666667% } .\-4u { margin-left: 33.3333333333% } .\-3u { margin-left: 25% } .\-2u { margin-left: 16.6666666667% } .\-1u { margin-left: 8.3333333333% }
| |
- |
| |
- | .row > * { padding: 40px 0 0 40px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
| |
- |
| |
- | .row + .row > * { padding-top: 40px; }
| |
- |
| |
- | .row { margin-left: -40px; }
| |
- |
| |
- | /* Rows */
| |
- |
| |
- | .row:after { content: ; display: block; clear: both; height: 0; }
| |
- |
| |
- | .row:first-child > * { padding-top: 0; }
| |
- |
| |
- | .row > * { padding-top: 0; }
| |
- |
| |
- | /* Modifiers */
| |
- |
| |
- | /* Flush */
| |
- |
| |
- | .row.flush { margin-left: 0; }
| |
- |
| |
- | .row.flush > * { padding: 0 !important; }
| |
- |
| |
- | /* Quarter */
| |
- |
| |
- | .row.quarter > * { padding: 10px 0 0 10px; }
| |
- |
| |
- | .row.quarter + .row.quarter > * { padding-top: 10px; }
| |
- |
| |
- | .row.quarter { margin-left: -10px; }
| |
- |
| |
- | /* Half */
| |
- |
| |
- | .row.half > * { padding: 20px 0 0 20px; }
| |
- |
| |
- | .row.half + .row.half > * { padding-top: 20px; }
| |
- |
| |
- | .row.half { margin-left: -20px; }
| |
- |
| |
- | /* One and (a) Half */
| |
- |
| |
- | .row.oneandhalf > * { padding: 60px 0 0 60px; }
| |
- |
| |
- | .row.oneandhalf + .row.oneandhalf > * { padding-top: 60px; }
| |
- |
| |
- | .row.oneandhalf { margin-left: -60px; }
| |
- |
| |
- | /* Double */
| |
- |
| |
- | .row.double > * { padding: 80px 0 0 80px; }
| |
- |
| |
- | .row.double + .row.double > * { padding-top: 80px; }
| |
- |
| |
- | .row.double { margin-left: -80px; }
| |
- |
| |
- | /* Arcana 2.1 by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
| |
- |
| |
- | /
| |
- |
| |
- | /*********************************************************************************/ /* Global */ /*********************************************************************************/
| |
- |
| |
- | /* Basic */
| |
- |
| |
- | ,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}
| |
- |
| |
- | body { background: #f0f0f0 url('https://static.igem.org/mediawiki/2014hs/c/c2/Bg1.png'); font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; line-height: 1.75em; color: #4c4c4c; }
| |
- |
| |
- | h1,h2,h3,h4,#bodyContent h1,#bodyContent h2,#bodyContent h3, #bodyContent h4 { font-family: 'Open Sans Condensed', sans-serif; color: #1d1d1d; }
| |
- |
| |
- | h2, h3 { font-size: 1.6em; letter-spacing: -1px; margin: 0 0 0.75em 0; }
| |
- |
| |
- | strong
| |
- |
| |
- | { color: #1d1d1d; }
| |
- |
| |
- | a { color: #478903; text-decoration: underline; }
| |
- |
| |
- | a:hover { text-decoration: none; }
| |
- |
| |
- | /* Reusable */
| |
- |
| |
- | .button { display: inline-block; background: #0893cf; box-shadow: inset 0px 0px 0px 1px #48d3FF, 0px 2px 3px 0px rgba(0,0,0,0.25); border: solid 1px #0893cf; border-radius: 6px; padding: 0.45em 1.1em 0.5em 1.1em; color: #fff; font-size: 0.8em; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); background-image: -moz-linear-gradient(top, #38C3FF, #0893cf); background-image: -webkit-linear-gradient(top, #38C3FF, #0893cf); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#38C3FF), to(#0893cf)); background-image: -ms-linear-gradient(top, #38C3FF, #0893cf); background-image: -o-linear-gradient(top, #38C3FF, #0893cf); background-image: linear-gradient(top, #38C3FF, #0893cf); outline: 0; white-space: nowrap; }
| |
- |
| |
- | .button:hover { background: #28a3df; background-image: -moz-linear-gradient(top, #58d3FF, #28a3df); background-image: -webkit-linear-gradient(top, #58d3FF, #28a3df); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58d3FF), to(#28a3df)); background-image: -ms-linear-gradient(top, #58d3FF, #28a3df); background-image: -o-linear-gradient(top, #58d3FF, #28a3df); background-image: linear-gradient(top, #58d3FF, #28a3df); }
| |
- |
| |
- | .button:active { background: #38C3FF; background-image: -moz-linear-gradient(top, #0893cf, #38C3FF); background-image: -webkit-linear-gradient(top, #0893cf, #38C3FF); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0893cf), to(#38C3FF)); background-image: -ms-linear-gradient(top, #0893cf, #38C3FF); background-image: -o-linear-gradient(top, #0893cf, #38C3FF); background-image: linear-gradient(top, #0893cf, #38C3FF); }
| |
- |
| |
- | .divider { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; height: 4px; margin: 2em 0 2em 0; }
| |
- |
| |
- | .divider-top { margin-bottom: 0; }
| |
- |
| |
- | .divider-bottom { margin-top: 0; }
| |
- |
| |
- | .cta-box { background: url('https://static.igem.org/mediawiki/2014hs/b/b3/Bg2.png'); text-align: center; padding: 1.25em 0 1.25em 0; text-shadow: 1px 2px 0px #fff; font-size: 2em; }
| |
- |
| |
- | .cta-box .button { margin-left: 0.8em; }
| |
- |
| |
- | .highlight-box { background: url('https://static.igem.org/mediawiki/2014hs/b/b3/Bg2.png'); text-align: center; padding: 3.5em 0 3.5em 0; text-shadow: 1px 2px 0px #fff; }
| |
- |
| |
- | .highlight-box h2 { font-size: 3.2em; letter-spacing: -3px; margin: 0 0 0.6em 0; }
| |
- |
| |
- | .highlight-box span { font-size: 2em; color: #a1a1a1; }
| |
- |
| |
- | .thumbnails { }
| |
- |
| |
- | .thumbnails .divider { border-bottom: 0; border-top: solid 1px #e5e5e5; margin: 1em 0 1em 0; }
| |
- |
| |
- | .thumbnails .thumbnail { overflow: hidden; }
| |
- |
| |
- | .thumbnails .thumbnail img { border: solid 5px #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); float: left; margin-right: 25px; }
| |
- |
| |
- | .thumbnails .thumbnail blockquote { margin: 0 0 0.75em 0; margin-left: 130px; }
| |
- |
| |
- | .thumbnails .thumbnail cite { color: #888; margin-left: 130px; display: block; }
| |
- |
| |
- | .thumbnails .thumbnail cite strong { padding-right: 0.25em; }
| |
- |
| |
- | .link-list { }
| |
- |
| |
- | .link-list li { border-top: solid 1px #d0d0d0; line-height: 2.5em; }
| |
- |
| |
- | .link-list li:first-child { border-top: none; }
| |
- |
| |
- | /* Arcana 2.1 by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
| |
- |
| |
- | /
| |
- |
| |
- | /*********************************************************************************/ /* Desktop (>= 480px) */ /*********************************************************************************/
| |
- |
| |
- | /* Wrappers */
| |
- |
| |
- | #main-wrapper { background: #fff; padding: 2em 0 4em 0; }
| |
- |
| |
- | #header-wrapper { box-shadow: inset 0px 10px 80px 0px rgba(0,0,0,0.2); height: 102px; position: relative; padding: 2.25em 0 2.25em 0; }
| |
- |
| |
- | #footer-wrapper { padding: 3.5em 0 5em 0; box-shadow: inset 0px 10px 60px 0px rgba(0,0,0,0.15); }
| |
- |
| |
- | /* Site Header */
| |
- |
| |
- | #site-header { position: relative; background: url('https://static.igem.org/mediawiki/2014hs/a/a6/Header.png'); background-size: 100% 190px; height: 190px; text-shadow: -1px -1px 1px rgba(0,0,0,1); }
| |
- |
| |
- | /* Logo */
| |
- |
| |
- | #logo { position: absolute; left: 40px; top: 0; height: 85px; line-height: 85px; }
| |
- |
| |
- | #logo h1 { font-size: 2.25em; letter-spacing: -1px; color: #fff; }
| |
- |
| |
- | #logo span { display: inline-block; border-left: solid 2px #d0d0d0; margin-left: 1em; padding-left: 1em; }
| |
- |
| |
- | #logo a { color: white; text-decoration: none; }
| |
- |
| |
- | /* Site Nav */
| |
- |
| |
- | #nav { position: absolute; top: 0; right: 50px; font-family: 'Open Sans Condensed', sans-serif; text-align: right; }
| |
- |
| |
- | #nav ul { list-style: none; overflow: hidden; }
| |
- |
| |
- | #nav ul li { display: block; float: left; text-decoration: none; font-size: 1.2em; height: 90px; line-height: 90px; margin: 0 0 0 1.75em; }
| |
- |
| |
- | #nav ul li a { color: #c0c0c0; text-decoration: none; outline: 0; }
| |
- |
| |
- | #nav ul li a:hover { color: #eee; }
| |
- |
| |
- | #nav ul li.current_page_item { background: url('https://static.igem.org/mediawiki/2014hs/a/ae/Nav-arrow.png') center 77px no-repeat; }
| |
- |
| |
- | #nav ul li.current_page_item a { color: #fff; }
| |
- |
| |
- | /* Banner */
| |
- |
| |
- | #banner { margin: 0 0 3em 0; }
| |
- |
| |
- | #banner a { }
| |
- |
| |
- | #banner a img { width: 100%; display: block; }
| |
- |
| |
- | #banner .caption { background: #1e1e1e url('https://static.igem.org/mediawiki/2014hs/e/ee/Bg3.png') top left repeat-x; font-size: 2em; color: #aaa; text-align: center; text-shadow: -1px -1px 1px rgba(0,0,0,1); padding: 0.6em 0 0.6em 0; }
| |
- |
| |
- | #banner .caption span { }
| |
- |
| |
- | #banner .caption span strong { color: #ffffff; }
| |
- |
| |
- | #banner .caption .button { border: solid 1px #001916; margin-left: 0.8em; }
| |
- |
| |
- | /* Site Footer */
| |
- |
| |
- | #site-footer { text-shadow: 1px 2px 0px #fff; }
| |
- |
| |
- | #site-footer a { text-decoration: none; color: #525252; }
| |
- |
| |
- | #site-footer a:hover { text-decoration: underline; }
| |
- |
| |
- |
| |
- | #site-footer ul li { line-height: 2.5em; }
| |
- |
| |
- | #site-footer .divider { border-top: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; height: 4px; margin: 1em 0 1em 0; }
| |
- |
| |
- | /* Copyright */
| |
- |
| |
- | #copyright { text-align: center; color: #868686; }
| |
- |
| |
- | #copyright a { color: #868686; }
| |
- |
| |
- | /* Subpage */
| |
- |
| |
- | .subpage { padding-top: 2em !important; }
| |
- |
| |
- | .subpage article { padding: 0 1em 0 1em; }
| |
- |
| |
- | .subpage article.first { padding: 0 1em 0 0; }
| |
- |
| |
- | .subpage article.last { padding: 0 0 0 1em; }
| |
- |
| |
- | .subpage h2 { font-size: 2.2em; }
| |
- |
| |
- | .subpage h3 { font-size: 1.2em; }
| |
- |
| |
- | .subpage p { margin: 0 0 1.5em 0; }
| |
- |
| |
- | .subpage section, .subpage article { margin: 0 0 2em 0; }
| |
- |
| |
- |
| |
- | /* CUSTOM STYLES */
| |
- |
| |
- | globalWrapper {
| |
- |
| |
- | font-size: auto !important; }
| |
- |
| |
- | content {
| |
- |
| |
- | width: 100%; padding: 0; }
| |
- |
| |
- | .container { width: 70%; max-width: 1100px; margin: 0 auto; }
| |
- |
| |
- | p { line-height: 1.5; }
| |
- |
| |
- | h1 { font-size: 3em; }}
| |
- |
| |
- | h1 span { font-size: 1em; }
| |
- |
| |
- | .editsection { font-size: 0.5em; vertical-align: bottom; line-height: 2.5; }
| |
- |
| |
- | table td { padding: 5px; width: 1000px; }
| |