Template:Team:Warwick/global.css
From 2014.igem.org
(Difference between revisions)
Hassanc (Talk | contribs)
(Created page with "body { background-image: url(https://static.igem.org/mediawiki/2014/d/d3/Warwick_Poster_design_3_background.png); background-size:100%; background-r...")
Newer edit →
(Created page with "body { background-image: url(https://static.igem.org/mediawiki/2014/d/d3/Warwick_Poster_design_3_background.png); background-size:100%; background-r...")
Newer edit →
Revision as of 15:54, 16 October 2014
body {
background-image: url(); background-size:100%; background-repeat: no-repeat; background-size:100% auto; background-attachment: fixed; background-top: 0px; width:100%; height:100%; font-family: 'Open Sans', sans-serif; background-color: #F2F2F2; } #pageWrapper { width: 1200px; }
.headerImage { margin: 10px; clear:both; }
#mainMenuBar { list-style:none; width:100%; float:left; clear:both; font-weight:bold; font-family: 'Dosis', sans-serif; font-size: 22px; background-color: #96c997; border-radius: 5px; /* Rounded edges on the menu box */ padding: 5px 0; margin-bottom: 10px; /* Empty space under the menu bar */ }
#mainMenuBar li { padding: 15px 15px 0 0; /* The gap between menu items */ display: inline; list-style: none; /* float:left; position:relative; */ }
#mainMenuBar a { /* display:block; */ padding:5px; text-decoration:none; color: #232323; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
#mainMenuBar a:hover { text-shadow: 0px 0px 6px #94FF70; text-decoration: none; color: #EFFFEF; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; } #secondaryMenu { list-style:none; width:100%; float:left; clear:both; font-weight:bold; font-family: 'Dosis', sans-serif; font-size: 22px; background-color: #96c997; border-radius: 5px; /* Rounded edges on the menu box */ padding: 5px 0; margin-bottom: 10px; /* Empty space under the menu bar */ } #secondaryMenu li { padding: 15px 15px 0 0; /* The gap between menu items */ display: inline; list-style: none; /* float:left; position:relative; */ }
#secondaryMenu a { /* display:block; */ padding:5px; text-decoration:none; color: #232323; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
#secondaryMenu a:hover { text-shadow: 0px 0px 6px #94FF70; text-decoration: none; color: #EFFFEF; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; } li span { color:red; } /* To allow for colouring of menu items when on their page */ #pageContentWrapper { float:left; clear: both; background-color: white; border-radius: 5px; /* Rounded edges on the menu box */
} #pageContent { padding: 20px; }
/* GENERAL HEADERS */ #pageContent h1 { float: left; clear:both; color: #232323; padding: 6px 0; margin-bottom: 3px; text-align: left; text-decoration: none; font-family: 'Dosis', sans-serif; border-bottom: solid 2px #232323; }
/* GENERAL PARAGRAPHS */ #pageContent p{ float:left; padding: 0; margin: 0; text-align: left; } /* GENERAL LISTS */ #pageContent ul {
list-style: disc; padding: 0; margin: 0; margin-left: 40px; float: left; clear: both; line-height: 18px; } #pageContent li { padding: 0; margin: 0; text-align: left; }
/* GENERAL IMAGES */ .floatLeft{ float: left; padding: 5px; padding-left: 0; }
.floatRight{ float: right; padding: 5px; padding-right: 0; } /* Border removal */ #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}
#top-section { border: none; height: 0} #content { border: none;}
/* Removes "teams" from the menubar */
#menubar > ul > li:last-child {
display: none; }
/* Resizes the menubar to fix the links (default is 400px) */
#menubar {
width: auto; } /* Transparency and hover functionality for menubar (so much troubleshooting!) */ #menubar:hover { background-color: #96c997; } #menubar li a:link {; color: #F2F2F2; } #menubar li a:visited {; color: #F2F2F2; } #menubar li a:hover { color: red; } #leftBoxx { width: 40%; float: left; padding: 20px; border: 20px green; margin: 0; } #rightBoxx { width: 40%; float: right; padding: 20px; border: 20px green; margin: 0; }