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;
|
||||
?>
|
||||
<a href='/'>
|
||||
<div class="banner-desktop">
|
||||
<div class="row">
|
||||
<div class="row banner-desktop">
|
||||
<?php if ($show_pics) echo '
|
||||
<div class="col-3 header center banner-image banner-image01"></div>
|
||||
';?>
|
||||
@@ -20,21 +19,21 @@
|
||||
<div class="banner-bottom">Happiness</div>
|
||||
</div>
|
||||
<?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>
|
||||
|
||||
<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>
|
||||
</a>
|
||||
+13
-15
@@ -38,9 +38,9 @@
|
||||
|
||||
/* Handle mobile devices a bit better, making columns break out as rows. */
|
||||
|
||||
.banner-desktop { display: block; }
|
||||
.banner-mobile { display: none; }
|
||||
|
||||
.banner-desktop { display: block; }
|
||||
.banner-mobile { display: none; }
|
||||
|
||||
/* Phones */
|
||||
@media (max-width: 767px) {
|
||||
[class*="col-"] {
|
||||
@@ -64,14 +64,14 @@
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
.banner-image {display: none; }
|
||||
.banner-image {display: none; }
|
||||
.banner-desktop { display: none; }
|
||||
.banner-mobile { display: block; }
|
||||
}
|
||||
|
||||
/* Desktop */
|
||||
|
||||
/* Desktop */
|
||||
@media (min-width: 1024px) {
|
||||
|
||||
|
||||
}
|
||||
|
||||
/** Make the menu items centered and layout horizontal. **/
|
||||
@@ -110,8 +110,8 @@
|
||||
|
||||
/** Extra objects which need borders **/
|
||||
.border {
|
||||
border: 1px solid #131313;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #131313;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/** Explicitly remove border from some objects. **/
|
||||
@@ -158,10 +158,10 @@
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
|
||||
padding: 10px;
|
||||
border: 2px solid #131313;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||||
padding: 10px;
|
||||
border: 2px solid #131313;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -175,5 +175,3 @@
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
}
|
||||
: 25%;
|
||||
}
|
||||
Reference in new issue
Block a user