File: /usr/local/www/apache24/noexec/userdocs/css/dashboard.css
/*
* easyTECC4
* #d86c00
*/
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
padding-top: 70px;
/*background:url(../img/diamond_upholstery.png) repeat; *//*dust agsquare mochaGrunge home-slant-pattern */
background-color: #eee;
}
.navbar-fixed-top {
background-color: #fff; /* border-bottom: 4px solid #CC6500; */
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.navbar-nav {
margin-top: 9px;
}
.navbar-nav > li > a {
padding: 5px 18px 7px;
background-color: #fff;
color: #666;
}
.navbar-nav .fa-external-link { margin-left:5px; width:auto; display:none; }
.navbar-nav > li.call {
padding-top: 6px;
margin:0 15px 10px 10px;
font-weight:700;
white-space:nowrap !important;
}
.navbar-nav > li.call i { width: 15px; }
.navbar-nav > li.call a { color:#666; padding-left:8px; }
.navbar-nav > li.call a:hover { text-decoration:none; cursor:default; }
.navbar-collapse .navbar-nav i { width: 20px; }
@media (min-width: 768px) {
}
.sub-header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
/* Sidebar */
.sidebar1 { margin-right: -10px; }
.nav-sidebar i { width: 20px; }
.nav-sidebar > li > a {
padding-right: 12px;
padding-left: 12px;
background-color: #fff;
color: #666;
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .nav-sidebar > .active > a {
background-color: #d86c00;
color: #fff;
}
/*
* Placeholder dashboard ideas
*/
.placeholders {
margin-bottom: 30px;
text-align: center;
}
.placeholders h4 { margin-bottom: 0; }
.placeholder { margin-bottom: 20px; }
.placeholder img {
display: inline-block;
border-radius: 50%;
}
/*
* Main content styles
*/
.main-content .nav-tabs { border-bottom: 1px solid #fff; }
.main-content .nav-tabs > li > a {
font-size: 13px;
font-weight: 700;
margin-right: 5px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 1px 1px 0 0;
}
.main-content .nav-tabs > li > a:hover {
background-color: #fff;
border-color: #fff #fff #fff;
}
.main-content .nav-tabs > li.active > a, .main-content .nav-tabs > li.active > a:hover, .main-content .nav-tabs > li.active > a:focus {
color: #333;
cursor: default;
background-color: #fff;
border: 1px solid #fff;
border-bottom-color: transparent;
}
.tab-content {
padding: 20px;
background-color: #fff;
}
/*
* Box styles
*/
.box, .sidebar1, .tab-content {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
box-shadow: 0 2px 5px rgba(0,0,0,.1);
border-radius: 2px;
-webkit-border-radius: 2px;
}
.box {
margin-bottom: 20px;
padding: 15px;
background-color: #fff;
margin-right: -10px;
}
.box > a { font-weight: bold; }
.box h2 {
font-size: 26px;
margin: 0 0 10px;
}
.box h2 .fa-stack { margin-right: 5px; }
.box h2 .fa-exclamation-triangle { margin-right: 10px; }
.box h2 a { color: #333; }
.box h2 a .fa-circle { color: #d86c00; }
.box .fa-external-link { margin-left: 6px; }
.box .list-unstyled a { line-height: 1.6; /*font-weight:bold;*/ }
.box.alert-dismissable .close {
right: -5px;
}
.box > h2.clearfix > a { line-height: 1.6em;}
.box > h2.clearfix .circle-db > img { margin-top: -3px}
.box > h2.clearfix .circle-db {
width: 44px;
height: 44px;
border-radius: 22px;
background-color: #d86c00;
padding-left:6px;
margin:0 8px 0 3px;
float:left;
}
/*
* Button + Icon styles
*/
div.btn-block {
text-align: left;
margin-top: 20px;
}
.btn-block > .btn { margin-right: 10px;
margin-bottom: 10px;}
.btn-block > .btn:last-child, .btn-block > .pull-right { margin-right: 0; }
td.icon-btn {
text-align: right;
white-space: nowrap;
}
td.icon-btn a {
padding-left: 5px;
padding-right: 5px;
}
i.fa-info-circle {
color: #666;
margin-left: 3px;
}
.fa-user { padding-right:2px; }
a.cloneworx:before { content:url(../img/cloneworx-s6.png); padding-right:7px;}
a:hover.cloneworx:before, .nav-sidebar .active > a.cloneworx:before { content:url(../img/cloneworx-sf.png); }
.box > ul > li i, .navbar-collapse .navbar-nav i { width: 23px; }
@media (max-width: 1023px) {
.table-responsive { border-right:2px dashed #d86c00; }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
/* #logo {
background-image: url('/images/my_image@2x.png');
background-size: 200px 100px;
}*/
.fa { font-size: 1.4em; padding:3px; }
.fa-lg { font-size: 1.8em; }
td > i.fa-lg { line-height:0.75em; }
.fa-stack-1x { font-size: 1em; }
.fa-stack-2x { font-size: 2em; }
.box > ul > li i, .navbar-collapse .navbar-nav i, .nav-sidebar i { width: 30px; }
.navbar-nav > li.call i { width: 23px; }
.input-group-addon .fa { font-size: 1em; }
.table-responsiv .tooltip1 { display:none; }
.table-responsive { border-right:2px dashed #d86c00; }
}
.table-responsive { clear: left; }
/*
* Other styles
*/
.jumbotron small { color:#fff; font-size:50%; }
.jumbotron small:before, .form-signin .lead:before { content:"//\00a0"; }
.alert a, .panel-info .panel-body a {
font-weight: bold;
color: inherit;
}
.modal-body > h2:first-child { margin-top:0; }
.input-group-addon a > .fa-exclamation-triangle { color:#666; }
.popover { line-height:1.4; }
form .tooltip { min-width:200px; }
form .progress { margin-top: -10px; }
form .table-filter { padding-left:0; margin-bottom: 20px !important; }
.alert > h3 { margin-top:5px; }
th.tablesorter-header.sorter-false { padding-right:8px !important; }
td > i.fa-lg { line-height:1.8em; }
.badge { margin-left:3px; }
.panel { margin-top:40px; }
.alert-dange { display:none; }
.help-block.alert { margin-bottom: 0; }
.tooltip { z-index: 3000 !important; }
.alert-warning {
color: #31708f;
background-color: #d9edf7 !important;
border-color: rgba(49, 112, 143, 0.47);
}
/* form-signin styles
-------------------------------------------------- */
html, body {
height: 100%;
}
.wrap {
min-height: 100%;
height: auto !important;
background-color: #f1f1f1;
}
/* moved to header in login.html for randomization
.background-sign {
background: #f1f1f1 url("../img/woody_unsplash_DSC0129.jpg") center center no-repeat;
background-size: cover !important;
}/*
/*http://unsplash.com/*/
.background {
position: absolute;
height: 100%;
width: 100%;
top: 0;
}
.slanted-bg { background: url("../img/home-slant-pattern.png") center center; }
.form-signin {
max-width: 280px;
margin: 180px auto 80px -15px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.form-signin .lead { font-size: 16px; }
.form-signin .btn { font-weight:bold; }
.form-signin input[type="text"], .form-signin input[type="password"] {
position: relative;
font-size: 14px;
height: auto;
/* padding: 8px; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-signin input[type="text"]:focus, .form-signin input[type="password"]:focus { z-index: 2; }
.form-signin input[type="text"] {
margin-bottom: -1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/*
* Snapshot styles
*/
.snapshot {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #ccc;
opacity: 1;
cursor: pointer;
border-radius: 2px;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.snapshot.active {
border: 1px solid #d86c00;
}
.snapshot:hover img { opacity: 0.4; }
.snapshot.active:hover img { opacity: 0.4; }
.snapshot p {background-color:#f5f5f5;
font-weight: 700;
padding: 10px;
margin: 0;
}
.snapshot.active p { background-color:#d86c00; color:#fff; }/*#*/
.snapshot .more-details {
-ms-filter: "alpha(Opacity=0)";
opacity: 0;
position: absolute;
top: 35%;
right: 25%;
left: 25%; /* background: #222; */ /* background: rgba(0,0,0,1); */ /* color: #fff; */ /* font-size: 15px; */ /* text-shadow: 0 1px 0 rgba(0,0,0,.6); */
-webkit-font-smoothing: antialiased; /* font-weight: 600; */ /* padding: 15px 12px; */ /* text-align: center; */ /* border-radius: 3px; */
-webkit-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out; white-space:nowrap;
}
.snapshot .more-details a:last-child { margin-left:10px; }
.snapshot:focus { outline: 1px dotted #222 }
.snapshot:focus .snapshot-actions { display: none; }
.snapshot:focus:hover .snapshot-actions { display: block }
.snapshot:hover .more-details {
-ms-filter: "alpha(Opacity=100)";
opacity: 1
}
.snapshot:focus .more-details { opacity: 1}
/*.snapshot .snapshot-actions {
-ms-filter: "alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out;
position: absolute;
bottom: 0;
right: 0;
height: 38px;
padding: 9px 10px 0;
background: rgba(244,244,244,.7);
border-left: 1px solid rgba(0,0,0,.05)
}
.snapshot .snapshot-actions {
-ms-filter: "alpha(Opacity=100)";
opacity: 1
}*/