322 lines
No EOL
14 KiB
CSS
322 lines
No EOL
14 KiB
CSS
h2{font-family: 'Open sans', sans-serif;}
|
|
h2.sub_heading { font-size:20px; font-weight: normal; }
|
|
|
|
.inlineblock{display: inline-block}
|
|
.inline{display:inline}
|
|
.block{display: block}
|
|
.display-none{display: none}
|
|
|
|
.relative {position: relative}
|
|
.absolute {position: absolute}
|
|
|
|
.bottom{bottom:0px}
|
|
.top{top:0px}
|
|
.left{left:0px}
|
|
.right{right:0px}
|
|
|
|
.sidebar-nav{
|
|
padding: 9px 0px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.height5{height: 5px}
|
|
.height10{height: 10px}
|
|
.height20{height: 20px}
|
|
|
|
.row-fluid .span150, .span150{width: 150px}
|
|
.row-fluid .span200, .span200{width: 200px}
|
|
.row-fluid .span250, .span250{width: 150px}
|
|
|
|
.sidebar-nav li a{padding: 3px 0px}
|
|
.sidebar-nav li.nav-header{margin-left: -25px}
|
|
|
|
.sidebar-nav .nav-header{cursor: pointer}
|
|
|
|
.nav-sub-menu{padding: 0px}
|
|
|
|
|
|
.valignTop{vertical-align: top}
|
|
.valignMid{vertical-align: middle}
|
|
|
|
/* V3 ClipBucket Custom icons */
|
|
.icon-stats {background-position: -0px -0px;}
|
|
.icon-globe {background-position: -24px -0px;}
|
|
.icon-keys {background-position: -48px -0px;}
|
|
.icon-reply {background-position: -72px -0px;}
|
|
.icon-groups {background-position: -96px -0px;}
|
|
.icon-add-user {background-position: -120px -0px;}
|
|
.icon-remove-user {background-position: -144px -0px;}
|
|
.icon-gauges {background-position: -168px -0px;}
|
|
.icon-gauge {background-position: -192px -0px;}
|
|
.icon-graph {background-position: -216px -0px;}
|
|
.icon-pie-chart {background-position: -240px -0px;}
|
|
.icon-adjustment {background-position: -264px -0px;}
|
|
.icon-coins {background-position: -288px -0px;}
|
|
.icon-notes {background-position: -312px -0px;}
|
|
.icon-settings {background-position: -336px -0px;}
|
|
.icon-plugins {background-position: -360px -0px;}
|
|
|
|
|
|
.icon-v3 {
|
|
background-image: url("../images/v3icons.png");
|
|
}
|
|
|
|
|
|
.icon-v3-white {
|
|
background-image: url("../images/v3icons-white.png");
|
|
}
|
|
|
|
.left-column{ margin-top: 10px; position: relative;
|
|
width: 200px;margin-left: -100%;z-index:2; float: left}
|
|
.left-column .nav-list{ margin-left: 5px}
|
|
|
|
.content-container{margin-top: 10px; width: 100%; float: left;z-index:1;}
|
|
.content{margin-left: 220px; padding-right: 10px}
|
|
|
|
/* Side Bars */
|
|
.admin-sidebars{ width: 270px; padding: 10px; margin: 10px}
|
|
.sidebar{margin-bottom: 10px}
|
|
.sidebar-title{background-color: #aaa; padding: 4px}
|
|
.xadmin-sidebars .btn{width: auto; display: block; text-align: left; font-weight: bold}
|
|
.btn-sidebar{width: 245px !important}
|
|
.btn-sidebar-dragable{width: 200px !important}
|
|
|
|
.widget-btn-long{width: 223px !important}
|
|
.admin-sidebars .dropdown-menu{min-width: 198px;}
|
|
.sidebar-desc{font-size: 11px; color: #3f4443; margin: 5px 0px}
|
|
.sidebar{display: none}
|
|
.widget-bar{margin:5px 0px}
|
|
|
|
.admin-widget-box{width: 300px; margin-right: 10px; float: left; height: 80px; margin-bottom: 10px; overflow: hidden;}
|
|
.admin-widget-box-icon{width: 50px; margin-right: 10px; float: left;cursor: move}
|
|
.admin-widget-box-inner{width: 240px; float: left}
|
|
.admin-widget-box-title{font-weight: bold; font-size: 15px; margin-bottom: 5px}
|
|
|
|
.drop-widget-area{background-color: #f9f9f9;
|
|
padding:5px; border:1px dashed #ccc}
|
|
|
|
.widgets-list{padding: 5px 0px;}
|
|
|
|
/* Header */
|
|
.header-top{height: 63px; background-color: #1b1b1b }
|
|
.header-top .logo{background-image: url(../images/header-top-bg.png); height: 62px; min-width: 388px;
|
|
background-repeat: no-repeat; font-size: 28px; color: #fff; padding-left:90px; line-height: 58px}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0){
|
|
.header-top .logo-text{
|
|
background: url(../images/logo-text.png);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent; background-position: 0px 17px
|
|
}
|
|
}
|
|
|
|
.header-bottom{background-color: #363636}
|
|
.header-bottom ul{margin: 0px; padding: 0px;}
|
|
.header-bottom ul li{float: left; display: inline-block; border-right: 1px solid #222;
|
|
border-left: 1px solid #4b4b4b; padding: 5px 10px; color: #fff; font-size: 11px; font-weight: bold}
|
|
|
|
footer{background-color:#161616; padding: 0px 0px}
|
|
footer ul{padding: 0px; margin: 0px;}
|
|
footer ul li{padding: 0px; margin: 0px; list-style: none;border-right: 1px solid #2c2c2c;
|
|
border-left: 1px solid #060606; padding: 15px 20px; float: left; height: 30px; color:#fff; vertical-align: middle; }
|
|
footer ul li.version{font-size: 13px; margin-top: 5px; border-right: none}
|
|
footer ul li.links{ width: 270px; border-right: none}
|
|
footer ul li span{float: left; width: 120px; margin-right: 10px; font-size: 11px}
|
|
footer ul li.team{font-size:11px; text-align: center; border-left: none}
|
|
|
|
|
|
/* Forms */
|
|
.form-basic{margin-top: 15px}
|
|
.form-basic label{font-size: 12px; color: #666; font-weight: bold}
|
|
|
|
/* Data rows */
|
|
.data-row{ border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; padding: 10px 0px }
|
|
.data-row:first-child{border-top:0px;}
|
|
.data-row:last-child{border-bottom: 0px}
|
|
.data-row > ul{padding: 0px; margin: 0px}
|
|
.data-row > ul > li{padding: 0px; margin: 0px; list-style: none; float: left; padding-right: 10px;
|
|
font-weight: bold; font-size: 12px; color: #626262}
|
|
.data-row > ul > li.index{width: 35px;}
|
|
.data-row > ul > li.option{width: 40px}
|
|
.data-row > ul > li.text{width: 250px}
|
|
.data-row > ul > li.action{width:70px; float: right; padding-right: 0px}
|
|
.data-row input{margin-bottom: 0px; padding: 0px 4px}
|
|
|
|
.well-compact{padding: 10px}
|
|
|
|
.loading_pointer{ vertical-align: middle; display: none}
|
|
|
|
|
|
/* Login Page */
|
|
.login-page{background-color: #efefef}
|
|
.back-to-website a{color: #fff}
|
|
.back-to-website{
|
|
background: #4f4f4f;
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
|
background: -moz-linear-gradient(top, #4f4f4f 0%, #0e0e0e 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#0e0e0e));
|
|
background: -webkit-linear-gradient(top, #4f4f4f 0%,#0e0e0e 100%);
|
|
background: -o-linear-gradient(top, #4f4f4f 0%,#0e0e0e 100%);
|
|
background: -ms-linear-gradient(top, #4f4f4f 0%,#0e0e0e 100%);
|
|
background: linear-gradient(to bottom, #4f4f4f 0%,#0e0e0e 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#0e0e0e',GradientType=0 );
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-moz-border-radius-bottomright: 5px;
|
|
-moz-border-radius-bottomleft: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
font-size: 12px; color: #fff;
|
|
font-weight: bold; text-align: center; padding: 3px 8px;
|
|
width:150px; margin: auto;
|
|
}
|
|
.login-logo{text-align: center; margin: 30px 0px 10px}
|
|
.login-box{
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
padding: 15px; border:1px solid #aeaeae;
|
|
box-shadow: 1px 1px 0px #fff;
|
|
width: 280px; margin: auto;
|
|
background: #ffffff;
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
|
|
background: -moz-linear-gradient(top, #ffffff 71%, #efefef 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,#ffffff), color-stop(100%,#efefef));
|
|
background: -webkit-linear-gradient(top, #ffffff 71%,#efefef 100%);
|
|
background: -o-linear-gradient(top, #ffffff 71%,#efefef 100%);
|
|
background: -ms-linear-gradient(top, #ffffff 71%,#efefef 100%);
|
|
background: linear-gradient(to bottom, #ffffff 71%,#efefef 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
|
|
|
|
}
|
|
.login-msg{width: 310px; margin: auto;}
|
|
.login-box .control-label{font-size: 14px; font-weight: bold}
|
|
.login-footer{margin-top: 15px;
|
|
font-size: 12px; color: #222l;text-align: center}
|
|
.login-footer .version{font-size: 12px; font-weight: normal}
|
|
|
|
.white-grad{background: rgb(255,255,255);
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
|
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 46%, rgba(237,237,237,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
|
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
|
|
}
|
|
|
|
.controller{border: 1px solid #ccc;padding: 5px 8px;
|
|
border-width: 1px 0px; margin-bottom: 10px; }
|
|
.controller .buttons{position: relative; top:1px;}
|
|
.controller-fixed{border-top: none; box-shadow: 0px 1px 1px #CCC}
|
|
.controller-fixed-bottom{border-bottom: none; box-shadow: 0px -1px 1px #CCC; margin-bottom: 0px}
|
|
|
|
.buttons .right-button{ position: absolute; right: 0px; top: 2px}
|
|
.buttons .btn-toolbar{margin: 0px}
|
|
|
|
.input-order{width: 30px}
|
|
.list-block tbody input[type=checkbox]{margin: 0px 10px}
|
|
|
|
.category-list label{display: inline-block}
|
|
|
|
.settings-block{width: 364px; margin: 8px; float: left; box-shadow:0 0 2px #CCCCCC; padding: 8px}
|
|
.settings-block fieldset legend{margin-bottom:0px}
|
|
|
|
/* Photo Settings Page */
|
|
.photo-ratio-box {
|
|
text-align: center;
|
|
font-size:20px;
|
|
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
|
|
margin: auto;
|
|
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
|
|
}
|
|
|
|
.photo-ratio-boxes .thumbnail {
|
|
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
|
|
}
|
|
|
|
.photo-ratio-boxes .thumbnail:hover {
|
|
border-color:#ccc;
|
|
cursor: pointer;
|
|
box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1), inset 0px 0px 10px rgba(0,0,0,0.2)
|
|
}
|
|
|
|
.photo-ratio-boxes .thumbnail:hover .photo-ratio-box {
|
|
|
|
}
|
|
|
|
.photo-ratio-boxes .thumbnail.checked, .photo-ratio-boxes .thumbnail.checked:hover {
|
|
border-color:#08c;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
|
|
}
|
|
|
|
.photo-ratio-boxes .thumbnail.checked .photo-ratio-box {
|
|
background:#08c;
|
|
border-color:#08c;
|
|
color:white;
|
|
}
|
|
|
|
.photo-ratio-boxes li {
|
|
position:relative;
|
|
}
|
|
|
|
.photo-ratio-boxes li input {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Watermark Placement */
|
|
.watermark-placement {
|
|
width:205px;
|
|
}
|
|
|
|
.watermark-placement-holder {
|
|
width:65px; height: 55px;
|
|
display:inline-block;
|
|
margin:0px 0px -1px -5px;
|
|
position:relative;
|
|
text-align: center;
|
|
border:1px solid #DDD;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
|
|
}
|
|
.watermark-placement:hover .watermark-placement-holder {
|
|
opacity: 0.3
|
|
}
|
|
.watermark-placement:hover .watermark-placement-holder.checked, .watermark-placement:hover .watermark-placement-holder:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.watermark-placement-holder.watermark-top-left, .watermark-placement-holder.watermark-left, .watermark-placement-holder.watermark-bottom-left {
|
|
border-radius:4px 0px 0px 4px;
|
|
}
|
|
.watermark-placement-holder.watermark-top-right, .watermark-placement-holder.watermark-right, .watermark-placement-holder.watermark-bottom-right {
|
|
border-radius:0px 4px 4px 0px;
|
|
}
|
|
|
|
.watermark-placement-holder:hover {
|
|
box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1), inset 0px 0px 10px rgba(0,0,0,0.2)
|
|
}
|
|
.watermark-placement-holder.checked {
|
|
border-color: #08c;
|
|
z-index: 500;
|
|
background:#08c;
|
|
box-shadow:inset 0px 0px 15px 0px rgba(255, 255, 255, 0.45), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4)
|
|
}
|
|
.watermark-placement-holder label {
|
|
margin:0px;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.watermark-placement-holder label:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.watermark-placement-holder input {
|
|
position: absolute;
|
|
top:50%; left:50%;
|
|
margin-top: -6px; margin-left: -6px;
|
|
} |