Footer/home page work
[rnaseq-cwl-training.git] / swc-bootstrap.css
1 /* Customizations to Bootstrap's default styles */
2
3 /* readability: darken the alert colour for contrast with background */
4 .alert {
5   color: rgb(0,0,0);
6 }
7
8 .navbar .brand {
9   padding-top: 0px;  /* align the logo */
10 }
11
12 .navbar {
13   margin:0;
14   border-top:5px solid #2b3990;
15   border-bottom:1px solid #CCC;
16 }
17
18 .navbar .container {
19     background-color: inherit;
20     font-size:11pt;
21     padding:27px 10px 10px 10px;
22     background:url('../img/software-carpentry-banner.png') no-repeat;
23     background-size: 250px;
24     background-position: 10px 10px;
25     height:40px;
26 }
27
28 .navbar-inner {
29   min-height: 40px;
30 }
31
32 code {
33   color: #333333;
34 }
35
36 .navbar-inverse .nav > li > a {
37   color: #f0f0f0;
38 }
39
40 .navbar-inverse .navbar-inner {
41   background:#D6D6D6;
42 }
43
44 .navbar-inverse .nav .active > a,
45 .navbar-inverse .nav .active > a:hover,
46 .navbar-inverse .nav .active > a:focus {
47   color: #2b3990;
48 }
49
50 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
51 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
52 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
53   color: #ffffff;
54   background-color: #B9B9C4;
55 }
56
57 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
58   border-top-color: #999999;
59   border-bottom-color: #999999;
60 }
61
62 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
63   border-top-color: #ffffff;
64   border-bottom-color: #ffffff;
65 }
66
67 .navbar-inverse .navbar-search .search-query {
68   background-color: #ffffff;
69   color: #666666;
70 }
71
72 .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
73   color: #2b3990;
74 }
75
76 .navbar.transparent.navbar-inverse .navbar-inner {
77     border-width: 0px;
78     -webkit-box-shadow: 0px 0px;
79     box-shadow: 0px 0px;
80     border-radius:0;
81     -webkit-border-radius:0;
82     /*background-color: rgba(0,0,0,0.0);*/
83     background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
84     background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
85     background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
86 }
87
88 .container {
89     max-width:920px;
90 }
91
92 @media (max-width: 767px) {
93     .container {
94       padding:0 40px;
95     }
96
97     body {
98       padding:0;
99     }
100
101     .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
102       margin-left: 0;
103       margin-right: 0;
104       margin-bottom:0;
105     }
106 }
107
108 @media (max-width: 979px) and (min-width: 768px) {
109   .container {
110     max-width: 700px;
111   }
112
113 }