Team:UCL/static/xpage.css

From 2013.igem.org

Revision as of 12:23, 29 August 2013 by 21Robin12 (Talk | contribs)

/********************/ /*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; }