Update OOjs UI to v0.1.0-pre (b9d403a678)
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-agora.css
1 /*!
2 * OOjs UI v0.1.0-pre (b9d403a678)
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2014 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2014-06-26T23:45:59Z
10 */
11 .oo-ui-dialog-content .oo-ui-window-closeButton {
12 position: absolute;
13 top: 0;
14 left: 0;
15 }
16
17 .oo-ui-dialog-content .oo-ui-window-icon {
18 margin-left: 3.35em;
19 }
20
21 .oo-ui-dialog-content .oo-ui-window-body {
22 position: absolute;
23 top: 3.35em;
24 right: 0;
25 bottom: 0;
26 left: 0;
27 overflow-y: auto;
28 }
29
30 .oo-ui-dialog-content .oo-ui-window-foot {
31 position: absolute;
32 top: 0;
33 right: 0;
34 height: 3.35em;
35 }
36
37 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-button {
38 height: 100%;
39 }
40
41 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-button .oo-ui-labeledElement-label {
42 display: inline-block;
43 width: 0;
44 text-indent: -9999px;
45 }
46
47 .oo-ui-dialog-medium .oo-ui-window-frame {
48 top: 0;
49 bottom: 0;
50 background-color: white;
51 }
52
53 .oo-ui-window-head {
54 height: 3.35em;
55 border-bottom: 1px solid #dddddd;
56 -webkit-box-sizing: border-box;
57 -moz-box-sizing: border-box;
58 box-sizing: border-box;
59 }
60
61 .oo-ui-window-body {
62 padding: 2em 3.35em;
63 }
64
65 .oo-ui-window-icon {
66 width: 3.35em;
67 height: 3.35em;
68 background-size: 2em auto;
69 border-left: 1px solid #dddddd;
70 }
71
72 .oo-ui-window-title {
73 line-height: 3.35em;
74 }
75
76 .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
77 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
78 width: 3.35em;
79 height: 3.35em;
80 background-size: 2em auto;
81 }
82
83 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
84 padding: 0 0 1em;
85 }
86
87 .oo-ui-optionWidget {
88 padding: 0.8em 1em 0.8em 3.35em;
89 font-weight: bold;
90 border-bottom: 1px solid #dddddd;
91 }
92
93 .oo-ui-optionWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
94 padding-right: 1.5em;
95 }
96
97 .oo-ui-optionWidget-level-0 {
98 padding-left: 3.5em;
99 }
100
101 .oo-ui-optionWidget-level-0 .oo-ui-iconedElement-icon {
102 left: 1em;
103 }
104
105 .oo-ui-optionWidget-level-1 {
106 padding-left: 5em;
107 }
108
109 .oo-ui-optionWidget-level-1 .oo-ui-iconedElement-icon {
110 left: 2.5em;
111 }
112
113 .oo-ui-optionWidget-level-2 {
114 padding-left: 6.5em;
115 }
116
117 .oo-ui-optionWidget-level-2 .oo-ui-iconedElement-icon {
118 left: 4em;
119 }
120
121 .oo-ui-buttonOptionWidget {
122 padding: 0;
123 }
124
125 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
126 color: #ffffff;
127 background: #347bff;
128 }
129
130 .oo-ui-menuSectionItemWidget {
131 font-weight: normal;
132 color: #777777;
133 border: none;
134 }
135
136 .oo-ui-textInputWidget input,
137 .oo-ui-textInputWidget textarea {
138 padding: .8em 1em;
139 }
140
141 /* Icons */
142
143 .oo-ui-icon-check {
144 background: #347bff;
145 background-image: /* @embed */ url(themes/agora/images/icons/check.svg);
146 }