Team:UCL/static/xpage.css
From 2013.igem.org
Line 108: | Line 108: | ||
{ | { | ||
background:red; | background:red; | ||
+ | } | ||
+ | |||
+ | #all_content #container .col_abstract a | ||
+ | { | ||
+ | position:absolute; | ||
+ | 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 */ | ||
} | } |
Revision as of 10:13, 13 August 2013
/********************/ /*GLOBAL PAGE STYLES*/ /********************/
- all_content
{ width:100%; background:white; float:left; }
- all_content #container
{ width:976px; height:100%; margin-left:auto; margin-right:auto; }
- all_content #container .gap
{ width:100%; height:9px; float:left; }
/**********************/ /*SPECIFIC PAGE STYLES*/ /**********************/
/*SMALL AND LARGE ROWS*/
- all_content #container .row_large
{ width:976px; height:600px; 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; }
/*'MAIN SUBHEADING PAGE' FORMAT*/
- all_content #container .col_illustration,
- all_content #container .col_abstract,
- all_content #container .col_links
{ background:#E6E6E6; height:100%; float:left; overflow:hidden; }
- all_content #container .col_illustration,
- all_content #container .col_abstract
{ width:361px; margin-right:9px; }
- all_content #container .col_links
{ width:236px; }
- all_content #container .col_abstract:hover
{ background:red; }
- all_content #container .col_abstract a
{ position:absolute; 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 */ }