Files
web/theme/theme.css
Abdullah Almsaeed f5e01e2d15 Uploaded
all the files have been uploaded
2013-12-24 22:09:19 -05:00

765 lines
16 KiB
CSS

/*
Created on : Dec 6, 2013, 2:20:55 PM
Author : Almsaeed, Abdullah A
*/
/*
Created on : Dec 6, 2013, 2:20:55 PM
Author : Almsaeed, Abdullah A
*/
a:hover {
text-decoration: none;
}
.navbar.navbar-theme a.navbar-brand {
font-family: 'Signika Negative', sans-serif;
color: #f9f9f9;
}
.navbar.navbar-theme a.navbar-brand [class^="fa"] {
margin-right: 10px;
}
.navbar-theme.navbar-static-top {
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
}
.navbar-theme .navbar-nav > li > a {
color: #f9f9f9;
}
.navbar.navbar-theme {
color: #f9f9f9;
}
.navbar-theme.bg-primary {
background: #383e4b !important;
}
.navbar-theme.bg-primary .navbar-form > .form-group > input[type='text'] {
background: #4e5668;
border: 1px solid #3a404e;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-primary .navbar-nav > li > a:visited,
.navbar-theme.bg-primary .navbar-nav > li > a:focus,
.navbar-theme.bg-primary .navbar-nav > li > a:active,
.navbar-theme.bg-primary .navbar-nav > li > a:hover,
.navbar-theme.bg-primary a.navbar-brand:hover {
background: #22262e;
}
.navbar-theme.bg-green {
background: #34a32e !important;
}
.navbar-theme.bg-green .navbar-form > .form-group > input[type='text'] {
background: #43c83c;
border: 1px solid #35a72f;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-green .navbar-nav > li > a:visited,
.navbar-theme.bg-green .navbar-nav > li > a:focus,
.navbar-theme.bg-green .navbar-nav > li > a:active,
.navbar-theme.bg-green .navbar-nav > li > a:hover,
.navbar-theme.bg-green a.navbar-brand:hover {
background: #277b23;
}
.navbar-theme.bg-yellow {
background: #e66b08 !important;
}
.navbar-theme.bg-yellow .navbar-form > .form-group > input[type='text'] {
background: #f88529;
border: 1px solid #eb6d08;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-yellow .navbar-nav > li > a:visited,
.navbar-theme.bg-yellow .navbar-nav > li > a:focus,
.navbar-theme.bg-yellow .navbar-nav > li > a:active,
.navbar-theme.bg-yellow .navbar-nav > li > a:hover,
.navbar-theme.bg-yellow a.navbar-brand:hover {
background: #b55406;
}
.navbar-theme.bg-red {
background: #d80506 !important;
}
.navbar-theme.bg-red .navbar-form > .form-group > input[type='text'] {
background: #f91718;
border: 1px solid #dd0506;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-red .navbar-nav > li > a:visited,
.navbar-theme.bg-red .navbar-nav > li > a:focus,
.navbar-theme.bg-red .navbar-nav > li > a:active,
.navbar-theme.bg-red .navbar-nav > li > a:hover,
.navbar-theme.bg-red a.navbar-brand:hover {
background: #a60405;
}
.navbar-theme.bg-blue {
background: #0c5175 !important;
}
.navbar-theme.bg-blue .navbar-form > .form-group > input[type='text'] {
background: #1171a3;
border: 1px solid #0d5479;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-blue .navbar-nav > li > a:visited,
.navbar-theme.bg-blue .navbar-nav > li > a:focus,
.navbar-theme.bg-blue .navbar-nav > li > a:active,
.navbar-theme.bg-blue .navbar-nav > li > a:hover,
.navbar-theme.bg-blue a.navbar-brand:hover {
background: #073147;
}
.navbar-theme.bg-purple {
background: #72208d !important;
}
.navbar-theme.bg-purple .navbar-form > .form-group > input[type='text'] {
background: #932ab6;
border: 1px solid #752191;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-purple .navbar-nav > li > a:visited,
.navbar-theme.bg-purple .navbar-nav > li > a:focus,
.navbar-theme.bg-purple .navbar-nav > li > a:active,
.navbar-theme.bg-purple .navbar-nav > li > a:hover,
.navbar-theme.bg-purple a.navbar-brand:hover {
background: #501763;
}
.navbar-theme.bg-light-blue {
background: #25a7e3 !important;
}
.navbar-theme.bg-light-blue .navbar-form > .form-group > input[type='text'] {
background: #52b9e9;
border: 1px solid #29a9e4;
color: #f9f9f9;
border-radius: 0;
}
.navbar-theme.bg-light-blue .navbar-nav > li > a:visited,
.navbar-theme.bg-light-blue .navbar-nav > li > a:focus,
.navbar-theme.bg-light-blue .navbar-nav > li > a:active,
.navbar-theme.bg-light-blue .navbar-nav > li > a:hover,
.navbar-theme.bg-light-blue a.navbar-brand:hover {
background: #1889bd;
}
.navbar-theme .navbar-toggle > .icon-bar {
background: #f9f9f9;
}
.navbar-theme .navbar-toggle {
border: 0px;
}
.navbar-dropdown {
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
}
.navbar-dropdown > .dropdown-header,
.navbar-dropdown > .dropdown-footer a {
font-size: 15px;
word-break: none;
background-color: #f2f2f2;
color: #444444;
padding: 10px;
white-space: nowrap;
text-align: center;
}
.navbar-dropdown > .dropdown-header {
border-bottom: 1px solid #dddddd;
}
.navbar-dropdown > li {
margin: 0;
padding: 0;
border-bottom: 1px solid #dddddd;
}
.navbar-dropdown > li > a {
padding: 0px 0px;
}
.navbar-dropdown > li > a > span {
padding: 15px 15px 15px 10px;
}
.navbar-dropdown > li > a > .fa {
padding: 15px 0px;
background: #d80506;
color: #f9f9f9;
font-size: 14px;
width: 50px;
text-align: center;
}
.navbar-dropdown > li.warning > a > .fa {
background: #e66b08;
}
.navbar-dropdown > li.danger > a > .fa {
background: #d80506;
}
.navbar-dropdown > li.info > a > .fa {
background: #0c5175;
}
.navbar-dropdown > li.info2 > a > .fa {
background: #25a7e3;
}
.navbar-dropdown > li.primary > a > .fa {
background: #383e4b;
}
html,
body {
background-color: #f2f3f6;
}
.lte-main-container {
background-color: #ffffff;
border-left: 1px solid #dddddd;
padding-bottom: 5px;
}
.lte-main-content:after {
clear: both;
}
.lte-main-content:before,
.lte-main-content:after {
content: "";
display: table;
}
@media (max-width: 767px) {
.lte-main-container {
border-left: none;
}
}
.lte-sidebar {
z-index: 999999;
background-color: #f2f3f6;
color: #444444;
font-family: 'Signika Negative', sans-serif;
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
}
.lte-sidebar-menu {
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
list-style: none;
}
.lte-sidebar-menu > li > a {
padding: 10px;
color: #444;
display: block;
border-bottom: 1px solid #dddddd;
font-size: 15px;
white-space: nowrap;
}
.lte-sidebar-menu > li > a > [class^="fa"] {
color: #383e4b;
margin-right: 10px;
font-size: 15px;
}
.lte-sidebar-menu > li > a > .pull-right.fa {
line-height: 22px;
}
.lte-sidebar-menu > li.active > a,
.lte-sidebar-menu > li > a:hover {
background: #fefefe;
color: #222222;
text-decoration: none;
}
.lte-sidebar-menu > li.active > a {
position: relative;
background: #ffffff;
}
.lte-sidebar-menu > li.active > a:after,
.lte-sidebar-menu > li.active > a:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.lte-sidebar-menu > li.active > a:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px;
margin-top: -10px;
}
.lte-sidebar-menu > li.active > a:before {
border-color: rgba(221, 221, 221, 0);
border-left-color: #dddddd;
border-width: 11px;
margin-top: -11px;
}
.lte-sidebar-menu > li a:hover > [class^="fa"] {
color: #22262e;
margin-right: 13px;
}
.lte-sidebar-menu > form > input {
width: 90% !important;
}
.lte-menu-sm {
z-index: 999999;
cursor: pointer;
position: relative;
color: #f9f9f9;
/* -webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;*/
}
.fixed {
position: absolute;
border-right: 1px solid #dddddd;
}
.lte-main-fixed {
margin-top: 50px;
}
.lte-chart {
height: 300px;
}
div.page-header {
margin: 0px 0 10px 0;
padding: 21px 10px 22px 10px;
font-size: 2.0em;
}
div.page-header > small {
font-size: 14px;
color: #999999;
}
@media (max-width: 767px) {
div.page-header > small {
display: block;
margin-left: 80px;
}
div.page-header > .btn-group {
float: none !important;
margin-left: 80px;
}
}
div.page-header > [class^="fa"] {
margin: 0 10px 0 20px;
color: #383e4b;
}
.lte-dashboard > .row > [class^="col"] {
margin-bottom: 20px;
}
footer {
border-top: 1px solid #dddddd;
background: #f2f3f6;
padding: 10px;
text-align: center;
font-weight: 600;
}
.bg-primary {
background-color: #383e4b !important;
color: #f9f9f9 !important;
}
.bg-green {
background-color: #34a32e !important;
color: #f9f9f9 !important;
}
.bg-yellow {
background-color: #e66b08 !important;
color: #f9f9f9 !important;
}
.bg-red {
background-color: #d80506 !important;
color: #f9f9f9 !important;
}
.bg-blue {
background-color: #0c5175 !important;
color: #f9f9f9 !important;
}
.bg-light-blue {
background-color: #25a7e3 !important;
color: #f9f9f9 !important;
}
.bg-purple {
background-color: #72208d !important;
color: #f9f9f9 !important;
}
.bg-white {
background-color: #f9f9f9 !important;
color: #383e4b !important;
}
.font-white {
color: #f9f9f9 !important;
}
.font-primary,
.dropdown-menu .font-primary a {
color: #383e4b !important;
}
.font-green,
.dropdown-menu .font-green a {
color: #34a32e !important;
}
.font-yellow,
.dropdown-menu .font-yellow a {
color: #e66b08 !important;
}
.font-red,
.dropdown-menu .font-red a {
color: #d80506 !important;
}
.font-blue,
.dropdown-menu .font-blue a {
color: #0c5175 !important;
}
.font-light-blue,
.dropdown-menu .font-light-blue a {
color: #25a7e3 !important;
}
.font-purple,
.dropdown-menu .font-purple a {
color: #72208d !important;
}
.box {
border-bottom: 1px solid #dddddd;
}
.box > .box-header {
padding: 10px;
}
.box > .box-header:after {
clear: both;
}
.box > .box-header:before,
.box > .box-header:after {
content: "";
display: table;
}
.box-header > .box-title,
.box-header > .box-title > a,
.box-header > a > .box-title {
float: left;
font-size: 20px;
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
}
.box-header > .box-tools {
float: right;
font-size: 20px;
}
.box-header > .box-tools > i {
cursor: pointer;
}
.box > .box-body {
padding: 10px;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
.box > .table-container > table,
.table-container > .box > .table {
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
margin-bottom: 0 !important;
padding-right: 1px;
width: 100%;
display: table;
}
.box > .table-container > .table > thead > tr:first-of-type > th,
.box > .table-container > .table > tbody > tr:first-of-type > th,
.box > .table-container > .table > thead > tr:first-of-type > td,
.box > .table-container > .table > tbody > tr:first-of-type > td {
border-top: 0;
}
.box > .box-footer {
padding: 5px;
background: #f9f9f9;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
.box > .box-footer .btn {
margin-right: 10px;
}
.box > .box-footer .btn.pull-right:first-of-type {
margin-right: 0;
}
.box > .box-footer .btn:first-of-type {
margin-right: 0;
}
.box > .box-footer:after {
clear: both;
}
.box > .box-footer:before,
.box > .box-footer:after {
content: "";
display: table;
}
.box.box-height-contorl > .box-body,
.box.box-height-contorl > .table-container {
max-height: 300px!important;
overflow: auto;
}
.box.box-fixed-height > .box-body,
.box.box-fixed-height > .table-container {
height: 180px!important;
max-height: 180px!important;
overflow: auto;
}
.box.box-default > .box-header {
color: #444444;
border-bottom: 1px solid #dddddd;
}
.box.box-default > .box-header > .box-tools > .fa:hover {
color: #999999;
}
.box.box-green > .box-header {
background: #34a32e;
border: 1px solid #34a32e;
color: #f9f9f9;
}
.box.box-green > .box-header .box-tools > i:hover {
color: #90de8c;
}
.box.box-blue > .box-header {
background: #0c5175;
border: 1px solid #0c5175;
color: #f9f9f9;
}
.box.box-blue > .box-header .box-tools > i:hover {
color: #31aae9;
}
.box.box-yellow > .box-header {
background: #e66b08;
border: 1px solid #e66b08;
color: #f9f9f9;
}
.box.box-yellow > .box-header .box-tools > i:hover {
color: #fbbd8c;
}
.box.box-red > .box-header {
background: #d80506;
border: 1px solid #d80506;
color: #f9f9f9;
}
.box.box-red > .box-header .box-tools > i:hover {
color: #fc7b7b;
}
.box.box-primary > .box-header {
background: #383e4b;
border: 1px solid #383e4b;
color: #f9f9f9;
}
.box.box-primary > .box-header .box-tools > i:hover {
color: #7e889e;
}
.box.box-light-blue > .box-header {
background: #25a7e3;
border: 1px solid #25a7e3;
color: #f9f9f9;
}
.box.box-light-blue > .box-header .box-tools > i:hover {
color: #acdef5;
}
.box.box-purple > .box-header {
background: #72208d;
border: 1px solid #72208d;
color: #f9f9f9;
}
.box.box-purple > .box-header .box-tools > i:hover {
color: #c069dd;
}
.box > .box-body > .progress {
height: 10px!important;
border-radius: 0;
}
input {
border-radius: 0!important;
}
textarea {
border-radius: 0!important;
}
.input-group-addon {
border-radius: 0;
background-color: #f9f9f9;
}
.input-group-addon.control {
font-size: 12px;
min-width: 40px;
}
.btn {
border-radius: 0;
}
.btn.btn-red {
background: #d80506;
border: 1px solid #d80506;
color: #f9f9f9;
}
.btn.btn-red:hover {
background: #a60405;
border: 1px solid #a60405;
}
.btn.btn-light-blue {
background: #25a7e3;
border: 1px solid #25a7e3;
color: #f9f9f9;
}
.btn.btn-light-blue:hover {
background: #1889bd;
border: 1px solid #1889bd;
}
.btn.btn-blue {
background: #0c5175;
border: 1px solid #0c5175;
color: #f9f9f9;
}
.btn.btn-blue:hover {
background: #073147;
border: 1px solid #073147;
}
.btn.btn-primary {
background: #383e4b;
border: 1px solid #383e4b;
color: #f9f9f9;
}
.btn.btn-primary:hover {
background: #22262e;
border: 1px solid #22262e;
}
.btn.btn-yellow {
background: #e66b08;
border: 1px solid #e66b08;
color: #f9f9f9;
}
.btn.btn-yellow:hover {
background: #b55406;
border: 1px solid #b55406;
}
.btn.btn-green {
background: #34a32e;
border: 1px solid #34a32e;
color: #f9f9f9;
}
.btn.btn-green:hover {
background: #277b23;
border: 1px solid #277b23;
}
.btn.btn-purple {
background: #72208d;
border: 1px solid #72208d;
color: #f9f9f9;
}
.btn.btn-purple:hover {
background: #501763;
border: 1px solid #501763;
}
.small-box {
height: 100px;
font-size: 20px;
font-family: 'Signika Negative', sans-serif;
font-weight: 600;
padding: 10px;
line-height: 1;
text-align: center;
}
.small-box > .fa {
font-size: 40px;
}
.small-box .small-box-text {
padding-right: 7px;
margin-top: 5px;
white-space: nowrap;
display: block;
}
.small-box .small-box-text small {
line-height: 0;
font-size: 12px;
padding: 10px 5px;
display: block;
font-weight: normal;
}
.box > .box-body .small-box {
margin-bottom: 10px;
}
.todo-list {
list-style: none;
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
}
.todo-list > li {
width: 100%;
padding: 10px 2px 10px 7px;
}
.todo-list > li > .label {
display: block;
}
.todo-list > li > input[type='checkbox'] {
margin-right: 5px;
}
.todo-list > li:not(.heading) {
border-bottom: 1px solid #dddddd;
}
.todo-list > li:last-of-type {
border-bottom: none;
}
.todo-list > .heading {
color: #e66b08;
padding: 5px;
border-bottom: 1px solid #dddddd;
background: #f2f2f2;
}
.todo-list > li.done {
text-decoration: line-through;
color: #999999;
}
.todo-list > li.done > .tools > .fa {
color: #999999;
}
@media (max-width: 767px) {
.small-box i,
.small-box [class^="fa"] {
font-size: 45px;
}
}
.lte-tree > .lte-tree-menu {
padding: 0!important;
margin: 0!important;
padding: 0;
margin: 0;
list-style: none;
display: none;
}
.lte-tree > .lte-tree-menu > li > a {
padding: 7px 0px 7px 10px;
font-size: 13px;
border-bottom: 1px solid #dddddd;
display: block;
color: #444444;
}
.lte-tree > .lte-tree-menu > li > a:hover {
background: #FFFFFF;
}
.lte-tree-menu > li.active > a {
background: #f9f9f9;
font-weight: bold;
}
.lte-tree > .lte-tree-menu > li a > .fa {
margin-right: 10px;
}
.signika {
font-family: 'Signika Negative', sans-serif !important;
}
.line {
margin: 10px 0;
height: 1px;
background: #dddddd;
width: 100%;
}
.valign {
margin-top: 100px;
}
.clear-pad {
padding: 0!important;
margin: 0!important;
}
@media print {
.noPrint {
display: none;
}
}