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

Last change on this file since 17155 was 17155, checked in by Henrik Bettermann, 23 months ago

Adjust logo size on smartphones.

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