2518 lines
No EOL
54 KiB
CSS
Executable file
2518 lines
No EOL
54 KiB
CSS
Executable file
<<<<<<< .mine
|
|
/**
|
|
* @author : Arslan Hassan (@arslancb), Fawaz Tahir (@fawazcb)
|
|
* @ClipBucket : 2.7
|
|
* @Theme Name : ClipBucket 2013 Fall
|
|
*/
|
|
body {
|
|
background-color: #e8e8e8;
|
|
color: #000000;
|
|
font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
padding-top: 70px;
|
|
}
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
#container {
|
|
min-height: 100%;
|
|
height: auto !important;
|
|
height: 100%;
|
|
/* Negative indent footer by it's height */
|
|
margin: 0 auto -60px;
|
|
position: relative;
|
|
}
|
|
#container:after {
|
|
content: "";
|
|
display: block;
|
|
}
|
|
.item {
|
|
width: 25%;
|
|
background-color: #05e;
|
|
}
|
|
.item.w2 {
|
|
width: 50%;
|
|
background-color: #05e;
|
|
}
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
.test_bg {
|
|
background-color: #aaa;
|
|
}
|
|
.test_bg.bg1 {
|
|
background-color: #356635;
|
|
}
|
|
.no-padding {
|
|
padding: 0px;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
/* Margins */
|
|
.nm {
|
|
margin: 0px;
|
|
}
|
|
.mxs {
|
|
margin: 3px;
|
|
}
|
|
.ms {
|
|
margin: 5px;
|
|
}
|
|
.mm {
|
|
margin: 10px;
|
|
}
|
|
.ml {
|
|
margin: 18px;
|
|
}
|
|
.mxl {
|
|
margin: 25px;
|
|
}
|
|
.mtxs {
|
|
margin-top: 3px;
|
|
}
|
|
.mts {
|
|
margin-top: 5px;
|
|
}
|
|
.mtm {
|
|
margin-top: 10px;
|
|
}
|
|
.mtl {
|
|
margin-top: 18px;
|
|
}
|
|
.mtxl {
|
|
margin-top: 25px;
|
|
}
|
|
.mrxs {
|
|
margin-right: 3px;
|
|
}
|
|
.mrs {
|
|
margin-right: 5px;
|
|
}
|
|
.mrm {
|
|
margin-right: 10px;
|
|
}
|
|
.mrl {
|
|
margin-right: 18px;
|
|
}
|
|
.mrxl {
|
|
margin-right: 25px;
|
|
}
|
|
.mbxs {
|
|
margin-bottom: 3px;
|
|
}
|
|
.mbs {
|
|
margin-bottom: 5px !important;
|
|
}
|
|
.mbm {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
.mbl {
|
|
margin-bottom: 18px;
|
|
}
|
|
.mbxl {
|
|
margin-bottom: 25px;
|
|
}
|
|
.mlxs {
|
|
margin-left: 3px;
|
|
}
|
|
.mls {
|
|
margin-left: 5px;
|
|
}
|
|
.mlm {
|
|
margin-left: 10px;
|
|
}
|
|
.mll {
|
|
margin-left: 18px;
|
|
}
|
|
.mlxl {
|
|
margin-right: 25px;
|
|
}
|
|
/* Positions */
|
|
.posrxs {
|
|
right: 0px;
|
|
}
|
|
.posrs {
|
|
right: 3px;
|
|
}
|
|
.posrm {
|
|
right: 5px;
|
|
}
|
|
.posr {
|
|
right: 10px;
|
|
}
|
|
.posrl {
|
|
right: 15px;
|
|
}
|
|
.postxs {
|
|
top: 0px;
|
|
}
|
|
.posts {
|
|
top: 3px;
|
|
}
|
|
.postm {
|
|
top: 5px;
|
|
}
|
|
.post {
|
|
top: 10px;
|
|
}
|
|
.postl {
|
|
top: 15px;
|
|
}
|
|
.postxl {
|
|
top: 20px;
|
|
}
|
|
.postxxl {
|
|
top: 30px;
|
|
}
|
|
.postxxxl {
|
|
top: 50px;
|
|
}
|
|
/* Invert Margins */
|
|
.imxs {
|
|
margin: -3px;
|
|
}
|
|
.ims {
|
|
margin: -5px;
|
|
}
|
|
.imm {
|
|
margin: -10px;
|
|
}
|
|
.iml {
|
|
margin: -18px;
|
|
}
|
|
.imxl {
|
|
margin: -25px;
|
|
}
|
|
.imtxs {
|
|
margin-top: -3px;
|
|
}
|
|
.imts {
|
|
margin-top: -5px;
|
|
}
|
|
.imtm {
|
|
margin-top: -10px;
|
|
}
|
|
.imtl {
|
|
margin-top: -18px;
|
|
}
|
|
.imtxl {
|
|
margin-top: -25px;
|
|
}
|
|
.imrxs {
|
|
margin-right: -3px;
|
|
}
|
|
.imrs {
|
|
margin-right: -5px;
|
|
}
|
|
.imrm {
|
|
margin-right: -10px;
|
|
}
|
|
.imrl {
|
|
margin-right: -18px;
|
|
}
|
|
.imrxl {
|
|
margin-right: -25px;
|
|
}
|
|
.imbxs {
|
|
margin-bottom: -3px;
|
|
}
|
|
.imbs {
|
|
margin-bottom: -5px !important;
|
|
}
|
|
.imbm {
|
|
margin-bottom: -10px;
|
|
}
|
|
.imbl {
|
|
margin-bottom: -18px;
|
|
}
|
|
.imbxl {
|
|
margin-bottom: -25px;
|
|
}
|
|
.imlxs {
|
|
margin-left: -3px;
|
|
}
|
|
.imls {
|
|
margin-left: -5px;
|
|
}
|
|
.imlm {
|
|
margin-left: -10px !important;
|
|
}
|
|
.imll {
|
|
margin-left: -18px;
|
|
}
|
|
.imlxl {
|
|
margin-right: -25px;
|
|
}
|
|
/* Paddings */
|
|
.np {
|
|
padding: 0px;
|
|
}
|
|
.pxs {
|
|
padding: 3px;
|
|
}
|
|
.ps {
|
|
padding: 5px;
|
|
}
|
|
.pm {
|
|
padding: 10px;
|
|
}
|
|
.pl {
|
|
padding: 18px;
|
|
}
|
|
.pxl {
|
|
padding: 25px;
|
|
}
|
|
.p8 {
|
|
padding: 8px;
|
|
}
|
|
.ptxs {
|
|
padding-top: 3px;
|
|
}
|
|
.pts {
|
|
padding-top: 5px;
|
|
}
|
|
.ptm {
|
|
padding-top: 10px;
|
|
}
|
|
.ptl {
|
|
padding-top: 18px;
|
|
}
|
|
.ptxl {
|
|
padding-top: 25px;
|
|
}
|
|
.prxs {
|
|
padding-right: 3px;
|
|
}
|
|
.prs {
|
|
padding-right: 5px;
|
|
}
|
|
.prm {
|
|
padding-right: 10px;
|
|
}
|
|
.prl {
|
|
padding-right: 18px;
|
|
}
|
|
.prxl {
|
|
padding-right: 25px;
|
|
}
|
|
.pbxs {
|
|
padding-bottom: 3px;
|
|
}
|
|
.pbs {
|
|
padding-bottom: 5px !important;
|
|
}
|
|
.pbm {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
.pbl {
|
|
padding-bottom: 18px;
|
|
}
|
|
.pbxl {
|
|
padding-bottom: 25px;
|
|
}
|
|
.plxs {
|
|
padding-left: 3px;
|
|
}
|
|
.pls {
|
|
padding-left: 5px;
|
|
}
|
|
.plm {
|
|
padding-left: 10px !important;
|
|
}
|
|
.pll {
|
|
padding-left: 18px;
|
|
}
|
|
.plxl {
|
|
padding-right: 25px;
|
|
}
|
|
.pl15 {
|
|
padding-left: 15px;
|
|
}
|
|
.pr15 {
|
|
padding-right: 15px;
|
|
}
|
|
/* Borders */
|
|
.bc-bfb {
|
|
border-color: #bfbfbf;
|
|
}
|
|
.bc-inh {
|
|
border-color: inherit;
|
|
}
|
|
.bws {
|
|
border-width: 1px;
|
|
}
|
|
.bwinh {
|
|
border-width: inherit;
|
|
}
|
|
.bss {
|
|
border-style: solid;
|
|
}
|
|
.bsdo {
|
|
border-style: dotted;
|
|
}
|
|
.bsda {
|
|
border-style: dashed;
|
|
}
|
|
.bsdou {
|
|
border-style: double;
|
|
}
|
|
.bsinh {
|
|
border-style: inherit;
|
|
}
|
|
.bsins {
|
|
border-style: inset;
|
|
}
|
|
/* Fonts | Weight */
|
|
.fwb {
|
|
font-weight: bold;
|
|
}
|
|
.fwn {
|
|
font-weight: normal;
|
|
}
|
|
.fwbb {
|
|
font-weight: bolder;
|
|
}
|
|
.fwl {
|
|
font-weight: lighter;
|
|
}
|
|
/* Fonts | Size */
|
|
.fss {
|
|
font-size: 11px !important;
|
|
}
|
|
.fsn {
|
|
font-size: 12px !important;
|
|
}
|
|
.fsxn {
|
|
font-size: 13px !important;
|
|
}
|
|
.fsm {
|
|
font-size: 14px !important;
|
|
}
|
|
.fsxm {
|
|
font-size: 16px !important;
|
|
}
|
|
.fsxm2 {
|
|
font-size: 18px !important;
|
|
}
|
|
.fsl {
|
|
font-size: 22px !important;
|
|
}
|
|
.fsxl {
|
|
font-size: 26px !important;
|
|
}
|
|
.fsxl2 {
|
|
font-size: 30px !important;
|
|
}
|
|
/* Text | Transform */
|
|
.ttu {
|
|
text-transform: uppercase;
|
|
}
|
|
.ttl {
|
|
text-transform: lowercase;
|
|
}
|
|
.ttn {
|
|
text-transform: none;
|
|
}
|
|
.ttinh {
|
|
text-transform: inherit;
|
|
}
|
|
.tover {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
/* Text | Decoration */
|
|
.tdn {
|
|
text-decoration: none !important;
|
|
}
|
|
/*---------------------------------------------------
|
|
LESS Elements 0.9
|
|
---------------------------------------------------
|
|
A set of useful LESS mixins
|
|
More info at: http://lesselements.com
|
|
---------------------------------------------------*/
|
|
/* Importing Navigation CSS */
|
|
.navbar-container {
|
|
margin: auto;
|
|
}
|
|
.navbar-container .navbar-search {
|
|
width: 400px !important;
|
|
line-height: 37px;
|
|
margin-left: -10px;
|
|
}
|
|
.navbar-container .cb-logo {
|
|
background: url('../../images/logo.png') no-repeat;
|
|
width: 188px;
|
|
height: 36px;
|
|
text-indent: -500000px;
|
|
display: inline-block;
|
|
margin-top: 9px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-container .main-nav {
|
|
margin-left: 25px;
|
|
}
|
|
.navbar-container .myaccount-dd a {
|
|
padding-top: 6px;
|
|
}
|
|
}
|
|
.navbar-container .navbar-nav > li > a {
|
|
line-height: 31px;
|
|
}
|
|
.navbar-container .nav-login-btns,
|
|
.navbar-container .nav-login-dd,
|
|
.navbar-container .nav-collapse-btn,
|
|
.navbar-container .navbar-search {
|
|
display: none;
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.navbar-container .nav-login-btns,
|
|
.navbar-container .navbar-search {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 1144px) {
|
|
.navbar-container .nav-login-dd {
|
|
display: inline-block;
|
|
}
|
|
.navbar-container .nav-login-dd li .dropdown-menu {
|
|
max-width: 900px;
|
|
min-width: 300px;
|
|
margin-left: 20px;
|
|
padding: 10px;
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-container .nav-collapse-btn {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
@media (min-width: 767px) {
|
|
.navbar-container .navbar-sm-search {
|
|
display: none !important;
|
|
}
|
|
.navbar-container .navbar-sm-login-links {
|
|
display: none !important;
|
|
}
|
|
}
|
|
.navbar-container .nav-toggle {
|
|
line-height: 12px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.navbar {
|
|
line-height: 60px;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.navbar-default .navbar-nav > li > a {
|
|
color: #0099cc;
|
|
outline: none;
|
|
}
|
|
/* Importing Form CSS */
|
|
/* Importing Footer */
|
|
#footer {
|
|
margin: auto;
|
|
}
|
|
#footer ul {
|
|
maring: 0px;
|
|
padding: 0px;
|
|
}
|
|
#footer ul li {
|
|
display: inline-block;
|
|
margin-right: 15px;
|
|
}
|
|
#container:after,
|
|
footer {
|
|
height: 60px;
|
|
}
|
|
footer {
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
background: #fff;
|
|
}
|
|
/* Importing Components */
|
|
.readmore-js-toggle {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.cb_item {
|
|
font-size: 16px;
|
|
background-color: #fff;
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-border-top-right-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 0;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-topright: 3px;
|
|
-moz-border-radius-bottomright: 0;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-moz-border-radius-topleft: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ddd;
|
|
margin-bottom: 20px;
|
|
}
|
|
.cb_item .cb_item_container {
|
|
padding: 10px;
|
|
}
|
|
.cb_item .cb_item_container .item_title {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
}
|
|
.cb_item .cb_item_container .item_user,
|
|
.cb_item .cb_item_container .item_text,
|
|
.cb_item .cb_item_container .item_date {
|
|
font-size: 13px;
|
|
}
|
|
.cb_item .cb_item_container .item_user {
|
|
color: #999999;
|
|
}
|
|
.cb_item .cb_item_container .item_text {
|
|
margin: 5px 0px;
|
|
}
|
|
.cb_item .cb_item_container .item_date {
|
|
font-weight: 700;
|
|
}
|
|
.cb_item img {
|
|
width: 100%;
|
|
}
|
|
.cb_item.v2 img {
|
|
height: 416px;
|
|
}
|
|
.cb_item.s2 img {
|
|
height: 121px;
|
|
}
|
|
.cb_item.s3 img {
|
|
height: 90px;
|
|
}
|
|
.cb-box {
|
|
font-size: 16px;
|
|
background-color: #fff;
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-border-top-right-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 0;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-topright: 3px;
|
|
-moz-border-radius-bottomright: 0;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-moz-border-radius-topleft: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ddd;
|
|
padding: 10px;
|
|
}
|
|
.cb-box h3 {
|
|
margin-top: 0px;
|
|
}
|
|
.cb-box.signup-box,
|
|
.cb-box.pad-bottom {
|
|
padding: 20px;
|
|
margin-bottom: 50px;
|
|
}
|
|
.cb-box.pad-bottom-sm {
|
|
margin-bottom: 25px;
|
|
}
|
|
.cb-box .no-pad {
|
|
margin: -10px;
|
|
margin-bottom: 10px ;
|
|
}
|
|
.cb-item-title-container {
|
|
margin-top: 20px;
|
|
min-height: 110px;
|
|
padding-left: 75px;
|
|
line-height: 25px;
|
|
position: relative;
|
|
}
|
|
.cb-item-title-container .cb-item-thumb {
|
|
position: absolute;
|
|
max-width: 65px;
|
|
margin-right: 6px;
|
|
left: 0px;
|
|
}
|
|
.cb-item-title-container .cb-item-thumb img {
|
|
border: 2px solid #06c;
|
|
}
|
|
.cb-item-title-container .cb-item-date,
|
|
.cb-item-title-container .cb-item-user {
|
|
font-size: 15px;
|
|
margin-top: -3px;
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
}
|
|
.cb-item-title-container .cb-item-datea,
|
|
.cb-item-title-container .cb-item-usera {
|
|
color: #777;
|
|
}
|
|
.cb-item-title-container .cb-item-title {
|
|
padding-top: 8px;
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
color: #3d3d3d;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon {
|
|
color: #fff;
|
|
padding: 3px 7px;
|
|
font-size: 20px;
|
|
margin-right: 3px;
|
|
display: inline-block;
|
|
width: 32px;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.twitter {
|
|
background-color: #598dca;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.facebook {
|
|
background-color: #3a589b;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.googlep {
|
|
background-color: #d6492f;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.pinterest {
|
|
background-color: #bf0000;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon:last {
|
|
margin-right: 0px;
|
|
}
|
|
.cb-item-desc-container .nav-tabs > li > a {
|
|
-webkit-border-top-right-radius: 2px;
|
|
-webkit-border-bottom-right-radius: 0px;
|
|
-webkit-border-bottom-left-radius: 0px;
|
|
-webkit-border-top-left-radius: 2px;
|
|
-moz-border-radius-topright: 2px;
|
|
-moz-border-radius-bottomright: 0px;
|
|
-moz-border-radius-bottomleft: 0px;
|
|
-moz-border-radius-topleft: 2px;
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
border-top-left-radius: 2px;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
padding: 4px 15px;
|
|
font-size: 14px;
|
|
border-bottom: 0px;
|
|
}
|
|
.cb-item-desc-container .nav-tabs > li > a:hover {
|
|
border-bottom: 0px;
|
|
}
|
|
.cb-item-desc-container .nav {
|
|
margin-bottom: 10px;
|
|
}
|
|
.cb-item-desc-container .cb-item-description {
|
|
position: relative;
|
|
}
|
|
.cb-item-desc-container .cb-item-description .cb-item-grad {
|
|
position: absolute;
|
|
height: 15px;
|
|
width: 100%;
|
|
bottom: 0px;
|
|
opacity: 0.2;
|
|
}
|
|
.cb-item-rating {
|
|
right: -11px;
|
|
top: 5px;
|
|
font-size: 15px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating {
|
|
position: absolute;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-rating {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span {
|
|
padding: 0px 20px 0px 5px;
|
|
width: 110px;
|
|
display: block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-rating .cb-rating-span {
|
|
width: 49%;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-up {
|
|
background-color: #50b21f;
|
|
border: 1px solid #50b21f;
|
|
margin-bottom: 1px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating .cb-rating-span.cb-rating-up {
|
|
-webkit-border-top-right-radius: 0px;
|
|
-webkit-border-bottom-right-radius: 0px;
|
|
-webkit-border-bottom-left-radius: 0px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
-moz-border-radius-topright: 0px;
|
|
-moz-border-radius-bottomright: 0px;
|
|
-moz-border-radius-bottomleft: 0px;
|
|
-moz-border-radius-topleft: 3px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
border-top-left-radius: 3px;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-up:hover {
|
|
border: 1px solid #3a8315;
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-up .cb-rating-digit {
|
|
color: #50b21f;
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-down {
|
|
background-color: #d6492f;
|
|
border: 1px solid #d6492f;
|
|
color: #fff;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating .cb-rating-span.cb-rating-down {
|
|
-webkit-border-top-right-radius: 0px;
|
|
-webkit-border-bottom-right-radius: 0px;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
-webkit-border-top-left-radius: 0px;
|
|
-moz-border-radius-topright: 0px;
|
|
-moz-border-radius-bottomright: 0px;
|
|
-moz-border-radius-bottomleft: 3px;
|
|
-moz-border-radius-topleft: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 0px;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-down:hover {
|
|
border: 1px solid #ae3c27;
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-down .cb-rating-digit {
|
|
color: #d6492f;
|
|
}
|
|
.cb-item-rating .cb-rating-span .cb-rating-digit {
|
|
position: absolute;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating .cb-rating-span .cb-rating-digit {
|
|
left: -30px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-rating .cb-rating-span .cb-rating-digit {
|
|
right: 10px;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
.cb-item-add-comment .sm-btn {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment {
|
|
position: relative;
|
|
padding-left: 70px;
|
|
margin-top: 20px;
|
|
min-height: 60px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author-img {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author {
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-date {
|
|
font-size: 13px;
|
|
color: #999;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 3px;
|
|
color: #fff;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont {
|
|
position: static;
|
|
}
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont .comment-rating {
|
|
color: #356635;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont .comment-like {
|
|
background-color: #50b21f;
|
|
padding: 0px 5px;
|
|
cursor: pointer;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont .comment-dislike {
|
|
background-color: #d6492f;
|
|
padding: 0px 5px;
|
|
cursor: pointer;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-text {
|
|
margin-bottom: 10px;
|
|
padding-right: 40px;
|
|
margin-top: 10px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-actions {
|
|
font-size: 13px;
|
|
}
|
|
/* Importing video css */
|
|
.video_player {
|
|
height: inherit;
|
|
}
|
|
|
|
/* FEATURED VIDEO LEFT SIDE */
|
|
.feature_vid { margin:3px auto; width:350px; padding:0px; font-weight:lighter; }
|
|
.feature_left .sp2 { background:url(line_sp2.png) repeat-x; height:2px; margin:6px 0px; padding:0px; }
|
|
|
|
/* FEATURED VIDEO RIGHT SIDE */
|
|
.feature_right ul { margin:0px; padding:0px; list-style:none; }
|
|
.feature_right ul li { padding:0px; margin:0px; margin-bottom:3px; color:#193f77; font-size:9px; }
|
|
.feature_right .sp { background:url(../images/line_sps.png) top repeat-x; margin:5px 0px; padding:0px; height:2px; }.feature_right .details_block { float:left; width:50%; margin:0px; padding:0px; color:#999 }
|
|
.feature_right .title a{font-size:9px; font-weight:bold; text-decoration:none; color:#fff}
|
|
.feature_right .title { font-size:10px; clear:both; padding:0px; overflow:hidden}
|
|
.featured_vid_con{cursor:pointer; background:#FFF url(../images/nav_grads.png) -0px -260px; padding:5px; border: 1px solid #CCC; /* border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; */ -webkit-border-bottom-left-radius:5px; background-color:#FFF; margin:3px 0px 3px; font-size:14px;}
|
|
.featured_vid_con .video_thumb{border:0px; padding:0px; float:left; }
|
|
.featured_vid_con:hover{cursor:pointer; background:#EEEEEE; border-left:5px solid #F00;}
|
|
.featured_vid_con .video_thumb{border:1px solid #CCCCCC; padding:0px; float:left; margin-right: 10px; }
|
|
.featured_vid_con:hover{background-position:-0px -338px; }
|
|
.featured_video_details{width:735px; border-radius:0px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; padding:5px; margin:5px;}
|
|
.featured_video_player{width:735px; height:470px; border-radius:0px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#000; padding:0px; margin:5px; overflow:hidden;}
|
|
.vertical .details_block { float:left; width:100%; }
|
|
|
|
.nopadding {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
.nopadding-left {
|
|
padding-left: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
.nopadding-right {
|
|
padding-right: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/* HOME TABS STYLE */
|
|
.hmtabs {height:40px; margin:0px; line-height:40px; padding:0px; margin-top:20px; margin-bottom: 10px; }
|
|
.hmtabs ul { height:40px; margin:0px; line-height:40px; padding:0px; list-style:none; }
|
|
.hmtabs ul li { margin-bottom: 20px; padding:0px 0px; list-style:none; float:left; border-bottom: 1px solid #CCC; }
|
|
.hmtabs ul li a { padding:5px 10px; text-decoration:none; padding-bottom:5px; }
|
|
.hmtabs ul li a:hover {text-decoration:none; border-bottom: 5px solid #D20000;}
|
|
|
|
H1.myHeading{
|
|
font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
|
|
font-size: 24px;
|
|
}
|
|
|
|
H2.myHeading{
|
|
font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
|
|
font-size: 22px;
|
|
border-bottom: 1px solid #CCC;
|
|
line-height: 30px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
H3.myHeading{
|
|
font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.btn_arr_down{
|
|
position:relative;
|
|
background: url(../../images/m_arrow_down.png) no-repeat;
|
|
}=======
|
|
/**
|
|
* @author : Arslan Hassan (@arslancb), Fawaz Tahir (@fawazcb)
|
|
* @ClipBucket : 2.7
|
|
* @Theme Name : ClipBucket 2013 Fall
|
|
*/
|
|
body {
|
|
background-color: #e8e8e8;
|
|
color: #000000;
|
|
font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
padding-top: 70px;
|
|
}
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
#container {
|
|
min-height: 100%;
|
|
height: auto !important;
|
|
height: 100%;
|
|
/* Negative indent footer by it's height */
|
|
margin: 0 auto -60px;
|
|
position: relative;
|
|
}
|
|
#container:after {
|
|
content: "";
|
|
display: block;
|
|
}
|
|
.item {
|
|
width: 25%;
|
|
background-color: #05e;
|
|
}
|
|
.item.w2 {
|
|
width: 50%;
|
|
background-color: #05e;
|
|
}
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
.test_bg {
|
|
background-color: #aaa;
|
|
}
|
|
.test_bg.bg1 {
|
|
background-color: #356635;
|
|
}
|
|
.no-padding {
|
|
padding: 0px;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
/* Margins */
|
|
.nm {
|
|
margin: 0px;
|
|
}
|
|
.mxs {
|
|
margin: 3px;
|
|
}
|
|
.ms {
|
|
margin: 5px;
|
|
}
|
|
.mm {
|
|
margin: 10px;
|
|
}
|
|
.ml {
|
|
margin: 18px;
|
|
}
|
|
.mxl {
|
|
margin: 25px;
|
|
}
|
|
.mtxs {
|
|
margin-top: 3px;
|
|
}
|
|
.mts {
|
|
margin-top: 5px;
|
|
}
|
|
.mtm {
|
|
margin-top: 10px;
|
|
}
|
|
.mtl {
|
|
margin-top: 18px;
|
|
}
|
|
.mtxl {
|
|
margin-top: 25px;
|
|
}
|
|
.mrxs {
|
|
margin-right: 3px;
|
|
}
|
|
.mrs {
|
|
margin-right: 5px;
|
|
}
|
|
.mrm {
|
|
margin-right: 10px;
|
|
}
|
|
.mrl {
|
|
margin-right: 18px;
|
|
}
|
|
.mrxl {
|
|
margin-right: 25px;
|
|
}
|
|
.mbxs {
|
|
margin-bottom: 3px;
|
|
}
|
|
.mbs {
|
|
margin-bottom: 5px !important;
|
|
}
|
|
.mbm {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
.mbl {
|
|
margin-bottom: 18px;
|
|
}
|
|
.mbxl {
|
|
margin-bottom: 25px;
|
|
}
|
|
.mlxs {
|
|
margin-left: 3px;
|
|
}
|
|
.mls {
|
|
margin-left: 5px;
|
|
}
|
|
.mlm {
|
|
margin-left: 10px;
|
|
}
|
|
.mll {
|
|
margin-left: 18px;
|
|
}
|
|
.mlxl {
|
|
margin-right: 25px;
|
|
}
|
|
/* Positions */
|
|
.posrxs {
|
|
right: 0px;
|
|
}
|
|
.posrs {
|
|
right: 3px;
|
|
}
|
|
.posrm {
|
|
right: 5px;
|
|
}
|
|
.posr {
|
|
right: 10px;
|
|
}
|
|
.posrl {
|
|
right: 15px;
|
|
}
|
|
.postxs {
|
|
top: 0px;
|
|
}
|
|
.posts {
|
|
top: 3px;
|
|
}
|
|
.postm {
|
|
top: 5px;
|
|
}
|
|
.post {
|
|
top: 10px;
|
|
}
|
|
.postl {
|
|
top: 15px;
|
|
}
|
|
.postxl {
|
|
top: 20px;
|
|
}
|
|
.postxxl {
|
|
top: 30px;
|
|
}
|
|
.postxxxl {
|
|
top: 50px;
|
|
}
|
|
/* Invert Margins */
|
|
.imxs {
|
|
margin: -3px;
|
|
}
|
|
.ims {
|
|
margin: -5px;
|
|
}
|
|
.imm {
|
|
margin: -10px;
|
|
}
|
|
.iml {
|
|
margin: -18px;
|
|
}
|
|
.imxl {
|
|
margin: -25px;
|
|
}
|
|
.imtxs {
|
|
margin-top: -3px;
|
|
}
|
|
.imts {
|
|
margin-top: -5px;
|
|
}
|
|
.imtm {
|
|
margin-top: -10px;
|
|
}
|
|
.imtl {
|
|
margin-top: -18px;
|
|
}
|
|
.imtxl {
|
|
margin-top: -25px;
|
|
}
|
|
.imrxs {
|
|
margin-right: -3px;
|
|
}
|
|
.imrs {
|
|
margin-right: -5px;
|
|
}
|
|
.imrm {
|
|
margin-right: -10px;
|
|
}
|
|
.imrl {
|
|
margin-right: -18px;
|
|
}
|
|
.imrxl {
|
|
margin-right: -25px;
|
|
}
|
|
.imbxs {
|
|
margin-bottom: -3px;
|
|
}
|
|
.imbs {
|
|
margin-bottom: -5px !important;
|
|
}
|
|
.imbm {
|
|
margin-bottom: -10px;
|
|
}
|
|
.imbl {
|
|
margin-bottom: -18px;
|
|
}
|
|
.imbxl {
|
|
margin-bottom: -25px;
|
|
}
|
|
.imlxs {
|
|
margin-left: -3px;
|
|
}
|
|
.imls {
|
|
margin-left: -5px;
|
|
}
|
|
.imlm {
|
|
margin-left: -10px !important;
|
|
}
|
|
.imll {
|
|
margin-left: -18px;
|
|
}
|
|
.imlxl {
|
|
margin-right: -25px;
|
|
}
|
|
/* Paddings */
|
|
.np {
|
|
padding: 0px;
|
|
}
|
|
.pxs {
|
|
padding: 3px;
|
|
}
|
|
.ps {
|
|
padding: 5px;
|
|
}
|
|
.pm {
|
|
padding: 10px;
|
|
}
|
|
.pl {
|
|
padding: 18px;
|
|
}
|
|
.pxl {
|
|
padding: 25px;
|
|
}
|
|
.p8 {
|
|
padding: 8px;
|
|
}
|
|
.ptxs {
|
|
padding-top: 3px;
|
|
}
|
|
.pts {
|
|
padding-top: 5px;
|
|
}
|
|
.ptm {
|
|
padding-top: 10px;
|
|
}
|
|
.ptl {
|
|
padding-top: 18px;
|
|
}
|
|
.ptxl {
|
|
padding-top: 25px;
|
|
}
|
|
.prxs {
|
|
padding-right: 3px;
|
|
}
|
|
.prs {
|
|
padding-right: 5px;
|
|
}
|
|
.prm {
|
|
padding-right: 10px;
|
|
}
|
|
.prl {
|
|
padding-right: 18px;
|
|
}
|
|
.prxl {
|
|
padding-right: 25px;
|
|
}
|
|
.pbxs {
|
|
padding-bottom: 3px;
|
|
}
|
|
.pbs {
|
|
padding-bottom: 5px !important;
|
|
}
|
|
.pbm {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
.pbl {
|
|
padding-bottom: 18px;
|
|
}
|
|
.pbxl {
|
|
padding-bottom: 25px;
|
|
}
|
|
.plxs {
|
|
padding-left: 3px;
|
|
}
|
|
.pls {
|
|
padding-left: 5px;
|
|
}
|
|
.plm {
|
|
padding-left: 10px !important;
|
|
}
|
|
.pll {
|
|
padding-left: 18px;
|
|
}
|
|
.plxl {
|
|
padding-right: 25px;
|
|
}
|
|
.pl15 {
|
|
padding-left: 15px;
|
|
}
|
|
.pr15 {
|
|
padding-right: 15px;
|
|
}
|
|
/* Borders */
|
|
.bc-bfb {
|
|
border-color: #bfbfbf;
|
|
}
|
|
.bc-inh {
|
|
border-color: inherit;
|
|
}
|
|
.bws {
|
|
border-width: 1px;
|
|
}
|
|
.bwinh {
|
|
border-width: inherit;
|
|
}
|
|
.bss {
|
|
border-style: solid;
|
|
}
|
|
.bsdo {
|
|
border-style: dotted;
|
|
}
|
|
.bsda {
|
|
border-style: dashed;
|
|
}
|
|
.bsdou {
|
|
border-style: double;
|
|
}
|
|
.bsinh {
|
|
border-style: inherit;
|
|
}
|
|
.bsins {
|
|
border-style: inset;
|
|
}
|
|
/* Fonts | Weight */
|
|
.fwb {
|
|
font-weight: bold;
|
|
}
|
|
.fwn {
|
|
font-weight: normal;
|
|
}
|
|
.fwbb {
|
|
font-weight: bolder;
|
|
}
|
|
.fwl {
|
|
font-weight: lighter;
|
|
}
|
|
/* Fonts | Size */
|
|
.fss {
|
|
font-size: 11px !important;
|
|
}
|
|
.fsn {
|
|
font-size: 12px !important;
|
|
}
|
|
.fsxn {
|
|
font-size: 13px !important;
|
|
}
|
|
.fsm {
|
|
font-size: 14px !important;
|
|
}
|
|
.fsxm {
|
|
font-size: 16px !important;
|
|
}
|
|
.fsxm2 {
|
|
font-size: 18px !important;
|
|
}
|
|
.fsl {
|
|
font-size: 22px !important;
|
|
}
|
|
.fsxl {
|
|
font-size: 26px !important;
|
|
}
|
|
.fsxl2 {
|
|
font-size: 30px !important;
|
|
}
|
|
/* Text | Transform */
|
|
.ttu {
|
|
text-transform: uppercase;
|
|
}
|
|
.ttl {
|
|
text-transform: lowercase;
|
|
}
|
|
.ttn {
|
|
text-transform: none;
|
|
}
|
|
.ttinh {
|
|
text-transform: inherit;
|
|
}
|
|
.tover {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
/* Text | Decoration */
|
|
.tdn {
|
|
text-decoration: none !important;
|
|
}
|
|
/*---------------------------------------------------
|
|
LESS Elements 0.9
|
|
---------------------------------------------------
|
|
A set of useful LESS mixins
|
|
More info at: http://lesselements.com
|
|
---------------------------------------------------*/
|
|
/* Importing Navigation CSS */
|
|
.navbar-container {
|
|
margin: auto;
|
|
}
|
|
.navbar-container .navbar-search {
|
|
width: 300px !important;
|
|
line-height: 37px;
|
|
margin-left: 20px;
|
|
}
|
|
.navbar-container .cb-logo {
|
|
background: url('../../images/logo.png') no-repeat;
|
|
width: 188px;
|
|
height: 36px;
|
|
text-indent: -500000px;
|
|
display: inline-block;
|
|
margin-top: 9px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-container .main-nav {
|
|
margin-left: 25px;
|
|
}
|
|
.navbar-container .myaccount-dd a {
|
|
padding-top: 6px;
|
|
}
|
|
}
|
|
.navbar-container .navbar-nav > li > a {
|
|
line-height: 31px;
|
|
}
|
|
.navbar-container .nav-login-btns,
|
|
.navbar-container .nav-login-dd,
|
|
.navbar-container .nav-collapse-btn,
|
|
.navbar-container .navbar-search {
|
|
display: none;
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.navbar-container .nav-login-btns,
|
|
.navbar-container .navbar-search {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 1144px) {
|
|
.navbar-container .nav-login-dd {
|
|
display: inline-block;
|
|
}
|
|
.navbar-container .nav-login-dd li .dropdown-menu {
|
|
max-width: 900px;
|
|
min-width: 300px;
|
|
margin-left: 20px;
|
|
padding: 10px;
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-container .nav-collapse-btn {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
@media (min-width: 767px) {
|
|
.navbar-container .navbar-sm-search {
|
|
display: none !important;
|
|
}
|
|
.navbar-container .navbar-sm-login-links {
|
|
display: none !important;
|
|
}
|
|
}
|
|
.navbar-container .nav-toggle {
|
|
line-height: 12px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.navbar {
|
|
line-height: 60px;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.navbar-default .navbar-nav > li > a {
|
|
color: #0099cc;
|
|
outline: none;
|
|
}
|
|
/* Importing Form CSS */
|
|
/* Importing Footer */
|
|
#footer {
|
|
margin: auto;
|
|
}
|
|
#footer ul {
|
|
maring: 0px;
|
|
padding: 0px;
|
|
}
|
|
#footer ul li {
|
|
display: inline-block;
|
|
margin-right: 15px;
|
|
}
|
|
#container:after,
|
|
footer {
|
|
height: 60px;
|
|
}
|
|
footer {
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
background: #fff;
|
|
}
|
|
/* Importing Components */
|
|
.readmore-js-toggle {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.cb_item {
|
|
font-size: 16px;
|
|
background-color: #fff;
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-border-top-right-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 0;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-topright: 3px;
|
|
-moz-border-radius-bottomright: 0;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-moz-border-radius-topleft: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ddd;
|
|
margin-bottom: 20px;
|
|
}
|
|
.cb_item .cb_item_container {
|
|
padding: 10px;
|
|
}
|
|
.cb_item .cb_item_container .item_title {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
}
|
|
.cb_item .cb_item_container .item_user,
|
|
.cb_item .cb_item_container .item_text,
|
|
.cb_item .cb_item_container .item_date {
|
|
font-size: 13px;
|
|
}
|
|
.cb_item .cb_item_container .item_user {
|
|
color: #999999;
|
|
}
|
|
.cb_item .cb_item_container .item_text {
|
|
margin: 5px 0px;
|
|
}
|
|
.cb_item .cb_item_container .item_date {
|
|
font-weight: 700;
|
|
}
|
|
.cb_item img {
|
|
width: 100%;
|
|
}
|
|
.cb_item.v2 img {
|
|
height: 416px;
|
|
}
|
|
.cb_item.s2 img {
|
|
height: 121px;
|
|
}
|
|
.cb_item.s3 img {
|
|
height: 90px;
|
|
}
|
|
.cb-box {
|
|
font-size: 16px;
|
|
background-color: #fff;
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-border-top-right-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 0;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-topright: 3px;
|
|
-moz-border-radius-bottomright: 0;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-moz-border-radius-topleft: 0;
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ddd;
|
|
padding: 10px;
|
|
}
|
|
.cb-box h3 {
|
|
margin-top: 0px;
|
|
}
|
|
.cb-box.signup-box,
|
|
.cb-box.pad-bottom {
|
|
padding: 20px;
|
|
margin-bottom: 50px;
|
|
}
|
|
.cb-box.pad-bottom-sm {
|
|
margin-bottom: 25px;
|
|
}
|
|
.cb-box .no-pad {
|
|
margin: -10px;
|
|
margin-bottom: 10px ;
|
|
}
|
|
.cb-item-title-container {
|
|
margin-top: 20px;
|
|
min-height: 110px;
|
|
padding-left: 60px;
|
|
line-height: 25px;
|
|
position: relative;
|
|
}
|
|
.cb-item-title-container .cb-item-thumb {
|
|
position: absolute;
|
|
max-width: 65px;
|
|
margin-right: 6px;
|
|
left: 0px;
|
|
}
|
|
.cb-item-title-container .cb-item-thumb img {
|
|
border: 2px solid #06c;
|
|
}
|
|
.cb-item-title-container .cb-item-date,
|
|
.cb-item-title-container .cb-item-user {
|
|
font-size: 15px;
|
|
margin-top: -3px;
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
}
|
|
.cb-item-title-container .cb-item-datea,
|
|
.cb-item-title-container .cb-item-usera {
|
|
color: #777;
|
|
}
|
|
.cb-item-title-container .cb-item-title {
|
|
padding-top: 8px;
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
color: #3d3d3d;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon {
|
|
color: #fff;
|
|
padding: 3px 7px;
|
|
font-size: 20px;
|
|
margin-right: 3px;
|
|
display: inline-block;
|
|
width: 32px;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.twitter {
|
|
background-color: #598dca;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.facebook {
|
|
background-color: #3a589b;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.googlep {
|
|
background-color: #d6492f;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon.pinterest {
|
|
background-color: #bf0000;
|
|
}
|
|
.cb-item-desc-container .cb-item-social-icon:last {
|
|
margin-right: 0px;
|
|
}
|
|
.cb-item-desc-container .nav-tabs > li > a {
|
|
-webkit-border-top-right-radius: 2px;
|
|
-webkit-border-bottom-right-radius: 0px;
|
|
-webkit-border-bottom-left-radius: 0px;
|
|
-webkit-border-top-left-radius: 2px;
|
|
-moz-border-radius-topright: 2px;
|
|
-moz-border-radius-bottomright: 0px;
|
|
-moz-border-radius-bottomleft: 0px;
|
|
-moz-border-radius-topleft: 2px;
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
border-top-left-radius: 2px;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
padding: 4px 15px;
|
|
font-size: 14px;
|
|
border-bottom: 0px;
|
|
}
|
|
.cb-item-desc-container .nav-tabs > li > a:hover {
|
|
border-bottom: 0px;
|
|
}
|
|
.cb-item-desc-container .nav {
|
|
margin-bottom: 10px;
|
|
}
|
|
.cb-item-desc-container .cb-item-description {
|
|
position: relative;
|
|
}
|
|
.cb-item-desc-container .cb-item-description .cb-item-grad {
|
|
position: absolute;
|
|
height: 15px;
|
|
width: 100%;
|
|
bottom: 0px;
|
|
opacity: 0.2;
|
|
}
|
|
.cb-item-rating {
|
|
right: -11px;
|
|
top: 5px;
|
|
font-size: 15px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating {
|
|
position: absolute;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-rating {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span {
|
|
padding: 0px 20px 0px 5px;
|
|
width: 110px;
|
|
display: block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-rating .cb-rating-span {
|
|
width: 49%;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-up {
|
|
background-color: #50b21f;
|
|
border: 1px solid #50b21f;
|
|
margin-bottom: 1px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating .cb-rating-span.cb-rating-up {
|
|
-webkit-border-top-right-radius: 0px;
|
|
-webkit-border-bottom-right-radius: 0px;
|
|
-webkit-border-bottom-left-radius: 0px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
-moz-border-radius-topright: 0px;
|
|
-moz-border-radius-bottomright: 0px;
|
|
-moz-border-radius-bottomleft: 0px;
|
|
-moz-border-radius-topleft: 3px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
border-top-left-radius: 3px;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-up:hover {
|
|
border: 1px solid #3a8315;
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-up .cb-rating-digit {
|
|
color: #50b21f;
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-down {
|
|
background-color: #d6492f;
|
|
border: 1px solid #d6492f;
|
|
color: #fff;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating .cb-rating-span.cb-rating-down {
|
|
-webkit-border-top-right-radius: 0px;
|
|
-webkit-border-bottom-right-radius: 0px;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
-webkit-border-top-left-radius: 0px;
|
|
-moz-border-radius-topright: 0px;
|
|
-moz-border-radius-bottomright: 0px;
|
|
-moz-border-radius-bottomleft: 3px;
|
|
-moz-border-radius-topleft: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 0px;
|
|
-moz-background-clip: padding-box;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
}
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-down:hover {
|
|
border: 1px solid #ae3c27;
|
|
}
|
|
.cb-item-rating .cb-rating-span.cb-rating-down .cb-rating-digit {
|
|
color: #d6492f;
|
|
}
|
|
.cb-item-rating .cb-rating-span .cb-rating-digit {
|
|
position: absolute;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.cb-item-rating .cb-rating-span .cb-rating-digit {
|
|
left: -30px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-rating .cb-rating-span .cb-rating-digit {
|
|
right: 10px;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
.cb-item-add-comment .sm-btn {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment {
|
|
position: relative;
|
|
padding-left: 70px;
|
|
margin-top: 20px;
|
|
min-height: 60px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author-img {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author {
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-date {
|
|
font-size: 13px;
|
|
color: #999;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 3px;
|
|
color: #fff;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont {
|
|
position: static;
|
|
}
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont .comment-rating {
|
|
color: #356635;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont .comment-like {
|
|
background-color: #50b21f;
|
|
padding: 0px 5px;
|
|
cursor: pointer;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-author .cb-comment-rating-cont .comment-dislike {
|
|
background-color: #d6492f;
|
|
padding: 0px 5px;
|
|
cursor: pointer;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-text {
|
|
margin-bottom: 10px;
|
|
padding-right: 40px;
|
|
margin-top: 10px;
|
|
}
|
|
.cb-item-comments-container .cb-item-comment .cb-comment-actions {
|
|
font-size: 13px;
|
|
}
|
|
/* Importing video css */
|
|
.video_player {
|
|
height: inherit;
|
|
}
|
|
|
|
|
|
.relative1 {
|
|
position: relative;
|
|
}
|
|
.relative2 {
|
|
position: relative;
|
|
top: 60px;
|
|
left: 2px;
|
|
background-color: #000000;
|
|
width: 140px;
|
|
}
|
|
.channel {
|
|
padding-left: 200px;
|
|
}
|
|
.cname {
|
|
color: #ffffff;
|
|
padding-top: 30px;
|
|
}
|
|
.padding33 {
|
|
padding-top: 100px;
|
|
}
|
|
.padding34 {
|
|
padding-top: 90px;
|
|
padding-left: 55px;
|
|
}
|
|
.padding35 {
|
|
padding-left: 27px;
|
|
}
|
|
|
|
.btng {
|
|
background-color: #000000;
|
|
}
|
|
|
|
|
|
.padding36 {
|
|
padding-left: 40px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.padding37 {
|
|
padding-left: 140px;
|
|
}
|
|
|
|
.new
|
|
{
|
|
background: #ffffff;
|
|
filter:alpha(opacity=60); IE
|
|
-moz-opacity:0.6; Mozilla
|
|
opacity: 0.4; CSS3
|
|
|
|
|
|
}
|
|
|
|
.font {
|
|
font-size: 15px;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.font1 {
|
|
font-size: 10px;
|
|
padding-right: 5px;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
.font2 {
|
|
font-size: 10px;
|
|
padding-left: 20px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
|
|
.content{margin:0px; width:550px; height:500px; padding:0px; overflow:auto; background:#ffffff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
|
|
.content p:nth-child(even){color:#ffffff; font-family:Georgia,serif; font-size:17px; font-style:italic;}
|
|
|
|
|
|
|
|
.new1 {
|
|
border: 0px;
|
|
color: #808080;
|
|
}
|
|
|
|
.duration1 {
|
|
background-color: #808080;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 140px;
|
|
right: 100px;
|
|
}
|
|
/*videos page*/
|
|
.item_video{
|
|
margin-bottom: 10px;
|
|
}
|
|
.item_video img{
|
|
width: 100%;
|
|
border: 2px solid #ddd;
|
|
padding: 0px;
|
|
}
|
|
.video_duration{
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
border-radius: 2px;
|
|
color: #FFFFFF;
|
|
font-size: 9px;
|
|
padding: 1px 5px;
|
|
position: absolute;
|
|
right: 17px;
|
|
top: 2px;
|
|
}
|
|
/* Page heading*/
|
|
.page-hidding{
|
|
border-bottom: 1px solid #d5d5d5;
|
|
height: 45px;
|
|
margin-bottom: 30px;
|
|
margin-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.page-hidding h4{
|
|
color: #444;
|
|
}
|
|
.page-hidding .btn-group{
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/*Sidebar of categories*/
|
|
.navbar-stacked ul{
|
|
|
|
}
|
|
.navbar-stacked li a{
|
|
color: #575757;
|
|
|
|
}
|
|
.navbar-stacked li{
|
|
border-right: 1px solid #d5d5d5;
|
|
border-bottom: 1px solid #d5d5d5;
|
|
border-left: 10px solid #d5d5d5;
|
|
}
|
|
.navbar-stacked li b{
|
|
float: right;
|
|
}
|
|
.navbar-stacked li:hover{
|
|
border-left: 10px solid #428bca;
|
|
}
|
|
.navbar-stacked li b.caret{
|
|
border-top-width: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
.navbar-stacked .dropdown-menu > li > a{
|
|
padding: 7px 15px;
|
|
}
|
|
.navbar-stacked .dropdown-menu > li > a{
|
|
color: #575757;
|
|
}
|
|
.wv_heading{
|
|
background-color: #444444;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.navbar-stacked li.wv_heading a{
|
|
color: #fff;
|
|
font-weight: 200;
|
|
}
|
|
.nav.navbar-stacked .caret{
|
|
color: #575757;
|
|
border-bottom-color: #575757;
|
|
border-top-color: #575757;
|
|
}
|
|
.navbar-stacked li.wv_heading a:hover{
|
|
color: #575757;
|
|
}
|
|
.navbar-toggle {
|
|
width: 100%;
|
|
float: none;
|
|
margin-right: 0;
|
|
}
|
|
.padding-left-right-zero{
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.margin-top-10{
|
|
margin-top: 10px;
|
|
}
|
|
.nav.navbar-stacked > li > a{
|
|
padding: 7px 15px;
|
|
}
|
|
.dropdown-menu {right:0;min-width:230px;}
|
|
.dropdown-submenu{position:relative;}
|
|
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
|
|
.dropdown-submenu:hover>.dropdown-menu{display:block;}
|
|
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
|
|
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
|
|
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
|
|
<<<<<<< .mine
|
|
>>>>>>> .r1464
|
|
=======
|
|
/*View Channels*/
|
|
.channels-view{
|
|
border-bottom: 1px solid #DDDDDD;
|
|
margin-bottom: 10px;
|
|
margin-right: 20px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.channels-view ul li{
|
|
float: left;
|
|
font-size: 12px;
|
|
color: #a5a5a5;
|
|
width: 43%;
|
|
}
|
|
.channels-view h4 a{
|
|
color: #444;
|
|
}
|
|
.user-arow{
|
|
background-color: #a5a5a5;
|
|
color: #FFFFFF;
|
|
font-size: 9px;
|
|
padding: 2px 3px;
|
|
position: relative;
|
|
right: -14px;
|
|
top: -40px;
|
|
}
|
|
/*For watch videos*/
|
|
.side-video h3,.side-video a{
|
|
color: #444;
|
|
}
|
|
.item_video_pop{
|
|
margin-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid #ddd;
|
|
color: #a5a5a5;
|
|
|
|
}
|
|
.item_video_pop .cb_item_thumb{
|
|
height: 75px;
|
|
width: 170px;
|
|
}
|
|
.item_video_pop .cb_item_thumb img{
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 1px solid;
|
|
|
|
}
|
|
.padding-top-5{
|
|
padding-top: 5px;
|
|
}
|
|
/*for comments*/
|
|
.itemdiv.dialogdiv:before {
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-left-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-top-colors: none;
|
|
background-color: #E1E6ED;
|
|
border-color: #D7DBDD;
|
|
border-image: none;
|
|
border-style: solid;
|
|
border-width: 0 1px;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 19px;
|
|
max-width: 3px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 3px;
|
|
}
|
|
.itemdiv.dialogdiv {
|
|
padding-bottom: 14px;
|
|
}
|
|
.itemdiv {
|
|
min-height: 66px;
|
|
padding-right: 3px;
|
|
position: relative;
|
|
}
|
|
.itemdiv > .user {
|
|
display: inline-block;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 42px;
|
|
}
|
|
|
|
.itemdiv.dialogdiv > .user > img {
|
|
border-color: #C9D6E5;
|
|
}
|
|
.itemdiv > .user > img {
|
|
border: 2px solid #5293C4;
|
|
border-radius: 100%;
|
|
max-width: 40px;
|
|
position: relative;
|
|
}
|
|
.itemdiv.dialogdiv > .body:before {
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-left-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-top-colors: none;
|
|
-moz-box-sizing: content-box;
|
|
background-color: #FFFFFF;
|
|
border-color: #DDE4ED;
|
|
border-image: none;
|
|
border-style: solid;
|
|
border-width: 2px 0 0 2px;
|
|
content: "";
|
|
display: block;
|
|
height: 8px;
|
|
left: -7px;
|
|
position: absolute;
|
|
top: 11px;
|
|
transform: rotate(-45deg);
|
|
width: 8px;
|
|
}
|
|
.itemdiv.dialogdiv > .body {
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-left-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-top-colors: none;
|
|
border-color: #DDE4ED;
|
|
border-image: none;
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 2px;
|
|
margin-right: 1px;
|
|
padding: 5px 8px 8px;
|
|
}
|
|
.itemdiv > .body {
|
|
margin-left: 50px;
|
|
margin-right: 12px;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
.itemdiv.dialogdiv > .body > .time {
|
|
float: right;
|
|
position: static;
|
|
}
|
|
.itemdiv > .body > .time {
|
|
color: #666666;
|
|
display: block;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 0;
|
|
}
|
|
.green {
|
|
color: #69AA46 !important;
|
|
}
|
|
.itemdiv > .body > .name {
|
|
color: #999999;
|
|
display: block;
|
|
}
|
|
.itemdiv.dialogdiv > .body > .text:after {
|
|
display: none;
|
|
}
|
|
.itemdiv > .body > .text:after {
|
|
border-top: 1px solid #E4ECF3;
|
|
content: "";
|
|
display: block;
|
|
font-size: 0;
|
|
height: 1px;
|
|
left: 16px;
|
|
margin-top: 9px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: -12px;
|
|
}
|
|
.itemdiv.dialogdiv > .body > .text {
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
.itemdiv > .body > .text {
|
|
display: block;
|
|
font-size: 13px;
|
|
margin-top: 2px;
|
|
padding-bottom: 19px;
|
|
padding-left: 7px;
|
|
position: relative;
|
|
}
|
|
.itemdiv:hover .tools {
|
|
display: inline-block;
|
|
}
|
|
.itemdiv .body .tools {
|
|
bottom: 4px;
|
|
}
|
|
.itemdiv .tools {
|
|
bottom: 10px;
|
|
display: none;
|
|
position: absolute;
|
|
right: 5px;
|
|
}
|
|
.itemdiv .tools .btn {
|
|
border-radius: 36px;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
.btn-minier {
|
|
border-width: 2px;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
padding: 0 4px;
|
|
}
|
|
.videoPlayer ifram {
|
|
min-width: 749px !important;
|
|
}
|
|
|
|
|
|
/* FEATURED VIDEO LEFT SIDE */
|
|
.feature_vid { margin:3px auto; width:350px; padding:0px; font-weight:lighter; }
|
|
.feature_left .sp2 { background:url(line_sp2.png) repeat-x; height:2px; margin:6px 0px; padding:0px; }
|
|
|
|
/* FEATURED VIDEO RIGHT SIDE */
|
|
.feature_right ul { margin:0px; padding:0px; list-style:none; }
|
|
.feature_right ul li { padding:0px; margin:0px; margin-bottom:3px; color:#193f77; font-size:9px; }
|
|
.feature_right .sp { background:url(../images/line_sps.png) top repeat-x; margin:5px 0px; padding:0px; height:2px; }.feature_right .details_block { float:left; width:50%; margin:0px; padding:0px; color:#999 }
|
|
.feature_right .title a{font-size:9px; font-weight:bold; text-decoration:none; color:#fff}
|
|
.feature_right .title { font-size:10px; clear:both; padding:0px; overflow:hidden}
|
|
.featured_vid_con{cursor:pointer; background:#FFF url(../images/nav_grads.png) -0px -260px; padding:5px; border: 1px solid #CCC; /* border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; */ -webkit-border-bottom-left-radius:5px; background-color:#FFF; margin:3px 0px 3px; font-size:14px;}
|
|
.featured_vid_con .video_thumb{border:0px; padding:0px; float:left; }
|
|
.featured_vid_con:hover{cursor:pointer; background:#EEEEEE; border-left:5px solid #F00;}
|
|
.featured_vid_con .video_thumb{border:1px solid #CCCCCC; padding:0px; float:left; margin-right: 10px; }
|
|
.featured_vid_con:hover{background-position:-0px -338px; }
|
|
.featured_video_details{width:735px; border-radius:0px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; padding:5px; margin:5px;}
|
|
.featured_video_player{width:735px; height:470px; border-radius:0px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#000; padding:0px; margin:5px; overflow:hidden;}
|
|
.vertical .details_block { float:left; width:100%; }
|
|
|
|
.nopadding {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
.nopadding-left {
|
|
padding-left: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
.nopadding-right {
|
|
padding-right: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/* HOME TABS STYLE */
|
|
.hmtabs {height:30px; margin:0px; line-height:30px; padding:0px; margin-top:10px; margin-bottom: 10px; }
|
|
.hmtabs ul {height:30px; margin:0px; line-height:30px; padding:0px; list-style:none; }
|
|
.hmtabs ul li {margin-bottom: 20px; padding:0px 0px; list-style:none; float:left; background: -webkit-linear-gradient(#FFF, #E2E2E2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#FFF, #E2E2E2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFF, #E2E2E2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#FFF, #E2E2E2); /* Standard syntax */ }
|
|
.hmtabs ul li a {padding:5px 10px; text-decoration:none; padding-bottom:5px; }
|
|
.hmtabs ul li a:hover {text-decoration:none; border-bottom: 5px solid #D20000;}
|
|
|
|
H1.myHeading{font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif; font-size: 24px;}
|
|
|
|
H2.myHeading{font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif; font-size: 22px; border-bottom: 2px solid #999; line-height: 30px; margin-top: 10px; margin-bottom: 10px;}
|
|
|
|
H3.myHeading{font-family: "Roboto", "Segoe UI", "Helvetica neue", Helvetica, sans-serif; font-size: 20px;}
|
|
|
|
.btn_arr_down{position:relative; background: url(../../images/m_arrow_down.png) no-repeat;}
|
|
|
|
.mycommentboxarrow {position: relative; z-index: -1;}
|
|
|
|
.mycommentboxarrow:before{content: ""; position: absolute; top: 20px; left:-5px; height:20px; width:20px; background:#F00; border: 1px solid #FFF; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index: -1;}
|
|
|
|
.userPicContainer{
|
|
|
|
}
|
|
|
|
.userPicContainer img{
|
|
width: 15%;
|
|
}
|
|
|
|
.pagination {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
|
|
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
|
|
padding-left: 8px;
|
|
width: 300px;
|
|
color: #fff;
|
|
background-color: #428bca;
|
|
}
|
|
|
|
.margintop20 {
|
|
width: 250px;
|
|
margin-top:-10px;
|
|
margin-left: -40px;
|
|
margin-right: 20px;
|
|
|
|
}
|
|
|
|
.nav-pills>li>a {
|
|
padding-left: 10px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
a {
|
|
padding-left: 0px;
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
.nav-stacked>li+li {
|
|
width: 300px;
|
|
margin-top: 0px;
|
|
margin-left: 0;
|
|
border-bottom:1px solid #dadada;
|
|
border-left:0px solid #dadada;
|
|
border-right:1px solid #dadada;
|
|
}
|
|
|
|
.active2 {
|
|
border-right:4px solid #428bca;
|
|
}
|
|
|
|
.message {
|
|
padding-left: 60px;
|
|
width: 850px;
|
|
}
|
|
|
|
.mvideo {
|
|
padding-left: 55px;
|
|
}
|
|
|
|
.vthumb {
|
|
border: solid 1px;
|
|
color: #E1E1E1;
|
|
}
|
|
|
|
.duration {
|
|
background: black;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 97px;
|
|
right: 100px;
|
|
}
|
|
|
|
.maccountlabels {
|
|
font-size: 12px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
}
|
|
|
|
.mlabel {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.flaggedtable {
|
|
padding-left: 50px;
|
|
}
|
|
|
|
.fvideos {
|
|
margin-left: -100px;
|
|
}
|
|
.fusers {
|
|
margin-left: -100px;
|
|
}
|
|
.accountprofile {
|
|
margin-left: -48px;
|
|
}
|
|
.accountprofile1 {
|
|
margin-left: -45px;
|
|
}
|
|
|
|
.procolor {
|
|
color: #808080;
|
|
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.imgobject {
|
|
border: solid 1px;
|
|
border-color: #E1E1E1;
|
|
|
|
}
|
|
|
|
.newhr {
|
|
margin-bottom: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
.newhr1 {
|
|
margin-bottom: 0px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.leftmenu {
|
|
font-size: 14px;
|
|
margin-bottom: -4px;
|
|
margin-top: -5px
|
|
}
|
|
.icon {
|
|
padding-left: 20px;
|
|
}
|
|
.headcolor
|
|
{
|
|
color: black;
|
|
}
|
|
.padding38 {
|
|
padding-top: -70px;
|
|
}
|
|
|
|
.position {
|
|
position: absolute;
|
|
top: 130px;
|
|
left: 40px;
|
|
right: 100px;
|
|
}
|
|
|
|
.pphotogposition {
|
|
width: 215px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 120px;
|
|
left: 28px;
|
|
right: 100px;
|
|
}
|
|
|
|
.gmargin {
|
|
margin-bottom: -60px;
|
|
}
|
|
.photopadding {
|
|
padding-left: 52px;
|
|
}
|
|
.photopaddin1 {
|
|
margin-right: -22px;
|
|
padding-left: 120px;
|
|
}
|
|
|
|
.photothumbs {
|
|
height: 100%;
|
|
width: 100%;
|
|
border: solid 1px;
|
|
border-color: #ffffff;
|
|
}
|
|
|
|
.photoname {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
opacity: 0.8;
|
|
position: absolute;
|
|
top: 103px;
|
|
left: 20px;
|
|
width: 195px;
|
|
display: none;
|
|
|
|
} |