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

Last change on this file since 17193 was 17193, checked in by Henrik Bettermann, 2 years ago

New css class.

File size: 1.7 KB
RevLine 
[11393]1a {
[16989]2  color: #008325;
[11393]3}
4
5a:hover {
[16989]6  color: #d60701;
[11393]7}
8
9.topbar a {
[17193]10  color: white;
[11393]11}
12
[17193]13.btn-big {
14  font-size: 18px;
15}
16
[11393]17.navbar-inverse {
[16989]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%);
[11393]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;
[16990]34  background-color: #d60701;
[11393]35  background-image: none;
36  background-image: none;
37  filter: none;
38  -webkit-box-shadow: none;
39          box-shadow: none;
40}
[11929]41
42.navbar-inverse .navbar-toggle {
[16989]43  border-color: #008325;
[11929]44}
45
46.navbar-inverse .navbar-toggle:hover,
47.navbar-inverse .navbar-toggle:focus {
[16989]48  background-color: #008325;
[12299]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 {
[16989]54  background-color: #008325;
[12299]55  color: #fff;
56}
57
58/* Logo container customizations */
59
[16990]60#logo-container {
61    padding-top: 10px;
62    padding-bottom: 10px;
[12299]63}
64
[12303]65.kofa-content-narrow .alert {
66  margin-right: 35px;
[12299]67}
68
[12303]69.kofa-content-wide .alert {
[12299]70  margin-right: 50px;
[17071]71}
72
73.lp-logo {
[17155]74  width: 100%;
[17152]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  }
[11929]103}
Note: See TracBrowser for help on using the repository browser.