root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / styles_test_icon.css @ 9d514d49
History | View | Annotate | Download (7.1 kB)
1 | e4a6c3b8 | Olga Brani | |
---|---|---|---|
2 | e4a6c3b8 | Olga Brani | /* styles for selection window (used for vm_list_v1.html) */
|
3 | e4a6c3b8 | Olga Brani | |
4 | e4a6c3b8 | Olga Brani | .vm_options{
|
5 | e4a6c3b8 | Olga Brani | display: none; |
6 | e4a6c3b8 | Olga Brani | border: 1px solid #ff7bac; |
7 | e4a6c3b8 | Olga Brani | position: absolute; |
8 | e4a6c3b8 | Olga Brani | top: -20%; |
9 | e4a6c3b8 | Olga Brani | width: 100%; |
10 | e4a6c3b8 | Olga Brani | height: 100%; |
11 | e4a6c3b8 | Olga Brani | font-size: 27px; |
12 | e4a6c3b8 | Olga Brani | font-weight: bold; |
13 | e4a6c3b8 | Olga Brani | text-align: left; |
14 | e4a6c3b8 | Olga Brani | background-color: white; |
15 | e4a6c3b8 | Olga Brani | line-height: 45px; |
16 | e4a6c3b8 | Olga Brani | padding-left: 1em; |
17 | e4a6c3b8 | Olga Brani | padding-top: 0.65em; |
18 | e4a6c3b8 | Olga Brani | } |
19 | e4a6c3b8 | Olga Brani | |
20 | e4a6c3b8 | Olga Brani | .vm_options .custom_checkbox{ |
21 | e4a6c3b8 | Olga Brani | display: inline-block; |
22 | e4a6c3b8 | Olga Brani | margin: 0; |
23 | e4a6c3b8 | Olga Brani | padding-left: 1em; |
24 | e4a6c3b8 | Olga Brani | color: #ff7bac; |
25 | e4a6c3b8 | Olga Brani | } |
26 | e4a6c3b8 | Olga Brani | |
27 | e4a6c3b8 | Olga Brani | a.option:hover{ |
28 | e4a6c3b8 | Olga Brani | color: #ff7bac; |
29 | e4a6c3b8 | Olga Brani | } |
30 | e4a6c3b8 | Olga Brani | |
31 | e4a6c3b8 | Olga Brani | .vm_container{
|
32 | e4a6c3b8 | Olga Brani | width: 200px; |
33 | e4a6c3b8 | Olga Brani | display: inline-block; |
34 | e4a6c3b8 | Olga Brani | height: 187px; |
35 | e4a6c3b8 | Olga Brani | position: relative; |
36 | e4a6c3b8 | Olga Brani | |
37 | e4a6c3b8 | Olga Brani | } |
38 | e4a6c3b8 | Olga Brani | |
39 | e4a6c3b8 | Olga Brani | |
40 | e4a6c3b8 | Olga Brani | /* styles for the detailed info of each vm (used for vm_details_v1.html) */
|
41 | e4a6c3b8 | Olga Brani | |
42 | e4a6c3b8 | Olga Brani | |
43 | e4a6c3b8 | Olga Brani | .graph_container{
|
44 | e4a6c3b8 | Olga Brani | padding-bottom: 2em; |
45 | e4a6c3b8 | Olga Brani | |
46 | e4a6c3b8 | Olga Brani | } |
47 | e4a6c3b8 | Olga Brani | |
48 | e4a6c3b8 | Olga Brani | |
49 | e4a6c3b8 | Olga Brani | .wrap{
|
50 | e4a6c3b8 | Olga Brani | position: relative; |
51 | e4a6c3b8 | Olga Brani | } |
52 | e4a6c3b8 | Olga Brani | |
53 | e4a6c3b8 | Olga Brani | .section_header{
|
54 | e4a6c3b8 | Olga Brani | float: left; |
55 | e4a6c3b8 | Olga Brani | width:23%; |
56 | e4a6c3b8 | Olga Brani | margin-right: 2%; |
57 | e4a6c3b8 | Olga Brani | font-weight: bold; |
58 | e4a6c3b8 | Olga Brani | } |
59 | e4a6c3b8 | Olga Brani | |
60 | e4a6c3b8 | Olga Brani | .right_side{
|
61 | e4a6c3b8 | Olga Brani | overflow: hidden; |
62 | e4a6c3b8 | Olga Brani | width: 75%; |
63 | e4a6c3b8 | Olga Brani | } |
64 | e4a6c3b8 | Olga Brani | |
65 | e4a6c3b8 | Olga Brani | |
66 | e4a6c3b8 | Olga Brani | |
67 | e4a6c3b8 | Olga Brani | .info_simple{
|
68 | e4a6c3b8 | Olga Brani | display: inline-block; |
69 | e4a6c3b8 | Olga Brani | margin-right: 10px; |
70 | e4a6c3b8 | Olga Brani | } |
71 | e4a6c3b8 | Olga Brani | |
72 | e4a6c3b8 | Olga Brani | |
73 | e4a6c3b8 | Olga Brani | .action_links{
|
74 | e4a6c3b8 | Olga Brani | display: inline-block; |
75 | e4a6c3b8 | Olga Brani | |
76 | e4a6c3b8 | Olga Brani | } |
77 | e4a6c3b8 | Olga Brani | .action_links a:hover { |
78 | e4a6c3b8 | Olga Brani | text-decoration: underline; |
79 | e4a6c3b8 | Olga Brani | } |
80 | e4a6c3b8 | Olga Brani | |
81 | e4a6c3b8 | Olga Brani | .btn_pinkb{
|
82 | e4a6c3b8 | Olga Brani | width: 11.5em; |
83 | e4a6c3b8 | Olga Brani | height: 3.8em; |
84 | e4a6c3b8 | Olga Brani | line-height: 3.8em; |
85 | e4a6c3b8 | Olga Brani | border: 1px solid #ff7bac; |
86 | e4a6c3b8 | Olga Brani | position: absolute; |
87 | e4a6c3b8 | Olga Brani | top: 0; |
88 | e4a6c3b8 | Olga Brani | right: 0; |
89 | e4a6c3b8 | Olga Brani | } |
90 | e4a6c3b8 | Olga Brani | |
91 | e4a6c3b8 | Olga Brani | .btn_pinkb a{ |
92 | e4a6c3b8 | Olga Brani | display: block; |
93 | e4a6c3b8 | Olga Brani | padding-left: 1em; |
94 | e4a6c3b8 | Olga Brani | } |
95 | e4a6c3b8 | Olga Brani | |
96 | e4a6c3b8 | Olga Brani | .btn_pinkb a:hover, a.black:hover{ |
97 | e4a6c3b8 | Olga Brani | color: #ff7bac; |
98 | e4a6c3b8 | Olga Brani | } |
99 | e4a6c3b8 | Olga Brani | |
100 | e4a6c3b8 | Olga Brani | |
101 | e4a6c3b8 | Olga Brani | .btn_pinkb a img{ |
102 | e4a6c3b8 | Olga Brani | position: absolute; |
103 | e4a6c3b8 | Olga Brani | right: 0.6em; |
104 | e4a6c3b8 | Olga Brani | top: 0.6em; |
105 | e4a6c3b8 | Olga Brani | height: 2.5em; |
106 | e4a6c3b8 | Olga Brani | } |
107 | e4a6c3b8 | Olga Brani | |
108 | e4a6c3b8 | Olga Brani | |
109 | e4a6c3b8 | Olga Brani | .action_links span:first-child{ |
110 | e4a6c3b8 | Olga Brani | margin-right: 5px; |
111 | e4a6c3b8 | Olga Brani | } |
112 | e4a6c3b8 | Olga Brani | |
113 | e4a6c3b8 | Olga Brani | .action_links a{ |
114 | e4a6c3b8 | Olga Brani | color: #ff7bac; |
115 | e4a6c3b8 | Olga Brani | margin-right: 5px; |
116 | e4a6c3b8 | Olga Brani | } |
117 | e4a6c3b8 | Olga Brani | |
118 | e4a6c3b8 | Olga Brani | .row{
|
119 | e4a6c3b8 | Olga Brani | margin: 0 0 0.4em 0; |
120 | e4a6c3b8 | Olga Brani | } |
121 | e4a6c3b8 | Olga Brani | .middle_side{
|
122 | e4a6c3b8 | Olga Brani | max-width: 70%; |
123 | e4a6c3b8 | Olga Brani | } |
124 | e4a6c3b8 | Olga Brani | |
125 | e4a6c3b8 | Olga Brani | .txt_size{
|
126 | e4a6c3b8 | Olga Brani | height: 0.8em; |
127 | e4a6c3b8 | Olga Brani | vertical-align: baseline; |
128 | e4a6c3b8 | Olga Brani | } |
129 | e4a6c3b8 | Olga Brani | |
130 | e4a6c3b8 | Olga Brani | a.black{ |
131 | e4a6c3b8 | Olga Brani | color: black; |
132 | e4a6c3b8 | Olga Brani | } |
133 | e4a6c3b8 | Olga Brani | |
134 | e4a6c3b8 | Olga Brani | a.black:hover{ |
135 | e4a6c3b8 | Olga Brani | color: #ff7bac; |
136 | e4a6c3b8 | Olga Brani | } |
137 | e4a6c3b8 | Olga Brani | |
138 | e4a6c3b8 | Olga Brani | |
139 | e4a6c3b8 | Olga Brani | |
140 | e4a6c3b8 | Olga Brani | /* styles for network details */
|
141 | e4a6c3b8 | Olga Brani | |
142 | e4a6c3b8 | Olga Brani | .big{
|
143 | e4a6c3b8 | Olga Brani | width: 60%; |
144 | e4a6c3b8 | Olga Brani | } |
145 | e4a6c3b8 | Olga Brani | |
146 | e4a6c3b8 | Olga Brani | .small{
|
147 | e4a6c3b8 | Olga Brani | width: 170px; |
148 | e4a6c3b8 | Olga Brani | } |
149 | e4a6c3b8 | Olga Brani | |
150 | e4a6c3b8 | Olga Brani | .wrapper .details .top{ |
151 | e4a6c3b8 | Olga Brani | padding: 70px 2.5em; |
152 | e4a6c3b8 | Olga Brani | } |
153 | e4a6c3b8 | Olga Brani | |
154 | e4a6c3b8 | Olga Brani | .wrapper .details .top .actions ul li{ |
155 | e4a6c3b8 | Olga Brani | margin: 0 30px; |
156 | e4a6c3b8 | Olga Brani | } |
157 | e4a6c3b8 | Olga Brani | |
158 | e4a6c3b8 | Olga Brani | .height_up{
|
159 | e4a6c3b8 | Olga Brani | line-height: 1.3em; |
160 | e4a6c3b8 | Olga Brani | } |
161 | e4a6c3b8 | Olga Brani | |
162 | e4a6c3b8 | Olga Brani | .set{
|
163 | e4a6c3b8 | Olga Brani | margin-bottom: 1em; |
164 | e4a6c3b8 | Olga Brani | } |
165 | e4a6c3b8 | Olga Brani | |
166 | e4a6c3b8 | Olga Brani | /* main icon in details page */
|
167 | e4a6c3b8 | Olga Brani | .network .top .img { |
168 | e4a6c3b8 | Olga Brani | background: url("../images/network-green102x116.png") no-repeat center center; |
169 | e4a6c3b8 | Olga Brani | width: 102px; |
170 | e4a6c3b8 | Olga Brani | height: 116px; |
171 | e4a6c3b8 | Olga Brani | display: inline-block; |
172 | e4a6c3b8 | Olga Brani | text-indent: -2000px; |
173 | e4a6c3b8 | Olga Brani | overflow: hidden; |
174 | e4a6c3b8 | Olga Brani | background-size: 100%; |
175 | e4a6c3b8 | Olga Brani | } |
176 | e4a6c3b8 | Olga Brani | |
177 | e4a6c3b8 | Olga Brani | |
178 | e4a6c3b8 | Olga Brani | /* scroll bar */
|
179 | e4a6c3b8 | Olga Brani | .networks .items-list .img { |
180 | e4a6c3b8 | Olga Brani | background: url("../images/network-green102x116.png") no-repeat center center; |
181 | e4a6c3b8 | Olga Brani | height: 58px; |
182 | e4a6c3b8 | Olga Brani | width: 51px; |
183 | e4a6c3b8 | Olga Brani | display: inline-block; |
184 | e4a6c3b8 | Olga Brani | text-indent: -2000px; |
185 | e4a6c3b8 | Olga Brani | overflow: hidden; |
186 | e4a6c3b8 | Olga Brani | background-size: 80%; |
187 | e4a6c3b8 | Olga Brani | } |
188 | e4a6c3b8 | Olga Brani | |
189 | e4a6c3b8 | Olga Brani | .network .close-font{ |
190 | e4a6c3b8 | Olga Brani | position: absolute; |
191 | e4a6c3b8 | Olga Brani | right: 0.8em; |
192 | e4a6c3b8 | Olga Brani | top: 2em; |
193 | e4a6c3b8 | Olga Brani | font-size: 2em; |
194 | e4a6c3b8 | Olga Brani | color: #b3b3b3; |
195 | e4a6c3b8 | Olga Brani | |
196 | e4a6c3b8 | Olga Brani | } |
197 | e4a6c3b8 | Olga Brani | |
198 | e4a6c3b8 | Olga Brani | |
199 | e4a6c3b8 | Olga Brani | /* styles for network list */
|
200 | e4a6c3b8 | Olga Brani | |
201 | e4a6c3b8 | Olga Brani | .networks .items-list .container .img { |
202 | e4a6c3b8 | Olga Brani | background: url("../images/network-green102x116.png") no-repeat center center; |
203 | e4a6c3b8 | Olga Brani | height: 58px; |
204 | e4a6c3b8 | Olga Brani | width: 51px; |
205 | e4a6c3b8 | Olga Brani | text-indent: -2000px; |
206 | e4a6c3b8 | Olga Brani | overflow: hidden; |
207 | e4a6c3b8 | Olga Brani | background-size: 100% |
208 | e4a6c3b8 | Olga Brani | } |
209 | e4a6c3b8 | Olga Brani | |
210 | e4a6c3b8 | Olga Brani | |
211 | e4a6c3b8 | Olga Brani | |
212 | e4a6c3b8 | Olga Brani | /* detailed pages: about the gaps that separate the area with the big img and the buttons from the rest of the page */
|
213 | e4a6c3b8 | Olga Brani | |
214 | e4a6c3b8 | Olga Brani | |
215 | e4a6c3b8 | Olga Brani | .details .top .actions ul{ |
216 | e4a6c3b8 | Olga Brani | padding: 1em 1em 0; |
217 | e4a6c3b8 | Olga Brani | margin-bottom: 0; |
218 | e4a6c3b8 | Olga Brani | } |
219 | e4a6c3b8 | Olga Brani | |
220 | e4a6c3b8 | Olga Brani | |
221 | e4a6c3b8 | Olga Brani | /*
|
222 | e4a6c3b8 | Olga Brani | to be transfered to sass
|
223 | e4a6c3b8 | Olga Brani | */
|
224 | e4a6c3b8 | Olga Brani | |
225 | e4a6c3b8 | Olga Brani | .items-list li .container .options .wrap a { |
226 | e4a6c3b8 | Olga Brani | width: 50%; |
227 | e4a6c3b8 | Olga Brani | } |
228 | e4a6c3b8 | Olga Brani | .content {
|
229 | e4a6c3b8 | Olga Brani | position: relative; |
230 | e4a6c3b8 | Olga Brani | } |
231 | e4a6c3b8 | Olga Brani | .content .overlay-modal { |
232 | e4a6c3b8 | Olga Brani | position: absolute; |
233 | e4a6c3b8 | Olga Brani | left:0; |
234 | e4a6c3b8 | Olga Brani | top:0; |
235 | e4a6c3b8 | Olga Brani | width: 100%; |
236 | e4a6c3b8 | Olga Brani | height: 100%; |
237 | e4a6c3b8 | Olga Brani | z-index:98; |
238 | e4a6c3b8 | Olga Brani | background: #ff7bac; |
239 | e4a6c3b8 | Olga Brani | } |
240 | e4a6c3b8 | Olga Brani | |
241 | e4a6c3b8 | Olga Brani | |
242 | e4a6c3b8 | Olga Brani | .content .overlay-div { |
243 | e4a6c3b8 | Olga Brani | position:absolute; top:20%; left:25%; width:50%; |
244 | e4a6c3b8 | Olga Brani | padding:25px; |
245 | e4a6c3b8 | Olga Brani | background:white; |
246 | e4a6c3b8 | Olga Brani | display:none; z-index:100; |
247 | e4a6c3b8 | Olga Brani | } |
248 | e4a6c3b8 | Olga Brani | |
249 | e4a6c3b8 | Olga Brani | .content .overlay-div .buttons { |
250 | e4a6c3b8 | Olga Brani | margin-bottom:0; |
251 | e4a6c3b8 | Olga Brani | } |
252 | e4a6c3b8 | Olga Brani | |
253 | e4a6c3b8 | Olga Brani | .content .overlay-div .buttons a { |
254 | e4a6c3b8 | Olga Brani | margin-right:20px; |
255 | e4a6c3b8 | Olga Brani | } |
256 | e4a6c3b8 | Olga Brani | |
257 | e4a6c3b8 | Olga Brani | /* line 133, ../sass/app.scss */
|
258 | e4a6c3b8 | Olga Brani | .btn4 {
|
259 | e4a6c3b8 | Olga Brani | color: white; |
260 | e4a6c3b8 | Olga Brani | border-color: #ff7bac; |
261 | e4a6c3b8 | Olga Brani | background: #ff7bac; |
262 | e4a6c3b8 | Olga Brani | } |
263 | e4a6c3b8 | Olga Brani | /* line 139, ../sass/app.scss */
|
264 | e4a6c3b8 | Olga Brani | .btn4:hover, .btn4.current { |
265 | e4a6c3b8 | Olga Brani | border-color: #ff7bac; |
266 | e4a6c3b8 | Olga Brani | color:#ff7bac; |
267 | e4a6c3b8 | Olga Brani | background: white; |
268 | e4a6c3b8 | Olga Brani | } |
269 | e4a6c3b8 | Olga Brani | |
270 | e4a6c3b8 | Olga Brani | |
271 | e4a6c3b8 | Olga Brani | .overlay .lt-sidebar.nav ul li:hover { |
272 | e4a6c3b8 | Olga Brani | background-color: transparent; |
273 | e4a6c3b8 | Olga Brani | } |
274 | e4a6c3b8 | Olga Brani | |
275 | e4a6c3b8 | Olga Brani | .lt-sidebar.nav { |
276 | e4a6c3b8 | Olga Brani | font-size: 1em |
277 | e4a6c3b8 | Olga Brani | } |
278 | e4a6c3b8 | Olga Brani | |
279 | e4a6c3b8 | Olga Brani | .overlay .lt-sidebar.nav { |
280 | e4a6c3b8 | Olga Brani | overflow: auto; |
281 | e4a6c3b8 | Olga Brani | } |
282 | e4a6c3b8 | Olga Brani | |
283 | e4a6c3b8 | Olga Brani | |
284 | e4a6c3b8 | Olga Brani | /* styles for close icons (created with fontIcon "snf-font") */
|
285 | e4a6c3b8 | Olga Brani | |
286 | e4a6c3b8 | Olga Brani | .overlay .close_char { |
287 | e4a6c3b8 | Olga Brani | background: none; |
288 | e4a6c3b8 | Olga Brani | text-indent: 0; |
289 | e4a6c3b8 | Olga Brani | font-size: 1.8em; /* for the the character e (for d we can put 2em) */ |
290 | e4a6c3b8 | Olga Brani | color: white; |
291 | e4a6c3b8 | Olga Brani | } |
292 | e4a6c3b8 | Olga Brani | |
293 | e4a6c3b8 | Olga Brani | |
294 | e4a6c3b8 | Olga Brani | |
295 | e4a6c3b8 | Olga Brani | /* create network styles */
|
296 | e4a6c3b8 | Olga Brani | |
297 | e4a6c3b8 | Olga Brani | .create-network {
|
298 | e4a6c3b8 | Olga Brani | color: white; |
299 | e4a6c3b8 | Olga Brani | } |
300 | e4a6c3b8 | Olga Brani | |
301 | e4a6c3b8 | Olga Brani | .create-network .check{ |
302 | e4a6c3b8 | Olga Brani | color: white; |
303 | e4a6c3b8 | Olga Brani | } |
304 | e4a6c3b8 | Olga Brani | |
305 | e4a6c3b8 | Olga Brani | .create-network p { |
306 | e4a6c3b8 | Olga Brani | font-size: 0.8em; |
307 | e4a6c3b8 | Olga Brani | font-style: italic; |
308 | e4a6c3b8 | Olga Brani | margin: 5px 0 0; |
309 | e4a6c3b8 | Olga Brani | width: 545px; |
310 | e4a6c3b8 | Olga Brani | } |
311 | e4a6c3b8 | Olga Brani | |
312 | e4a6c3b8 | Olga Brani | |
313 | e4a6c3b8 | Olga Brani | .create-network li { |
314 | e4a6c3b8 | Olga Brani | list-style: none outside none; |
315 | e4a6c3b8 | Olga Brani | } |
316 | e4a6c3b8 | Olga Brani | |
317 | e4a6c3b8 | Olga Brani | .subnet-options {
|
318 | e4a6c3b8 | Olga Brani | margin: 0; |
319 | e4a6c3b8 | Olga Brani | } |
320 | e4a6c3b8 | Olga Brani | |
321 | e4a6c3b8 | Olga Brani | .network_options .check { |
322 | e4a6c3b8 | Olga Brani | position: absolute; |
323 | e4a6c3b8 | Olga Brani | right: 0; |
324 | e4a6c3b8 | Olga Brani | } |
325 | e4a6c3b8 | Olga Brani | |
326 | e4a6c3b8 | Olga Brani | .create-network .custom_checkbox { |
327 | e4a6c3b8 | Olga Brani | font-size: 1.3em; |
328 | e4a6c3b8 | Olga Brani | } |
329 | e4a6c3b8 | Olga Brani | |
330 | e4a6c3b8 | Olga Brani | |
331 | e4a6c3b8 | Olga Brani | .network_options {
|
332 | e4a6c3b8 | Olga Brani | position: relative; |
333 | e4a6c3b8 | Olga Brani | width: 350px; |
334 | e4a6c3b8 | Olga Brani | min-height: 285px; |
335 | e4a6c3b8 | Olga Brani | |
336 | e4a6c3b8 | Olga Brani | } |
337 | e4a6c3b8 | Olga Brani | |
338 | e4a6c3b8 | Olga Brani | .network_options li { |
339 | e4a6c3b8 | Olga Brani | display: block; |
340 | e4a6c3b8 | Olga Brani | margin-bottom: 13px; |
341 | e4a6c3b8 | Olga Brani | } |
342 | e4a6c3b8 | Olga Brani | |
343 | e4a6c3b8 | Olga Brani | .subnet-options li { |
344 | e4a6c3b8 | Olga Brani | margin-bottom: 6px; |
345 | e4a6c3b8 | Olga Brani | padding-left: 155px; |
346 | e4a6c3b8 | Olga Brani | } |
347 | e4a6c3b8 | Olga Brani | |
348 | e4a6c3b8 | Olga Brani | |
349 | e4a6c3b8 | Olga Brani | .network_options li form { |
350 | e4a6c3b8 | Olga Brani | margin: 0; |
351 | e4a6c3b8 | Olga Brani | } |
352 | e4a6c3b8 | Olga Brani | .network_options li form input { |
353 | e4a6c3b8 | Olga Brani | position: absolute; |
354 | e4a6c3b8 | Olga Brani | display: inline-block; |
355 | e4a6c3b8 | Olga Brani | right: 0; |
356 | e4a6c3b8 | Olga Brani | width: 200px; |
357 | e4a6c3b8 | Olga Brani | height: 20px; |
358 | e4a6c3b8 | Olga Brani | font-size: 0.9em; |
359 | e4a6c3b8 | Olga Brani | } |
360 | e4a6c3b8 | Olga Brani | |
361 | e4a6c3b8 | Olga Brani | .network_options li.manual form input { |
362 | e4a6c3b8 | Olga Brani | right: -160px; |
363 | e4a6c3b8 | Olga Brani | width: 150px; |
364 | e4a6c3b8 | Olga Brani | } |
365 | e4a6c3b8 | Olga Brani | |
366 | e4a6c3b8 | Olga Brani | |
367 | e4a6c3b8 | Olga Brani | .network_options li form input.hidden { |
368 | e4a6c3b8 | Olga Brani | display: none; |
369 | e4a6c3b8 | Olga Brani | } |
370 | e4a6c3b8 | Olga Brani | |
371 | e4a6c3b8 | Olga Brani | span.sub_title { |
372 | e4a6c3b8 | Olga Brani | position: absolute; |
373 | e4a6c3b8 | Olga Brani | } |
374 | e4a6c3b8 | Olga Brani | |
375 | e4a6c3b8 | Olga Brani | |
376 | e4a6c3b8 | Olga Brani | /* pithos: list of uploading files */
|
377 | e4a6c3b8 | Olga Brani | |
378 | e4a6c3b8 | Olga Brani | .upload-widget .files { |
379 | e4a6c3b8 | Olga Brani | color: white; |
380 | e4a6c3b8 | Olga Brani | } |
381 | e4a6c3b8 | Olga Brani | |
382 | e4a6c3b8 | Olga Brani | .upload-widget .files li { |
383 | e4a6c3b8 | Olga Brani | padding: 10px 120px; |
384 | e4a6c3b8 | Olga Brani | border: none; |
385 | e4a6c3b8 | Olga Brani | position: relative; |
386 | e4a6c3b8 | Olga Brani | } |
387 | e4a6c3b8 | Olga Brani | .upload-widget .files div{ |
388 | e4a6c3b8 | Olga Brani | display: inline-block; |
389 | e4a6c3b8 | Olga Brani | } |
390 | e4a6c3b8 | Olga Brani | |
391 | e4a6c3b8 | Olga Brani | .upload-widget .files .progress-bar { |
392 | e4a6c3b8 | Olga Brani | position: static; |
393 | e4a6c3b8 | Olga Brani | padding: 0; |
394 | e4a6c3b8 | Olga Brani | width: 25%; |
395 | e4a6c3b8 | Olga Brani | border: none; |
396 | e4a6c3b8 | Olga Brani | background-color: transparent; |
397 | e4a6c3b8 | Olga Brani | } |
398 | e4a6c3b8 | Olga Brani | |
399 | e4a6c3b8 | Olga Brani | .upload-widget .files .progress-bar .progress-wrap { |
400 | e4a6c3b8 | Olga Brani | width: 100%; |
401 | e4a6c3b8 | Olga Brani | margin: 0; |
402 | e4a6c3b8 | Olga Brani | } |
403 | e4a6c3b8 | Olga Brani | |
404 | e4a6c3b8 | Olga Brani | |
405 | e4a6c3b8 | Olga Brani | .upload-widget .files .progress-bar .progress-wrap .progress { |
406 | e4a6c3b8 | Olga Brani | display: block; |
407 | e4a6c3b8 | Olga Brani | margin: 0; |
408 | e4a6c3b8 | Olga Brani | border: 2px solid white; |
409 | e4a6c3b8 | Olga Brani | padding: 0; |
410 | e4a6c3b8 | Olga Brani | background-color: #ff7bac; |
411 | e4a6c3b8 | Olga Brani | } |
412 | e4a6c3b8 | Olga Brani | |
413 | e4a6c3b8 | Olga Brani | .upload-widget .files .progress-bar .progress-wrap .progress .meter { |
414 | e4a6c3b8 | Olga Brani | background-color: white; |
415 | e4a6c3b8 | Olga Brani | } |
416 | e4a6c3b8 | Olga Brani | |
417 | e4a6c3b8 | Olga Brani | .upload-widget .files li .name-col { |
418 | e4a6c3b8 | Olga Brani | width: 34%; |
419 | e4a6c3b8 | Olga Brani | |
420 | e4a6c3b8 | Olga Brani | } |
421 | e4a6c3b8 | Olga Brani | |
422 | e4a6c3b8 | Olga Brani | .upload-widget .files li .size-col { |
423 | e4a6c3b8 | Olga Brani | text-align: left; |
424 | e4a6c3b8 | Olga Brani | float: none; |
425 | e4a6c3b8 | Olga Brani | } |
426 | e4a6c3b8 | Olga Brani | |
427 | e4a6c3b8 | Olga Brani | .upload-widget .files li .dz-success-mark { |
428 | e4a6c3b8 | Olga Brani | margin-left:10px; |
429 | e4a6c3b8 | Olga Brani | } |
430 | e4a6c3b8 | Olga Brani | |
431 | e4a6c3b8 | Olga Brani | |
432 | e4a6c3b8 | Olga Brani | .upload-widget .files li .dz-error-mark { |
433 | e4a6c3b8 | Olga Brani | display: none; |
434 | e4a6c3b8 | Olga Brani | } |
435 | e4a6c3b8 | Olga Brani | |
436 | e4a6c3b8 | Olga Brani | .upload-widget .files li .cancel-col { |
437 | e4a6c3b8 | Olga Brani | width: 100px; |
438 | e4a6c3b8 | Olga Brani | position: absolute; |
439 | e4a6c3b8 | Olga Brani | right: 50px; |
440 | e4a6c3b8 | Olga Brani | top: 9px; |
441 | e4a6c3b8 | Olga Brani | } |
442 | e4a6c3b8 | Olga Brani | |
443 | e4a6c3b8 | Olga Brani | .upload-widget .files li .cancel-col .cancel span { |
444 | e4a6c3b8 | Olga Brani | display: block; |
445 | e4a6c3b8 | Olga Brani | text-align: right; |
446 | e4a6c3b8 | Olga Brani | } |
447 | e4a6c3b8 | Olga Brani | |
448 | e4a6c3b8 | Olga Brani | /*.storage .upload-widget .files li {
|
449 | e4a6c3b8 | Olga Brani | clear: none;
|
450 | e4a6c3b8 | Olga Brani | }*/
|
451 | e4a6c3b8 | Olga Brani | |
452 | e4a6c3b8 | Olga Brani | |
453 | e4a6c3b8 | Olga Brani | /* after sass for sure */
|
454 | e4a6c3b8 | Olga Brani | |
455 | e4a6c3b8 | Olga Brani | .menu1 ul li a .snf-font { |
456 | e4a6c3b8 | Olga Brani | font-size: 25px; |
457 | e4a6c3b8 | Olga Brani | color: black; |
458 | e4a6c3b8 | Olga Brani | } |
459 | e4a6c3b8 | Olga Brani | |
460 | e4a6c3b8 | Olga Brani | body .menu1 ul li { |
461 | e4a6c3b8 | Olga Brani | margin-right: 9px; |
462 | e4a6c3b8 | Olga Brani | } |
463 | e4a6c3b8 | Olga Brani | |
464 | e4a6c3b8 | Olga Brani | body .menu1 ul li a:hover span { |
465 | e4a6c3b8 | Olga Brani | color: #3582ac; |
466 | e4a6c3b8 | Olga Brani | } |
467 | e4a6c3b8 | Olga Brani | |
468 | e4a6c3b8 | Olga Brani | .menu2 ul li a .snf-font { |
469 | e4a6c3b8 | Olga Brani | font-size: 25px; |
470 | e4a6c3b8 | Olga Brani | font-weight: bold; |
471 | e4a6c3b8 | Olga Brani | color: #919194; |
472 | e4a6c3b8 | Olga Brani | } |
473 | e4a6c3b8 | Olga Brani | |
474 | e4a6c3b8 | Olga Brani | .menu3 ul li a .snf-font { |
475 | e4a6c3b8 | Olga Brani | font-size: 25px; |
476 | e4a6c3b8 | Olga Brani | color: #919194; |
477 | e4a6c3b8 | Olga Brani | } |
478 | e4a6c3b8 | Olga Brani | |
479 | e4a6c3b8 | Olga Brani | |
480 | e4a6c3b8 | Olga Brani | body .menu2 ul li { |
481 | e4a6c3b8 | Olga Brani | margin-right: 9px; |
482 | e4a6c3b8 | Olga Brani | } |
483 | e4a6c3b8 | Olga Brani | |
484 | e4a6c3b8 | Olga Brani | body .menu2 ul li a:hover span{ |
485 | e4a6c3b8 | Olga Brani | color: #3582ac; |
486 | e4a6c3b8 | Olga Brani | } |
487 | e4a6c3b8 | Olga Brani | |
488 | e4a6c3b8 | Olga Brani | body .vms .items-list .img.running, body .vms .items-list .img.stopped, body .networks .items-list .img.running, body .networks .items-list .img.stopped{ |
489 | e4a6c3b8 | Olga Brani | background: none; |
490 | e4a6c3b8 | Olga Brani | text-indent: 0; |
491 | e4a6c3b8 | Olga Brani | width: 60px; |
492 | e4a6c3b8 | Olga Brani | height: 60px; |
493 | e4a6c3b8 | Olga Brani | } |
494 | e4a6c3b8 | Olga Brani | |
495 | e4a6c3b8 | Olga Brani | body .img .snf-font { |
496 | e4a6c3b8 | Olga Brani | font-size: 60px; |
497 | e4a6c3b8 | Olga Brani | } |
498 | e4a6c3b8 | Olga Brani | |
499 | e4a6c3b8 | Olga Brani | body .networks .img .snf-font.bolding { |
500 | e4a6c3b8 | Olga Brani | font-weight: bold; |
501 | e4a6c3b8 | Olga Brani | font-size: 57px; |
502 | e4a6c3b8 | Olga Brani | top: 6px; |
503 | e4a6c3b8 | Olga Brani | } |
504 | e4a6c3b8 | Olga Brani | body .networks .img .snf-font { |
505 | e4a6c3b8 | Olga Brani | position: relative; |
506 | e4a6c3b8 | Olga Brani | top: 2px; |
507 | e4a6c3b8 | Olga Brani | } |
508 | e4a6c3b8 | Olga Brani | |
509 | e4a6c3b8 | Olga Brani | body .networks .running .snf-font { |
510 | e4a6c3b8 | Olga Brani | color: #79c79e; |
511 | e4a6c3b8 | Olga Brani | } |
512 | e4a6c3b8 | Olga Brani | |
513 | e4a6c3b8 | Olga Brani | body .running .snf-font { |
514 | e4a6c3b8 | Olga Brani | color: #75c046; |
515 | e4a6c3b8 | Olga Brani | } |
516 | e4a6c3b8 | Olga Brani | |
517 | e4a6c3b8 | Olga Brani | |
518 | e4a6c3b8 | Olga Brani | body .stopped .snf-font { |
519 | e4a6c3b8 | Olga Brani | color: #e00e63; |
520 | e4a6c3b8 | Olga Brani | } |
521 | e4a6c3b8 | Olga Brani | |
522 | e4a6c3b8 | Olga Brani | |
523 | e4a6c3b8 | Olga Brani | body .vms .items-list .img .os { |
524 | e4a6c3b8 | Olga Brani | left:19px; |
525 | e4a6c3b8 | Olga Brani | } |