Team:UCL/static/xpage.css

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 30: Line 30:
}
}
-
/**********************/
+
table
-
/*SPECIFIC PAGE STYLES*/
+
-
/**********************/
+
-
 
+
-
/*SMALL, MEDIUM & LARGE ROWS*/
+
-
 
+
-
#all_content #container .row_large
+
{
{
-
width:976px;
+
background:white;
-
height:600px;
+
border-collapse:collapse;
-
float:left;
+
border:0px;
-
}
+
margin: 0px 0px 9px 14px;
-
 
+
-
#all_content #container .row_medium
+
-
{
+
-
width:976px;
+
-
height:400px;
+
-
float:left;
+
-
}
+
-
 
+
-
 
+
-
#all_content #container .row_small
+
-
{
+
-
width:976px;
+
-
height:250px;
+
-
float:left;
+
-
}
+
-
 
+
-
 
+
-
/*LEFT/RIGHT, X4 COLUMNS*/
+
-
 
+
-
#all_content #container .col_left,
+
-
#all_content #container .col_right,
+
-
#all_content #container .col_1,
+
-
#all_content #container .col_2
+
-
{
+
-
background:#E6E6E6;
+
-
height:100%;
+
-
float:left;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
#all_content #container .col_left
+
-
{
+
-
width:361px;
+
-
}
+
-
 
+
-
#all_content #container .col_right
+
-
{
+
-
width:606px;
+
-
margin-left:9px;
+
-
}
+
-
 
+
-
#all_content #container .col_1
+
-
{
+
-
width:237px;
+
-
margin-right:9px;
+
-
}
+
-
 
+
-
#all_content #container .col_2
+
-
{
+
-
width:238px;
+
-
}
+
-
 
+
-
/*'MAIN SUBHEADING PAGE' FORMAT*/
+
-
 
+
-
#all_content #container .col_illustration,
+
-
#all_content #container .col_abstract
+
-
{
+
-
background:#E6E6E6;
+
-
height:100%;
+
-
float:left;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
#all_content #container .col_illustration
+
-
{
+
-
width:361px;
+
-
margin-right:9px;
+
-
}
+
-
 
+
-
#all_content #container .col_abstract
+
-
{
+
-
width:606px;
+
-
}
+
-
 
+
-
#all_content #container .col_abstract a
+
-
{
+
-
color: #404040;
+
-
display:block;
+
-
height:100%;
+
-
width:100%;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#all_content #container .col_abstract:hover
+
-
{
+
-
background:#404040;
+
-
}
+
-
 
+
-
#all_content #container .col_abstract a:hover
+
-
{
+
-
color:#F68B1F;
+
-
}
+
-
 
+
-
/*'STANDARD ESSAY PAGE' FORMAT*/
+
-
 
+
-
#all_content #container .full_page
+
-
{
+
-
width:976px;
+
-
height:auto;
+
-
float:left;
+
-
background:#E6E6E6;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
#all_content #container .full_page .main_image
+
-
{
+
-
width:606px;
+
-
height:600px;
+
-
border-left:9px solid white;
+
-
border-bottom:9px solid white;
+
-
float:right;
+
-
background-image:url('https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png');
+
-
}
+
-
 
+
-
#all_content #container .full_page .small_image_left
+
-
{
+
-
width:361px;
+
-
height:250px;
+
-
border-right:9px solid white;
+
-
border-bottom:9px solid white;
+
-
border-top:9px solid white;
+
-
float:left;
+
-
background-image:url('https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png');
+
-
}
+
-
 
+
-
#all_content #container .full_page .small_image_right
+
-
{
+
-
width:361px;
+
-
height:250px;
+
-
border-left:9px solid white;
+
-
border-bottom:9px solid white;
+
-
border-top:9px solid white;
+
-
float:right;
+
-
background-image:url('https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png');
+
-
}
+
-
 
+
-
/*TEAM PAGE STYLES*/
+
-
 
+
-
#all_content #container .row_medium .first_second
+
-
{
+
-
width:318px;
+
-
height:400px;
+
-
float:left;
+
-
margin-right:11px;
+
-
background:#E6E6E6;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
#all_content #container .row_medium .third
+
-
{
+
-
width:318px;
+
-
height:400px;
+
-
float:left;
+
-
background:#E6E6E6;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
#all_content #container .row_medium .first_second .top,
+
-
#all_content #container .row_medium .third .top
+
-
{
+
-
width:318px;
+
-
height:250px;
+
-
float:left;
+
-
background: #404040;
+
-
color: #F68B1F;
+
-
overflow:hidden;
+
-
 
+
font-style : normal;
font-style : normal;
text-decoration : none;
text-decoration : none;
font-variant : normal;
font-variant : normal;
text-indent : 0px;
text-indent : 0px;
-
text-align : center;
+
text-align : left;
-
font-family : Ubuntu, sans-serif;
+
font-family : "Myriad Pro", sans-serif;
-
font-weight : bold;
+
font-weight : normal;
-
font-size : 2.8em;
+
font-size : 1.18em;
-
line-height : 1.5;
+
line-height : 1.33;
-
padding: 0px;
+
color : #404040;
}
}
-
#all_content #container .row_medium .first_second .top:hover,
+
table th,
-
#all_content #container .row_medium .third .top:hover
+
table td
{
{
-
background: #F68B1F;
+
border:2px solid #E6E6E6;
-
color: #404040;
+
padding-right:10px;
}
}
-
#all_content #container .row_medium .first_second .top a,
+
table tr
-
#all_content #container .row_medium .third .top a
+
{
{
-
display:block;
+
border:0px;
-
height:100%;
+
-
width:100%;
+
-
text-decoration: none;
+
-
color: #F68B1F;
+
}
}
-
#all_content #container .row_medium .first_second .top a,
+
table a{
-
#all_content #container .row_medium .third .top a
+
color : #F68B1F;
-
{
+
-
color: #404040;
+
}
}

Latest revision as of 16:16, 8 September 2013

/********************/ /*GLOBAL PAGE STYLES*/ /********************/

body { font-size:10px; }

  1. all_content

{ width:100%; background-image:url("Bg_upload.jpg"); float:left; }

  1. all_content #container

{ width:976px; height:100%; margin-left:auto; margin-right:auto; }

  1. all_content #container .gap

{ width:100%; height:9px; float:left; }

table { background:white; border-collapse:collapse; border:0px; margin: 0px 0px 9px 14px; font-style : normal; text-decoration : none; font-variant : normal; text-indent : 0px; text-align : left; font-family : "Myriad Pro", sans-serif; font-weight : normal; font-size : 1.18em; line-height : 1.33; color : #404040; }

table th, table td { border:2px solid #E6E6E6; padding-right:10px; }

table tr { border:0px; }

table a{ color : #F68B1F; }