Team:UCL/static/xpage.css

From 2013.igem.org

(Difference between revisions)
Line 28: Line 28:
height:9px;
height:9px;
float:left;
float:left;
-
}
 
-
 
-
/**********************/
 
-
/*SPECIFIC PAGE STYLES*/
 
-
/**********************/
 
-
 
-
/*SMALL, MEDIUM & LARGE ROWS*/
 
-
 
-
#all_content #container .row_large
 
-
{
 
-
width:976px;
 
-
height:600px;
 
-
float:left;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
/*'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;
 
-
text-decoration : none;
 
-
font-variant : normal;
 
-
text-indent : 0px;
 
-
text-align : center;
 
-
font-family : Ubuntu, sans-serif;
 
-
font-weight : bold;
 
-
font-size : 2.8em;
 
-
line-height : 1.5;
 
-
padding: 0px;
 
-
}
 
-
 
-
#all_content #container .row_medium .first_second .top:hover,
 
-
#all_content #container .row_medium .third .top:hover
 
-
{
 
-
background: #F68B1F;
 
-
color: #404040;
 
-
}
 
-
 
-
#all_content #container .row_medium .first_second .top a,
 
-
#all_content #container .row_medium .third .top a
 
-
{
 
-
display:block;
 
-
height:100%;
 
-
width:100%;
 
-
text-decoration: none;
 
-
color: #F68B1F;
 
-
}
 
-
 
-
#all_content #container .row_medium .first_second .top a:hover,
 
-
#all_content #container .row_medium .third .top a:hover
 
-
{
 
-
color: #404040;
 
}
}

Revision as of 12:43, 29 August 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; }