"SCF Website Header July 31 2014"
Bootstrap 3.2.0 Snippet by rhondak

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<style>//*scfbutton drama*/titleImageDiv
{ position: relative; width: 100%; /* for IE 6 */}#titleImageCaption
{ position: absolute; top: 10%; left: 2%;}#titleImageButton
{ position: absolute; top: 75%; left: 2%; }/*scfbutton drama ends, Navigation bar begins*/.navbar-default
{ background-color: #1e4e84; border-color: #4582a7;}.navbar-default .navbar-brand
{ color: #ecf0f1;}.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
{ color: #052090;}.navbar-default .navbar-text { color: #ecf0f1; }.navbar-default .navbar-nav > li > a
{ color: #ecf0f1;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{ color: #5bacf6;}.navbar-default .navbar-nav > .active >
a, .navbar-default .navbar-nav > .active >
a:hover, .navbar-default .navbar-nav > .active >
a:focus
{ color: #052090; background-color: #4582a7;}.navbar-default .navbar-nav > .open >
a, .navbar-default .navbar-nav > .open >
a:hover, .navbar-default .navbar-nav >
.open > a:focus
{ color: #052090; background-color: #4582a7;}.navbar-default .navbar-toggle
{ border-color: #4582a7;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{ background-color: #4582a7;}.navbar-default .navbar-toggle .icon-bar
{ background-color: #ecf0f1;}.navbar-default .navbar-collapse,.navbar-default .navbar-form
{ border-color: #ecf0f1;}.navbar-default .navbar-link { color: #ecf0f1;}.navbar-default .navbar-link:hover
{ color: #052090;}@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a
{ color: #ecf0f1; } .navbar-default .navbar-nav .open .dropdown-menu > li >
a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
{ color: #052090; } .navbar-default .navbar-nav .open .dropdown-menu > .active >
a, .navbar-default .navbar-nav .open .dropdown-menu > .active >
a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus
{ color: #052090; background-color: #4582a7; }.carousel .item
{ -webkit-transition: opacity 1s; -moz-transition: opacity 1s;
-ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
.carousel .active.left, .carousel .active.right { left:0; opacity:0; z-index:2;}
.carousel .next, .carousel .prev { left:0; opacity:1; z-index:1;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: