OLD | NEW |
1 /* Styles common to WebUI pages that share the options pages style */ | 1 /* Styles common to WebUI pages that share the options pages style */ |
2 body { | 2 body { |
3 cursor: default; | 3 cursor: default; |
4 font-size: 13px; | 4 font-size: 13px; |
5 } | 5 } |
6 | 6 |
7 a:link { | 7 a:link { |
8 color: rgb(63, 110, 194); | 8 color: rgb(63, 110, 194); |
9 } | 9 } |
10 | 10 |
11 a:active { | 11 a:active { |
12 color: rgb(37, 64, 113); | 12 color: rgb(37, 64, 113); |
13 } | 13 } |
14 | 14 |
15 #navbar-content-title { | 15 #navbar-content-title { |
16 -webkit-padding-end: 24px; | 16 -webkit-padding-end: 24px; |
17 -webkit-user-select: none; | 17 -webkit-user-select: none; |
18 color: #53637d; | 18 color: #333; |
19 cursor: pointer; | 19 cursor: pointer; |
20 font-size: 200%; | 20 font-size: 200%; |
21 font-weight: normal; | 21 font-weight: normal; |
22 margin: 0; | 22 margin: 0; |
23 padding-bottom: 14px; | 23 padding-bottom: 14px; |
24 padding-top: 13px; | 24 padding-top: 13px; |
25 text-align: end; | 25 text-align: end; |
26 text-shadow: white 0 1px 2px; | 26 text-shadow: white 0 1px 2px; |
27 } | 27 } |
28 | 28 |
29 #main-content { | 29 #main-content { |
30 display: -webkit-box; | 30 display: -webkit-box; |
31 position: absolute; | 31 position: absolute; |
32 left: 0; | 32 left: 0; |
33 right: 0; | 33 right: 0; |
34 top: 0; | 34 top: 0; |
35 bottom: 0; | 35 bottom: 0; |
36 } | 36 } |
37 | 37 |
38 #navbar { | 38 #navbar { |
39 margin: 0; | 39 margin: 0; |
40 } | 40 } |
41 | 41 |
42 #navbar-container { | 42 #navbar-container { |
43 -webkit-border-end: 1px solid #c6c9ce; | 43 -webkit-border-end: 1px solid #c6c9ce; |
44 background: -webkit-linear-gradient(rgba(234, 238, 243, 0.2), #eaeef3), | 44 background-color: #f1f1f1; |
45 -webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db); | |
46 position: fixed; | 45 position: fixed; |
47 bottom: 0; | 46 bottom: 0; |
48 /* We set both left and right for the sake of RTL. */ | 47 /* We set both left and right for the sake of RTL. */ |
49 left: 0; | 48 left: 0; |
50 right: 0; | 49 right: 0; |
51 top: 0; | 50 top: 0; |
52 width: 216px; | 51 width: 216px; |
53 z-index: 2; | 52 z-index: 2; |
54 } | 53 } |
55 | 54 |
56 html[dir='rtl'] #navbar-container { | |
57 background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #EAEEF3), | |
58 -webkit-linear-gradient(right, #EAEEF3, #EAEEF3 97%, #D3D7DB); | |
59 } | |
60 | |
61 html.hide-menu #navbar-container { | 55 html.hide-menu #navbar-container { |
62 display: none; | 56 display: none; |
63 } | 57 } |
64 | 58 |
65 #navbar-container > ul { | 59 #navbar-container > ul { |
66 -webkit-user-select: none; | 60 -webkit-user-select: none; |
67 list-style-type: none; | 61 list-style-type: none; |
68 margin: 0; | 62 margin: 0; |
69 padding: 0; | 63 padding: 0; |
70 } | 64 } |
71 | 65 |
72 .navbar-item { | 66 .navbar-item { |
73 border-bottom: 1px solid transparent; | 67 border-bottom: 1px solid transparent; |
74 border-top: 1px solid transparent; | 68 border-top: 1px solid transparent; |
75 color: #426dc9; | 69 color: #333; |
76 cursor: pointer; | 70 cursor: pointer; |
77 display: block; | 71 display: block; |
78 font-size: 105%; | 72 font-size: 105%; |
79 outline: none; | 73 outline: none; |
80 padding: 7px 0; | 74 padding: 7px 0; |
81 text-align: end; | 75 text-align: end; |
82 text-shadow: white 0 1px 1px; | 76 text-shadow: white 0 1px 1px; |
83 -webkit-padding-end: 24px; | 77 -webkit-padding-end: 24px; |
84 } | 78 } |
85 | 79 |
86 .navbar-item:focus { | 80 .navbar-item:focus { |
87 border-bottom: 1px solid #8faad9; | 81 border-bottom: 1px solid #8faad9; |
88 border-top: 1px solid #8faad9; | 82 border-top: 1px solid #8faad9; |
89 } | 83 } |
90 | 84 |
91 .navbar-item-selected { | 85 .navbar-item-selected { |
92 -webkit-box-shadow: 0px 1px 0px #f7f7f7; | 86 -webkit-box-shadow: 0px 1px 0px #f7f7f7; |
93 background: -webkit-linear-gradient(left, #bbcee9, #bbcee9 97%, #aabedc); | 87 background-color: #bbcee9; |
94 border-bottom: 1px solid #8faad9; | 88 border-bottom: 1px solid #8faad9; |
95 border-top: 1px solid #8faad9; | 89 border-top: 1px solid #8faad9; |
96 color: black; | 90 color: black; |
97 text-shadow: #bbcee9 0 1px 1px; | 91 text-shadow: #bbcee9 0 1px 1px; |
98 } | 92 } |
99 | 93 |
100 #mainview { | 94 #mainview { |
101 -webkit-box-align: stretch; | 95 -webkit-box-align: stretch; |
102 -webkit-padding-start: 216px; | 96 -webkit-padding-start: 216px; |
103 margin: 0; | 97 margin: 0; |
(...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
197 */ | 191 */ |
198 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, | 192 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, |
199 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { | 193 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { |
200 direction: rtl; | 194 direction: rtl; |
201 } | 195 } |
202 | 196 |
203 .page h1 { | 197 .page h1 { |
204 -webkit-padding-end: 24px; | 198 -webkit-padding-end: 24px; |
205 -webkit-user-select: none; | 199 -webkit-user-select: none; |
206 border-bottom: 1px solid #eeeeee; | 200 border-bottom: 1px solid #eeeeee; |
207 color: #53637d; | 201 color: #333; |
208 font-size: 200%; | 202 font-size: 200%; |
209 font-weight: normal; | 203 font-weight: normal; |
210 margin: 0; | 204 margin: 0; |
211 padding-bottom: 4px; | 205 padding-bottom: 4px; |
212 padding-top: 13px; | 206 padding-top: 13px; |
213 text-shadow: white 0 1px 2px; | 207 text-shadow: white 0 1px 2px; |
214 } | 208 } |
OLD | NEW |