"

From 2013.igem.org

Revision as of 21:37, 21 September 2013 (view source) Surine (Talk | contribs) ← Older edit		Latest revision as of 12:21, 28 October 2013 (view source) Kndtmsl (Talk | contribs)
(71 intermediate revisions not shown)
Line 3:		Line 3:
	padding: 0;		padding: 0;
	}		}
-	html {	+	html {}
-	background-color: #fff;	+
-	}	+
	body {		body {
	color: #333333;		color: #333333;
-	font: 0.75em/1.5em Arial,sans-serif;	+	font: 0.75em/1.5em "Times New Roman";
	}		}
	#globalWrapper {		#globalWrapper {
Line 27:		Line 25:
	border:none;		border:none;
	}		}
		+
	ul {		ul {
	line-height: 1.5em;		line-height: 1.5em;
Line 42:		Line 41:
	text-decoration:none;		text-decoration:none;
	}		}
		+
	.bar{		.bar{
	margin-top:10px;		margin-top:10px;
Line 54:		Line 54:
	height:123px;		height:123px;
	background:url(https://static.igem.org/mediawiki/2013/8/8a/2013ustc-china_Logo-bg.png) no-repeat;		background:url(https://static.igem.org/mediawiki/2013/8/8a/2013ustc-china_Logo-bg.png) no-repeat;
-	z-index:2000;	+	float:right;
-	position:absolute;	+	margin-top:-54px;
-	left:964px;	+
	}		}
Line 66:		Line 65:
	background:url(https://static.igem.org/mediawiki/2013/b/b8/2013ustc-china_Menu-bg.png) no-repeat;		background:url(https://static.igem.org/mediawiki/2013/b/b8/2013ustc-china_Menu-bg.png) no-repeat;
	display:block;		display:block;
		+	padding-left:52px;
	}		}
Line 79:		Line 79:
	color:#303030;		color:#303030;
	font-size:18px;		font-size:18px;
-	font-family: 'Crimson Text', serif;
	text-shadow: 0 0 1px #ccc;		text-shadow: 0 0 1px #ccc;
	padding:0 11px;		padding:0 11px;
Line 109:		Line 108:
	width:208px;		width:208px;
	line-height:37px;		line-height:37px;
-	border-bottom:1px solid #fff;	+	border-bottom:1px solid rgb(106,119,126);
-	border-bottom:1px solid #6a777e;	+
	}		}
Line 128:		Line 126:
	#nav li:hover ul{		#nav li:hover ul{
	display:block;		display:block;
		+	}
		+	#igemlogo{
		+	margin:5px 10px 0px 15px;
		+	float:left;
		+	position:relative;
	}		}
	.clear{		.clear{
Line 142:		Line 145:
	width:964px;		width:964px;
	height:100%;		height:100%;
-	}	+	}
-		+	.leftbar h1{
		+	font size:40px
		+	}
		+	.basic-bar{
		+	width:580px;
		+	padding:20px 20px 16px 20px;
		+	margin-bottom:20px;
		+	position:relative;
		+	clear:left;
		+	}
		+	.basic-bar h1{
		+	font-weight:200;
		+	font-size:36px;
		+	}
		+	.basic-bar h2{
		+	font-size:28px;
		+	}
		+	.basic-bar h3{
		+	font-size:24px;
		+	}
		+	.basic-bar p{
		+	line-height:24px;
		+	font-size:18px;
		+	font-weight:none;
		+	}
		+	.basic-bar span{
		+	line-height:24px;
		+	font-size:20px;
		+	color:#ff9933;
		+	}
	#breadcrumb{		#breadcrumb{
	float:left;		float:left;
Line 151:		Line 183:
	}		}
	#breadcrumb a{		#breadcrumb a{
-	color:#a4a4a4;	+	color:#6b737a;
	}		}
	#breadcrumb a:hover{		#breadcrumb a:hover{
Line 161:		Line 193:
	}		}
	.rightbar{		.rightbar{
		+	position:fixed;
	float:right;		float:right;
	width:310px;		width:310px;
-	}	+	right:200px;
-	#tag{	+
-	width: 185px;	+
-	height: 54px;	+
-	float:left;	+
-	margin: 0px 17px 17px 0;	+
-	overflow:hidden;	+
-	/*border: 1px #000 solid;*/	+
-	position: relative;	+
-	text-indent:40px;	+
-	line-height:80px;	+
-	font-size:36px;	+
	}		}
-	#homecontent{	+	.img-left{
-	width:964px;	+	float:left;}
-	position:relative;	+	.img-right{
-	margin:10px auto;	+	float:right;
		+	}
		+	.port-sidebar-border{
		+	width:310px;
		+	height:40px;
		+	border-bottom: 2px solid #bababa;
	}		}
-	.home3col{	+	.port-sidebar-border h{
-	width:240px;	+
-	background:#fff;	+
-	border:1px solid #ececec;	+
-	padding:40px 20px 16px 20px;	+
-	margin:0px 60px 10px 0;	+
	float:left;		float:left;
-	position:relative;	+	margin-top:30px;
		+	font-size:24px;
		+	color: #303030;
		+	background:url("https://static.igem.org/mediawiki/2013/6/62/2013ustc-china_Light_grey_bg.png");
	}		}
-		+	.rightbar a{
-	.home3col#home3colLast{	+	color:#6b737a;
-	margin-right:-300px;	+
	}		}
-		+	.rightbar a:hover{
-	.home3col-ribbon{	+	color:#303030;
-	width:76px;	+
-	height:90px;	+
-	background:url(https://static.igem.org/mediawiki/2013/1/14/2013ustc-china_Home3col-rb.png) no-repeat;	+
-	padding:10px 0 0 6px;	+
-	position:absolute;	+
-	top:17px;	+
-	left:-24px;	+
	}		}
-		+	.rightbar a.active{
-	.home3col h1{	+	color:#303030;
-	margin:0 0 40px 50px;	+	}
		+	#t1{
		+	font-size:20px;
		+	line-height:30px;
		+	margin-left:70px;
		+	text-align:left;
		+	}
		+	#t2{
		+	font-size:16px;
		+	line-height:28px;
		+	margin-left:130px;
		+	text-align:left;
		+	}
		+	.img-left-side{
		+	float:left;
		+	width:300px;
		+	height:200px;
		+	margin:10px 10px 10px 0;
		+	}
		+	.text-right-side{
		+	float:right;
		+	width:270px;
		+	height:200px;
		+	margin:10px 0 10px 0;
	}		}
-
-
-	.img-left{
-	float:left;}
-	.img-right{
-	float:right;
-	}

---

Latest revision as of 12:21, 28 October 2013

• {

   margin: 0;
   padding: 0;

} html {} body {

   color: #333333;
   font: 0.75em/1.5em "Times New Roman";

}

1. globalWrapper {

   position: relative;
   font-size: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;

} h1, h2, h3, h4, h5, h6 {

   color: black;
   background: none;
   font-weight: normal;
   margin: 0;
   padding-top: .5em;
   padding-bottom: .17em;
   border:none;

}

ul {

   line-height: 1.5em;
   list-style-type: square;
   margin:0 0 0 0;
   padding: 0;
   list-style-image: url(bullet.gif);

} a{

  color:#43adff;
  text-decoration:none;

} a:hover{ color:#7bc5ff;

       text-decoration:none;

}

.bar{ margin-top:10px; height:54px; overflow:visible; } .container {

   width: 964px;

}

1. tlogo{

width:190px; height:123px; background:url() no-repeat; float:right;

       margin-top:-54px;

}

/* common and top level styles */

1. nav{

width:794px; height:53px; background:url() no-repeat; display:block; padding-left:52px; }

1. nav li{

display:block; position:relative; float:left; font-size:18px; }

1. nav li a{

line-height:51px; color:#303030; font-size:18px; text-shadow: 0 0 1px #ccc; padding:0 11px; display:block; margin-right:1px; float:left; }

1. nav li:hover, #nav li.active{

background:url() repeat-x; }

/* Dropdown */

1. nav li ul{

width:230px; background:url(); color:#fff; /*border-bottom:6px solid #747D82;*/ display:none; z-index:1880; position:absolute; top:51px; }

1. nav li ul li a{

color:#fff; width:208px; line-height:37px; border-bottom:1px solid rgb(106,119,126); }

1. nav li ul li:hover, #nav li ul li.active{

width:229px; background:url(); }

1. nav li ul li:last-child a{

border:none; }

1. nav li ul li.active{

text-indent:14px; }

1. nav li:hover ul{

display:block; }

1. igemlogo{

margin:5px 10px 0px 15px; float:left; position:relative; } .clear{ clear:both; } .content{ height:100%; } .conbar1{ width:964px; height:69px; } .conbar2{ width:964px; height:100%; } .leftbar h1{ font size:40px } .basic-bar{ width:580px; padding:20px 20px 16px 20px;

       margin-bottom:20px;

position:relative; clear:left; } .basic-bar h1{

 font-weight:200;
 font-size:36px;

} .basic-bar h2{

 font-size:28px;

} .basic-bar h3{

 font-size:24px;

} .basic-bar p{

 line-height:24px;
 font-size:18px;
 font-weight:none;

} .basic-bar span{

 line-height:24px;
 font-size:20px;
 color:#ff9933;

}

1. breadcrumb{

float:left; font-size:16px; line-height:60px; text-indent:3px; }

1. breadcrumb a{

color:#6b737a; }

1. breadcrumb a:hover{

color:#303030; } .leftbar{ float:left; width:620px; } .rightbar{

       position:fixed;

float:right; width:310px;

       right:200px;

}

.img-left{ float:left;} .img-right{ float:right; } .port-sidebar-border{ width:310px; height:40px; border-bottom: 2px solid #bababa; } .port-sidebar-border h{ float:left; margin-top:30px; font-size:24px; color: #303030;

       background:url("");

} .rightbar a{ color:#6b737a; } .rightbar a:hover{ color:#303030; } .rightbar a.active{

       color:#303030;

}

1. t1{

font-size:20px; line-height:30px; margin-left:70px; text-align:left; }

1. t2{

font-size:16px; line-height:28px; margin-left:130px; text-align:left; } .img-left-side{ float:left; width:300px; height:200px; margin:10px 10px 10px 0; } .text-right-side{ float:right; width:270px; height:200px; margin:10px 0 10px 0; }