Team:UCL/static/xpage.css

From 2013.igem.org

(Difference between revisions)
Line 105: Line 105:
}
}
-
#all_content #container .col_abstract:hover
+
#all_content #container .col_abstract a
{
{
-
color: #F68B1F;
+
display:block;
-
background: #404040;
+
height:100%;
 +
width:100%;
 +
text-decoration: none;
}
}
-
 
-
#all_content #container .col_abstract:hover a
 
-
{
 
-
color : #404040;
 
-
width:100%;
 
-
height:250px;
 
-
top:0;
 
-
left:0;
 
-
margin:0px;
 
-
padding:0px;
 
-
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 */
 
-
}
 
-
 
-
/*'STANDARD ESSAY PAGE' FORMAT*/
 

Revision as of 10:48, 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 a

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