]>
git.wh0rd.org - tt-rss.git/blob - lib/iui/iui.css
3933dbad9a3c8abdfaebba7fe216fcc208faf7f0
1 /* iui.css (c) 2007-9 by iUI Project Members, see LICENSE.txt for license */
4 font-family: Helvetica
;
8 -webkit-user-select: none
;
9 -webkit-text-size-adjust: none
;
12 body
> *:not
(.toolbar
) {
21 -webkit-transition-duration: 300ms;
22 -webkit-transition-property: -webkit-transform
;
23 -webkit-transform: translateX
(0%);
26 body
[orient
="landscape"] > *:not
(.toolbar
) {
30 body
> *[selected
="true"] {
34 a
[selected
], a:active
{
35 background-color: #194fdb !important
;
36 background-image: url
(listArrowSel.png), url
(selection.png) !important
;
37 background-repeat: no-repeat
, repeat-x
;
38 background-position: right center
, left top
;
39 color: #FFFFFF !important
;
42 a
[selected
="progress"] {
43 background-image: url
(loading.gif), url
(selection.png) !important
;
46 /************************************************************************************************/
49 box-sizing: border-box
;
50 -moz-box-sizing: border-box
;
51 -webkit-box-sizing: border-box
;
52 border-bottom: 1px solid
#2d3642;
53 border-top: 1px solid
#6d84a2;
56 background: url
(toolbar.png) #6d84a2 repeat-x
;
63 margin: 1px 0 0 -75px;
68 text-shadow: rgba
(0, 0, 0, 0.4) 0px -1px 0;
70 text-overflow: ellipsis
;
75 body
[orient
="landscape"] > .toolbar
> h1
{
95 text-shadow: rgba
(0, 0, 0, 0.6) 0px -1px 0;
96 text-overflow: ellipsis
;
97 text-decoration: none
;
100 -webkit-border-image: url
(toolButton.png) 0 5 0 5;
104 -webkit-border-image: url
(blueButton.png) 0 5 0 5;
119 border-width: 0 8px 0 14px;
120 -webkit-border-image: url
(backButton.png) 0 8 0 14;
127 border-width: 0 12px;
132 text-decoration: inherit
;
137 -webkit-border-image: url
(whiteButton.png) 0 12 0 12;
138 text-shadow: rgba
(255, 255, 255, 0.7) 0 1px 0;
142 -webkit-border-image: url
(redButton.png) 0 12 0 12;
144 text-shadow: #7a0001 0 -1px 0;
148 -webkit-border-image: url
(grayButton.png) 0 12 0 12;
152 /************************************************************************************************/
157 border-bottom: 1px solid
#E0E0E0;
158 padding: 8px 0 8px 10px;
164 body
> ul
> li
.group
{
168 border-top: 1px solid
#7d7d7d;
169 border-bottom: 1px solid
#999999;
171 background: url
(listGroup.png) repeat-x
;
174 text-shadow: rgba
(0, 0, 0, 0.4) 0 1px 0;
178 body
> ul
> li
.group:first-child
{
185 margin: -8px 0 -8px -10px;
186 padding: 8px 32px 8px 10px;
187 text-decoration: none
;
189 background: url
(listArrow.png) no-repeat right center
;
192 a
[target
="_replace"] {
193 box-sizing: border-box
;
194 -webkit-box-sizing: border-box
;
196 padding-bottom: 25px;
198 color: cornflowerblue
;
199 background-color: #FFFFFF;
200 background-image: none
;
203 /************************************************************************************************/
210 background: rgba
(0, 0, 0, 0.8);
216 box-sizing: border-box
;
217 -webkit-box-sizing: border-box
;
221 border-top: 1px solid
#6d84a2;
223 background: url
(toolbar.png) #7388a5 repeat-x
;
226 .dialog > fieldset > h1 {
227 margin: 0 10px 0 10px;
232 text-shadow: rgba
(0, 0, 0, 0.4) 0px -1px 0;
236 .dialog > fieldset > label {
238 margin: 16px 0 0 6px;
243 /*input:not(input[type|=radio]):not(input[type|=checkbox]) {*/
244 input
[type|
=text
], input
[type|
=password
] {
245 box-sizing: border-box
;
246 -webkit-box-sizing: border-box
;
249 padding: 6px 6px 6px 44px;
254 /************************************************************************************************/
257 box-sizing: border-box
;
258 -moz-box-sizing: border-box
;
259 -webkit-box-sizing: border-box
;
261 background: #c8c8c8 url
(pinstripes.png);
269 -webkit-border-radius: 10px;
270 -moz-border-radius: 10px;
271 border: 1px solid
#999999;
279 border-bottom: 1px solid
#999999;
280 -webkit-border-radius: 0;
284 fieldset
> .row:last-child
{
285 border-bottom: none
!important
;
288 /*.row > input:not(input[type|=radio]):not(input[type|=checkbox]) {*/
289 .row > input[type|=text], .row > input[type|=password] {
290 box-sizing: border-box
;
291 -moz-box-sizing: border-box
;
292 -webkit-box-sizing: border-box
;
295 padding: 12px 10px 0 110px;
299 .row > input[type|=radio], .row > input[type|=checkbox] {
314 padding: 12px 10px 0 110px;
327 border: 1px solid
#888888;
328 -webkit-border-radius: 6px;
329 background: #FFFFFF url
(toggle.png) repeat-x
;
335 .toggle[toggled="true"] {
336 border: 1px solid
#143fae;
337 background: #194fdb url
(toggleOn.png) repeat-x
;
348 text-shadow: rgba
(0, 0, 0, 0.4) 0px -1px 0;
360 .toggle[toggled="true"] > .toggleOn {
364 .toggle[toggled="true"] > .toggleOff {
374 border: 1px solid
#888888;
375 -webkit-border-radius: 6px;
376 background: #ffffff url
(thumb.png) repeat-x
;
379 .toggle[toggled="true"] > .thumb {
385 margin: 0 0 8px 14px;
389 text-shadow: rgba
(255, 255, 255, 0.75) 2px 2px 0;
392 /************************************************************************************************/
396 background-image: url
(loading.gif), url
(selection.png),
397 url
(blueButton.png), url
(listArrowSel.png), url
(listGroup.png);