404 page updated
Before Width: | Height: | Size: 8 KiB After Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 4.6 KiB |
|
@ -1,19 +1,20 @@
|
|||
<div id="main" class="container page-error clearfix">
|
||||
<div class="clearfix error-img">
|
||||
<img src="{$imageurl}/403.png" alt="" class="img-responive">
|
||||
</div>
|
||||
|
||||
<div class="alert-text clearfix">
|
||||
<p><i class="icon-info"></i> Forbidden Error </p>
|
||||
</div>
|
||||
|
||||
<div class="clearfix videos">
|
||||
{if $videos}
|
||||
{foreach $videos as $video}
|
||||
<div class="item-video col-lg-3 col-md-3 col-sm-4 col-xs-12">
|
||||
{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
|
||||
<div class="page-error clearfix" style="background:#f7f9fb url({$theme}/images/clouds.jpg) no-repeat; background-size:100%;">
|
||||
<div class="error-holder">
|
||||
<div class="fog">
|
||||
<img src="{$theme}/images/fog-cloud.png" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="monster">
|
||||
<img src="{$theme}/images/monster.png" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="content-txt">
|
||||
<div class="clearfix error-img">
|
||||
<img src="{$imageurl}/403.png" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="alert-text clearfix">
|
||||
<p><strong>OOPS...</strong><span>The Page you are looking for Forbidden!</span></p>
|
||||
<a href=""> ← Go back to the homepage</a>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
</div>
|
||||
<img src="{$theme}/images/base.png" alt="" class="base-bg">
|
||||
</div>
|
|
@ -1,19 +1,20 @@
|
|||
<div id="main" class="container page-error clearfix">
|
||||
<div class="clearfix error-img">
|
||||
<img src="{$imageurl}/404.png" alt="" class="img-responive">
|
||||
</div>
|
||||
|
||||
<div class="alert-text clearfix">
|
||||
<p><i class="icon-info"></i> Oops! The page you requested was not found!</p>
|
||||
</div>
|
||||
|
||||
<div class="clearfix videos">
|
||||
{if $videos}
|
||||
{foreach $videos as $video}
|
||||
<div class="item-video col-lg-3 col-md-4 col-sm-4 col-xs-12">
|
||||
{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
|
||||
<div class="page-error clearfix" style="background:#f7f9fb url({$theme}/images/clouds.jpg) no-repeat; background-size:100%;">
|
||||
<div class="error-holder">
|
||||
<div class="fog">
|
||||
<img src="{$theme}/images/fog-cloud.png" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="monster">
|
||||
<img src="{$theme}/images/monster.png" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="content-txt">
|
||||
<div class="clearfix error-img">
|
||||
<img src="{$imageurl}/404.png" alt="" class="img-responsive">
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
<div class="alert-text clearfix">
|
||||
<p><strong>Looks like you're lost</strong><span>The Page you are looking for not available!</span></p>
|
||||
<a href=""> ← Go back to the homepage</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="{$theme}/images/base.png" alt="" class="base-bg">
|
||||
</div>
|
BIN
upload/styles/cb_28/theme/images/base.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
upload/styles/cb_28/theme/images/clouds.jpg
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
upload/styles/cb_28/theme/images/fog-cloud.png
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
upload/styles/cb_28/theme/images/monster.png
Normal file
After Width: | Height: | Size: 105 KiB |
|
@ -1,18 +1,21 @@
|
|||
function headerFooter(){
|
||||
function headerFooter()
|
||||
{
|
||||
var headerheight = "";
|
||||
var footerheight = "";
|
||||
var search_hight = "";
|
||||
var cont_height = $("#container").height();
|
||||
|
||||
var cont_height = "";
|
||||
var cont_height_new = "";
|
||||
cont_height = $("#container").height();
|
||||
headerheight = $("#header").outerHeight();
|
||||
footerheight = $("#footer").outerHeight();
|
||||
|
||||
cont_height = cont_height - headerheight - footerheight;
|
||||
|
||||
console.log('headerheight=>'+headerheight+',footerheight=>'+footerheight);
|
||||
console.log("cont_height"+cont_height)
|
||||
cont_height_new = cont_height - (headerheight + footerheight);
|
||||
console.log("cont_height_new"+cont_height_new)
|
||||
$("#container").css('padding-top',headerheight+'px');
|
||||
$("#container").css('padding-bottom',footerheight+'px');
|
||||
|
||||
$(".account-container").css('height',cont_height+'px');
|
||||
$(".account-container, .page-error").css('height',cont_height_new+'px');
|
||||
|
||||
}
|
||||
|
||||
function shortKeys() {
|
||||
|
@ -342,10 +345,8 @@ function homePageVideos(qlist_items) {
|
|||
}
|
||||
});
|
||||
});
|
||||
|
||||
// trigger clicks on doc load to get
|
||||
// initial videos
|
||||
|
||||
$(document).ready(function(){
|
||||
$('#featured_load_more').trigger("click");
|
||||
$('#featured_load_more').hide();
|
||||
|
@ -353,7 +354,6 @@ function homePageVideos(qlist_items) {
|
|||
$('#recent_load_more').hide();
|
||||
});
|
||||
}
|
||||
|
||||
//on resize functions
|
||||
$(window).resize(function(){
|
||||
headerFooter();
|
||||
|
@ -361,5 +361,4 @@ $(window).resize(function(){
|
|||
responsiveFixes();
|
||||
loginHeight();
|
||||
});
|
||||
|
||||
//shortKeys();
|
2
upload/styles/cb_28/theme/js/custom.min.js
vendored
|
@ -43,7 +43,6 @@
|
|||
font-style: normal;
|
||||
}
|
||||
/* variables */
|
||||
$sprite : url(../images/sprite.png) no-repeat;
|
||||
$black:#000;
|
||||
$white:#fff;
|
||||
$search-txt:#a8a8a8;
|
||||
|
|
|
@ -2842,13 +2842,34 @@ textarea#comment_box{
|
|||
margin-top: 100px;
|
||||
}
|
||||
.page-error{
|
||||
background: darken($white,3%);
|
||||
background:#f7f9fb;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
img.error-bg{
|
||||
overflow: hidden;
|
||||
.base-bg{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
}
|
||||
.monster{
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
left: 10%;
|
||||
width: 20%;
|
||||
max-width: 373px;
|
||||
z-index: 4;
|
||||
}
|
||||
.fog{
|
||||
position: absolute;
|
||||
width: 31%;
|
||||
max-width: 592px;
|
||||
top: 10%;
|
||||
right: 11%;
|
||||
z-index: 3;
|
||||
}
|
||||
.error-holder{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -2859,23 +2880,34 @@ textarea#comment_box{
|
|||
}
|
||||
.content-txt{
|
||||
position: absolute;
|
||||
max-width: 460px;
|
||||
padding: 0 30px;
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
max-width: 420px;
|
||||
padding: 0 10px;
|
||||
right: 13%;
|
||||
top:10%;
|
||||
}
|
||||
.alert-text{
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font:20px/30px $light-font;
|
||||
margin: 0 0 20px;
|
||||
i{
|
||||
@include vertical-top();
|
||||
color:lighten($black, 42%);
|
||||
p{
|
||||
margin: 0 0 60px;
|
||||
}
|
||||
strong{
|
||||
font:40px/42px $base-font;
|
||||
display: block;
|
||||
color: $black;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
a{
|
||||
font:20px/22px $semibold-font;
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
.error-img{
|
||||
max-width: 200px;
|
||||
margin: 0 auto 20px;
|
||||
max-width: 390px;
|
||||
margin: 0 auto 70px;
|
||||
img{
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
|
@ -2937,7 +2969,32 @@ textarea#comment_box{
|
|||
background-image: url(../../images/eror_colin.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
/* animate-spin */
|
||||
/**/
|
||||
.fog{
|
||||
@include myanimation ($name: lefttoright, $duration: 6s, $ease: infinite linear);
|
||||
}
|
||||
@mixin animateleftright(){
|
||||
0%{
|
||||
@include translate ($x:-200%, $y:0);
|
||||
}
|
||||
100%{
|
||||
@include translate ($x:150%, $y:0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes lefttoright {
|
||||
@include animateleftright();
|
||||
}
|
||||
|
||||
@-moz-keyframes lefttoright {
|
||||
@include animateleftright();
|
||||
}
|
||||
@-o-keyframes lefttoright {
|
||||
@include animateleftright();
|
||||
}
|
||||
@keyframes lefttoright {
|
||||
@include animateleftright();
|
||||
}
|
||||
/**/
|
||||
.form_result{
|
||||
padding: 5px 0;
|
||||
line-height: 22px;
|
||||
|
@ -3073,6 +3130,23 @@ textarea#comment_box{
|
|||
}
|
||||
}
|
||||
}
|
||||
.page-error{
|
||||
.content-txt{
|
||||
max-width: 300px;
|
||||
right: 40px;
|
||||
}
|
||||
.error-img{
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
.alert-text{
|
||||
p{
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
strong{
|
||||
font:30px/40px $base-font;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 991px) {
|
||||
#ep_video_container > div{
|
||||
|
@ -3486,4 +3560,50 @@ textarea#comment_box{
|
|||
#gallery{
|
||||
height: 200px;
|
||||
}
|
||||
.page-error{
|
||||
overflow-y:auto;
|
||||
.content-txt{
|
||||
max-width: 280px;
|
||||
right: 50%;
|
||||
margin: 0 -140px 0 0;
|
||||
top:5px;
|
||||
}
|
||||
.error-img{
|
||||
width: 90px;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
.alert-text{
|
||||
text-align: center;
|
||||
p{
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
strong{
|
||||
font:24px/24px $base-font;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.monster{
|
||||
bottom:auto;
|
||||
top: 100%;
|
||||
left: 20px;
|
||||
}
|
||||
.base-bg{
|
||||
bottom: auto;
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 400px) {
|
||||
.page-error{
|
||||
overflow: hidden;
|
||||
.monster{
|
||||
bottom:10px;
|
||||
top: auto;
|
||||
left: 20px;
|
||||
}
|
||||
.base-bg{
|
||||
bottom: 10px;
|
||||
top:auto;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["custom-elements.scss"],
|
||||
"names": [],
|
||||
"file": "custom-elements.css"
|
||||
}
|