Team:UCL/static/xpage.css

From 2013.igem.org

(Difference between revisions)
Line 203: Line 203:
{
{
width:318px;
width:318px;
-
height:170px;
+
height:250px;
float:left;
float:left;
background: #404040;
background: #404040;
Line 218: Line 218:
font-size : 2.8em;
font-size : 2.8em;
line-height : 1.5;
line-height : 1.5;
-
padding-top: 80px;
+
padding: 0px;
}
}
Line 227: Line 227:
color: #404040;
color: #404040;
}
}
 +
#all_content #container .row_medium .first_second .top a,
#all_content #container .row_medium .first_second .top a,
#all_content #container .row_medium .third .top a
#all_content #container .row_medium .third .top a
Line 234: Line 235:
width:100%;
width:100%;
text-decoration: none;
text-decoration: none;
 +
color: #F68B1F;
 +
}
 +
 +
#all_content #container .row_medium .first_second .top a,
 +
#all_content #container .row_medium .third .top a
 +
{
 +
color: #404040;
}
}

Revision as of 18:04, 23 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; }

/*'MAIN SUBHEADING PAGE' FORMAT*/

  1. all_content #container .col_illustration,
  2. all_content #container .col_abstract

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

  1. all_content #container .col_illustration

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

  1. all_content #container .col_abstract

{ width:606px; }

  1. all_content #container .col_abstract a

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

  1. all_content #container .col_abstract:hover

{ background:#404040; }

  1. all_content #container .col_abstract a:hover

{ color:#F68B1F; }

/*'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,
  2. all_content #container .row_medium .third .top a

{ color: #404040; }

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