Team:UCL/static/homepagestyles.css
From 2013.igem.org
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | #all_content | ||
+ | { | ||
+ | background-image:none; | ||
+ | } | ||
+ | |||
#artwork | #artwork | ||
{ | { | ||
width:976px; | width:976px; | ||
height:672px; | height:672px; | ||
- | + | background-image:url('https://static.igem.org/mediawiki/2013/5/53/None1.jpg'); | |
- | background-image:url(' | + | |
background-size:976px 672px; | background-size:976px 672px; | ||
position:relative; | position:relative; | ||
+ | overflow:hidden; | ||
} | } | ||
Line 12: | Line 17: | ||
/*MOUSEOVER ELEMENTS*/ | /*MOUSEOVER ELEMENTS*/ | ||
/********************/ | /********************/ | ||
+ | |||
+ | #doc a, | ||
+ | #micro a, | ||
+ | #creative a, | ||
+ | #model a, | ||
+ | #circuit1 a, | ||
+ | #circuit2 a, | ||
+ | #neuro1 a, | ||
+ | #neuro2 a, | ||
+ | #sunshine1 a, | ||
+ | #sunshine2 a, | ||
+ | #sunshine3 a, | ||
+ | #sunshine4 a | ||
+ | { | ||
+ | display:block; | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | outline:none; | ||
+ | } | ||
#doc | #doc | ||
Line 124: | Line 148: | ||
/*PICTURE ELEMENTS*/ | /*PICTURE ELEMENTS*/ | ||
/******************/ | /******************/ | ||
+ | |||
+ | #pic doc a, | ||
+ | #pic_micro a, | ||
+ | #pic_creative a, | ||
+ | #pic_model a, | ||
+ | #pic_circuit a, | ||
+ | #pic_neuro a, | ||
+ | #pic_sunshine a | ||
+ | { | ||
+ | display:block; | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | outline:none; | ||
+ | } | ||
#pic_doc | #pic_doc | ||
Line 131: | Line 169: | ||
height:226px; | height:226px; | ||
width:220px; | width:220px; | ||
- | |||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/6/61/Doc.jpg'); |
} | } | ||
Line 143: | Line 180: | ||
height:198px; | height:198px; | ||
width:291px; | width:291px; | ||
- | |||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/f/fa/Micro.jpg'); |
} | } | ||
Line 155: | Line 191: | ||
height:251px; | height:251px; | ||
width:188px; | width:188px; | ||
- | |||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/8/84/Creative.jpg'); |
} | } | ||
Line 167: | Line 202: | ||
height:259px; | height:259px; | ||
width:355px; | width:355px; | ||
- | |||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/8/84/Model.jpg'); |
} | } | ||
Line 179: | Line 213: | ||
height:212px; | height:212px; | ||
width:624px; | width:624px; | ||
- | |||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/5/51/Circuit1.jpg'); |
} | } | ||
Line 193: | Line 226: | ||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/5/5f/Neuro.jpg'); |
} | } | ||
Line 202: | Line 235: | ||
height:473px; | height:473px; | ||
width:605px; | width:605px; | ||
- | |||
position:absolute; | position:absolute; | ||
display:none; | display:none; | ||
- | background-image:url(' | + | background-image:url('https://static.igem.org/mediawiki/2013/f/f9/Sunshine.jpg'); |
} | } |
Latest revision as of 16:38, 24 September 2013
- all_content
{ background-image:none; }
- artwork
{ width:976px; height:672px; background-image:url('https://static.igem.org/mediawiki/2013/5/53/None1.jpg'); background-size:976px 672px; position:relative; overflow:hidden; }
/********************/ /*MOUSEOVER ELEMENTS*/ /********************/
- doc a,
- micro a,
- creative a,
- model a,
- circuit1 a,
- circuit2 a,
- neuro1 a,
- neuro2 a,
- sunshine1 a,
- sunshine2 a,
- sunshine3 a,
- sunshine4 a
{ display:block; height:100%; width:100%; outline:none; }
- doc
{ top:7px; left:31px; height:200px; width:159px; position:absolute; }
- micro
{ top:3px; left:222px; height:184px; width:211px; position:absolute; }
- creative
{ top:237px; left:12px; height:213px; width:133px; position:absolute; }
- model
{ top:248px; left:276px; height:160px; width:183px; position:absolute; }
- circuit1
{ top:64px; left:465px; height:114px; width:401px; position:absolute; }
- circuit2
{ top:178px; left:529px; height:44px; width:214px; position:absolute; }
- neuro1
{ top:188px; left:767px; height:47px; width:209px; position:absolute; }
- neuro2
{ top:235px; left:697px; height:295px; width:279px; position:absolute; }
- sunshine1
{ top:370px; left:146px; height:178px; width:99px; position:absolute; }
- sunshine2
{ top:431px; left:245px; height:108px; width:37px; position:absolute; }
- sunshine3
{ top:420px; left:282px; height:252px; width:193px; position:absolute; }
- sunshine4
{ top:239px; left:475px; height:433px; width:193px; position:absolute; }
/******************/ /*PICTURE ELEMENTS*/ /******************/
- pic doc a,
- pic_micro a,
- pic_creative a,
- pic_model a,
- pic_circuit a,
- pic_neuro a,
- pic_sunshine a
{ display:block; height:100%; width:100%; outline:none; }
- pic_doc
{ top:1px; left:12px; height:226px; width:220px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/6/61/Doc.jpg'); }
- pic_micro
{ top:2px; left:183px; height:198px; width:291px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/f/fa/Micro.jpg'); }
- pic_creative
{ top:210px; left:1px; height:251px; width:188px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/8/84/Creative.jpg'); }
- pic_model
{ top:215px; left:198px; height:259px; width:355px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/8/84/Model.jpg'); }
- pic_circuit
{ top:43px; left:290px; height:212px; width:624px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/5/51/Circuit1.jpg'); }
- pic_neuro
{ top:183px; left:635px; height:358px; width:341px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/5/5f/Neuro.jpg'); }
- pic_sunshine
{ top:199px; left:114px; height:473px; width:605px; position:absolute; display:none; background-image:url('https://static.igem.org/mediawiki/2013/f/f9/Sunshine.jpg'); }