Team:UCL/static/homepagestyles.css

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
 +
#all_content
 +
{
 +
background-image:none;
 +
}
 +
#artwork
#artwork
{
{
width:976px;
width:976px;
height:672px;
height:672px;
-
border:1px solid black;
+
background-image:url('https://static.igem.org/mediawiki/2013/5/53/None1.jpg');
-
background-image:url('none.jpg');
+
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;
-
background:yellow;
 
position:absolute;
position:absolute;
display:none;
display:none;
-
background-image:url('doc.jpg');
+
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;
-
background:red;
 
position:absolute;
position:absolute;
display:none;
display:none;
-
background-image:url('micro.jpg');
+
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;
-
background:blue;
 
position:absolute;
position:absolute;
display:none;
display:none;
-
background-image:url('creative.jpg');
+
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;
-
background:blue;
 
position:absolute;
position:absolute;
display:none;
display:none;
-
background-image:url('model.jpg');
+
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;
-
background:yellow;
 
position:absolute;
position:absolute;
display:none;
display:none;
-
background-image:url('circuit.jpg');
+
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('neuro.jpg');
+
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;
-
background:yellow;
 
position:absolute;
position:absolute;
display:none;
display:none;
-
background-image:url('sunshine.jpg');
+
background-image:url('https://static.igem.org/mediawiki/2013/f/f9/Sunshine.jpg');
}
}

Latest revision as of 16:38, 24 September 2013

  1. all_content

{ background-image:none; }

  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; overflow:hidden; }

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

  1. doc a,
  2. micro a,
  3. creative a,
  4. model a,
  5. circuit1 a,
  6. circuit2 a,
  7. neuro1 a,
  8. neuro2 a,
  9. sunshine1 a,
  10. sunshine2 a,
  11. sunshine3 a,
  12. sunshine4 a

{ display:block; height:100%; width:100%; outline:none; }

  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 a,
  2. pic_micro a,
  3. pic_creative a,
  4. pic_model a,
  5. pic_circuit a,
  6. pic_neuro a,
  7. pic_sunshine a

{ display:block; height:100%; width:100%; outline:none; }

  1. 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'); }

  1. 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'); }

  1. 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'); }

  1. 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'); }

  1. 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'); }

  1. 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'); }

  1. 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'); }