Team:Uppsala/stylesheet.css
From 2014.igem.org
- footer-box {
width: 950px; background-color: white; margin-left:auto; margin-right:auto; border:none; }
- globalWrapper {
background-color: white; padding:0; margin:0; }
- contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {
display: none;
}
- top-section {
border: none; height: 0px;
}
- content {
border: none; width: 99.5%; height: 99.5%; background-image: url(""); overflow: auto; repeat-x;
}
/* The code above clears media wikis default code */
- master {
width: 100%; min-height: 1000px; border: 1px solid #000; }
- main_frame_upper {
width: 100%; background-color: #f4f4f4;
}
- header {
width: 950px; margin-left: auto; margin-right: auto;
}
- left_content_header {
float: left; width: 410px;
padding-bottom: 57px;
}
- right_content_header {
float: right; padding-bottom: 40px;
}
- navbar {
position:absolute; top: 175px;
left:0; right:0; margin-left:auto; margin-right:auto;
text-align: center; z-index: 2;
width: 950px;
}
- border {
width: 100%; height: 20px; background-color: #348aff; clear: both;
}
- main_frame_lower {
border: none;
width: 99.5%; height: 99.5%;
width: 100%; }
- main_content {
background-color: #fff; width: 910px; min-height: 400px; margin-right: auto; margin-left: auto;
padding-top: 50px; padding-right: 20px; padding-left: 20px;
}
- tracking_system {
width: 100%; height: 100px; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */ border: 1px solid; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */
}
- custom_footer {
width: 100%; border-top: 30px solid #818181; height: 400px;
background-color: #fff; bottom: 0;
}
.logo {
width: 300px; }
.pic {
width: 300px; }
/* Navbar code begins */ nav {
display: block; width: 100%; margin-left: auto; margin-right: auto;
}
nav ul ul { display: none; }
nav ul li:hover > ul { display: block; }
nav ul {
background: #348aff; /*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */ /*padding: 0 20px;*/ /*border-radius: 10px; */
list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; }
nav ul li {
float: left; padding: 0; margin: 0; } nav ul li:hover { background: #4b545f; /*background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); */ } nav ul li:hover a { color: #fff; }
nav ul li a { display: block; padding: 17px 28.45px; color: #fff; text-decoration: none; }
nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 28.45px; color: #fff; } nav ul ul li a:hover { background: #4b545f; }
nav ul ul ul { position: absolute; left: 100%; top:0; }
/* Navbar code ends */
/* css reset */
/* 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;
- /
} /* HTML5 display-role reset for older browsers */ 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; }
p.activeToggle {
padding-left: 17px; background-image: url('https://static.igem.org/mediawiki/2010/5/56/Team_TU_Munich2010_Images_Arrow_close_small.jpg'); background-repeat: no-repeat; background-position: center left;
} a.toggle_close {
padding-left: 17px; background-image: url('https://static.igem.org/mediawiki/2010/5/5d/Team_TU_Munich2010_Images_Cross_small.jpg'); background-repeat: no-repeat; background-position: center left; float: left; text-align: left;
} div.toggle_container {
border-left: 1px solid #4E9D20; padding-left: 7px; margin-left: 5px; margin-bottom: 25px;
}
/* panel */
.test-float { float: left; width: 300px; }
.test-float-right { float: right; width: 300px; }
.panel {
background: #eee; margin: 0px; padding: 0px 0px 0px; width: 910px; border: 1px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.panelcollapsed { background: #eee; margin: 0px; padding: 0px 0px 0px; width: 130px; border: 1px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* panel heading */
.panel h2
{ font-size: 18px; font-weight: normal; margin: 0px; padding: 4px; background: #CCC url(image/arrow-up.gif) no-repeat 880px; border-bottom: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #FFF; }
.panelcollapsed h2 { font-size: 18px; font-weight: normal; margin: 0px; padding: 4px; background: #CCC url(image/arrow-up.gif) no-repeat 110px; border-bottom: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #FFF; }
/* panel heading on rollover */ .panel h2:hover, .panelcollapsed h2:hover { background-color: #A9BCEF; }
/* heading of a collapsed panel */ .panelcollapsed h2 { background: #CCC url(image/arrow-dn.gif) no-repeat 110px; border-color: #CCC; }
/* panel content - do not set borders or paddings */ .panelcontent { background: #EEE; overflow: hidden; }
/* collapsed panel content */ .panelcollapsed .panelcontent { display: none; }
.sponsors{ opacity:0.6; width: 150px; } .sponsors:Hover{ opacity:1; } .centerThis{ text-align: center; } .sponsorTable{ margin-left: 85px; width: 100%; } .sponsorTable td{ width:400px; padding: 20px; }