Team:UCL/static/homepagestyles.css

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
#all_content #container .row_large
+
#all_content
{
{
-
width:976px;
+
background-image:none;
-
height:500px;
+
-
float:left;
+
}
}
-
#all_content #container .row_small
+
#artwork
{
{
width:976px;
width:976px;
-
height:250px;
+
height:672px;
-
float:left;
+
background-image:url('https://static.igem.org/mediawiki/2013/5/53/None1.jpg');
 +
background-size:976px 672px;
 +
position:relative;
 +
overflow:hidden;
}
}
-
#all_content #container .col_left,
+
/********************/
-
#all_content #container .col_right,
+
/*MOUSEOVER ELEMENTS*/
-
#all_content #container .col_1,
+
/********************/
-
#all_content #container .col_2
+
 
 +
#doc a,
 +
#micro a,
 +
#creative a,
 +
#model a,
 +
#circuit1 a,
 +
#circuit2 a,
 +
#neuro1 a,
 +
#neuro2 a,
 +
#sunshine1 a,
 +
#sunshine2 a,
 +
#sunshine3 a,
 +
#sunshine4 a
{
{
-
background:#E6E6E6;
+
display:block;
height:100%;
height:100%;
-
float:left;
+
width:100%;
-
overflow:hidden;
+
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');
}
}
-
#all_content #container .col_left
+
#pic_model
{
{
-
width:361px;
+
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');
}
}
-
#all_content #container .col_right
+
#pic_circuit
{
{
-
width:606px;
+
top:43px;
-
margin-left:9px;
+
left:290px;
 +
height:212px;
 +
width:624px;
 +
position:absolute;
 +
display:none;
 +
background-image:url('https://static.igem.org/mediawiki/2013/5/51/Circuit1.jpg');
}
}
-
#all_content #container .col_1
+
#pic_neuro
{
{
-
width:237px;
+
top:183px;
-
margin-right:9px;
+
left:635px;
 +
height:358px;
 +
width:341px;
 +
position:absolute;
 +
display:none;
 +
background-image:url('https://static.igem.org/mediawiki/2013/5/5f/Neuro.jpg');
}
}
-
#all_content #container .col_2
+
#pic_sunshine
{
{
-
width:238px;
+
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');
}
}

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