Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / edb780171d510d5ab3b47b748386f29a11981b54 / . / public / css / menu.css
blob: 1ab51624e207ad47215afd88d95031140a9078a2 [file] [log] [blame]
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]1/* List view */
2
3ul.menu {
4 position: absolute;
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]5 text-indent: 0;
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]6 list-style-type: none;
7 list-style-position: outside;
8 padding-left: 0;
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]9 padding-bottom: 3px;
10 background-color: #ddd; /* $pagination-bg */
11}
12
13ul.menu,
14ul.menu > span.pref:not(:empty) {
15 text-shadow: none;
16/*
17 background-color: #7ba400;
18*/
19 font-weight: normal;
20 border: 2px solid #688704; /* $middle-green */
21 box-shadow: 2px 2px 2px rgba(0,0,0,0.2); /* $pagination-box-shadow */
Nils Diewaldd2b57372015-03-10 20:09:48 +0000[diff] [blame]22 z-index: 16;
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]23 border-bottom-right-radius: 6px;
24 border-bottom-left-radius: 6px;
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]25}
26
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]27/*
28 .hint {
29 max-width: 23em;
30 margin-top: -1px;
31 display: inline-block;
32 opacity: 0;
33 border-top-width: 0px;
34 }
35*/
36
37ul.menu > li,
38ul.menu > span.pref:not(:empty) {
39 cursor: pointer;
40 padding: 3px 8pt;
41 white-space: normal;
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]42}
43
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]44ul.menu > li,
45ul.menu > span.pref:not(.active) {
46 background-color: #ddd; /* $pagination-bg */
47 color: #7ba400; /* $light-green */
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]48}
49
50ul.menu > li:first-of-type {
51 border-top: 3px solid transparent;
52}
53
54ul.menu > li:last-of-type {
55 border-bottom: 3px solid transparent;
56}
57
58ul.menu > li:first-of-type:not(.no-more) {
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]59 border-top-color: #ffa500; /* $dark-orange */
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]60}
61
62ul.menu > li:last-of-type:not(.no-more) {
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]63 border-bottom-color: #ffa500; /* $dark-orange */
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]64}
65
66ul.menu > li mark {
67 text-decoration: underline;
68 background-color: transparent;
69 color: inherit;
70 font-weight: bold; /* #496000; */
71}
72
73ul.menu > span.pref:not(:empty) {
74 position: absolute;
75 min-width: 2px;
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]76 border-bottom-right-radius: 10px;
77 left: 0;
78 bottom: 0;
79 display: block;
80 margin-bottom: -2.1em;
81 padding: .1em .3em;
82 margin-left: -2px;
83 border-radius: 6px;
84}
85
86/*
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]87 border: 2px solid white;
88 height: -1.5em;
Nils Diewald71ac9c72015-03-09 17:45:58 +0000[diff] [blame]89 border-top-width: 0;
Nils Diewaldd2b57372015-03-10 20:09:48 +0000[diff] [blame]90 background-color: #7ba400;
Nils Diewaldedb78012015-03-11 20:06:08 +0000[diff] [blame^]91*/
92
93/*
94 .hint > li {
95 border-bottom: 5px solid transparent;
96 }
97*/
98ul.menu > *.active {
99 background-color: #7ba400; /* $light-green; */
100 color: #496000; /* $dark-green; */
101}
102
103ul.menu > li:hover,
104ul.menu > span.pref:hover {
105/*
106 background-color: rgba(255,255,255,.25);
107 color: #496000;
108*/
109 background-color: #ffa500; /* $dark-orange; */
110 color: white;
111}