"

From 2013.igem.org

Revision as of 10:11, 13 August 2013 (view source) 21Robin12 (Talk | contribs) ← Older edit		Revision as of 10:13, 13 August 2013 (view source) 21Robin12 (Talk | contribs) Newer edit →
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*/ /********************/

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:red; }

1. 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 */ }