Team:UCL/static/xpage.css

From 2013.igem.org

(Difference between revisions)
Line 113: Line 113:
#all_content #container .col_abstract a
#all_content #container .col_abstract a
{
{
 +
background:red;
color : #404040;
color : #404040;
width:100%;  
width:100%;  

Revision as of 10:39, 13 August 2013

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

  1. all_content

{ width:100%; background:white; 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 AND LARGE ROWS*/

  1. all_content #container .row_large

{ width:976px; height:600px; 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,
  3. all_content #container .col_links

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

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

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

  1. all_content #container .col_links

{ width:236px; }

  1. all_content #container .col_abstract:hover

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

  1. all_content #container .col_abstract a

{ background:red; color : #404040; width:100%; height:100%; top:0; left:0; text-decoration:none; /* Makes sure the link doesn't get underlined */ z-index:10; /* raises anchor tag above everything else in div */ /*background-color:white; workaround to make clickable in IE */ /*opacity: 0; workaround to make clickable in IE */ /*filter: alpha(opacity=1); workaround to make clickable in IE */ }

  1. all_content #container .col_abstract a:hover

{ color: #F68B1F; }

/*'STANDARD ESSAY PAGE' FORMAT*/