html, body {
background-color: #222222;
}
#sb-site {
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Shadow cast onto the slidebars when opened. */
padding: 60px 0 30px 0;
}
#adverts {
margin-top: 20px;
}
.advert {
border-radius: 3px;
border: 1px solid #727272;
margin-bottom: 10px;
padding: 3px;
}
.navbar {
box-shadow: /* Shadow beneath the bar and edge highlights. */
/* Layered single pixel shadows to create a one sided shadow effect. */
0 5px 0 0 rgba(0, 0, 0, 0.01),
0 4px 0 0 rgba(0, 0, 0, 0.02),
0 3px 0 0 rgba(0, 0, 0, 0.04),
0 2px 0 0 rgba(0, 0, 0, 0.06),
0 1px 0 0 rgba(0, 0, 0, 0.08),
/* Top highlight */
0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
/* Left highlight */
1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
/* Right highlight */
-1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
/* Bottom lowlight */
0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
/* Glass gradient overlay. */
background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /* Webkit syntax. */
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */
background-size: 100%;
background-repeat: no-repeat;
/* Bootstrap Changes */
border: none;
width: 100%;
left: auto;
right: auto;
}
#logo {
margin-top: 4px;
text-align: center;
}
#top-arrow {
padding-top: 17px;
padding-bottom: 13px;
}
.navbar .sb-toggle-left {
width: 58px;
float: left;
padding: 14px;
}
.navbar .sb-toggle-right{
width: 90px;
float: right;
padding: 14px;
}
.sb-toggle-rights {
width: 90px;
float: right;
padding: 14px;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close, .sb-toggle-right {
cursor: pointer;
}
.sb-right {
margin-top: 50px;
}
.navicon-line {
width: 24px;
height: 4px;
border-radius: 1px;
margin-bottom: 3px;
background-color: #fff;
}
ul.navbar-nav {
display: none;
}
footer {
margin-top: 10px;
}
/* Slidebars */
.sb-slidebar {
background-color: #222222;
}
/* ---------------
* 003 - Slidebars
*/
.sb-slidebar {
background-color: #222222; /* Background colour. */
color: #e8e8e8; /* Text colour. */
}
.sb-slidebar a {
color: #FF3971;
text-decoration: none;
}
.sb-slidebar a:hover {
color: #E83165; /* Link hover colour. */
text-decoration: underline;
}
/* Main Menu */
.sbt-menu { /* Apply to or . */
padding: 0 0 0 16px;
margin: 0;
list-style-type: none;
background-color: #404040;
color: #a4a4a4;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sb-menu { /* Apply to or . */
padding: 0;
margin: 0;
list-style-type: none;
}
.sb-menu li {
width: 100%;
padding: 0;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
}
.sb-menu > li:first-child {
border-top: none; /* Removes top border from first list item.. */
}
.sb-menu > li:last-child {
border-bottom: none; /* Removed bottom border from last list item. */
}
.sb-menu li a {
width: 100%; /* Makes links full width. */
display: inline-block;
padding: 1em; /* Creates an even padding the same size as your font. */
color: #f2f2f2;
}
.sb-menu li a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
}
/* Borders */
.sb-left .sb-menu li a {
border-left: 3px solid transparent;
}
.sb-left .sb-menu li a:hover {
border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
.sb-right .sb-menu li a {
border-right: 3px solid transparent;
}
.sb-right .sb-menu li a:hover {
border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
/* Left */
.sb-menu li .sb-open-right, .sb-menu li small {
display: inline-block;
padding: 14px;
}
.sb-menu li img {
margin: 14px;
}
/* Right */
aside#about-me {
padding: 14px 14px 14px 14px;
}
img.img-me {
margin: 14px auto;
border: 4px solid #fff;
}
/* Slidebar Type */
.sb-slidebar, .sb-slidebar h3 {
color: #F0F0F0;
}
.sb-slidebar ul.sb-nav li a {
color: #DEDEDE;
}
.sb-slidebar ul.sb-nav li a:hover {
color: #C7C7C7;
text-decoration: none;
}
.sb-slidebar ul.sb-nav li span:hover {
color: #C7C7C7;
}
/* Anchor Links */
#download, #api, #options, #helper-classes {
margin-top: -50px;
padding-top: 50px;
}
/* Helper Classes */
.add-bottom-margin {
margin-bottom: 15px;
}
.no-bottom-margin {
margin-bottom: 0;
}
.add-top-margin {
margin-top: 15px;
}
.no-top-margin {
margin-top: 0;
}
.push-down {
position: relative;
top: 2px;
}
@media (min-width: 768px) {
ul.navbar-nav {
display: block;
}
#logo {
text-align: left;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/* main box */
.s_bar_defalut {
border:1px solid #cdcdcd;
background:#f1f1f1;
color:#000;font-weight:bold;text-shadow:0 -1px 1px #fff;
font-size:11px;
background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#ffffff));
background-image:-webkit-linear-gradient(#FFFFFF,#FFFFFF);
background-image:-moz-linear-gradient(#FFFFFF,#FFFFFF);
background-image:-ms-linear-gradient(#FFFFFF,#FFFFFF);
background-image:-o-linear-gradient(#FFFFFF,#FFFFFF);
background-image:linear-gradient(#FFFFFF,#FFFFFF);
display:inline-block;
width:29%;
height:80px;
margin:5px;
padding-top:6px;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
border-radius:.6em;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
border-radius:.6em;
}
/* form */
.text{
width:100%;
}
.form_year{
width:50%;
float:left;
margin:5px 0;
}
.form_md{
width:25%;
float:left;
margin:5px 0;
}
/* text */
.s_title {
border-bottom:1px solid #cdcdcd;
}
/* table */
.form_table {
width:100%;
}
.form_table td{
padding:10px 0 10px 0;
}
/* line */
.line-bottom {
display:block;
margin:0px auto;
width:100%;
border-top:2px solid #c79e72;
padding:10px;
margin-top:20px;
}
.line-top {
display:block;
width:100%;
border-bottom:2px solid #c79e72;
padding:0px 10px 10px 0;
margin-bottom:10px;
}
/* icon */
.icon_home {
background-image:url(image/icon_home.png);background-repeat:no-repeat;background-position:10px 50%;
}