5962836294
Added : function filters files replacing function hooks Added : add_admin_menu a whole new function and replaced all existing functions with new Added : New Admin Area with Bootstrap and new icons Added : functions for widgets Added : Sidebars and Widgets
145 lines
No EOL
4.5 KiB
CSS
145 lines
No EOL
4.5 KiB
CSS
/**
|
|
* @author : Arslan, Fawaz
|
|
* @Script : ClipBucket
|
|
* @Version : v3.0
|
|
* @Since : 2012
|
|
* @Rev : $REV$
|
|
*/
|
|
|
|
header{
|
|
padding-top: 10px;
|
|
}
|
|
|
|
header .header-top{position: relative; height: 55px}
|
|
header .header-top-right{position: absolute; right: 3px; display: inline-block;
|
|
top: 5px}
|
|
|
|
.logo-container{
|
|
padding-bottom: 10px;
|
|
position: absolute;
|
|
left: 0px;
|
|
}
|
|
|
|
footer{margin-top: 15px}
|
|
|
|
.container{width:1100px}
|
|
|
|
.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}
|
|
|
|
.valignTop{vertical-align: top}
|
|
.valignMid{vertical-align: middle}
|
|
|
|
.spanauto{width: auto}
|
|
.span100{width: 100px}
|
|
.span700{width: 700px}
|
|
.span650{width: 650px}
|
|
.span770{width: 770px}
|
|
.span734{width: 734px}
|
|
.span336{width: 336px}
|
|
.span300{width: 300px}
|
|
.span100per{width: 100%}
|
|
|
|
.width75{width: 75px}
|
|
.width100{width: 100px}
|
|
.width150{width: 150px}
|
|
.width200{width: 200px}
|
|
|
|
.height5{height: 5px}
|
|
.height10{height: 10px}
|
|
.height15{height: 15px}
|
|
.height20{height: 20px}
|
|
.height60{height: 60px}
|
|
.height100perc{height: 100%}
|
|
|
|
.marginR10{margin-right: 10px}
|
|
.marginL10{margin-left: 10px}
|
|
.marginR5{margin-right: 5px}
|
|
.marginL5{margin-left: 5px}
|
|
|
|
.moveL{float: left}
|
|
.moveR{float: right}
|
|
|
|
|
|
.video-details-shadow{background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.12)));
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 100%);
|
|
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 100%);
|
|
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 100%);
|
|
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=0 );
|
|
; bottom: 0px; width: 100%; height:10px}
|
|
|
|
/* Icons */
|
|
.icon-hard-disk {background-position: -0px -144px;}
|
|
.icon-news {background-position: -24px -144px;}
|
|
.icon-bell {background-position: -48px -144px;}
|
|
.icon-popup {background-position: -72px -144px;}
|
|
.icon-like {background-position: -96px -144px;}
|
|
.icon-dislike {background-position: -120px -144px;}
|
|
.icon-thumb-right {background-position: -144px -144px;}
|
|
.icon-thumb-left {background-position: -168px -144px;}
|
|
.icon-thumb-up {background-position: -192px -144px;}
|
|
.icon-thumb-down {background-position: -216px -144px;}
|
|
.icon-right {background-position: -240px -144px;}
|
|
.icon-left {background-position: -264px -144px;}
|
|
.icon-up {background-position: -288px -144px;}
|
|
.icon-down {background-position: -312px -144px;}
|
|
|
|
|
|
/* 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-v3 {
|
|
background-image: url("../images/v3icons.png");
|
|
}
|
|
.icon-v3-white {
|
|
background-image: url("../images/v3icons-white.png");
|
|
}
|
|
|
|
|
|
/* V3 Progress Bars */
|
|
.progress-rating {
|
|
background-color: #cc0000;
|
|
height: 5px;
|
|
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
|
|
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
|
|
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
|
|
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
|
|
background: linear-gradient(top, #ff3019 0%,#cf0404 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
|
|
}
|
|
|
|
/* Comments */
|
|
.comment{margin-top: 10px; margin-bottom: 10px}
|
|
.comment .comment-text{margin-left: 10px}
|
|
.comment-textarea{margin-left: 10px !important; width: 650px}
|
|
.comment-options{display: none}
|
|
|
|
/* Author Box */
|
|
.author-box-content{width: 220px}
|
|
|
|
|
|
/* Login and Registeration Modal box */
|
|
.login-modal-left{width: 249px; border-right: 1px solid #ccc; padding-right: 15px}
|
|
.login-modal-right{width: 250px; margin-left: 15px; padding-top: 10px}
|
|
|
|
.modal-username,.modal-password{width: 240px}
|
|
.terms-text{font-size: 10px; color: #666} |