Files
cloudron-box/webadmin/css/index.css
T
2014-05-08 16:47:34 -07:00

215 lines
3.0 KiB
CSS

html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
body {
font-size: 16px;
font-family: 'Open Sans', Arial, sans-serif;
background: #eee;
line-height: 22px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url('../assets/background_00.jpg');
color: black;
}
h1, h2, h3, h4, h5, h6 {
color: white;
font-family: 'Open Sans', Arial, sans-serif;
margin-top: 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 12px;
margin: 0 0 0 5px;
}
h1 {
color: #6096D6;
font-size: 28px;
line-height: 32px;
}
h2 {
font-size: 24px;
line-height: 28px;
}
h3 {
font-size: 18px;
line-height: 22px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 14px;
line-height: 20px;
}
h6 {
font-size: 11px;
line-height: 15px;
}
strong, b {
color: #555;
}
a {
cursor: default;
color: rgba(0, 0, 0, 0.5);
}
a:hover, a:focus {
color: #6096d6;
outline: none;
}
small, .small {
font-size: 90%;
}
.text-center {
text-align: center;
}
.progress {
margin-bottom: 0;
}
.modal {
overflow: hidden;
}
.row {
padding: 10px;
}
.list-group {
}
.list-group-item {
padding: 0;
margin-bottom: 10px;
border: 0;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.53);
}
.list-group-item.seamless {
margin-bottom: 3px;
}
.list-group-item-heading {
background: rgba(255, 255, 255, 0.53);
}
.log-viewer {
overflow: scroll;
margin: 0;
padding: 5px;
}
.user-list-item {
padding: 10px;
margin: 0;
}
.error {
color: red;
}
.form-control.form-sm {
padding-top: 0;
padding-bottom: 0;
height: 25px;
}
@media (min-width: 800px) {
.nav {
position: fixed;
width: 17%;
}
}
.nav-pills > li > a {
transition: color, background-color 0.4s;
}
.nav-pills > li.active > a {
background-color: rgba(0, 0, 0, 0.48)
}
li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: rgba(0, 0, 0, 0.48)
}
select, textarea, input, .uneditable-input {
font-family: 'Open Sans', Arial, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: 600;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff !important;
padding: 10px;
text-shadow: none;
}
.btn.btn-sm {
padding: 1px;
}
.btn.btn-large {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
padding: 19px 12px;
}
.btn, .btn-blue {
background: rgba(56, 129, 177, 0.36);
}
.btn:hover, .btn-blue:hover {
background: #3498DB !important;
}
.btn-green {
background: #27AE60;
}
.btn-green:hover {
background: #2ECC71 !important;
}
.toolicon {
transition: color 0.25s;
}
.toolicon:hover {
color: rgba(56, 129, 177, 0.7);
}