"

From 2013.igem.org

Revision as of 13:49, 30 August 2013 (view source) 21Robin12 (Talk | contribs) ← Older edit		Revision as of 13:52, 30 August 2013 (view source) 21Robin12 (Talk | contribs) Newer edit →
Line 74:		Line 74:
	}		}
-	#all_content #container #row_initial #intro #box1,	+	new styles here
-	#all_content #container #row_initial #intro #box2,	+
-	#all_content #container #row_initial #intro #box3	+	#all_content #container #row_initial #intro #box1
	{		{
	width:638px;		width:638px;
Line 82:		Line 82:
	float:left;		float:left;
	position:absolute;		position:absolute;
		+	width:638px;
		+	height:210px;
		+	position:relative;
		+	top:0px;
		+	left:0px;
		+	overflow:hidden;
		+	background:silver;
		+	opacity:0.65;
		+	margin:0px;
		+	}
		+
		+	#all_content #container #row_initial #intro #box1:hover
		+	{
		+	opacity:0.85;
		+	cursor:pointer;
	}		}
-	#all_content #container #row_initial #intro #box1,
	#all_content #container #row_initial #intro #box2		#all_content #container #row_initial #intro #box2
	{		{
		+	width:638px;
		+	height:210px;
		+	float:left;
		+	position:absolute;
	width:638px;		width:638px;
	height:210px;		height:210px;
Line 96:		Line 114:
	opacity:0.65;		opacity:0.65;
	margin:0px;		margin:0px;
		+	display:none;
	}		}
-	#all_content #container #row_initial #intro #box1:hover,
	#all_content #container #row_initial #intro #box2:hover		#all_content #container #row_initial #intro #box2:hover
	{		{
Line 105:		Line 123:
	}		}
-	#all_content #container #row_initial #intro #box2,
	#all_content #container #row_initial #intro #box3		#all_content #container #row_initial #intro #box3
	{		{
		+	width:638px;
		+	height:210px;
		+	float:left;
		+	position:absolute;
	display:none;		display:none;
	}		}

---

Revision as of 13:52, 30 August 2013

/********************/ /*BACKGROUND COLOURS*/ /********************/

1. header,
2. header #middle #top #social_links

{ background:#A87D52; }

.mediawiki,

1. content,
2. all_content,
3. footer-box

{ background-image:url('https://static.igem.org/mediawiki/2013/e/e1/6a00d834205e5753ef00e54f4303e88833-640wi.jpg'); background-size:100% 1500px; background-color:black; }

div.row_small, div.row_large, div.h_gap { opacity:0; }

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

1. menu,
2. menu #dropdown,
3. cssmenu

{ background:#4A2D1D; }

1. footer-box a

{ background:#FAE8D4; }

/*

1. content

{ top:-15px; }

1. menubar, #menubar:hover

{ visibility:hidden; }

• /

1. all_content #container #row_initial

{ width:976px; height:750px; float:left; overflow:hidden; }

1. all_content #container #row_initial #intro

{ width:638px; height:210px; float:left; margin-left:159px; margin-top:66px; position:relative; overflow:hidden; }

new styles here

1. all_content #container #row_initial #intro #box1

{ width:638px; height:210px; float:left; position:absolute; width:638px; height:210px; position:relative; top:0px; left:0px; overflow:hidden; background:silver; opacity:0.65; margin:0px; }

1. all_content #container #row_initial #intro #box1:hover

{ opacity:0.85; cursor:pointer; }

1. all_content #container #row_initial #intro #box2

{ width:638px; height:210px; float:left; position:absolute; width:638px; height:210px; position:relative; top:0px; left:0px; overflow:hidden; background:silver; opacity:0.65; margin:0px; display:none; }

1. all_content #container #row_initial #intro #box2:hover

{ opacity:0.85; cursor:pointer; }

1. all_content #container #row_initial #intro #box3

{ width:638px; height:210px; float:left; position:absolute; display:none; }

1. all_content #container #row_initial #intro #box3 #upload

{ width:638px; height:210px; float:left; position:absolute; top:0px; left:0px; margin:0px; }

1. all_content #container .gap

{ background:#FAE8D4; height:11px; opacity:0; }

1. all_content #container .row_memory

{ width:976px; height:318px; float:left; }

1. all_content #container .row_memory .square

{ width:318px; height:318px; float:left; background:#FAE8D4; opacity:1; margin-right:11px; overflow:hidden; }

/******************/ /*DROPDOWN COLOURS*/ /******************/

/*main buttons*/

1. cssmenu a

{

 background: #4A2D1D;
 color: #FAE8D4;

}

/*main buttons, hover*/

1. cssmenu ul li:hover > a,
2. cssmenu ul li.active > a

{

 background: #A87D52;
 color: #FAE8D4;

}

/*sub menu*/

1. cssmenu ul ul a

{

 background: #4A2D1D;
 color: #FAE8D4;

}

/*sub menu, hover*/

1. cssmenu ul ul li:hover > a

{

 background: #4A2D1D;
 color: #A87D52;

}