Team:UCL/static/homepagestyles.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#all_content #container .row_large
+
#artwork
{
{
width:976px;
width:976px;
-
height:600px;
+
height:672px;
-
float:left;
+
border:1px solid black;
 +
background-image:url('none.jpg');
 +
background-size:976px 672px;
 +
position:relative;
}
}
-
#all_content #container .row_small
+
/********************/
 +
/*MOUSEOVER ELEMENTS*/
 +
/********************/
 +
 
 +
#doc
{
{
-
width:976px;
+
top:7px;
-
height:250px;
+
left:31px;
-
float:left;
+
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
 +
{
 +
top:1px;
 +
left:12px;
 +
height:226px;
 +
width:220px;
 +
background:yellow;
 +
position:absolute;
 +
display:none;
 +
background-image:url('doc.jpg');
 +
}
 +
 
 +
#pic_micro
 +
{
 +
top:2px;
 +
left:183px;
 +
height:198px;
 +
width:291px;
 +
background:red;
 +
position:absolute;
 +
display:none;
 +
background-image:url('micro.jpg');
}
}
-
#all_content #container .col_left,
+
#pic_creative
-
#all_content #container .col_right,
+
-
#all_content #container .col_1,
+
-
#all_content #container .col_2
+
{
{
-
background:#E6E6E6;
+
top:210px;
-
height:100%;
+
left:1px;
-
float:left;
+
height:251px;
-
overflow:hidden;
+
width:188px;
 +
background:blue;
 +
position:absolute;
 +
display:none;
 +
background-image:url('creative.jpg');
}
}
-
#all_content #container .col_left
+
#pic_model
{
{
-
width:361px;
+
top:215px;
 +
left:198px;
 +
height:259px;
 +
width:355px;
 +
background:blue;
 +
position:absolute;
 +
display:none;
 +
background-image:url('model.jpg');
}
}
-
#all_content #container .col_right
+
#pic_circuit
{
{
-
width:606px;
+
top:43px;
-
margin-left:9px;
+
left:290px;
 +
height:212px;
 +
width:624px;
 +
background:yellow;
 +
position:absolute;
 +
display:none;
 +
background-image:url('circuit.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('neuro.jpg');
}
}
-
#all_content #container .col_2
+
#pic_sunshine
{
{
-
width:238px;
+
top:199px;
 +
left:114px;
 +
height:473px;
 +
width:605px;
 +
background:yellow;
 +
position:absolute;
 +
display:none;
 +
background-image:url('sunshine.jpg');
}
}

Revision as of 16:12, 24 September 2013

  1. artwork

{ width:976px; height:672px; border:1px solid black; background-image:url('none.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; background:yellow; position:absolute; display:none; background-image:url('doc.jpg'); }

  1. pic_micro

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

  1. pic_creative

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

  1. pic_model

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

  1. pic_circuit

{ top:43px; left:290px; height:212px; width:624px; background:yellow; 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; background:yellow; position:absolute; display:none; background-image:url('sunshine.jpg'); }