Team:UCL/static/homepagestyles.css

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
width:976px;
width:976px;
height:672px;
height:672px;
-
background-image:url('none.jpg');
+
background-image:url('https://static.igem.org/mediawiki/2013/5/53/None1.jpg');
background-size:976px 672px;
background-size:976px 672px;
position:relative;
position:relative;
Line 130: Line 130:
height:226px;
height:226px;
width:220px;
width:220px;
-
background:yellow;
 
position:absolute;
position:absolute;
display:none;
display:none;
Line 142: Line 141:
height:198px;
height:198px;
width:291px;
width:291px;
-
background:red;
 
position:absolute;
position:absolute;
display:none;
display:none;
Line 154: Line 152:
height:251px;
height:251px;
width:188px;
width:188px;
-
background:blue;
 
position:absolute;
position:absolute;
display:none;
display:none;
Line 166: Line 163:
height:259px;
height:259px;
width:355px;
width:355px;
-
background:blue;
 
position:absolute;
position:absolute;
display:none;
display:none;
Line 178: Line 174:
height:212px;
height:212px;
width:624px;
width:624px;
-
background:yellow;
 
position:absolute;
position:absolute;
display:none;
display:none;
Line 201: Line 196:
height:473px;
height:473px;
width:605px;
width:605px;
-
background:yellow;
 
position:absolute;
position:absolute;
display:none;
display:none;
background-image:url('sunshine.jpg');
background-image:url('sunshine.jpg');
}
}

Revision as of 16:15, 24 September 2013

  1. artwork

{ width:976px; height:672px; background-image:url('https://static.igem.org/mediawiki/2013/5/53/None1.jpg'); background-size:976px 672px; position:relative; }

/********************/ /*MOUSEOVER ELEMENTS*/ /********************/

  1. doc

{ top:7px; left:31px; height:200px; width:159px; position:absolute; }

  1. micro

{ top:3px; left:222px; height:184px; width:211px; position:absolute; }

  1. creative

{ top:237px; left:12px; height:213px; width:133px; position:absolute; }

  1. model

{ top:248px; left:276px; height:160px; width:183px; position:absolute; }

  1. circuit1

{ top:64px; left:465px; height:114px; width:401px; position:absolute; }

  1. circuit2

{ top:178px; left:529px; height:44px; width:214px; position:absolute; }

  1. neuro1

{ top:188px; left:767px; height:47px; width:209px; position:absolute; }

  1. neuro2

{ top:235px; left:697px; height:295px; width:279px; position:absolute; }

  1. sunshine1

{ top:370px; left:146px; height:178px; width:99px; position:absolute; }

  1. sunshine2

{ top:431px; left:245px; height:108px; width:37px; position:absolute; }

  1. sunshine3

{ top:420px; left:282px; height:252px; width:193px; position:absolute; }

  1. sunshine4

{ top:239px; left:475px; height:433px; width:193px; position:absolute; }

/******************/ /*PICTURE ELEMENTS*/ /******************/

  1. pic_doc

{ top:1px; left:12px; height:226px; width:220px; position:absolute; display:none; background-image:url('doc.jpg'); }

  1. pic_micro

{ top:2px; left:183px; height:198px; width:291px; position:absolute; display:none; background-image:url('micro.jpg'); }

  1. pic_creative

{ top:210px; left:1px; height:251px; width:188px; position:absolute; display:none; background-image:url('creative.jpg'); }

  1. pic_model

{ top:215px; left:198px; height:259px; width:355px; position:absolute; display:none; background-image:url('model.jpg'); }

  1. pic_circuit

{ top:43px; left:290px; height:212px; width:624px; position:absolute; display:none; background-image:url('circuit.jpg'); }

  1. pic_neuro

{ top:183px; left:635px; height:358px; width:341px; position:absolute; display:none; background-image:url('neuro.jpg'); }

  1. pic_sunshine

{ top:199px; left:114px; height:473px; width:605px; position:absolute; display:none; background-image:url('sunshine.jpg'); }