Template:ITB INDONESIA/dev/css/style
- globalWrapper {
overflow-x: hidden;
}
.firstHeading {
display: none;
}
- content {
width: 100%; font: Helvetica, Arial, sans-serif; font-size : 16px; background-color: #9CDCB8; color: #333; line-height: 1.3em; padding: 0; overflow: hidden;
}
a, a:visited {
color: #14464a; text-decoration: none;
}
- bodyContent {
width: 1080px; margin: 0 auto; background-color: white; padding: 2% 2% 0 2%; position: relative; margin-bottom: -6px;
}
- background-left, #background-right {
position: absolute; background-image: url(); background-repeat : repeat-y; width: 823px; height: 120%; top: -2%;
}
- background-left {
right : 100%;
}
- background-right {
left: 100%;
}
- header {
height: 333px; background-image: url(); position: relative;
}
- header .socmed {
position: absolute; top : 42%; left : 82%;
}
- 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;
}
h2 {
border-bottom: 1px solid #14464a; padding: 10px; font-weight: 300; background-color: #eee;
}
h2:not(:first-child) {
margin-top:2em;
}
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();
}
.humprac {
width : 30%; margin: 5px 1.5%;
}
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;
}