404 page updated

This commit is contained in:
jamilrehman 2016-06-09 15:33:37 +05:00
parent 89ecc6ca00
commit c3b0feee12
16 changed files with 181 additions and 68 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

View file

@ -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>&nbsp;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=""> &larr; &nbsp;Go back to the homepage</a>
</div>
</div>
{/foreach}
{/if}
</div>
<img src="{$theme}/images/base.png" alt="" class="base-bg">
</div>

View file

@ -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>&nbsp; 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=""> &larr; &nbsp;Go back to the homepage</a>
</div>
</div>
</div>
<img src="{$theme}/images/base.png" alt="" class="base-bg">
</div>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

View file

@ -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();

File diff suppressed because one or more lines are too long

View file

@ -43,7 +43,6 @@
font-style: normal;
}
/* variables */
$sprite : url(../images/sprite.png) no-repeat;
$black:#000;
$white:#fff;
$search-txt:#a8a8a8;

View file

@ -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;
}
}
}

View file

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "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",
"sources": ["custom-elements.scss"],
"names": [],
"file": "custom-elements.css"
}