Add light shadow to navbar when it shows
diff --git a/css/style.css b/css/style.css
index bf484d9..82a0cd6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -120,7 +120,7 @@
padding-right: 30px;
border-radius: 0;
-webkit-transition: background-color .2s ease 0s;
- transition: background-color .2s ease 0s; }
+ transition: background-color .2s ease 0s; }
.navbar > .container {padding: 4px 0 0 0;width: 100%;margin-top:2px;}
.navbar-brand {
opacity: 0;
@@ -178,7 +178,7 @@
color: #ffffff;
background-color: #ffffff; }
.navbar-default .navbar-collapse.collapse.in ul {
- background-color: #07374a;
+ background-color: #07374a;
}
.navbar-collapse.collapse.collapsing {
background-color: #07374a;
@@ -204,9 +204,14 @@
/* Solid class attached on scroll past first section */
.navbar.solid {
background-color: #07374a;
+ top: 0;
+ width: 110%;
+ margin: 0px -5%;
+ box-shadow: 0 7px 8px 0px rgba(0,0,0,0.3);
-webkit-transition: background-color .2s ease 0s;
transition: background-color .2s ease 0s;
- box-shadow: 0 0 4px rgba(7, 55, 74, 0.2); }
+ -webkit-transition: box-shadow .2s ease 0s;
+ transition: box-shadow .2s ease 0s; }
.navbar.solid .navbar-brand {
opacity: 1;
display: inline-block;
diff --git a/index.html b/index.html
index 12c34ba..465d257 100644
--- a/index.html
+++ b/index.html
@@ -57,7 +57,7 @@
<p class="lead text-center">An Open-Source OS, based on Android, for phones, tablets & PC's</p>
</div>
</div>
- <div class="row">
+ <div class="row" >
<div class="col-xs-12 center-block text-center">
<a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
</div>
@@ -595,7 +595,8 @@
</div>
<div class="row">
<div class="text-center">
- <img class="img-fluid text-center profile-img" alt="Responsive image" style="width: 30%;" src="images/bliss_for.png">
+ <img class="img-fluid text-center profile-img" alt="Responsive image" style="width: 30%;" src="images/bliss_for.png">
+ <br><br>
<p class="text-center">We are currently in the process of moving into a new era of Bliss. As a ROM team, we worked together to overcome some of the hardest obstacles that a ROM team could face. And in doing so, we have grown and acted as an example to other teams. This growth allowed us to grow into a family of ROM teams, helping to support one another in our innovative efforts, and inspire work from other community members in the process. </p>
<p class="text-center">This growth allowed us to see many of the needs our fellow community members had, and sparked an idea to allow us all to succeed in the future. This inspired us to start our journey into making that happen, and we have turned Bliss Family of ROMs into a nonprofit corporation, with the intent to enable the development community like never before. </p>
<p></p>