"

From 2013.igem.org

Revision as of 18:02, 10 July 2013 (view source) Batch6 (Talk | contribs) ← Older edit		Latest revision as of 10:20, 2 October 2013 (view source) Batch6 (Talk | contribs)
(218 intermediate revisions not shown)
Line 1:		Line 1:
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);		@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
		+
Line 7:		Line 8:
	#cssmenu, #cssmenu > ul{		#cssmenu, #cssmenu > ul{
-	background: url(images/highlight-bg.png) repeat;	+	background: #1b1b1b;
	padding-bottom: 3px;		padding-bottom: 3px;
-	font-family: 'Open Sans', sans-serif;	+	font-family: Verdana, 'Open Sans', sans-serif;
-	font-weight: 600;	+	font-weight: 590;
		+	border-radius: 7px;
		+
		+
Line 37:		Line 41:
	#cssmenu > ul{		#cssmenu > ul{
-	background: url(images/menu-bg.png) repeat;	+	background: url(https://static.igem.org/mediawiki/2013/e/e0/Menu-bg.png) repeat;
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
-	position: relative;	+	position: relative;
		+	border-radius: 7px;
		+
		+
	}		}
Line 64:		Line 71:
	display: block;		display: block;
	color: white;		color: white;
-	font-size: 13px;	+	font-size: 12px;
	text-decoration: none;		text-decoration: none;
	text-transform: uppercase;		text-transform: uppercase;
Line 76:		Line 83:
	#cssmenu > ul > li:hover > a{		#cssmenu > ul > li:hover > a{
-	background: url(images/highlight-bg.png) repeat;	+	background: url(https://static.igem.org/mediawiki/2013/d/d4/Menu-bg11.png) repeat;
	text-shadow: 0 -1px 0 #97321f;		text-shadow: 0 -1px 0 #97321f;
	text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);		text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);
		+
		+
		+
	}		}
Line 84:		Line 94:
	#cssmenu > ul > li > a > span{		#cssmenu > ul > li > a > span{
-	line-height: 18px;	+	line-height: 15px;
	}		}
Line 90:		Line 100:
	#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{		#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
-	background: url(images/hover.png) repeat;	+	background: url(https://static.igem.org/mediawiki/2013/8/86/ActiveUEA_Button.png) repeat;
		+
		+
	}		}
Line 104:		Line 116:
	position: absolute;		position: absolute;
	top: 120px;		top: 120px;
-	background: url(images/menu-bg.png) repeat;	+	background: url(https://static.igem.org/mediawiki/2013/e/e0/Menu-bg.png) repeat;
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
	z-index: -1;		z-index: -1;
		+
Line 163:		Line 176:
	#cssmenu > ul ul li a:hover{		#cssmenu > ul ul li a:hover{
-	border-left: 4px solid #d64e34;	+	border-left: 4px solid #b30e0e;
-	background: url(images/hover.png) repeat;	+	background: url(https://static.igem.org/mediawiki/2013/8/86/ActiveUEA_Button.png) repeat;
		+
	}		}
Line 170:		Line 184:
	#cssmenu > ul ul li a:active{		#cssmenu > ul ul li a:active{
-	background: url(images/menu-bg.png) repeat;	+	background: url(https://static.igem.org/mediawiki/2013/e/e0/Menu-bg.png) repeat;
		+
		+
		+	}
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+
		+	@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
		+
		+	/*body {background-image: linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
		+	background-image: -o-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
		+	background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
		+	background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
		+	background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
		+
		+	background-image: -webkit-gradient(
		+	linear,
		+	left bottom,
		+	left top,
		+	color-stop(0.28, rgb(219,219,219)),
		+	color-stop(0.71, rgb(143,143,143))
		+	);
		+	}
		+	*/
		+	body {
		+
		+	background: url('https://static.igem.org/mediawiki/2013/2/2f/Dirt.png') no-repeat center center fixed;
		+	-webkit-background-size: cover;
		+	-moz-background-size: cover;
		+	-o-background-size: cover;
		+	background-size: cover;
		+	}
		+	h1.firstHeading {
		+
		+	visibility:hidden;
		+	}
		+
		+	#center {
		+	text-align:center; <!-- not sure if need this-->
		+
		+	}
		+
		+	#p-logo {
		+	visibility:hidden;
		+	}
		+
		+	#searchform {
		+	visibility:hidden;
		+	}
		+
		+
		+	#top-section{
		+
		+	border:none;
		+	margin-bottom: -85px;
		+	}
		+	#catlinks{
		+	border:none;
		+	display:none;
		+	}
		+	#content {padding:0px; width: 975px; border:none; background: none;}
		+
		+
		+	#footer-box {
		+	position:absolute;
		+	background:none;
		+	border:none;
		+	}
		+
		+
		+
		+	.content-wrap {
		+	position:absolute;
		+	left:50px;
		+	top:700px;
		+	width: 291px;
		+	height: 54px;
		+	margin: 0 auto;
		+	display:block;
		+	clear:both;
		+	margin-top: 0px;
		+	background: #f0e8e8;
		+	padding: 0px;
		+	-webkit-border-radius: 5px;
		+	-moz-border-radius: 5px;
		+	border-radius: 10px;
	}		}

---

Latest revision as of 10:20, 2 October 2013

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

/* Menu CSS */

1. cssmenu, #cssmenu > ul{

background: #1b1b1b; padding-bottom: 3px; font-family: Verdana, 'Open Sans', sans-serif; font-weight: 590;

       border-radius: 7px;

}

1. cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

content: ; display: table;

}

1. cssmenu:after, #cssmenu > ul:after {

clear: both;

}

1. cssmenu {

zoom:1;

}

1. cssmenu > ul{

background: url() repeat; margin: 0; padding: 0;

       position: relative;
       border-radius: 7px;
       
       

}

1. cssmenu > ul li{

margin: 0; padding: 0; list-style: none;

}

1. cssmenu > ul > li{

float: left; position: relative;

}

1. cssmenu > ul > li > a{

padding: 23px 26px; display: block; color: white; font-size: 12px; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #0d0d0d; text-shadow: 0 -1px 0 rgba(0, 0, 0, .70); line-height: 18px;

}

1. cssmenu > ul > li:hover > a{

background: url() repeat; text-shadow: 0 -1px 0 #97321f; text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);

}

1. cssmenu > ul > li > a > span{

line-height: 15px;

}

1. cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{

background: url() repeat;

}

/* Childs */

1. cssmenu > ul ul{

opacity: 0; visibility: hidden; position: absolute; top: 120px; background: url() repeat; margin: 0; padding: 0; z-index: -1;

}

1. cssmenu > ul li:hover ul{

opacity: 1; visibility: visible; margin: 0; color: #000; z-index: 2; top:64px; left: 0;

}

1. cssmenu > ul ul:before{

content: ; position: absolute; top: -10px; width: 100%; height: 20px; background: transparent;

}

1. cssmenu > ul ul li{

list-style: none; padding: 0; margin: 0; width: 100%;

}

1. cssmenu > ul ul li a{

padding: 18px 26px; display: block; color: white; font-size: 13px; text-decoration: none; text-transform: uppercase; width: 150px; border-left: 4px solid transparent; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition: all .35s ease-in-out;

}

1. cssmenu > ul ul li a:hover{

border-left: 4px solid #b30e0e; background: url() repeat;

}

1. cssmenu > ul ul li a:active{

background: url() repeat;

}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

/*body {background-image: linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -o-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%); background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);

background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.28, rgb(219,219,219)), color-stop(0.71, rgb(143,143,143)) ); }

• /

body {

background: url('https://static.igem.org/mediawiki/2013/2/2f/Dirt.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } h1.firstHeading {

visibility:hidden; }

1. center {

text-align:center;

}

1. p-logo {

   visibility:hidden;

}

1. searchform {

   visibility:hidden;

}

1. top-section{

border:none; margin-bottom: -85px; }

1. catlinks{

border:none; display:none; }

1. content {padding:0px; width: 975px; border:none; background: none;}

1. footer-box {

position:absolute; background:none; border:none; }

.content-wrap {

       position:absolute;
       left:50px;
       top:700px;

width: 291px;

       height: 54px;

margin: 0 auto; display:block; clear:both; margin-top: 0px; background: #f0e8e8; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 10px;

}