mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-28 16:01:32 +00:00
feat: better overall looks with fluid containers and box-shadow
This commit is contained in:
parent
9ba44200f4
commit
023bde7ee1
6 changed files with 14 additions and 14 deletions
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Add table
Reference in a new issue