Team:UCL/static/xpage.css
From 2013.igem.org
Line 98: | Line 98: | ||
width:361px; | width:361px; | ||
margin-right:9px; | margin-right:9px; | ||
- | |||
} | } | ||
Line 114: | Line 113: | ||
#all_content #container .col_abstract a | #all_content #container .col_abstract a | ||
{ | { | ||
+ | color : #404040; | ||
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
Line 123: | Line 123: | ||
/*opacity: 0; workaround to make clickable in IE */ | /*opacity: 0; workaround to make clickable in IE */ | ||
/*filter: alpha(opacity=1); workaround to make clickable in IE */ | /*filter: alpha(opacity=1); workaround to make clickable in IE */ | ||
+ | } | ||
+ | |||
+ | #all_content #container .col_abstract a:hover | ||
+ | { | ||
+ | color: #F68B1F; | ||
} | } |
Revision as of 10:27, 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: #404040; color: #F68B1F; }
- all_content #container .col_abstract a
{ 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 */ }
- all_content #container .col_abstract a:hover
{ color: #F68B1F; }