Template:UIUCHeader
From 2013.igem.org
(43 intermediate revisions not shown) | |||
Line 77: | Line 77: | ||
body{ | body{ | ||
- | width: | + | width:1000px; |
- | + | background:url(https://static.igem.org/mediawiki/2013/f/fa/Hexabump_%402X.png); | |
- | background-color:#000; | + | /*background-color:#000;*/ |
margin:auto; | margin:auto; | ||
padding-top:10px; | padding-top:10px; | ||
font-family:Verdana, Geneva, sans-serif; | font-family:Verdana, Geneva, sans-serif; | ||
} | } | ||
- | + | #slides{ | |
+ | display:none; | ||
+ | width:730px; | ||
+ | padding:10px; | ||
+ | } | ||
#sandbox{ | #sandbox{ | ||
width:1000px; | width:1000px; | ||
Line 90: | Line 94: | ||
margin:auto; | margin:auto; | ||
font-family:inherit; | font-family:inherit; | ||
+ | background-color:#FFF; | ||
} | } | ||
Line 107: | Line 112: | ||
width:720px; | width:720px; | ||
margin-bottom:10px; | margin-bottom:10px; | ||
- | padding:10px; | + | padding-top:0px; |
+ | padding-left:10px; | ||
+ | padding-right:10px; | ||
+ | padding-bottom:10px; | ||
} | } | ||
Line 121: | Line 129: | ||
padding:15px; | padding:15px; | ||
text-align:justify; | text-align:justify; | ||
+ | font-size:16px; | ||
+ | font-family: 'Rosario', sans-serif; | ||
+ | } | ||
+ | |||
+ | #sponsor_text{ | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | font-family:'Rosario',sans-serif; | ||
+ | font-size:18px; | ||
} | } | ||
Line 126: | Line 143: | ||
width:180px; | width:180px; | ||
height:800px; | height:800px; | ||
- | padding-top: | + | padding-top:15px; |
padding-left:5px; | padding-left:5px; | ||
padding-right:5px; | padding-right:5px; | ||
Line 138: | Line 155: | ||
margin-bottom:10px; | margin-bottom:10px; | ||
background-color:#6F0022; | background-color:#6F0022; | ||
+ | } | ||
+ | #sponsor_outerbox{ | ||
+ | width:1000px; | ||
+ | margin-bottom:5px; | ||
+ | padding-left:30px; | ||
+ | padding-top:5px; | ||
+ | height:160px; | ||
+ | } | ||
+ | #sponsor_innerbox{ | ||
+ | float:left; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | padding-bottom:50px; | ||
+ | } | ||
+ | #bar_box{ | ||
+ | width:720px; | ||
+ | margin:auto; | ||
} | } | ||
Line 149: | Line 183: | ||
#accordion{ | #accordion{ | ||
- | + | padding-top:120px; | |
} | } | ||
Latest revision as of 06:59, 2 September 2013
/* Removing wiki-like stuff */ /* Generously provided by Team DTU Denmark*/ /****************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
/* Redesigning the topmenu */ /***************************/ body {
margin: 10px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; top: -14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
- menubar > ul > li:last-child {
display:none;}
/* Redesigning Table Of Content */ /* Generously provided by Team DTU Denmark*/ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align: left;}
- toctitle {
margin: 5px 0;}
.toc, #toc {
background-color: #F6F6F6; border: 1px solid #CCCCCC; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ float: left; width: 228px; display: block; overflow: hidden; padding: 0;}
- toc ul, .toc ul {
margin: 0 5px 5px 5px;}
.toc ul li {
padding-left: 12px; text-indent: -12px; /*width: 200px;*/}
.toc ul li ul li {
padding-left: 30px; text-indent: -24px; /*width: 170px;*/}
- toc ul ul, .toc ul ul {
margin: 0;}
.toc {
margin-left: -250px; margin-top: 20px;}
.stickBelowNavigation {
position: fixed; top: 35px; left: 50%; margin-left: -462px;}
.tochidden {
position: static; margin-left: -250px;}
/* Start of UIUC Stuff */ /*********************/ /*********************/ /*********************/
body{ width:1000px; background:url(); /*background-color:#000;*/ margin:auto; padding-top:10px; font-family:Verdana, Geneva, sans-serif; }
- slides{
display:none; width:730px; padding:10px; }
- sandbox{
width:1000px; height:auto; margin:auto; font-family:inherit; background-color:#FFF; }
- container{
width:750px; padding-top:15px;
padding-bottom:15px; padding-left:15px; padding-right:5px;
margin:auto; border:2px solid; border-color:#FFF; border-radius:25px; }
- logo_box{
width:720px; margin-bottom:10px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:10px; }
- major_image{
width:720px; padding:10px; }
- abstract{
width:720px; margin-top:10px; margin-bottom:10px; padding:15px; text-align:justify; font-size:16px; font-family: 'Rosario', sans-serif; }
- sponsor_text{
margin:auto; text-align:center; font-family:'Rosario',sans-serif; font-size:18px; }
- nav_bar{
width:180px; height:800px; padding-top:15px; padding-left:5px; padding-right:5px; background-color:#6F0022; border:2px solid; border-color:#6F0022; border-radius:25px; }
- igem{
width:160px; margin-bottom:10px; background-color:#6F0022; }
- sponsor_outerbox{
width:1000px; margin-bottom:5px; padding-left:30px; padding-top:5px; height:160px; }
- sponsor_innerbox{
float:left; padding-left:5px; padding-right:5px; padding-bottom:50px; }
- bar_box{
width:720px; margin:auto; }
.left{ float:left; }
.right{ float:right; }
- accordion{
padding-top:120px; }
.Accordion { border-left: solid 1px gray; border-right: solid 1px black; border-bottom: solid 1px gray; overflow: hidden; } .AccordionPanel { margin: 0px; padding: 0px; } .AccordionPanelTab { background-color: #CCCCCC; border-top: solid 3px black; border-bottom: solid 1px white; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; height:30px; } .AccordionPanelContent { overflow: auto; margin: 5px; padding: 0px; height: auto; } .AccordionPanelOpen .AccordionPanelTab { background-color: #EEEEEE; } .AccordionPanelTabHover { color: #903; } .AccordionPanelOpen .AccordionPanelTabHover { color: #903; } .AccordionFocused .AccordionPanelTab { background-color: #666; } .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #CCC; }
@media print {
.Accordion { overflow: visible !important; } .AccordionPanelContent { display: block !important; overflow: visible !important; height: auto !important; }
}