Compare commits
2
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
82ad8a9134 | ||
|
|
6155a21a24 |
No files matched your search
+15
-16
@@ -9,8 +9,7 @@
|
|||||||
$banner_width_mobile = $show_pics ? 8 : 12;
|
$banner_width_mobile = $show_pics ? 8 : 12;
|
||||||
?>
|
?>
|
||||||
<a href='/'>
|
<a href='/'>
|
||||||
<div class="banner-desktop">
|
<div class="row banner-desktop">
|
||||||
<div class="row">
|
|
||||||
<?php if ($show_pics) echo '
|
<?php if ($show_pics) echo '
|
||||||
<div class="col-3 header center banner-image banner-image01"></div>
|
<div class="col-3 header center banner-image banner-image01"></div>
|
||||||
';?>
|
';?>
|
||||||
@@ -20,21 +19,21 @@
|
|||||||
<div class="banner-bottom">Happiness</div>
|
<div class="banner-bottom">Happiness</div>
|
||||||
</div>
|
</div>
|
||||||
<?php if ($show_pics) echo '
|
<?php if ($show_pics) echo '
|
||||||
|
<div class="col-3 header center banner-image banner-image02"></div>
|
||||||
|
';?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row banner-mobile">
|
||||||
|
<?php if ($show_pics) echo '
|
||||||
|
<div class="col-2 header center banner-image banner-image01"></div>
|
||||||
|
';?>
|
||||||
|
<div class="col-<?php echo "$banner_width_mobile"; ?> header">
|
||||||
|
<div class="banner-top">Peace</div>
|
||||||
|
<div class="banner-middle">Love</div>
|
||||||
|
<div class="banner-bottom">Happiness</div>
|
||||||
|
</div>
|
||||||
|
<?php if ($show_pics) echo '
|
||||||
<div class="col-2 header center banner-image banner-image02"></div>
|
<div class="col-2 header center banner-image banner-image02"></div>
|
||||||
';?>
|
';?>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="banner-mobile">
|
|
||||||
<?php if ($show_pics) echo '
|
|
||||||
<div class="col-2 header center banner-image banner-image01"></div>
|
|
||||||
';?>
|
|
||||||
<div class="col-<?php echo "$banner_width_mobile"; ?> header">
|
|
||||||
<div class="banner-top">Peace</div>
|
|
||||||
<div class="banner-middle">Love</div>
|
|
||||||
<div class="banner-bottom">Happiness</div>
|
|
||||||
</div> <?php if ($show_pics) echo '
|
|
||||||
<div class="col-2 header center banner-image banner-image02"></div>
|
|
||||||
';?>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
+10
-12
@@ -38,8 +38,8 @@
|
|||||||
|
|
||||||
/* Handle mobile devices a bit better, making columns break out as rows. */
|
/* Handle mobile devices a bit better, making columns break out as rows. */
|
||||||
|
|
||||||
.banner-desktop { display: block; }
|
.banner-desktop { display: block; }
|
||||||
.banner-mobile { display: none; }
|
.banner-mobile { display: none; }
|
||||||
|
|
||||||
/* Phones */
|
/* Phones */
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
@@ -64,12 +64,12 @@
|
|||||||
float: none;
|
float: none;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.banner-image {display: none; }
|
.banner-image {display: none; }
|
||||||
.banner-desktop { display: none; }
|
.banner-desktop { display: none; }
|
||||||
.banner-mobile { display: block; }
|
.banner-mobile { display: block; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Desktop */
|
/* Desktop */
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -110,8 +110,8 @@
|
|||||||
|
|
||||||
/** Extra objects which need borders **/
|
/** Extra objects which need borders **/
|
||||||
.border {
|
.border {
|
||||||
border: 1px solid #131313;
|
border: 1px solid #131313;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Explicitly remove border from some objects. **/
|
/** Explicitly remove border from some objects. **/
|
||||||
@@ -158,10 +158,10 @@
|
|||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: 2px solid #131313;
|
border: 2px solid #131313;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -175,5 +175,3 @@
|
|||||||
width: 25%;
|
width: 25%;
|
||||||
height: 25%;
|
height: 25%;
|
||||||
}
|
}
|
||||||
: 25%;
|
|
||||||
}
|
|
||||||
Reference in new issue
Block a user