feat: better overall looks with fluid containers and box-shadow

This commit is contained in:
HarshKhandeparkar 2020-06-09 01:52:11 +05:30
parent 9ba44200f4
commit 023bde7ee1
6 changed files with 14 additions and 14 deletions

View file

@ -59,7 +59,7 @@
</div>
<!-- /jumbotron -->
<div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
<div class="container-fluid above-parallax">
<div class="row">
<div class="col">
Asset List
@ -78,7 +78,7 @@
</div>
<!-- footer -->
<div class="container above-parallax">
<div class="container-fluid above-parallax">
<div class="row py-3">
<div class="col-md-7">
<ul class="nav">

View file

@ -56,7 +56,7 @@
</div>
<!-- /jumbotron -->
<div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
<div class="container-fluid above-parallax">
<h1>LBRY is Owned by:</h1>
<ol>
<li>You</li>
@ -67,7 +67,7 @@
</div>
<!-- footer -->
<div class="container above-parallax">
<div class="container-fluid above-parallax">
<div class="row py-3">
<div class="col-md-7">
<ul class="nav">

View file

@ -72,7 +72,7 @@
</div>
<!-- /jumbotron -->
<div class="container pt-4 above-parallax" style="border-radius: 1rem 1rem 0 0;">
<div class="container-fluid pt-4 above-parallax">
<!-- about -->
<div id="about" class="row">
<div class="col-lg order-lg-1">
@ -164,7 +164,7 @@
</div>
<!-- footer -->
<div class="container above-parallax">
<div class="container-fluid above-parallax">
<div class="row py-3">
<div class="col-md-7">
<ul class="nav">

View file

@ -52,8 +52,8 @@ html {
}
.parallax .above-parallax {
/* box-shadow: rgba(0, 0, 0, 0.7) 0 0 0.1rem; */
background: rgba(10, 50, 80, 0.8);
box-shadow: rgba(0, 0, 0, 0.6) 0 0 1rem;
background: rgba(5, 20, 40, 0.93);
color: white;
padding: 2rem;
z-index: 100;
@ -74,8 +74,8 @@ html {
#global-parallax .parallax-mask {
position: fixed;
background-color: rgb(20, 80, 150);
opacity: 0.3;
background-color: rgb(20, 120, 200);
opacity: 0.35;
}
#global-parallax .parallax-bg {

View file

@ -57,7 +57,7 @@
<!-- /jumbotron -->
<div class="article-clean">
<div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
<div class="container-fluid above-parallax">
<div class="row">
<div class="col-lg-10 col-xl-8 offset-md-0 offset-lg-1 offset-xl-2">
<div class="intro">
@ -90,7 +90,7 @@
</div>
<!-- footer -->
<div class="container above-parallax">
<div class="container-fluid above-parallax">
<div class="row py-3">
<div class="col-md-7">
<ul class="nav">

View file

@ -49,7 +49,7 @@
</div>
<!-- /jumbotron -->
<div class="container above-parallax" style="border-radius: 1rem 1rem 0 0;">
<div class="container-fluid above-parallax">
<div class="row">
<div class="col-lg-10 col-xl-8 offset-md-0 offset-lg-1 offset-xl-2">
<div class="text">
@ -81,7 +81,7 @@
</div>
<!-- footer -->
<div class="container above-parallax">
<div class="container-fluid above-parallax">
<div class="row py-3">
<div class="col-md-7">
<ul class="nav">