Updated : functions.js
Fixed : Add to playlist/ create playlist/ share form and report buttons
This commit is contained in:
Arslan Hassan
parent
0ab0503995
commit
87e347a96b
7 changed files with 827 additions and 22 deletions
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
{assign var='custom_upload_fields' value=$Upload->load_custom_upload_fields($data,TRUE)}
|
||||
{assign var='video_fields' value=$Upload->load_video_fields($data)}
|
||||
{$custom_upload_fields=$Upload->load_custom_upload_fields($data,TRUE)}
|
||||
{$video_fields=$Upload->load_video_fields($data)}
|
||||
|
||||
{if $data.title neq ""}
|
||||
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
<td width="200"><strong>Thumbnails<BR>
|
||||
{if $data.embeded !=yes}<a href="upload_thumbs.php?video={$data.videoid}&gen_more=true">Regenerate Thumbs</a>{/if}<br />
|
||||
<a href="upload_thumbs.php?video={$data.videoid}">Manage Thumbs</a></strong></td>
|
||||
<td>{assign var=vidthumbs value=func->get_thumb($data,1,TRUE,FALSE,TRUE,FALSE)}
|
||||
<td>{$vidthumbs=get_thumb($data,1,TRUE,FALSE,TRUE,FALSE)}
|
||||
|
||||
{foreach from=$vidthumbs item=vid_thumb}
|
||||
<div style="width:140px; float:left" align="center">
|
||||
|
|
|
|||
|
|
@ -60,13 +60,14 @@ function flashPlayer($param)
|
|||
global $pak_player;
|
||||
|
||||
if($player_code)
|
||||
if(!$pak_player && $show_player && $show_player!==true)
|
||||
if(!$pak_player && $show_player && !is_bool($player_code))
|
||||
{
|
||||
assign("player_js_code",$player_code);
|
||||
Template(PLAYER_DIR.'/player.html',false);
|
||||
return false;
|
||||
}else
|
||||
{
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -388,9 +388,9 @@ var loading = loading_img+" Loading...";
|
|||
{
|
||||
mode : 'share_object',
|
||||
type : type,
|
||||
users : $("#"+form_id+" input:#ShareUsers").val(),
|
||||
message : $("#"+form_id+" textarea:#message").val(),
|
||||
id : $("#"+form_id+" input:#objectid").val()
|
||||
users : $("#ShareUsers").val(),
|
||||
message : $("#message").val(),
|
||||
id : $("#objectid").val()
|
||||
},
|
||||
function(data)
|
||||
{
|
||||
|
|
@ -413,7 +413,7 @@ var loading = loading_img+" Loading...";
|
|||
{
|
||||
mode : 'flag_object',
|
||||
type : type,
|
||||
flag_type : $("#"+form_id+" select:#flag_type").val(),
|
||||
flag_type : $("#"+form_id+" select option:selected").val(),
|
||||
id : id
|
||||
},
|
||||
function(data)
|
||||
|
|
@ -690,7 +690,7 @@ var loading = loading_img+" Loading...";
|
|||
mode : 'add_new_playlist',
|
||||
id : vid,
|
||||
objtype : objtype,
|
||||
plname : $("#"+form_id+" input:#playlist_name").val()
|
||||
plname : $("#playlist_name").val()
|
||||
},
|
||||
function(data)
|
||||
{
|
||||
|
|
|
|||
|
|
@ -266,14 +266,30 @@ if (!function_exists('validate_embed_code'))
|
|||
'/width=([0-9]+)/','/height=([0-9]+)/'
|
||||
);
|
||||
|
||||
|
||||
$width_px_replace = $data['width'].'px';
|
||||
$height_px_replace = $data['width'].'px';
|
||||
$width_replace = $data['width'];
|
||||
$height_replace = $data['width'];
|
||||
|
||||
if(strstr($data['width'],'%'))
|
||||
$width_px_replace = $data['width'];
|
||||
|
||||
if(strstr($data['height'],'%'))
|
||||
$height_px_replace = $data['height'];
|
||||
|
||||
$preg_repalce = array(
|
||||
'',
|
||||
'width:'.$data['width'].'px',
|
||||
'height:'.$data['height'].'px',
|
||||
'width='.$data['width'],
|
||||
'height='.$data['height']
|
||||
'width:'.$width_px_replace,
|
||||
'height:'.$height_px_replace,
|
||||
'width='.$width_replace,
|
||||
'height='.$height_replace
|
||||
);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$embed_code = str_replace($h_w_p, $h_w_r, $embed_code);
|
||||
$embed_code = unhtmlentities($embed_code);
|
||||
$embed_code = preg_replace($preg_match, $preg_repalce, $embed_code);
|
||||
|
|
|
|||
14
upload/styles/cb_2013/layout/blocks/common/rating.html
Normal file
14
upload/styles/cb_2013/layout/blocks/common/rating.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div id="rating_container">
|
||||
<div class="cb-item-rating">
|
||||
<span class="cb-rating-span cb-rating-up" {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if} onMouseOver="rating_over('Like this {$type}','{$disable}')" onmouseout="rating_out('{$likes} Likes, {$dislikes} Dislikes','{$disable}')">
|
||||
<span class="cb-rating-digit">{$likes|number_format}</span>
|
||||
<i class="glyphicon glyphicon-thumbs-up"></i>
|
||||
{lang code='Like'}
|
||||
</span>
|
||||
<span class="cb-rating-span cb-rating-down" {if !$disable} onclick="rate('{$id}','1','{$type}')"{/if} onMouseOver="rating_over('Dislike this {$type}','{$disable}')" onmouseout="rating_out('{$likes} Likes, {$dislikes} Dislikes','{$disable}')">
|
||||
<span class="cb-rating-digit">{if $dislikes}-{/if}{$dislikes|number_format}</span>
|
||||
<i class="glyphicon glyphicon-thumbs-down"></i>
|
||||
{lang code='Dislike'}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
<textarea name="message" id="message" rows="5" class="form-control"></textarea>
|
||||
<input name="objectid" id="objectid" type="hidden" value="{$params.id}" />
|
||||
<div align="right" class="mtm">
|
||||
<input type="button" name="send_content" value="Send" class="btn btn-primary" />
|
||||
<input type="submit" name="send_content" value="Send" class="btn btn-primary" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,34 +6,447 @@
|
|||
body {
|
||||
background-color: #e8e8e8;
|
||||
color: #000000;
|
||||
font-family: Sintony, "Segoe UI", "Helvetica neue", Helvetica, sans-serif;
|
||||
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 {
|
||||
width: 1170px;
|
||||
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 {
|
||||
max-width: 1170px;
|
||||
margin: auto;
|
||||
}
|
||||
.navbar-container .navbar-search {
|
||||
width: 300px !important;
|
||||
line-height: 37px;
|
||||
margin-left: 50px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.navbar-container .cb-logo {
|
||||
background: url('../../images/logo.png') no-repeat;
|
||||
|
|
@ -109,7 +522,6 @@ body {
|
|||
/* Importing Form CSS */
|
||||
/* Importing Footer */
|
||||
#footer {
|
||||
width: 1170px;
|
||||
margin: auto;
|
||||
}
|
||||
#footer ul {
|
||||
|
|
@ -120,7 +532,7 @@ body {
|
|||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
}
|
||||
#push,
|
||||
#container:after,
|
||||
footer {
|
||||
height: 60px;
|
||||
}
|
||||
|
|
@ -130,3 +542,365 @@ footer {
|
|||
-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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue