358 lines
7.1 KiB
CSS
358 lines
7.1 KiB
CSS
#topbar {
|
|
height:95px;
|
|
padding-top:10px;
|
|
}
|
|
|
|
.bg {
|
|
position:fixed;
|
|
overflow-x:hidden;
|
|
width: 102%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
|
|
left:-15px;top:-15px;bottom:-15px;right:-15px;
|
|
background-image:url('../images/bg.jpg');
|
|
-webkit-filter: blur(10px);
|
|
-moz-filter: blur(10px);
|
|
-ms-filter: blur(10px);
|
|
filter: blur(10px);
|
|
}
|
|
.page-heading{
|
|
border:none;
|
|
color:#fff;
|
|
}
|
|
#topbar {
|
|
position: fixed;
|
|
top:0;
|
|
width:100%;
|
|
z-index:99;
|
|
}
|
|
.wrapper {
|
|
position: fixed;
|
|
top:95px;
|
|
width:100%;
|
|
background:transparent;
|
|
bottom:0;
|
|
overflow: auto;
|
|
}
|
|
.page-content {
|
|
width:100%;}
|
|
#topbar ,
|
|
.navbar ,
|
|
.navbar .nav,
|
|
.navbar .nav li,
|
|
.navbar .nav li a,
|
|
.navbar .nav li a:link
|
|
{
|
|
background:transparent;
|
|
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.panel-class{
|
|
|
|
overflow: hidden; padding: 0;position: relative;background:rgba(255,255,255,0.2);
|
|
border:1px solid rgba(255,255,255,0.3);
|
|
}
|
|
.panel-class table th,
|
|
.panel-class table td{
|
|
color:#fff;
|
|
}
|
|
.pagination li a{
|
|
color:#333;
|
|
}
|
|
.panel-class table td.page{
|
|
color: #23527c;
|
|
}
|
|
.panel-class table td input{
|
|
height: 18px;
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
.panel-class .panel-heading{
|
|
background: transparent; color:#fff;
|
|
border:none;
|
|
font-size:14px;
|
|
}
|
|
.panel-class table tbody >tr:hover {
|
|
background:rgba(255,255,255,0.2);
|
|
}
|
|
|
|
#topbar {
|
|
border:none;
|
|
}
|
|
.panel .form-control {
|
|
border-color: rgba(255,255,255,0.2);
|
|
background:rgba(255,255,255,0.2);
|
|
color:#fff;
|
|
}
|
|
|
|
.panel .form-control:focus,
|
|
.panel .form-control:active{
|
|
border:1px solid red;
|
|
}
|
|
select.form-control option{
|
|
color:#333; background:rgba(255,255,255,0.2);
|
|
}
|
|
.input-group .input-group-addon{
|
|
background:rgba(255,255,255,0.3);
|
|
border-color: rgba(255,255,255,0.2);
|
|
color:#fff;
|
|
}
|
|
|
|
|
|
.navbar .nav li.active{
|
|
background: rgba(255,255,255,0.4);
|
|
|
|
}
|
|
.navbar .nav li {
|
|
border-radius: 5px;
|
|
background: transparent;
|
|
margin-right:10px;
|
|
}
|
|
.navbar .nav li:active,
|
|
.navbar .nav li:active a
|
|
.navbar .nav li.active a,
|
|
.navbar .nav li:hover a {
|
|
background:rgba(255,255,255,.2);
|
|
border-radius: 5px;
|
|
|
|
}
|
|
.navbar .nav li a {
|
|
|
|
font-weight:normal;
|
|
}
|
|
.navbar .nav li a .text {
|
|
color:#fff;
|
|
padding-top:5px;
|
|
}
|
|
.navbar .nav li a i {
|
|
color:#fff;
|
|
font-size:24px;display: block;
|
|
text-align: center;
|
|
}
|
|
.page-menu {
|
|
position: relative;
|
|
width:150px;
|
|
}
|
|
.page-menu .inner{
|
|
position: fixed;
|
|
top:120px;
|
|
left:-25px;
|
|
padding-left:30px;
|
|
width:130px;
|
|
background:rgba(255,255,255,0.1);
|
|
border:1px solid rgba(255,255,255,0.2);
|
|
border-radius: 5px;
|
|
padding-top:20px;
|
|
|
|
}
|
|
.help-block {
|
|
color:#fff;
|
|
}
|
|
.control-label{
|
|
color:#fff;
|
|
}
|
|
.radio-inline ,.check-inline {
|
|
color:#fff;
|
|
}
|
|
|
|
.page-menu .inner ul li {
|
|
width:80px;
|
|
text-align: center;
|
|
height:60px;margin:5px;
|
|
border-radius: 5px;
|
|
margin-bottom:20px;
|
|
}
|
|
.page-menu .inner ul li a {
|
|
|
|
font-weight:normal;
|
|
}
|
|
.page-menu .inner ul li a .text {
|
|
color:#fff;
|
|
padding-top:5px;
|
|
}
|
|
.page-menu .inner ul li a i {
|
|
color:#fff;
|
|
font-size:24px;display: block;
|
|
text-align: center;
|
|
}
|
|
.page-menu .inner ul li.active,
|
|
.page-menu .inner ul li:hover {
|
|
|
|
background: rgba(255,255,255,0.2);
|
|
|
|
}
|
|
.page-menu .inner ul li.active a,
|
|
.page-menu .inner ul li:hover a{
|
|
color:#333;
|
|
}
|
|
.page-menu .menu-header {
|
|
padding:0; padding-left:10px;
|
|
margin-bottom:10px;
|
|
color:#fff;font-weight: bold;
|
|
border-bottom:1px solid rgba(255,255,255,0.2);
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
|
|
.modal .modal-dialog .modal-content{
|
|
background:rgba(255,255,255,0.99);
|
|
}
|
|
|
|
|
|
.nav-tabs {
|
|
border-bottom:1px solid rgba(255,255,255,0.3);
|
|
border-left:none;
|
|
background: transparent;
|
|
}
|
|
.nav-tabs > li > a {
|
|
font-size:12px;
|
|
margin-right: 0px;
|
|
color: #fff;
|
|
border: none;
|
|
background: none;
|
|
border-radius: 0;
|
|
border-left:none; border-bottom:none;
|
|
|
|
|
|
|
|
}
|
|
|
|
.nav-tabs > li.active > a,
|
|
.nav-tabs > li.active > a:hover,
|
|
.nav-tabs > li > a:hover,
|
|
.nav-tabs > li > a:visited,
|
|
.nav-tabs > li > a:focus{
|
|
|
|
color: #333;
|
|
background:rgba(255,255,255,0.3);
|
|
border-top: none;
|
|
border-left:none;
|
|
}
|
|
.nav-tabs > li.active > a:focus {
|
|
|
|
color: #333;
|
|
background:rgba(255,255,255,0.3);
|
|
border-left:none;
|
|
|
|
}
|
|
.nav-tabs > li.active >a:before,
|
|
.nav-tabs > li.active > a:focus:before{
|
|
background:rgba(255,255,255,0.3);
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
top: -1px;
|
|
width: 100%;
|
|
height: 1px;
|
|
border-top: 2px solid rgba(255,255,255,0.5);;
|
|
|
|
-webkit-transform-origin: 0 0;
|
|
-ms-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.form-horizontal{
|
|
color: #fff;
|
|
}
|
|
.panel .form-control:focus, .single-line:focus {
|
|
border-color: rgba(255,255,255,0.4) !important;
|
|
}
|
|
.panel .form-control::-webkit-input-placeholder { /* WebKit browsers */
|
|
color: #fff;
|
|
opacity:0.6;
|
|
}
|
|
.panel .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
color: #fff;
|
|
opacity:0.6;
|
|
}
|
|
.panel .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
color: #fff;
|
|
opacity:0.6;
|
|
}
|
|
.panel .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
color: #fff;
|
|
opacity:0.6;
|
|
}
|
|
input[type=password] {
|
|
padding-left:5px;
|
|
}
|
|
|
|
.panel .form-control[readonly],
|
|
.panel .form-control[disabled] {
|
|
border:1px solid rgba(255,255,255,0.5);
|
|
background:rgba(255,255,255,0.5);
|
|
color:#fff;
|
|
}
|
|
|
|
.msgbox {
|
|
position:fixed;
|
|
margin:auto;
|
|
height:80px;
|
|
line-height:80px;
|
|
|
|
bottom:-62px; width:100%;
|
|
text-align:center;
|
|
z-index:111111111;
|
|
transition-duration: 300ms;
|
|
-webkit-transition-duration: 300ms;
|
|
opacity:0;
|
|
pointer-events:none;
|
|
}
|
|
.msgbox.in {
|
|
|
|
opacity: 1;
|
|
}
|
|
.msgbox .msg {
|
|
display:inline-block;
|
|
white-space:nowrap;
|
|
height:80px;
|
|
line-height:80px; color:#fff; font-size:14px;
|
|
min-width: 350px;
|
|
border:1px solid rgba(255,255,255,0.2);
|
|
|
|
}
|
|
.msgbox .msg-success {background:rgba(0,0,0,0.5) }
|
|
.msgbox .msg-error {background:rgba(0,0,0,0.5) }
|
|
|
|
.panel .btn {
|
|
border:1px solid rgba(255,255,255,0.2);
|
|
background:rgba(255,255,255,0.4);
|
|
color:#fff;
|
|
}
|
|
.panel .btn:hover,.panel .btn:focus {
|
|
border:1px solid rgba(255,255,255,0.3);
|
|
background:rgba(255,255,255,0.5);
|
|
color:#fff;
|
|
outline: 0;
|
|
}
|
|
.panel .btn:active {
|
|
border:1px solid rgba(255,255,255,0.4);
|
|
background:rgba(255,255,255,0.6);
|
|
color:#fff;
|
|
outline: 0;
|
|
}
|
|
|
|
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:visited, .nav-tabs > li > a:focus {
|
|
border:1px solid rgba(255,255,255,0.2);
|
|
background:rgba(255,255,255,0.4);
|
|
color:#fff;
|
|
}
|
|
|
|
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
|
|
border-radius: 6px 6px 0 0;
|
|
background:rgba(255,255,255,0.7);
|
|
color: #fff;
|
|
}
|
|
|
|
.nav-tabs > li.active >a:before, .nav-tabs > li.active > a:focus:before {
|
|
display: none;
|
|
}
|
|
|
|
.panel a {color: #fff}
|