"
Template:Team:KULeuven/Stylesheet
From 2009.igem.org
(Difference between revisions)
| (35 intermediate revisions not shown) | |||
| Line 302: | Line 302: | ||
div#sponsor { | div#sponsor { | ||
| - | position: | + | position: absolute; |
| - | + | ||
width: 136px; | width: 136px; | ||
text-align: center; | text-align: center; | ||
| Line 311: | Line 310: | ||
font-weight: bold; | font-weight: bold; | ||
color: #777; | color: #777; | ||
| - | + | ||
} | } | ||
| - | div# | + | div#sponsor.gold{ |
position: relative; | position: relative; | ||
| - | width: | + | width: 136px; |
border: none; | border: none; | ||
border-bottom: 2px solid #ffddaa; | border-bottom: 2px solid #ffddaa; | ||
| Line 326: | Line 325: | ||
} | } | ||
| - | div# | + | div#sponsor.silver { |
position: relative; | position: relative; | ||
| - | width: | + | width: 136px; |
border: none; | border: none; | ||
border-bottom: 2px solid #ffddaa; | border-bottom: 2px solid #ffddaa; | ||
| Line 339: | Line 338: | ||
} | } | ||
| - | div#sponsor | + | div#sponsor.header { |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
position: relative; | position: relative; | ||
width: 136px; | width: 136px; | ||
| Line 375: | Line 350: | ||
} | } | ||
| - | div# | + | div#sponsor span { |
} | } | ||
| - | div# | + | div#sponsor.topright { |
left: auto; | left: auto; | ||
right: -141px; | right: -141px; | ||
| Line 385: | Line 360: | ||
} | } | ||
| - | div# | + | div#sponsor.topleft { |
| + | left: -141px; | ||
| + | right: auto; | ||
| + | top: 0px; | ||
| + | bottom: auto; | ||
| + | } | ||
| + | |||
| + | div#sponsor.bottomright { | ||
| + | left: auto; | ||
| + | right: -141px; | ||
| + | top: auto; | ||
| + | bottom: 0px; | ||
| + | } | ||
| + | |||
| + | div#sponsor.bottomleft { | ||
| + | left: -141px; | ||
| + | right: auto; | ||
| + | top: auto; | ||
| + | bottom: 0px; | ||
| + | } | ||
| + | |||
| + | div#sponsor img { | ||
width:130px; | width:130px; | ||
} | } | ||
| - | div# | + | div#sponsor a { |
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 456: | Line 452: | ||
float: right; | 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
