"
Template:Team:KULeuven/Stylesheet
From 2009.igem.org
(Difference between revisions)
Bart Bosmans (Talk | contribs) |
|||
| (110 intermediate revisions not shown) | |||
| Line 307: | Line 307: | ||
background: #ffffe8; | background: #ffffe8; | ||
border: 2px solid #ffddaa; | border: 2px solid #ffddaa; | ||
| - | |||
font-size: 200%; | font-size: 200%; | ||
| + | font-weight: bold; | ||
| + | color: #777; | ||
| + | |||
| + | } | ||
| + | div#sponsor.gold{ | ||
| + | position: relative; | ||
| + | width: 136px; | ||
| + | border: none; | ||
| + | border-bottom: 2px solid #ffddaa; | ||
| + | border-top: 2px solid #ffddaa; | ||
| + | text-align:center; | ||
| + | font-size: 85%; | ||
| + | color: #D4AF37; | ||
| + | margin-bottom: 5px; | ||
| + | padding: 2px 0px 2px 0px; | ||
| + | } | ||
| + | |||
| + | div#sponsor.silver { | ||
| + | position: relative; | ||
| + | width: 136px; | ||
| + | border: none; | ||
| + | border-bottom: 2px solid #ffddaa; | ||
| + | border-top: 2px solid #ffddaa; | ||
| + | text-align: center; | ||
| + | font-size: 85%; | ||
| + | color: #C0C0C0; | ||
| + | margin-bottom: 5px; | ||
| + | padding: 2px 0px 2px 0px; | ||
| + | } | ||
| + | |||
| + | div#sponsor.header { | ||
| + | position: relative; | ||
| + | width: 136px; | ||
| + | border: none; | ||
| + | border-top: 2px solid #ffddaa; | ||
| + | text-align: center; | ||
| + | font-size: 100%; | ||
color: #777; | color: #777; | ||
| + | margin-bottom: 10px; | ||
| + | padding: 2px 0px 2px 0px; | ||
} | } | ||
| Line 317: | Line 355: | ||
div#sponsor.topright { | div#sponsor.topright { | ||
left: auto; | left: auto; | ||
| - | right: | + | right: -141px; |
| - | top: | + | top: 0px; |
bottom: auto; | bottom: auto; | ||
} | } | ||
div#sponsor.topleft { | div#sponsor.topleft { | ||
| - | left: | + | left: -141px; |
right: auto; | right: auto; | ||
| - | top: | + | top: 0px; |
bottom: auto; | bottom: auto; | ||
} | } | ||
| Line 331: | Line 369: | ||
div#sponsor.bottomright { | div#sponsor.bottomright { | ||
left: auto; | left: auto; | ||
| - | right: | + | right: -141px; |
top: auto; | top: auto; | ||
| - | bottom: | + | bottom: 0px; |
} | } | ||
div#sponsor.bottomleft { | div#sponsor.bottomleft { | ||
| - | left: | + | left: -141px; |
right: auto; | right: auto; | ||
top: auto; | top: auto; | ||
| - | bottom: | + | bottom: 0px; |
} | } | ||
| Line 398: | Line 436: | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
| + | |||
| + | div#HideRedLinks a[href$='redlink=1'] { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .colcontainer { | ||
| + | clear: both; | ||
| + | } | ||
| + | .twocol { | ||
| + | width: 47%; | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | } | ||
| + | .twocol + .twocol { | ||
| + | float: right; | ||
| + | } | ||
| + | |||
| + | |||
| + | #imap {display:block; width:800px; height:500px; background:url(https://static.igem.org/mediawiki/2009/8/83/IGEM_Team_foto_800px.png); position:relative; border: 1px solid black;} | ||
| + | * html #imap a#title {height:500px; } | ||
| + | #imap a#title:hover {background-position: 0 0; z-index:10;} | ||
| + | |||
| + | #imap dd {position:absolute; padding:0; margin:0;} | ||
| + | #imap #pic1 {left:210px; top:173px; z-index:20;} | ||
| + | #imap #pic2 {left:265px; top:203px; z-index:20;} | ||
| + | #imap #pic3 {left:293px; top:166px; z-index:20;} | ||
| + | #imap #pic4 {left:333px; top:187px; z-index:20;} | ||
| + | #imap #pic5 {left:369px; top:178px; z-index:20;} | ||
| + | #imap #pic6 {left:403px; top:202px; z-index:20;} | ||
| + | #imap #pic7 {left:435px; top:185px; z-index:20;} | ||
| + | #imap #pic8 {left:472px; top:198px; z-index:20;} | ||
| + | #imap #pic9 {left:506px; top:179px; z-index:20;} | ||
| + | #imap #pic10 {left:549px; top:196px; z-index:20;} | ||
| + | #imap #pic11 {left:308px; top:309px; z-index:20;} | ||
| + | #imap #pic12 {left:378px; top:311px; z-index:20;} | ||
| + | |||
| + | #imap a#text1:hover span {left:265px; top:107px;} | ||
| + | #imap a#text2:hover span {left:210px; top:77px;} | ||
| + | #imap a#text3:hover span {left:182px; top:114px;} | ||
| + | #imap a#text4:hover span {left:142px; top:93px;} | ||
| + | #imap a#text5:hover span {left:106px; top:102px;} | ||
| + | #imap a#text6:hover span {left:72px; top:78px;} | ||
| + | #imap a#text7:hover span {left:40px; top:95px;} | ||
| + | #imap a#text8:hover span {left:3px; top:82px;} | ||
| + | #imap a#text9:hover span {left:-31px; top:101px;} | ||
| + | #imap a#text10:hover span {left:-74px; top:84px;} | ||
| + | #imap a#text11:hover span {left:167px; top:-29px;} | ||
| + | #imap a#text12:hover span {left:97px; top:-31px;} | ||
| + | |||
| + | |||
| + | #imap a#text1, #imap a#text2, #imap a#text3, #imap a#text4, #imap a#text5, #imap a#text6, #imap a#text7, #imap a#text8, #imap a#text9, #imap a#text10, #imap a#text11, #imap a#text12 {display:block; width: 61px; height:65px; text-decoration:none; z-index:20; border: 1px dotted white;} | ||
| + | #imap a span, #imap a:visited span {display:none;} | ||
| + | #imap a#text1:hover, #imap a#text2:hover, #imap a#text3:hover, #imap a#text4:hover, #imap a#text5:hover, #imap a#text6:hover, #imap a#text7:hover, #imap a#text8:hover, #imap a#text9:hover, #imap a#text10:hover, #imap a#text11:hover, #imap a#text12:hover {border: 1px solid white; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);} | ||
| + | |||
| + | #imap a:hover span {position:absolute; width:300px; height: 200px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px; text-align: left; z-index: 40; background: transparent url(https://static.igem.org/mediawiki/2009/2/2c/Transppixel50.png);} | ||
| + | /* * html #imap a:hover span {width:300px;} */ | ||
| + | |||
| + | |||
| + | #imap a span:first-line {font-weight:bold; font-style:italic;} | ||
| + | |||
| + | |||
| + | |||
--> | --> | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 14:58, 9 September 2009
