Difference between revisions of "Template:ITB INDONESIA/dev/css/style"

Revision as of 10:07, 12 July 2015 (view source) Aerlaut (Talk | contribs) m ← Older edit		Revision as of 06:17, 14 July 2015 (view source) Aerlaut (Talk | contribs) Newer edit →
Line 32:		Line 32:
	}		}
−	#background-top {	+	#background-left, #background-right {
	position: absolute;		position: absolute;
−	background-image: url(https://static.igem.org/mediawiki/2015/2/2b/ITB_INDONESIA_IGEM2015_bgtop.png);	+	background-image: url(https://static.igem.org/mediawiki/2015/9/97/ITB_INDONESIA_IGEM2015_bgside.gif);
−	width: 200px;	+	width: 823px;
−	height: 263px;	+	height: 2224px;
−	left: 100%;	+
	top: -2%;		top: -2%;
	}		}
−	#background-bottom {	+	#background-left {
−	position: absolute;	+	right : 100%;
−	background-image: url(https://static.igem.org/mediawiki/2015/9/96/ITB_INDONESIA_IGEM2015_bgbottom.png);	+	}
−	width: 320px;	+
−	height: 269px;	+	#background-right {
−	bottom: 0;	+	left: 100%;
−	right: 100%;	+
	}		}

---

Revision as of 06:17, 14 July 2015

1. globalWrapper {

 overflow-x: hidden;

}

.firstHeading {

 display: none;

}

1. content {

 width: 100%;
 font: Helvetica, Arial, sans-serif;
 font-size : 16px;
 background-color: #9CDCB8;
 color: #14464a;
 line-height: 1.3em;
 padding: 0;
 overflow-x: hidden;

}

a, a:visited {

 color: #14464a;
 text-decoration: none;

}

1. bodyContent {

 width: 1080px;
 margin: 0 auto;
 background-color: white;
 padding: 2% 2% 0 2%;
 position: relative;
 margin-bottom: -6px;

}

1. background-left, #background-right {

 position: absolute;
 background-image: url();
 width: 823px;
 height: 2224px;
 top: -2%;

}

1. background-left {

 right : 100%;

}

1. background-right {

 left: 100%;

}

1. header {

 height: 333px;
 background-image: url();
 position: relative;

}

1. header .socmed {

 position: absolute;
 top : 42%;
 left : 82%;

}

1. header .socmed img {

 width: 8%;
 margin : -6px 6px 0 0;

}

nav {

 margin-bottom: 20px;

}

.logo {

 width: 20%;
 float: left;

}

.main-nav {

 float: left;
 border-bottom: 1px solid #14464a;
 width: 100%;

}

.main-nav a {

 color: #14464a;
 text-decoration: none;
 display: inline-block;
 padding: 10px 1em;

}

.main-nav > ul {

 font-size: 1.2em;
 font-weight: 100;
 margin: 1% 0 1% 0;

}

.main-nav > ul > li {

 float: left;
 position: relative;
 list-style: none;

}

.main-nav > ul > li ul {

 position: absolute;
 display: none;
 margin: 0 0 10px 0;
 padding: 0;
 background-color: #e0f2eb;
 width: 120%;
 left: 0;
 z-index : 1;

}

.main-nav > ul > li ul li {

 display: block;

}

.main-nav > ul li:hover {

 background-color: #e0f2eb;
 cursor: pointer;

}

.main-nav > ul li:hover > ul {

 display: block;

}

h1, h2, h3 {

 border-bottom: 1px solid #14464a;
 padding: 10px;
 font-weight: 300;
 background-color: #eee;

}

p {

 word-spacing: 0.1em;

}

.achievement ul {

 margin: 0 0 0 2em;
 list-style-type: none;
 list-style-image: none;

}

.achievement ul li {

 margin: 10px 0;
 position: relative;

}

.achievement ul li.done::before, .achievement ul li.not-done::before {

 background-size: 1.2em;
 width: 1.5em;
 height: 1.5em;
 content: " ";
 display: inline-block;
 background-repeat: no-repeat;
 position: absolute;
 left: -1.7em;

}

.achievement ul li.done::before {

 background-image: url();

}

.achievement ul li.not-done::before {

 background-image: url();

}

footer {

 border-top: 1px solid #14464a;
 background-color: #eee;
 text-align: center;
 padding: 20px 0;
 margin-top: 20px;

}

.bg-bronze {

 background-color: #daab85;

}

.bg-silver {

 background-color: #efefef;

}

.bg-gold {

 background-color: #dfcd78;

}

.clearfix {

 clear: both;

}