mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-28 07:51:27 +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>
|
||||
<!-- /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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue