Beginning redesign
[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 /* Container for page contents. */
9 .container {
10     /*background-color: white;*/
11 }
12
13 .navbar .brand {
14   padding-top: 9px;  /* align the logo */
15 }
16
17 .navbar .container {
18     background-color: inherit;
19 }
20
21 .navbar-inner {
22   min-height: 40px;
23   padding-right: 20px;
24   padding-left: 20px;
25   padding:20px;
26   background-color: #F4F4F4;
27   background-image: none;
28   border: 1px solid #d4d4d4;
29   -webkit-border-radius: 0;
30      -moz-border-radius: 0;
31           border-radius: 0;
32 }
33
34 code {
35   color: #333333;
36 }
37
38 .navbar-inverse .nav > li > a {
39   color: #f0f0f0;
40   /*color: #2b3990;*/
41 }
42
43 .navbar-inverse .navbar-inner {
44   background-color: #20267D;
45   background-image: none;
46   border-color: #20267D;
47 }
48
49 .navbar-inverse .nav .active > a,
50 .navbar-inverse .nav .active > a:hover,
51 .navbar-inverse .nav .active > a:focus {
52   color: #2b3990;
53   background-color: #20267D;
54 }
55
56 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
57 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
58 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
59   color: #ffffff;
60   background-color: #20267D;
61 }
62
63 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
64   border-top-color: #999999;
65   border-bottom-color: #999999;
66 }
67
68 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
69   border-top-color: #ffffff;
70   border-bottom-color: #ffffff;
71 }
72
73 .navbar-inverse .navbar-search .search-query {
74   background-color: #ffffff;
75   color: #666666;
76 }
77
78 .navbar.transparent.navbar-inverse .navbar-inner {
79     border-width: 0px;
80     -webkit-box-shadow: 0px 0px;
81     box-shadow: 0px 0px;
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 }