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

View file

@ -56,7 +56,7 @@
</div> </div>
<!-- /jumbotron --> <!-- /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> <h1>LBRY is Owned by:</h1>
<ol> <ol>
<li>You</li> <li>You</li>
@ -67,7 +67,7 @@
</div> </div>
<!-- footer --> <!-- footer -->
<div class="container above-parallax"> <div class="container-fluid above-parallax">
<div class="row py-3"> <div class="row py-3">
<div class="col-md-7"> <div class="col-md-7">
<ul class="nav"> <ul class="nav">

View file

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

View file

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

View file

@ -57,7 +57,7 @@
<!-- /jumbotron --> <!-- /jumbotron -->
<div class="article-clean"> <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="row">
<div class="col-lg-10 col-xl-8 offset-md-0 offset-lg-1 offset-xl-2"> <div class="col-lg-10 col-xl-8 offset-md-0 offset-lg-1 offset-xl-2">
<div class="intro"> <div class="intro">
@ -90,7 +90,7 @@
</div> </div>
<!-- footer --> <!-- footer -->
<div class="container above-parallax"> <div class="container-fluid above-parallax">
<div class="row py-3"> <div class="row py-3">
<div class="col-md-7"> <div class="col-md-7">
<ul class="nav"> <ul class="nav">

View file

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