Template:Team:KULeuven/Stylesheet
From 2009.igem.org
(Difference between revisions)
(42 intermediate revisions not shown) | |||
Line 360: | Line 360: | ||
} | } | ||
- | div#sponsor | + | div#sponsor.topleft { |
- | + | left: -141px; | |
+ | right: auto; | ||
+ | top: 0px; | ||
+ | bottom: auto; | ||
} | } | ||
- | div#sponsor | + | div#sponsor.bottomright { |
- | + | left: auto; | |
- | + | right: -141px; | |
+ | top: auto; | ||
+ | bottom: 0px; | ||
} | } | ||
- | div# | + | div#sponsor.bottomleft { |
- | + | left: -141px; | |
- | + | right: auto; | |
- | + | top: auto; | |
- | + | bottom: 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | div# | + | div#sponsor img { |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
width:130px; | width:130px; | ||
} | } | ||
- | div# | + | div#sponsor a { |
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
Line 499: | 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