Template:Uppsala-SwedenTemplate2
From 2011.igem.org
(Difference between revisions)
(56 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | __NOTOC__ | |
+ | <html> | ||
+ | <meta http-equiv="X-UA-Compatible" content="chrome=1"> | ||
- | < | + | <!-- Amin script --> |
+ | <script type="text/javascript"> | ||
- | + | function changeImage(name, url){ | |
- | + | if(document.images[name]){ | |
- | + | document.images[name].src = url; | |
- | + | } | |
- | + | } | |
- | + | </script> | |
- | + | <!-- end of amin script--> | |
- | < | + | |
- | |||
- | |||
- | |||
- | |||
- | < | + | <style type="text/css"> |
+ | body {} | ||
+ | body.mediawiki {background:#fff ;url(https://static.igem.org/mediawiki/2011/d/db/Uppsala.jpg) top center repeat-y; font-family:Helvetica, Arial, sans-serif; color:#202020;border:20;} | ||
+ | #content {width:976px; padding:0;background:#fff url(https://static.igem.org/mediawiki/2011/d/db/Uppsala.jpg ) bottom center repeat-x;} | ||
+ | #bodyContent {} | ||
+ | h1.firstHeading, #top {display:none;} | ||
+ | #content * a:hover {text-decoration:none;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | .hp {width:100%; position:relative;} | ||
+ | .fh {height:100%; position:relative;} | ||
+ | .container {font-size:1.2em; line-height:1.6em;} | ||
+ | .container_16 {margin-left: auto;margin-right: auto;width: 976px;} | ||
+ | .grid_cell,.grid_Blue,.grid_Green,.grid_Red,.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;} | ||
+ | .alpha {padding-left:0;} | ||
+ | .omega {padding-right:0;} | ||
+ | .container_16 .grid_cell{ | ||
+ | width:170px;font-family:Helvetica, Arial, sans-serif; color:#202020;border:1px solid #F2F2F2;background: #F2F2F2; | ||
+ | } | ||
+ | .container_16 .grid_Blue { | ||
+ | font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px; | ||
+ | background: #3B5998; | ||
+ | width:170px;} | ||
+ | .container_16 .grid_Red { | ||
+ | font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px; | ||
+ | background: #BF0404; | ||
+ | width:170px;} | ||
+ | .container_16 .grid_Green { | ||
+ | font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px; | ||
+ | background: #05B65E; | ||
+ | width:170px;} | ||
- | + | .container_16 .grid_1 {width:41px;} | |
+ | .container_16 .grid_2 {width:102px;} | ||
- | + | .container_16 .grid_3 { | |
+ | -webkit-transform: rotate(10deg) scale(1) skew(1deg) translate(0px); | ||
+ | -moz-transform: rotate(10deg) scale(1) skew(1deg) translate(0px); | ||
+ | -o-transform: rotate(10deg) scale(1) skew(1deg) translate(0px); | ||
+ | border:double 6px #000000; | ||
+ | -moz-border-radius: 24px; | ||
+ | -webkit-border-radius: 24px; | ||
+ | border-radius: 24px; | ||
+ | -moz-box-shadow: 10px 10px 5px #000000; | ||
+ | -webkit-box-shadow: 10px 10px 5px #000000; | ||
+ | box-shadow: 10px 10px 5px #000000; | ||
- | + | ||
+ | |||
+ | /*margin-right:61px;*/ | ||
+ | width:263px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#FE878A), | ||
+ | color-stop(50%, #E71616), color-stop(80%, #800000), | ||
+ | color-stop(85%, #800000), to(#b80304));} | ||
+ | |||
+ | .container_16 .grid_3:hover { | ||
+ | -webkit-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px); | ||
+ | -moz-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px); | ||
+ | -o-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px); | ||
+ | border:double 6px #000000; | ||
+ | -moz-border-radius: 24px; | ||
+ | -webkit-border-radius: 24px; | ||
+ | border-radius: 24px; | ||
+ | -moz-box-shadow: 10px 10px 5px #000000; | ||
+ | -webkit-box-shadow: 10px 10px 5px #000000; | ||
+ | box-shadow: 10px 10px 5px #000000; | ||
+ | |||
+ | |||
+ | |||
+ | /*margin-right:61px;*/ | ||
+ | width:263px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#FE878A), | ||
+ | color-stop(50%, #E71616), color-stop(80%, #800000), | ||
+ | color-stop(85%, #800000), to(#b80304));} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .container_16 .grid_4 {width:224px;} | ||
+ | .container_16 .grid_5 { | ||
+ | -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); | ||
+ | -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); | ||
+ | -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); | ||
+ | border:double 6px #000000; | ||
+ | -moz-border-radius: 24px; | ||
+ | -webkit-border-radius: 24px; | ||
+ | border-radius: 24px; | ||
+ | -moz-box-shadow: 10px 10px 5px #000000; | ||
+ | -webkit-box-shadow: 10px 10px 5px #000000; | ||
+ | box-shadow: 10px 10px 5px #000000; | ||
+ | color:red; | ||
+ | |||
+ | |||
+ | /*margin-right:61px;*/ | ||
+ | width:285px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #ffff40, #ffa000 50%, #FFFFFF); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#ffff40), | ||
+ | color-stop(50%, #ffa000), to(#FFFFFF)); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*width:285px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background:yellow center center;*/} | ||
+ | |||
+ | .container_16 .grid_5:hover { | ||
+ | -webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); | ||
+ | -moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); | ||
+ | -o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); | ||
+ | border:double 6px #000000; | ||
+ | -moz-border-radius: 24px; | ||
+ | -webkit-border-radius: 24px; | ||
+ | border-radius: 24px; | ||
+ | -moz-box-shadow: 10px 10px 5px #000000; | ||
+ | -webkit-box-shadow: 10px 10px 5px #000000; | ||
+ | box-shadow: 10px 10px 5px #000000; | ||
+ | color:red; | ||
+ | |||
+ | |||
+ | /*margin-right:61px;*/ | ||
+ | width:285px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #ffff40, #ffa000 50%, #FFFFFF); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#ffff40), | ||
+ | color-stop(50%, #ffa000), to(#FFFFFF));} | ||
+ | |||
+ | .container_16 .grid_6 { | ||
+ | |||
+ | -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); | ||
+ | -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); | ||
+ | -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); | ||
+ | border:double 6px #000000; | ||
+ | -moz-border-radius: 14px; | ||
+ | -webkit-border-radius: 24px; | ||
+ | border-radius: 24px; | ||
+ | -moz-box-shadow: 10px 10px 5px #000000; | ||
+ | -webkit-box-shadow: 10px 10px 5px #000000; | ||
+ | box-shadow: 10px 10px 5px #000000; | ||
+ | |||
+ | |||
+ | |||
+ | /*margin-right:61px;*/ | ||
+ | width:285px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#0060a0), | ||
+ | color-stop(40%,#0020ff), to(#00c0c0)); | ||
+ | width:346px; | ||
+ | /*border:1px solid blue; | ||
+ | background:blue center center;*/} | ||
+ | .container_16 .grid_6:hover { | ||
+ | -webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); | ||
+ | -moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); | ||
+ | -o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); | ||
+ | border:double 6px #000000; | ||
+ | -moz-border-radius: 24px; | ||
+ | -webkit-border-radius: 24px; | ||
+ | border-radius: 24px; | ||
+ | -moz-box-shadow: 10px 10px 5px #000000; | ||
+ | -webkit-box-shadow: 10px 10px 5px #000000; | ||
+ | box-shadow: 10px 10px 5px #000000; | ||
+ | |||
+ | |||
+ | |||
+ | /*margin-right:61px;*/ | ||
+ | width:285px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | border:1px solid blue; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#0060a0), | ||
+ | color-stop(40%,#0020ff), to(#00c0c0)); | ||
+ | width:346px; | ||
+ | /*width:346px;opacity:1; | ||
+ | filter:alpha(opacity=100); | ||
+ | filter: “alpha(opacity=100)”; | ||
+ | border:1px solid blue; | ||
+ | background:blue center center;*/} | ||
+ | .container_16 .grid_7 {width:407px;} | ||
+ | .container_16 .grid_8 {width:368px;} | ||
+ | .container_16 .grid_9 {width:529px;} | ||
+ | .container_16 .grid_10 {width:590px;} | ||
+ | .container_16 .grid_11 {width:665px;} | ||
+ | .container_16 .grid_12 {width:712px;} | ||
+ | .container_16 .grid_13 {width:773px;} | ||
+ | .container_16 .grid_14 {width:834px;} | ||
+ | .container_16 .grid_15 {width:895px;} | ||
+ | .container_16 .grid_16 {width:956px;} | ||
+ | .container_16 .grid_17 { | ||
+ | width:163px;opacity:1;} | ||
+ | .container_16 .prefix_1 {margin-left:61px;} | ||
+ | .container_16 .prefix_2 {margin-left:122px;} | ||
+ | .container_16 .prefix_3 {margin-left:183px;} | ||
+ | .container_16 .prefix_4 {margin-left:0px;} | ||
+ | .container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px; | ||
+ | -webkit-border-radius: 330px 350px; | ||
+ | border-radius: 330px/350px; | ||
+ | background: #800; | ||
+ | background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#FE878A), | ||
+ | color-stop(50%, #E71616), color-stop(80%, #800000), | ||
+ | color-stop(85%, #800000), to(#b80304));*/} | ||
+ | .wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;} | ||
+ | .wrap_3 {float:left; display:inline; width:183px;position:relative; padding:0; margin:0;} | ||
+ | .wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;} | ||
+ | |||
+ | .clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0; height: 0;} | ||
+ | .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;} | ||
+ | .clearfix {display: inline-block;} | ||
+ | * html .clearfix {height: 1%;} | ||
+ | .clearfix {display: block;} | ||
+ | |||
+ | .round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); } | ||
+ | |||
+ | h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px #996E6E solid;font-family:"Arial Black", "Helvetica", sans-serif; margin-bottom:10px; margin-top:10px; padding-bottom: 5px; letter-spacing: 0.075em;} | ||
+ | h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;} | ||
+ | .und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;} | ||
+ | h3,h4,h5,h6 {text-transform:lowercase;} | ||
+ | h1 {font-size:16px; color:#1B0C24; padding-bottom:0;} | ||
+ | h2,h3 {font-size:14px; padding-bottom:2px;} | ||
+ | h2 {color:#291D28;} | ||
+ | h3 {color:#371E46;} | ||
+ | h4 {font-size:13px; padding-bottom:3px; color#604040;} | ||
+ | h5, h6 {font-size:12px; padding-bottom:4px;} | ||
+ | h5 {color:#806060;} | ||
+ | h6 {color:#996E6E;} | ||
+ | div.sponsortitle h3 {border-bottom:none; text-decoration: underline;} | ||
+ | .editsection, .editsection a {font-size:10px; color:#96B2B5;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .hidden {visibility:hidden;} | ||
+ | .gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;} | ||
+ | .white {font-size:15; color:#FFFFFF; font-family:serif;} | ||
+ | .grey {color:#666; font-family:serif; font-style:italic;} | ||
+ | .blu {background:#86D6EF;} | ||
+ | |||
+ | .container_16 #Uppsalabanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;} | ||
+ | .container_16 #Uppsalabanner .grid_12 {width:717px; padding:0;margin-left:5px; margin-right:10px;} | ||
+ | #sub_menu {height:200px;} | ||
+ | #Uppsalabanner {} | ||
+ | #mainlogo {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;} | ||
+ | #maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat;} | ||
+ | #Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) bottom left no-repeat;} | ||
+ | #banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.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;} | ||
+ | .banner {height:200px;display:block;} | ||
+ | #Uppsalaabout {height:322px; background:url(https://static.igem.org/mediawiki/2011/3/33/Uppsalaabout.jpg) top left no-repeat;} | ||
+ | .about {height:322px; background:url(https://static.igem.org/mediawiki/2011/a/ab/Uppsalasidelogo.jpg) top left no-repeat;} | ||
+ | #Uppsalaproject {height:360px; background:url(https://static.igem.org/mediawiki/2011/f/f6/Uppsalaplaque.jpg) top center no-repeat;} | ||
+ | #Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;} | ||
+ | |||
+ | #mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/b/bb/UppsalaBannerfinal.png) left top no-repeat;} | ||
+ | .maincontent {margin-top:-50px;} | ||
+ | |||
+ | |||
+ | #menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:0px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/} | ||
+ | #menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:0px;} | ||
+ | #menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/} | ||
+ | #menu .link.hide:hover, #menu .link.hide {background:transparent;} | ||
+ | #menu .link a {color:#404040; padding:0 0px 0px; display:inline-block;} | ||
+ | #menu .link .selflink {color:#426e9f; padding-top:0px;padding-bottom:0px; border-bottom:0px #68BADA solid; } | ||
+ | #menu .link a:hover {color:#202020; padding-top:0px;padding-bottom:0px; border-bottom:0px #426e96 solid;} | ||
+ | #menu.main {} | ||
+ | |||
+ | .selflink {color:#202020; font-weight:bold;} | ||
+ | |||
+ | #Uppsalacontent {padding-bottom:15px; margin-top:15px;margin-bottom:15px; font-family:Gill Sans / Gill Sans MT, "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:both;} | ||
+ | .bold {font-weight:600;color:#202020;} | ||
+ | .small {font-size:50%;} | ||
+ | .serif {font-family:"Palatino","Times New Roman", Times, serif;} | ||
+ | .textright{text-align:right;} | ||
+ | .right {float:right;} | ||
+ | .textjustify {text-align:justify;} | ||
+ | span.sup {vertical-align:super; line-height:0.25em; font-size:0.8em;} | ||
+ | span.sub {vertical-align:sub; line-height:0.25em; font-size:0.8em;} | ||
+ | span.source {font-size:50%; color:#666; line-height:0.8em;} | ||
+ | |||
+ | h1 span.title {letter-spacing:0.03em; font-size:175%; font-family:Helvetica, sans-serif; color:#436e96; font-weight:bold;} | ||
+ | .title {font-weight:100;font-family:"Century Gothic","ITC Avant Garde Gothic", "Avant Garde","Gill Sans", "Gill Sans MT", "Helvetica", sans-serif; letter-spacing:-0.075em; font-size:300%; color:#141414; display:block; display:inline-block; padding-bottom:11px; margin-bottom:10px; padding-top:6px;} | ||
+ | .title span.bold {color:#202020;} | ||
+ | |||
+ | #content #submenu{margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;} | ||
+ | #content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;} | ||
+ | #content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;} | ||
+ | #content #submenu .selflink {color:#426e96; margin:0 2px;} | ||
+ | #submenu .subtitle span {display:block; padding:2px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#e0e0e0; letter-spacing:0.1em;} | ||
+ | #submenu .contrast {background:#404040;} | ||
+ | #submenu .subtitle {margin-bottom:5px;} | ||
+ | <!-- Changing the face --> | ||
+ | .profile img { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .profile a.member { | ||
+ | cursor:default; | ||
+ | display:block; | ||
+ | text-decoration:none; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .profile a.member { | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:0 7px; | ||
+ | } | ||
+ | |||
+ | <!-- End of face css --> | ||
+ | |||
+ | .spiffy{display:block} | ||
+ | .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#202020} | ||
+ | .spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #959595;border-right:1px solid #959595; background:#464646} | ||
+ | .spiffy2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#373737} | ||
+ | .spiffy3{margin-left:1px; margin-right:1px; border-left:1px solid #373737; border-right:1px solid #373737;} | ||
+ | .spiffy4{ border-left:1px solid #959595;border-right:1px solid #959595} | ||
+ | .spiffy5{border-left:1px solid #464646; border-right:1px solid #464646} | ||
+ | .spiffyfg{background:#202020} | ||
+ | #tock {float:left; padding:0 20px 0 0; background:transparent; margin:5px 5px 25px 0px;} | ||
+ | #toc {width:200px; position:relative; border:0; padding:5px; background:#202020;} | ||
+ | #content #toc a {color:#a0a0a0; font-weight:normal;} | ||
+ | #content #toc a:hover {color:#e0e0e0; text-decoration:none;} | ||
+ | #toc ul {margin-top:2px; margin-bottom:2px;} | ||
+ | li.toclevel-2,li.toclevel-3 {display:block; position:relative; margin-left:-15px;} | ||
+ | #toctitle h2, #toctitle{color:#e0e0e0; font-size:14px; text-transform:lowercase; font-weight:normal; letter-spacing: 0.075em;} | ||
+ | #toctitle a {font-size:8px;} | ||
+ | .tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;} | ||
+ | |||
+ | <!-- new submenu--> | ||
+ | #floatMenu { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | margin-left:0px; | ||
+ | width:180px; | ||
+ | min-height:100%; | ||
+ | height:200px; | ||
+ | z-index:-16; | ||
+ | } | ||
+ | #floatMenu ul { | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | #floatMenu ul li a { | ||
+ | display:block; | ||
+ | border:1px solid #999; | ||
+ | background-color:#222; | ||
+ | border-left:6px solid #999; | ||
+ | text-decoration:none; | ||
+ | color:#ccc; | ||
+ | padding:5px 5px 5px 25px; | ||
+ | } | ||
+ | #floatMenu ul li a:hover { | ||
+ | color:#fff; | ||
+ | background-color:#333333; | ||
+ | } | ||
+ | #floatMenu ul.menu1 li a:hover { | ||
+ | border-color:#09f; | ||
+ | } | ||
+ | #floatMenu ul.menu2 li a:hover { | ||
+ | border-color:#9f0; | ||
+ | } | ||
+ | #floatMenu ul.menu3 li a:hover { | ||
+ | border-color:#f09; | ||
+ | } | ||
+ | <!-- end of new submenu--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #Uppsalafooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;} | ||
+ | .contrast {background:#202020; color:#bfbecc;} | ||
+ | |||
+ | |||
+ | |||
+ | #ram | ||
+ | { | ||
+ | border-style:solid; | ||
+ | padding-left:20px; | ||
+ | padding-right:20px; | ||
+ | } | ||
+ | |||
+ | <!--START FOOTER--> | ||
+ | |||
+ | html, body {height: 100%;} | ||
+ | |||
+ | #wrap {min-height: 100%;} | ||
+ | |||
+ | #main {overflow:auto; | ||
+ | padding-bottom: 150px;} /* must be same height as the footer */ | ||
+ | |||
+ | #footy { | ||
+ | background-color:#ffffff; | ||
+ | position: relative; | ||
+ | margin-top: -250px; /* negative value of footer height */ | ||
+ | margin-bottom: -25px; | ||
+ | height: 250px; | ||
+ | clear:both; | ||
+ | border-top: 2px solid #8b8b8b; | ||
+ | } | ||
+ | |||
+ | /*Opera Fix*/ | ||
+ | body:before { | ||
+ | content:""; | ||
+ | height:100%; | ||
+ | float:left; | ||
+ | width:0; | ||
+ | margin-top:-32767px;/ | ||
+ | } | ||
+ | |||
+ | <!--END FOOTER--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ------------------- | ||
+ | /*Wikihack*/ | ||
+ | |||
+ | |||
+ | /* it's in my file*/ | ||
+ | |||
+ | ------------------ | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | .container_16 {background:0; overflow:auto; font-size:92.5%;} | ||
+ | #content #submenu .subtitle, #content #submenu .submenu a {font-size:90%} | ||
+ | #menu .link {font-size:11px;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | <!--[if lte IE 6]> | ||
+ | <style type="text/css"> | ||
+ | body {display:none; visibility:hidden;} | ||
+ | * {text-align:center; display:none;} | ||
+ | #content {display:none; visibility:hidden;} | ||
+ | html .container_16 {background:0; overflow:auto; width:980px; display:none; visibility: hidden;} | ||
+ | #content #submenu{font-size:90%;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | |||
+ | |||
+ | <!--[if !IE 7]> | ||
+ | <style type="text/css"> | ||
+ | #wrap {display:table;height:100%} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript"><!--//--><![CDATA[//><!-- | ||
+ | |||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" sfhover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | |||
+ | //--><!]]></script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </html> | ||
+ | |||
+ | <div class="container_16"> |
Latest revision as of 14:09, 16 August 2011