source: main/kofacustom.lpng/trunk/layout/static/custom.css @ 17193

Last change on this file since 17193 was 17193, checked in by Henrik Bettermann, 22 months ago

New css class.

File size: 1.7 KB
Line 
1a {
2  color: #008325;
3}
4
5a:hover {
6  color: #d60701;
7}
8
9.topbar a {
10  color: white;
11}
12
13.btn-big {
14  font-size: 18px;
15}
16
17.navbar-inverse {
18  background-color: #d60701;
19  background-image: -webkit-linear-gradient(top, #d60701 0%, #008325 100%);
20  background-image: linear-gradient(to bottom, #d60701 0%, #008325 100%);
21  background-repeat: repeat-x;
22}
23
24.navbar-inverse .navbar-brand,
25.navbar-inverse .navbar-nav > li > a {
26  color: #cccccc;
27}
28
29.navbar-inverse .navbar-nav > li > a:hover,
30.navbar-inverse .navbar-nav > .active > a,
31.navbar-inverse .navbar-nav > .active > a:hover,
32.navbar-inverse .navbar-nav > .active > a:focus {
33  color: #ffffff;
34  background-color: #d60701;
35  background-image: none;
36  background-image: none;
37  filter: none;
38  -webkit-box-shadow: none;
39          box-shadow: none;
40}
41
42.navbar-inverse .navbar-toggle {
43  border-color: #008325;
44}
45
46.navbar-inverse .navbar-toggle:hover,
47.navbar-inverse .navbar-toggle:focus {
48  background-color: #008325;
49}
50
51.navbar-inverse .navbar-nav > .open > a,
52.navbar-inverse .navbar-nav > .open > a:hover,
53.navbar-inverse .navbar-nav > .open > a:focus {
54  background-color: #008325;
55  color: #fff;
56}
57
58/* Logo container customizations */
59
60#logo-container {
61    padding-top: 10px;
62    padding-bottom: 10px;
63}
64
65.kofa-content-narrow .alert {
66  margin-right: 35px;
67}
68
69.kofa-content-wide .alert {
70  margin-right: 50px;
71}
72
73.lp-logo {
74  width: 100%;
75  display: block;
76  margin-left: auto;
77  margin-right: auto;
78}
79
80.obi-datti-image {
81    width: 80%;
82    display: block;
83    margin-left: auto;
84    margin-right: auto
85}
86
87@media (min-width: 992px) {
88  .lp-logo {
89    width: 80%;
90  }
91  .obi-datti-image {
92    width: 80%;
93  }
94}
95
96@media (min-width: 1200px) {
97  .lp-logo {
98    width: 65%;
99  }
100  .obi-datti-image {
101    width: 65%;
102  }
103}
Note: See TracBrowser for help on using the repository browser.