Line 688: | Line 688: | ||
} | } | ||
+ | /*Menu bar stuff ????? */ | ||
+ | #menubar { | ||
+ | width: auto; | ||
+ | } | ||
+ | #top-section{ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #top-section:hover{ | ||
+ | background-color: rgba(100,100,100,0.5); | ||
+ | } | ||
+ | #top-section:hover li a { | ||
+ | background-color: rgba(100,100,100,0.5); | ||
+ | color: black; | ||
+ | } | ||
+ | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar:hover{ | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Three column layout with fixed middle width - http://css-lab.com/demos/3col-fluid/3col-fix-cntr.html*/ | ||
+ | |||
+ | *{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | body:before {/*Opera Fix*/ | ||
+ | content:""; | ||
+ | height:100%; | ||
+ | float:left; | ||
+ | width:0; | ||
+ | margin-bottom:-100px;/*header height*/ | ||
+ | } | ||
+ | html{ | ||
+ | height:100%; | ||
+ | } | ||
+ | body{ | ||
+ | height:100%; | ||
+ | min-width: 1000px;/*To remove horizontal scrollbar*/ | ||
+ | overflow-x: hidden; /*To remove horizontal scrollbar*/ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2016/7/74/T--Wageningen_UR--beigeBG.jpg'); | ||
+ | background-size: 1000px; | ||
+ | font-family: verdana, geneva, sans-serif; | ||
+ | color: #000000; | ||
+ | font-size:80%; | ||
+ | } | ||
+ | |||
+ | #wrapper{ | ||
+ | min-height:100%; | ||
+ | margin-top:-50px; /*footer soak up*/ | ||
+ | position:relative;/*set as containing block for AP faux column*/ | ||
+ | |||
+ | } | ||
+ | #innerwrap{/*IE6 needs this for the AP faux column*/ | ||
+ | width:1024px; | ||
+ | overflow:visible; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header{ | ||
+ | /*border-top:50px solid #333;/*footer soak up*/ | ||
+ | margin-top: 60px; /*Change to 10 for IE*/ | ||
+ | margin-bottom: -15px; | ||
+ | margin-left: -30px; | ||
+ | height: 170px; | ||
+ | position:relative; | ||
+ | z-index: -1;/*layer it above the AP faux*/ | ||
+ | /*background:inherit;*/ | ||
+ | color:#000; | ||
+ | text-align:center; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2016/7/7c/T--Wageningen_UR--beebanner.jpg'); | ||
+ | background-size: auto 170px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | /*background-size: 200px;*/ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #left { | ||
+ | width:50%; | ||
+ | float:left; | ||
+ | margin-right:-500px; /*-half center width*/ | ||
+ | background:inherit; | ||
+ | /*border-bottom: 50px solid #97a355;*/ | ||
+ | } | ||
+ | #inner-left{ | ||
+ | margin-right:505px; /*half center column width + 5*/ | ||
+ | background:inherit;/*background:#FFF;same as body BG*/ | ||
+ | } | ||
+ | #center { | ||
+ | width:1000px; /*center column width*/ | ||
+ | float:left; | ||
+ | background:inherit; | ||
+ | position:relative; | ||
+ | z-index:3; | ||
+ | margin-top: -10px; | ||
+ | /*box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.17); */ | ||
+ | /*Could be the padding from menu or something*/ | ||
+ | /*border-radius:10px;*/ | ||
+ | /*border-width:2px; | ||
+ | border-style:dashed; | ||
+ | border-color:#473d21;*/ | ||
+ | } | ||
+ | .center_content{ | ||
+ | padding: 50px; | ||
+ | margin-bottom: 20px; | ||
+ | background:#FFFFFF; | ||
+ | color: #473D2; | ||
+ | box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);/*rgba(229, 299, 196, 0.8); */ | ||
+ | border-radius: 3px; | ||
+ | overflow: hidden; | ||
+ | } | ||
</style> | </style> | ||
Revision as of 13:47, 21 September 2016