|
|
| Line 108: |
Line 108: |
| | } | | } |
| | | | |
| - | .three {
| |
| - | background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8XND1QonMj/Profile%20Photos/coolbluestuff.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
| |
| - | position: relative;
| |
| - | text-align: center;
| |
| - | height:800px;
| |
| - | width: 100%;
| |
| - | padding-top: 50px;
| |
| - | }
| |
| | | | |
| - | /*Make hero unit slightly transparent*/
| |
| - | .hero-unit {
| |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
| |
| - | filter: alpha(opacity=70);
| |
| - | -moz-opacity: 0.7;
| |
| - | -khtml-opacity: 0.7;
| |
| - | opacity: 0.7;
| |
| - | }
| |
| | | | |
| | p { | | p { |
| Line 133: |
Line 117: |
| | | | |
| | | | |
| - |
| + | |
| - | /* CUSTOMIZE THE NAVBAR
| + | |
| - | -------------------------------------------------- */
| + | |
| - | | + | |
| - | /* Special class on .container surrounding .navbar, used for positioning it into place. */
| + | |
| - | .navbar-wrapper {
| + | |
| - | position: absolute;
| + | |
| - | top: 0;
| + | |
| - | left: 0;
| + | |
| - | right: 0;
| + | |
| - | z-index: 10;
| + | |
| - | margin-top: 20px;
| + | |
| - | margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
| + | |
| - | }
| + | |
| - | .navbar-wrapper .navbar {
| + | |
| - | | + | |
| - | }
| + | |
| - | | + | |
| - | /* Remove border and change up box shadow for more contrast */
| + | |
| - | .navbar .navbar-inner {
| + | |
| - | border: 0;
| + | |
| - | -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
| + | |
| - | -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
| + | |
| - | box-shadow: 0 2px 10px rgba(0,0,0,.25);
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Downsize the brand/project name a bit */
| + | |
| - | .navbar .brand {
| + | |
| - | padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
| + | |
| - | font-size: 16px;
| + | |
| - | font-weight: bold;
| + | |
| - | text-shadow: 0 -1px 0 rgba(0,0,0,.5);
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Navbar links: increase padding for taller navbar */
| + | |
| - | .navbar .nav > li > a {
| + | |
| - | padding: 15px 20px;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Offset the responsive button for proper vertical alignment */
| + | |
| - | .navbar .btn-navbar {
| + | |
| - | margin-top: 10px;
| + | |
| - | }
| + | |
| | | | |
| | /*timeline opacity change*/ | | /*timeline opacity change*/ |
| | #timeline { | | #timeline { |
| - | margin-top: 200px; | + | margin-top: 0px; |
| | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; |
| | filter: alpha(opacity=70); | | filter: alpha(opacity=70); |
| Line 191: |
Line 133: |
| | .jumbotron { | | .jumbotron { |
| | position: relative; | | position: relative; |
| | + | min-height: 600px; |
| | padding: 40px 0; | | padding: 40px 0; |
| | color: #fff; | | color: #fff; |
| Line 208: |
Line 151: |
| | } | | } |
| | /*keep the length*/ | | /*keep the length*/ |
| - | .container{
| + | |
| - | min-height: 600px;
| + | |
| - | }
| + | |
| | </style> | | </style> |
| | </head> | | </head> |
"
