"
Template:Team:KULeuven/Stylesheet
From 2009.igem.org
(Difference between revisions)
Bart Bosmans (Talk | contribs) |
|||
| (46 intermediate revisions not shown) | |||
| Line 342: | Line 342: | ||
width: 136px; | width: 136px; | ||
border: none; | border: none; | ||
| - | |||
border-top: 2px solid #ffddaa; | border-top: 2px solid #ffddaa; | ||
text-align: center; | text-align: center; | ||
font-size: 100%; | font-size: 100%; | ||
color: #777; | color: #777; | ||
| - | margin-bottom: | + | margin-bottom: 10px; |
padding: 2px 0px 2px 0px; | padding: 2px 0px 2px 0px; | ||
} | } | ||
| Line 441: | Line 440: | ||
display: none; | 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
