Template:Uppsala-SwedenTemplate
From 2011.igem.org
(Difference between revisions)
(23 intermediate revisions not shown) | |||
Line 28: | Line 28: | ||
<!--- slide show ---> | <!--- slide show ---> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
- | |||
- | |||
<script type="text/javascript" src="https://2011.igem.org/Team:Uppsala-Sweden/jquery.nivo.slider.pack.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:Uppsala-Sweden/jquery.nivo.slider.pack.js?action=raw&ctype=text/js"></script> | ||
+ | <script type='text/javascript' src="https://2011.igem.org/Team:Uppsala-Sweden/jquery.jqzoom-core.js?action=raw&ctype=text/js"></script> | ||
<!--- end of slid show ---> | <!--- end of slid show ---> | ||
+ | |||
Line 42: | Line 42: | ||
h1.firstHeading, #top {display:none;} | h1.firstHeading, #top {display:none;} | ||
#content * a:hover {text-decoration:none;} | #content * a:hover {text-decoration:none;} | ||
+ | |||
+ | <!--- zoom --> | ||
+ | .zoomPad{ | ||
+ | |||
+ | position:relative; | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | z-index:99; | ||
+ | |||
+ | cursor:crosshair; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .zoomPreload{ | ||
+ | |||
+ | -moz-opacity:0.8; | ||
+ | |||
+ | opacity: 0.8; | ||
+ | |||
+ | filter: alpha(opacity = 80); | ||
+ | |||
+ | color: #333; | ||
+ | |||
+ | font-size: 12px; | ||
+ | |||
+ | font-family: Tahoma; | ||
+ | |||
+ | text-decoration: none; | ||
+ | |||
+ | border: 1px solid #CCC; | ||
+ | |||
+ | background-color: white; | ||
+ | |||
+ | padding: 8px; | ||
+ | |||
+ | text-align:center; | ||
+ | |||
+ | background-image: url(https://static.igem.org/mediawiki/2011/e/ec/Zoomloader.gif); | ||
+ | |||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | background-position: 43px 30px; | ||
+ | |||
+ | z-index:110; | ||
+ | |||
+ | width:90px; | ||
+ | |||
+ | height:43px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | top:0px; | ||
+ | |||
+ | left:0px; | ||
+ | |||
+ | * width:100px; | ||
+ | |||
+ | * height:49px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .zoomPup{ | ||
+ | |||
+ | overflow:hidden; | ||
+ | |||
+ | background-color: #FFF; | ||
+ | |||
+ | -moz-opacity:0.6; | ||
+ | |||
+ | opacity: 0.6; | ||
+ | |||
+ | filter: alpha(opacity = 60); | ||
+ | |||
+ | z-index:120; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | border:1px solid #CCC; | ||
+ | |||
+ | z-index:101; | ||
+ | |||
+ | cursor:crosshair; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .zoomOverlay{ | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | left:0px; | ||
+ | |||
+ | top:0px; | ||
+ | |||
+ | background:#FFF; | ||
+ | |||
+ | /*opacity:0.5;*/ | ||
+ | |||
+ | z-index:5000; | ||
+ | |||
+ | width:100%; | ||
+ | |||
+ | height:100%; | ||
+ | |||
+ | display:none; | ||
+ | |||
+ | z-index:101; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .zoomWindow{ | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | left:110%; | ||
+ | |||
+ | top:40px; | ||
+ | |||
+ | background:#FFF; | ||
+ | |||
+ | z-index:6000; | ||
+ | |||
+ | height:auto; | ||
+ | |||
+ | z-index:10000; | ||
+ | |||
+ | z-index:110; | ||
+ | |||
+ | } | ||
+ | |||
+ | .zoomWrapper{ | ||
+ | |||
+ | position:relative; | ||
+ | |||
+ | border:1px solid #999; | ||
+ | |||
+ | z-index:110; | ||
+ | |||
+ | } | ||
+ | |||
+ | .zoomWrapperTitle{ | ||
+ | |||
+ | display:block; | ||
+ | |||
+ | background:#999; | ||
+ | |||
+ | color:#FFF; | ||
+ | |||
+ | height:18px; | ||
+ | |||
+ | line-height:18px; | ||
+ | |||
+ | width:100%; | ||
+ | |||
+ | overflow:hidden; | ||
+ | |||
+ | text-align:center; | ||
+ | |||
+ | font-size:10px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | top:0px; | ||
+ | |||
+ | left:0px; | ||
+ | |||
+ | z-index:120; | ||
+ | |||
+ | -moz-opacity:0.6; | ||
+ | |||
+ | opacity: 0.6; | ||
+ | |||
+ | filter: alpha(opacity = 60); | ||
+ | |||
+ | } | ||
+ | |||
+ | .zoomWrapperImage{ | ||
+ | |||
+ | display:block; | ||
+ | |||
+ | position:relative; | ||
+ | |||
+ | overflow:hidden; | ||
+ | |||
+ | z-index:110; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .zoomWrapperImage img{ | ||
+ | |||
+ | border:0px; | ||
+ | |||
+ | display:block; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | z-index:101; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .zoomIframe{ | ||
+ | |||
+ | z-index: -1; | ||
+ | |||
+ | filter:alpha(opacity=0); | ||
+ | |||
+ | -moz-opacity: 0.80; | ||
+ | |||
+ | opacity: 0.80; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | display:block; | ||
+ | |||
+ | } | ||
+ | <!--- end of zoom ---> | ||
<!----new--> | <!----new--> | ||
Line 184: | Line 416: | ||
.container_16 .grid_cell{ | .container_16 .grid_cell{ | ||
width:200px;font-family:Helvetica, Arial, sans-serif; color:#202020;} | width:200px;font-family:Helvetica, Arial, sans-serif; color:#202020;} | ||
+ | .container_16 .grid_Orange_thin { | ||
+ | background: #FF9C09; | ||
+ | width:100%; | ||
+ | height:30px;} | ||
+ | .container_16 .grid_Blue_thin { | ||
+ | background: #3B5998; | ||
+ | width:100%; | ||
+ | height:30px;} | ||
+ | .container_16 .grid_Red_thin { | ||
+ | background: #BF0404; | ||
+ | width:100%; | ||
+ | height:30px;} | ||
+ | .container_16 .grid_Green_thin { | ||
+ | background: #00BC6A; | ||
+ | width:100%; | ||
+ | height:30px;} | ||
.container_16 .grid_Blue { | .container_16 .grid_Blue { | ||
background: #3B5998; | background: #3B5998; | ||
Line 190: | Line 438: | ||
.container_16 .grid_Red { | .container_16 .grid_Red { | ||
background: #BF0404; | background: #BF0404; | ||
- | width: | + | width:100%; |
height:50px;} | height:50px;} | ||
.container_16 .grid_Green { | .container_16 .grid_Green { | ||
background: #05B65E; | background: #05B65E; | ||
- | width: | + | width:100%; |
height:50px;} | height:50px;} | ||
.container_16 .grid_content_Blue { | .container_16 .grid_content_Blue { | ||
Line 437: | Line 685: | ||
#mainlogo {height:210px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) top center no-repeat;} | #mainlogo {height:210px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) top center no-repeat;} | ||
#Igemlogo {height:79px; top left no-repeat;border:2px 2px 2px 2px single #3B5998;} | #Igemlogo {height:79px; top left no-repeat;border:2px 2px 2px 2px single #3B5998;} | ||
- | #maincontent {height: | + | #maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) right top no-repeat;} |
- | #Uppsalalogo {height: | + | #Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) bottom left no-repeat;} |
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) center center no-repeat; clear:both; position:relative;} | #banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) center center no-repeat; clear:both; position:relative;} | ||
#Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;} | #Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;} | ||
Line 574: | Line 822: | ||
#main {overflow:auto; | #main {overflow:auto; | ||
- | padding-bottom: | + | padding-bottom: 350px;} /* must be same height as the footer */ |
#footy { | #footy { | ||
background-color:#ffffff; | background-color:#ffffff; | ||
position: relative; | position: relative; | ||
- | margin-top: - | + | margin-top: -350px; /* negative value of footer height */ |
margin-bottom: -25px; | margin-bottom: -25px; | ||
- | height: | + | height: 350px; |
clear:both; | clear:both; | ||
border-top: 2px solid black; | border-top: 2px solid black; | ||
Line 799: | Line 1,047: | ||
------------------- | ------------------- | ||
/*Wikihack*/ | /*Wikihack*/ | ||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | padding-bottom:0px; | ||
+ | border: none; | ||
+ | } | ||
+ | #content { | ||
+ | background-color: white; | ||
+ | border:none; | ||
+ | padding-bottom:none; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: 14px; | ||
+ | margin-top: -14px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-bottom: 10px; | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | } | ||
+ | #p-logo { | ||
+ | height:1px; | ||
+ | overflow:hidden; | ||
+ | border:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | .left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} | ||
+ | .left-menu ul { border: none; } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-62px; | ||
+ | padding-left:50px; | ||
+ | border: none; | ||
+ | right:50px; | ||
+ | } | ||
+ | .right-menu ul { border: none;} | ||
+ | |||
+ | #menubar li a{ | ||
+ | color:#73a631; | ||
+ | } | ||
+ | |||
+ | #menubar li a:hover { | ||
+ | color:#73a631; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | #menubar li.selected a { | ||
+ | color:#555555; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: white; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom:none; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-color:white; | ||
+ | } .firstHeading { display: none;} | ||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
/* it's in my file*/ | /* it's in my file*/ |
Latest revision as of 15:20, 28 October 2011