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)}
|
{$custom_upload_fields=$Upload->load_custom_upload_fields($data,TRUE)}
|
||||||
{assign var='video_fields' value=$Upload->load_video_fields($data)}
|
{$video_fields=$Upload->load_video_fields($data)}
|
||||||
|
|
||||||
{if $data.title neq ""}
|
{if $data.title neq ""}
|
||||||
|
|
||||||
|
|
@ -85,7 +85,7 @@
|
||||||
<td width="200"><strong>Thumbnails<BR>
|
<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 />
|
{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>
|
<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}
|
{foreach from=$vidthumbs item=vid_thumb}
|
||||||
<div style="width:140px; float:left" align="center">
|
<div style="width:140px; float:left" align="center">
|
||||||
|
|
|
||||||
|
|
@ -60,13 +60,14 @@ function flashPlayer($param)
|
||||||
global $pak_player;
|
global $pak_player;
|
||||||
|
|
||||||
if($player_code)
|
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);
|
assign("player_js_code",$player_code);
|
||||||
Template(PLAYER_DIR.'/player.html',false);
|
Template(PLAYER_DIR.'/player.html',false);
|
||||||
return false;
|
return false;
|
||||||
}else
|
}else
|
||||||
{
|
{
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -388,9 +388,9 @@ var loading = loading_img+" Loading...";
|
||||||
{
|
{
|
||||||
mode : 'share_object',
|
mode : 'share_object',
|
||||||
type : type,
|
type : type,
|
||||||
users : $("#"+form_id+" input:#ShareUsers").val(),
|
users : $("#ShareUsers").val(),
|
||||||
message : $("#"+form_id+" textarea:#message").val(),
|
message : $("#message").val(),
|
||||||
id : $("#"+form_id+" input:#objectid").val()
|
id : $("#objectid").val()
|
||||||
},
|
},
|
||||||
function(data)
|
function(data)
|
||||||
{
|
{
|
||||||
|
|
@ -413,7 +413,7 @@ var loading = loading_img+" Loading...";
|
||||||
{
|
{
|
||||||
mode : 'flag_object',
|
mode : 'flag_object',
|
||||||
type : type,
|
type : type,
|
||||||
flag_type : $("#"+form_id+" select:#flag_type").val(),
|
flag_type : $("#"+form_id+" select option:selected").val(),
|
||||||
id : id
|
id : id
|
||||||
},
|
},
|
||||||
function(data)
|
function(data)
|
||||||
|
|
@ -690,7 +690,7 @@ var loading = loading_img+" Loading...";
|
||||||
mode : 'add_new_playlist',
|
mode : 'add_new_playlist',
|
||||||
id : vid,
|
id : vid,
|
||||||
objtype : objtype,
|
objtype : objtype,
|
||||||
plname : $("#"+form_id+" input:#playlist_name").val()
|
plname : $("#playlist_name").val()
|
||||||
},
|
},
|
||||||
function(data)
|
function(data)
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -266,14 +266,30 @@ if (!function_exists('validate_embed_code'))
|
||||||
'/width=([0-9]+)/','/height=([0-9]+)/'
|
'/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(
|
$preg_repalce = array(
|
||||||
'',
|
'',
|
||||||
'width:'.$data['width'].'px',
|
'width:'.$width_px_replace,
|
||||||
'height:'.$data['height'].'px',
|
'height:'.$height_px_replace,
|
||||||
'width='.$data['width'],
|
'width='.$width_replace,
|
||||||
'height='.$data['height']
|
'height='.$height_replace
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$embed_code = str_replace($h_w_p, $h_w_r, $embed_code);
|
$embed_code = str_replace($h_w_p, $h_w_r, $embed_code);
|
||||||
$embed_code = unhtmlentities($embed_code);
|
$embed_code = unhtmlentities($embed_code);
|
||||||
$embed_code = preg_replace($preg_match, $preg_repalce, $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>
|
<textarea name="message" id="message" rows="5" class="form-control"></textarea>
|
||||||
<input name="objectid" id="objectid" type="hidden" value="{$params.id}" />
|
<input name="objectid" id="objectid" type="hidden" value="{$params.id}" />
|
||||||
<div align="right" class="mtm">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,34 +6,447 @@
|
||||||
body {
|
body {
|
||||||
background-color: #e8e8e8;
|
background-color: #e8e8e8;
|
||||||
color: #000000;
|
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;
|
font-size: 14px;
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
}
|
}
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
#container {
|
#container {
|
||||||
width: 1170px;
|
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
/* Negative indent footer by it's height */
|
/* Negative indent footer by it's height */
|
||||||
margin: 0 auto -60px;
|
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 {
|
.bold {
|
||||||
font-weight: 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 */
|
/* Importing Navigation CSS */
|
||||||
.navbar-container {
|
.navbar-container {
|
||||||
max-width: 1170px;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.navbar-container .navbar-search {
|
.navbar-container .navbar-search {
|
||||||
width: 300px !important;
|
width: 300px !important;
|
||||||
line-height: 37px;
|
line-height: 37px;
|
||||||
margin-left: 50px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
.navbar-container .cb-logo {
|
.navbar-container .cb-logo {
|
||||||
background: url('../../images/logo.png') no-repeat;
|
background: url('../../images/logo.png') no-repeat;
|
||||||
|
|
@ -109,7 +522,6 @@ body {
|
||||||
/* Importing Form CSS */
|
/* Importing Form CSS */
|
||||||
/* Importing Footer */
|
/* Importing Footer */
|
||||||
#footer {
|
#footer {
|
||||||
width: 1170px;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
#footer ul {
|
#footer ul {
|
||||||
|
|
@ -120,7 +532,7 @@ body {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
#push,
|
#container:after,
|
||||||
footer {
|
footer {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
@ -130,3 +542,365 @@ footer {
|
||||||
-webkit-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;
|
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