clipbucket/upload/styles/cb_2013/theme/css/main.css

133 lines
2.7 KiB
CSS
Raw Normal View History

/**
* @author : Arslan Hassan (@arslancb), Fawaz Tahir (@fawazcb)
* @ClipBucket : 2.7
* @Theme Name : ClipBucket 2013 Fall
*/
body {
background-color: #e8e8e8;
color: #000000;
font-family: Sintony, "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
font-size: 14px;
padding-top: 70px;
}
html,
body {
height: 100%;
}
#container {
width: 1170px;
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -60px;
}
.bold {
font-weight: bold;
}
/* Importing Navigation CSS */
.navbar-container {
max-width: 1170px;
margin: auto;
}
.navbar-container .navbar-search {
width: 300px !important;
line-height: 37px;
margin-left: 50px;
}
.navbar-container .cb-logo {
background: url('../../images/logo.png') no-repeat;
width: 188px;
height: 36px;
text-indent: -500000px;
display: inline-block;
margin-top: 9px;
}
@media (min-width: 768px) {
.navbar-container .main-nav {
margin-left: 25px;
}
.navbar-container .myaccount-dd a {
padding-top: 6px;
}
}
.navbar-container .navbar-nav > li > a {
line-height: 31px;
}
.navbar-container .nav-login-btns,
.navbar-container .nav-login-dd,
.navbar-container .nav-collapse-btn,
.navbar-container .navbar-search {
display: none;
}
@media (min-width: 1145px) {
.navbar-container .nav-login-btns,
.navbar-container .navbar-search {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 1144px) {
.navbar-container .nav-login-dd {
display: inline-block;
}
.navbar-container .nav-login-dd li .dropdown-menu {
max-width: 900px;
min-width: 300px;
margin-left: 20px;
padding: 10px;
line-height: 1.5;
}
}
@media (max-width: 767px) {
.navbar-container .nav-collapse-btn {
display: inline-block;
}
}
@media (min-width: 767px) {
.navbar-container .navbar-sm-search {
display: none !important;
}
.navbar-container .navbar-sm-login-links {
display: none !important;
}
}
.navbar-container .nav-toggle {
line-height: 12px;
padding-left: 15px;
padding-right: 15px;
}
.navbar {
line-height: 60px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.navbar-default .navbar-nav > li > a {
color: #0099cc;
outline: none;
}
/* Importing Form CSS */
/* Importing Footer */
#footer {
width: 1170px;
margin: auto;
}
#footer ul {
maring: 0px;
padding: 0px;
}
#footer ul li {
display: inline-block;
margin-right: 15px;
}
#push,
footer {
height: 60px;
}
footer {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
background: #fff;
}