LoweBowe/zira
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

offline page fix for mobile

Browse source
This commit is contained in:
Dro1d.Ru 2017-09-13 16:25:52 +05:00
parent 9715910ed9
commit f2847cf994
6 changed files with 112 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
themes/bulaksu/assets/css/main.css
View file

@ -1588,6 +1588,19 @@ a.scroll-top.visible:visited {
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);
}
.offline-page-wrapper {
margin-bottom: 50px;
}
.offline-page-wrapper .offline-page-image {
float: left;
height: 300px;
}
.offline-page-wrapper .offline-page-text {
margin-left: 300px;
min-height: 300px;
padding: 100px 0px 0px 30px;
}
/** mobile **/
@media (max-width: 1199px) {
.grid-category-wrapper .list .list-item {
@ -1661,4 +1674,24 @@ a.scroll-top.visible:visited {
.search-simple-form {
display: block;
}
}
@media (max-width: 639px) {
.offline-page-wrapper .offline-page-image {
float: none;
text-align: center;
width: 100px;
height: 100px;
margin: 0px auto;
}
.offline-page-wrapper .offline-page-image img {
width: 100px;
height: 100px;
}
.offline-page-wrapper .offline-page-text {
margin: 10px 0px;
padding: 10px;
min-height: 20px;
text-align: center;
}
}

6
themes/bulaksu/offline.php
View file

@ -1,7 +1,9 @@
<div class="offline-page-wrapper">
<div class="alert alert-danger" role="alert"><?php echo t('Site offline'); ?></div>
<div style="float:left"><img src="<?php echo Zira\Helper::baseUrl('assets/images/smileys/svg/1f916.svg'); ?>" width="300" height="300" alt="<?php echo t('Site offline'); ?>" /></div>
<div style="margin-left:300px;min-height:300px;padding:100px 0px 0px 30px;">
<div class="offline-page-image"><img src="<?php echo Zira\Helper::baseUrl('assets/images/smileys/svg/1f916.svg'); ?>" width="300" height="300" alt="<?php echo t('Site offline'); ?>" /></div>
<div class="offline-page-text">
<p><?php echo t('Sorry, but website is currently under maintenance.'); ?></p>
<p><?php echo t('We should be back shortly.'); ?></p>
<p><?php echo t('Thank you for your patience.'); ?></p>
</div>
</div>

33
themes/dark/assets/css/main.css
View file

@ -2059,6 +2059,19 @@ ul.vote-results li .vote-result {
box-shadow: 0px 1px 0px rgba(109, 112, 116, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.075);
}
.offline-page-wrapper {
margin-bottom: 50px;
}
.offline-page-wrapper .offline-page-image {
float: left;
height: 300px;
}
.offline-page-wrapper .offline-page-text {
margin-left: 300px;
min-height: 300px;
padding: 100px 0px 0px 30px;
}
/** mobile **/
@media (max-width: 1199px) {
.grid-category-wrapper .list .list-item {
@ -2149,4 +2162,24 @@ ul.vote-results li .vote-result {
.search-simple-form {
display: block;
}
}
@media (max-width: 639px) {
.offline-page-wrapper .offline-page-image {
float: none;
text-align: center;
width: 100px;
height: 100px;
margin: 0px auto;
}
.offline-page-wrapper .offline-page-image img {
width: 100px;
height: 100px;
}
.offline-page-wrapper .offline-page-text {
margin: 10px 0px;
padding: 10px;
min-height: 20px;
text-align: center;
}
}

6
themes/dark/offline.php
View file

@ -1,7 +1,9 @@
<div class="offline-page-wrapper">
<div class="alert alert-danger" role="alert"><?php echo t('Site offline'); ?></div>
<div style="float:left"><img src="<?php echo Zira\Helper::baseUrl('assets/images/smileys/svg/1f916.svg'); ?>" width="300" height="300" alt="<?php echo t('Site offline'); ?>" /></div>
<div style="margin-left:300px;min-height:300px;padding:100px 0px 0px 30px;">
<div class="offline-page-image"><img src="<?php echo Zira\Helper::baseUrl('assets/images/smileys/svg/1f916.svg'); ?>" width="300" height="300" alt="<?php echo t('Site offline'); ?>" /></div>
<div class="offline-page-text">
<p><?php echo t('Sorry, but website is currently under maintenance.'); ?></p>
<p><?php echo t('We should be back shortly.'); ?></p>
<p><?php echo t('Thank you for your patience.'); ?></p>
</div>
</div>

35
themes/default/assets/css/main.css
View file

@ -1646,6 +1646,19 @@ a.scroll-top.visible:visited {
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);
}
.offline-page-wrapper {
margin-bottom: 50px;
}
.offline-page-wrapper .offline-page-image {
float: left;
height: 300px;
}
.offline-page-wrapper .offline-page-text {
margin-left: 300px;
min-height: 300px;
padding: 100px 0px 0px 30px;
}
/** mobile **/
@media (max-width: 1199px) {
.grid-category-wrapper .list .list-item {
@ -1713,7 +1726,7 @@ a.scroll-top.visible:visited {
a.scroll-top {
display: none !important;
}
}
@media (min-width: 768px) {
.search-simple-form {
display: none;
@ -1723,4 +1736,24 @@ a.scroll-top.visible:visited {
.search-simple-form {
display: block;
}
}
@media (max-width: 639px) {
.offline-page-wrapper .offline-page-image {
float: none;
text-align: center;
width: 100px;
height: 100px;
margin: 0px auto;
}
.offline-page-wrapper .offline-page-image img {
width: 100px;
height: 100px;
}
.offline-page-wrapper .offline-page-text {
margin: 10px 0px;
padding: 10px;
min-height: 20px;
text-align: center;
}
}

6
themes/default/offline.php
View file

@ -1,7 +1,9 @@
<div class="offline-page-wrapper">
<div class="alert alert-danger" role="alert"><?php echo t('Site offline'); ?></div>
<div style="float:left"><img src="<?php echo Zira\Helper::baseUrl('assets/images/smileys/svg/1f916.svg'); ?>" width="300" height="300" alt="<?php echo t('Site offline'); ?>" /></div>
<div style="margin-left:300px;min-height:300px;padding:100px 0px 0px 30px;">
<div class="offline-page-image"><img src="<?php echo Zira\Helper::baseUrl('assets/images/smileys/svg/1f916.svg'); ?>" width="300" height="300" alt="<?php echo t('Site offline'); ?>" /></div>
<div class="offline-page-text">
<p><?php echo t('Sorry, but website is currently under maintenance.'); ?></p>
<p><?php echo t('We should be back shortly.'); ?></p>
<p><?php echo t('Thank you for your patience.'); ?></p>
</div>
</div>