forked from rDrama/rDrama
cosmetic tweaks
parent
f54791cc4c
commit
71ee00e2aa
|
@ -8,16 +8,24 @@
|
||||||
|
|
||||||
{% block Banner %}
|
{% block Banner %}
|
||||||
<style>
|
<style>
|
||||||
|
.shop-tabs {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
#hats-banner {
|
#hats-banner {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
.shop-tabs {
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shop-tab {
|
.shop-tab {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
max-width: 46.6%;
|
max-width: 46.6%;
|
||||||
letter-spacing: 3px;
|
letter-spacing: 3px;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shop-tab.active {
|
.shop-tab.active {
|
||||||
|
@ -27,15 +35,15 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="container-fluid bg-white sticky" style="padding-top: 30px; padding-bottom: 0 !important;">
|
<div class="container-fluid bg-white sticky shop-tabs" style="padding-bottom: 0 !important;">
|
||||||
<div class="row box-shadow-bottom">
|
<div class="row box-shadow-bottom">
|
||||||
<div class="col">
|
<div class="col p-0">
|
||||||
<div class="container" style="padding-bottom: 0;">
|
<div class="container" style="padding-bottom: 0;">
|
||||||
<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
|
<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
|
||||||
<a class="btn btn-primary btn-block py-2 m-0 mr-3 shop-tab" href="/shop">
|
<a class="btn btn-primary btn-block m-0 shop-tab" href="/shop">
|
||||||
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
|
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="btn btn-primary btn-block py-2 m-0 shop-tab active" href="/hats">
|
<a class="btn btn-primary btn-block m-0 shop-tab active" href="/hats">
|
||||||
<span class="mr-auto ml-auto"><i class="fas fa-hat-cowboy mr-2"></i>HATS</span>
|
<span class="mr-auto ml-auto"><i class="fas fa-hat-cowboy mr-2"></i>HATS</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -14,16 +14,24 @@
|
||||||
|
|
||||||
{% block Banner %}
|
{% block Banner %}
|
||||||
<style>
|
<style>
|
||||||
|
.shop-tabs {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
#shop-banner {
|
#shop-banner {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
.shop-tabs {
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shop-tab {
|
.shop-tab {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
max-width: 46.6%;
|
max-width: 46.6%;
|
||||||
letter-spacing: 3px;
|
letter-spacing: 3px;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shop-tab.active {
|
.shop-tab.active {
|
||||||
|
@ -33,12 +41,12 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="container-fluid bg-white sticky" style="padding-top: 30px; padding-bottom: 0 !important;">
|
<div class="container-fluid bg-white sticky shop-tabs" style="padding-bottom: 0 !important;">
|
||||||
<div class="row box-shadow-bottom">
|
<div class="row box-shadow-bottom">
|
||||||
<div class="col">
|
<div class="col p-0">
|
||||||
<div class="container" style="padding-bottom: 0;">
|
<div class="container" style="padding-bottom: 0;">
|
||||||
<div class="row box-shadow-bottom bg-white pt-3" style="justify-content: center;">
|
<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
|
||||||
<a class="btn btn-primary btn-block m-0 mr-3 shop-tab active" href="/shop">
|
<a class="btn btn-primary btn-block m-0 shop-tab active" href="/shop">
|
||||||
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
|
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="btn btn-primary btn-block m-0 shop-tab" href="/hats">
|
<a class="btn btn-primary btn-block m-0 shop-tab" href="/hats">
|
||||||
|
|
Loading…
Reference in New Issue