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:42, 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; }

/**********************/ /*SPECIFIC PAGE STYLES*/ /**********************/

/*SMALL, MEDIUM & LARGE ROWS*/

  1. all_content #container .row_large

{ width:976px; height:600px; float:left; }

  1. all_content #container .row_medium

{ width:976px; height:400px; float:left; }


  1. all_content #container .row_small

{ width:976px; height:250px; float:left; }


/*LEFT/RIGHT, X4 COLUMNS*/

  1. all_content #container .col_left,
  2. all_content #container .col_right,
  3. all_content #container .col_1,
  4. all_content #container .col_2

{ background:#E6E6E6; height:100%; float:left; overflow:hidden; }

  1. all_content #container .col_left

{ width:361px; }

  1. all_content #container .col_right

{ width:606px; margin-left:9px; }

  1. all_content #container .col_1

{ width:237px; margin-right:9px; }

  1. all_content #container .col_2

{ width:238px; }

/*'STANDARD ESSAY PAGE' FORMAT*/

  1. all_content #container .full_page

{ width:976px; height:auto; float:left; background:#E6E6E6; overflow:hidden; }

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

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

  1. 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*/

  1. all_content #container .row_medium .first_second

{ width:318px; height:400px; float:left; margin-right:11px; background:#E6E6E6; overflow:hidden; }

  1. all_content #container .row_medium .third

{ width:318px; height:400px; float:left; background:#E6E6E6; overflow:hidden; }

  1. all_content #container .row_medium .first_second .top,
  2. 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; }

  1. all_content #container .row_medium .first_second .top:hover,
  2. all_content #container .row_medium .third .top:hover

{ background: #F68B1F; color: #404040; }

  1. all_content #container .row_medium .first_second .top a,
  2. all_content #container .row_medium .third .top a

{ display:block; height:100%; width:100%; text-decoration: none; color: #F68B1F; }

  1. all_content #container .row_medium .first_second .top a:hover,
  2. all_content #container .row_medium .third .top a:hover

{ color: #404040; }

Retrieved from "http://2013.igem.org/Team:UCL/static/xpage.css"