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