root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / app.scss @ 342fa48b
History | View | Annotate | Download (17.8 kB)
1 | b3c1328b | Olga Brani | // Global Foundation Settings |
---|---|---|---|
2 | b3c1328b | Olga Brani | @import "settings"; |
3 | b3c1328b | Olga Brani | |
4 | b3c1328b | Olga Brani | // Comment out this import if you are customizing you imports below |
5 | b3c1328b | Olga Brani | @import "foundation"; |
6 | b3c1328b | Olga Brani | |
7 | b3c1328b | Olga Brani | // Import specific parts of Foundation by commenting the import "foundation" |
8 | b3c1328b | Olga Brani | // and uncommenting what you want below. You must uncomment the following if customizing |
9 | b3c1328b | Olga Brani | |
10 | b3c1328b | Olga Brani | // @import "foundation/foundation-global"; // *always required |
11 | b3c1328b | Olga Brani | // @import "foundation/components/global"; // *always required |
12 | b3c1328b | Olga Brani | // @import "foundation/components/grid"; |
13 | b3c1328b | Olga Brani | // @import "foundation/components/visibility"; |
14 | b3c1328b | Olga Brani | // @import "foundation/components/block-grid"; |
15 | b3c1328b | Olga Brani | // @import "foundation/components/type"; |
16 | b3c1328b | Olga Brani | // @import "foundation/components/buttons"; |
17 | b3c1328b | Olga Brani | // @import "foundation/components/forms"; // *requires components/buttons |
18 | b3c1328b | Olga Brani | // @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms |
19 | b3c1328b | Olga Brani | // @import "foundation/components/button-groups"; // *requires components/buttons |
20 | b3c1328b | Olga Brani | // @import "foundation/components/dropdown-buttons"; // *requires components/buttons |
21 | b3c1328b | Olga Brani | // @import "foundation/components/split-buttons"; // *requires components/buttons |
22 | b3c1328b | Olga Brani | // @import "foundation/components/flex-video"; |
23 | b3c1328b | Olga Brani | // @import "foundation/components/section"; |
24 | b3c1328b | Olga Brani | // @import "foundation/components/top-bar"; // *requires components/grid |
25 | b3c1328b | Olga Brani | // @import "foundation/components/orbit"; |
26 | b3c1328b | Olga Brani | // @import "foundation/components/reveal"; |
27 | b3c1328b | Olga Brani | // @import "foundation/components/joyride"; |
28 | b3c1328b | Olga Brani | // @import "foundation/components/clearing"; |
29 | b3c1328b | Olga Brani | // @import "foundation/components/alert-boxes"; |
30 | b3c1328b | Olga Brani | // @import "foundation/components/breadcrumbs"; |
31 | b3c1328b | Olga Brani | // @import "foundation/components/keystrokes"; |
32 | b3c1328b | Olga Brani | // @import "foundation/components/labels"; |
33 | b3c1328b | Olga Brani | // @import "foundation/components/inline-lists"; |
34 | b3c1328b | Olga Brani | // @import "foundation/components/pagination"; |
35 | b3c1328b | Olga Brani | // @import "foundation/components/panels"; |
36 | b3c1328b | Olga Brani | // @import "foundation/components/pricing-tables"; |
37 | b3c1328b | Olga Brani | // @import "foundation/components/progress-bars"; |
38 | b3c1328b | Olga Brani | // @import "foundation/components/side-nav"; |
39 | b3c1328b | Olga Brani | // @import "foundation/components/sub-nav"; |
40 | b3c1328b | Olga Brani | // @import "foundation/components/switch"; |
41 | b3c1328b | Olga Brani | // @import "foundation/components/magellan"; |
42 | b3c1328b | Olga Brani | // @import "foundation/components/tables"; |
43 | b3c1328b | Olga Brani | // @import "foundation/components/thumbs"; |
44 | b3c1328b | Olga Brani | // @import "foundation/components/tooltips"; |
45 | b3c1328b | Olga Brani | // @import "foundation/components/dropdown"; |
46 | b3c1328b | Olga Brani | |
47 | 2d47196d | Olga Brani | .clearfix:before, |
48 | 2d47196d | Olga Brani | .clearfix:after { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */ |
49 | 2d47196d | Olga Brani | .clearfix:after { clear:both; } |
50 | b3c1328b | Olga Brani | // Set margin and padding to zero |
51 | b3c1328b | Olga Brani | @mixin marginPaddingZero() { |
52 | b3c1328b | Olga Brani | margin: 0; |
53 | b3c1328b | Olga Brani | padding: 0; |
54 | b3c1328b | Olga Brani | } |
55 | b3c1328b | Olga Brani | |
56 | b3c1328b | Olga Brani | |
57 | b3c1328b | Olga Brani | // Establishes the prequisits for sprite with background-image. |
58 | b3c1328b | Olga Brani | // Background-position for normal and hover states need to |
59 | b3c1328b | Olga Brani | // be declared separetely |
60 | b3c1328b | Olga Brani | @mixin sprite($image, $width, $height){ |
61 | 98714f8a | Olga Brani | background:url($image) no-repeat center center; |
62 | b3c1328b | Olga Brani | width: $width; |
63 | b3c1328b | Olga Brani | height:$height; |
64 | b3c1328b | Olga Brani | display: inline-block; |
65 | b3c1328b | Olga Brani | text-indent: -2000px; |
66 | b3c1328b | Olga Brani | overflow: hidden; |
67 | 98714f8a | Olga Brani | |
68 | b3c1328b | Olga Brani | } |
69 | b3c1328b | Olga Brani | |
70 | b3c1328b | Olga Brani | // Transition for css properties |
71 | b3c1328b | Olga Brani | @mixin transition($transition-property, $transition-time, $method) { |
72 | b3c1328b | Olga Brani | -webkit-transition: $transition-property $transition-time $method; |
73 | b3c1328b | Olga Brani | -moz-transition: $transition-property $transition-time $method; |
74 | b3c1328b | Olga Brani | -ms-transition: $transition-property $transition-time $method; |
75 | b3c1328b | Olga Brani | -o-transition: $transition-property $transition-time $method; |
76 | b3c1328b | Olga Brani | transition: $transition-property $transition-time $method; |
77 | b3c1328b | Olga Brani | } |
78 | b3c1328b | Olga Brani | |
79 | b3c1328b | Olga Brani | // Box-shadow property. For no box-shadow use box-shadow(none) |
80 | b3c1328b | Olga Brani | @mixin box-shadow($shadows...) { |
81 | b3c1328b | Olga Brani | -moz-box-shadow: $shadows; |
82 | b3c1328b | Olga Brani | -webkit-box-shadow: $shadows; |
83 | b3c1328b | Olga Brani | box-shadow: $shadows; |
84 | b3c1328b | Olga Brani | } |
85 | b3c1328b | Olga Brani | |
86 | 2aab17d7 | Olga Brani | // border grey, on hover pink |
87 | 2aab17d7 | Olga Brani | .btn1 { |
88 | 2aab17d7 | Olga Brani | border:1px solid $primary-color; |
89 | 2aab17d7 | Olga Brani | color:$primary-color; |
90 | 2aab17d7 | Olga Brani | display:inline-block; |
91 | 2aab17d7 | Olga Brani | padding:10px 20px; |
92 | 2aab17d7 | Olga Brani | line-height:1em; |
93 | 2aab17d7 | Olga Brani | text-align:center; |
94 | 2aab17d7 | Olga Brani | &:hover, |
95 | 2aab17d7 | Olga Brani | &.current { |
96 | 2aab17d7 | Olga Brani | border-color:$secondary-color; |
97 | 2aab17d7 | Olga Brani | background:$secondary-color; |
98 | 2aab17d7 | Olga Brani | color:$white; |
99 | 2aab17d7 | Olga Brani | } |
100 | f8f24db6 | Olga Brani | &.current { |
101 | f8f24db6 | Olga Brani | cursor:default; |
102 | f8f24db6 | Olga Brani | } |
103 | 2aab17d7 | Olga Brani | } |
104 | 2aab17d7 | Olga Brani | |
105 | 2aab17d7 | Olga Brani | // white background, on hover transparent |
106 | 2aab17d7 | Olga Brani | .btn2 { |
107 | 2aab17d7 | Olga Brani | @extend .btn1; |
108 | 2aab17d7 | Olga Brani | color:$secondary-color; |
109 | 2aab17d7 | Olga Brani | background:$white; |
110 | 2aab17d7 | Olga Brani | border-color:$secondary-color; |
111 | 2aab17d7 | Olga Brani | &:hover, |
112 | 2aab17d7 | Olga Brani | &.current { |
113 | 2aab17d7 | Olga Brani | background:transparent; |
114 | 2aab17d7 | Olga Brani | border-color:$white; |
115 | 2aab17d7 | Olga Brani | } |
116 | 2aab17d7 | Olga Brani | } |
117 | 2aab17d7 | Olga Brani | |
118 | 2aab17d7 | Olga Brani | // reverse btn2 |
119 | 2aab17d7 | Olga Brani | .btn3 { |
120 | 2aab17d7 | Olga Brani | @extend .btn1; |
121 | 2aab17d7 | Olga Brani | color:$white; |
122 | 2aab17d7 | Olga Brani | border-color:$white; |
123 | 2aab17d7 | Olga Brani | &:hover, |
124 | 2aab17d7 | Olga Brani | &.current { |
125 | 2aab17d7 | Olga Brani | color:$secondary-color; |
126 | 2aab17d7 | Olga Brani | background:$white; |
127 | 2aab17d7 | Olga Brani | border-color:$white; |
128 | 2aab17d7 | Olga Brani | } |
129 | 2aab17d7 | Olga Brani | } |
130 | 2aab17d7 | Olga Brani | |
131 | 2aab17d7 | Olga Brani | |
132 | f8f24db6 | Olga Brani | // reverse btn2 |
133 | f8f24db6 | Olga Brani | .btn4 { |
134 | f8f24db6 | Olga Brani | @extend .btn1; |
135 | f8f24db6 | Olga Brani | color:$white; |
136 | f8f24db6 | Olga Brani | border-color:$white; |
137 | f8f24db6 | Olga Brani | background:$success-color; |
138 | f8f24db6 | Olga Brani | &:hover, |
139 | f8f24db6 | Olga Brani | &.current { |
140 | f8f24db6 | Olga Brani | border-color:$white; |
141 | f8f24db6 | Olga Brani | background:darken($success-color,15%); |
142 | f8f24db6 | Olga Brani | |
143 | f8f24db6 | Olga Brani | } |
144 | f8f24db6 | Olga Brani | } |
145 | f8f24db6 | Olga Brani | |
146 | b3c1328b | Olga Brani | a:hover { |
147 | 2aab17d7 | Olga Brani | @include transition(background, 300ms, ease-out); |
148 | b3c1328b | Olga Brani | } |
149 | b3c1328b | Olga Brani | |
150 | b3c1328b | Olga Brani | .dummy-navigation { |
151 | f8f24db6 | Olga Brani | display:none; |
152 | b3c1328b | Olga Brani | position: fixed; |
153 | b3c1328b | Olga Brani | right:0; |
154 | b3c1328b | Olga Brani | top:100px; |
155 | b3c1328b | Olga Brani | padding:20px; |
156 | b3c1328b | Olga Brani | background:#cc0; |
157 | b3c1328b | Olga Brani | z-index:100; |
158 | b3c1328b | Olga Brani | line-height:160%; |
159 | b3c1328b | Olga Brani | a { |
160 | b3c1328b | Olga Brani | color:$black; |
161 | b3c1328b | Olga Brani | &:hover { color:$white } |
162 | b3c1328b | Olga Brani | &.open { color:$white;} |
163 | b3c1328b | Olga Brani | &.close { |
164 | b3c1328b | Olga Brani | float:right; |
165 | b3c1328b | Olga Brani | font-weight:bold; |
166 | b3c1328b | Olga Brani | font-size:20px; |
167 | b3c1328b | Olga Brani | } |
168 | b3c1328b | Olga Brani | } |
169 | b3c1328b | Olga Brani | } |
170 | b3c1328b | Olga Brani | |
171 | b3c1328b | Olga Brani | .ours { |
172 | b3c1328b | Olga Brani | padding:8px 15px; |
173 | b3c1328b | Olga Brani | color:$white; |
174 | b3c1328b | Olga Brani | font-size:20px; |
175 | b3c1328b | Olga Brani | font-weight:bold; |
176 | b3c1328b | Olga Brani | background:#cc0; |
177 | b3c1328b | Olga Brani | display:none; |
178 | b3c1328b | Olga Brani | position: absolute; |
179 | b3c1328b | Olga Brani | &.questions { background:orange;} |
180 | b3c1328b | Olga Brani | &.problems { background:red;} |
181 | b3c1328b | Olga Brani | &.suggestions { background:#3EC9FF;} |
182 | b3c1328b | Olga Brani | |
183 | b3c1328b | Olga Brani | } |
184 | b3c1328b | Olga Brani | |
185 | b3c1328b | Olga Brani | |
186 | b3c1328b | Olga Brani | .row-full { |
187 | 65814c28 | Olga Brani | max-width:$row-full-width; |
188 | f8f24db6 | Olga Brani | margin:0 auto; |
189 | b3c1328b | Olga Brani | } |
190 | b3c1328b | Olga Brani | |
191 | 98714f8a | Olga Brani | .lt-sidebar { |
192 | 2d47196d | Olga Brani | width:250px; |
193 | 98714f8a | Olga Brani | float:left; |
194 | ce385b85 | Olga Brani | &.nav { |
195 | ce385b85 | Olga Brani | margin-top:0; |
196 | ce385b85 | Olga Brani | } |
197 | 98714f8a | Olga Brani | &+.main { |
198 | 98714f8a | Olga Brani | overflow:hidden; |
199 | 98714f8a | Olga Brani | } |
200 | 98714f8a | Olga Brani | } |
201 | 98714f8a | Olga Brani | |
202 | 98714f8a | Olga Brani | .main { |
203 | 5b2f3030 | Olga Brani | padding:43px 40px; |
204 | 98714f8a | Olga Brani | } |
205 | 98714f8a | Olga Brani | |
206 | 2aab17d7 | Olga Brani | body.with-overlay { |
207 | 2aab17d7 | Olga Brani | background:$secondary-color; |
208 | 2aab17d7 | Olga Brani | } |
209 | 98714f8a | Olga Brani | |
210 | b3c1328b | Olga Brani | .header { |
211 | b3c1328b | Olga Brani | position:relative; |
212 | b3c1328b | Olga Brani | padding:$header-padding-vertical $header-padding-horizontal; |
213 | b3c1328b | Olga Brani | border-bottom:1px solid $primary-color; |
214 | 2aab17d7 | Olga Brani | background:$white; |
215 | b3c1328b | Olga Brani | .logo { |
216 | b3c1328b | Olga Brani | text-align: center; |
217 | c2c9975a | Olga Brani | img { |
218 | c2c9975a | Olga Brani | max-height: 30px; |
219 | c2c9975a | Olga Brani | } |
220 | b3c1328b | Olga Brani | } |
221 | b3c1328b | Olga Brani | .actions { |
222 | b3c1328b | Olga Brani | text-align:center; |
223 | f8f24db6 | Olga Brani | height:45px; |
224 | f8f24db6 | Olga Brani | line-height:45px; |
225 | f8f24db6 | Olga Brani | position:relative; |
226 | f8f24db6 | Olga Brani | margin:2*$header-padding-vertical 0 $header-padding-vertical; |
227 | f8f24db6 | Olga Brani | .main-actions { |
228 | 5e62e9c1 | Olga Brani | position:relative; |
229 | c2c9975a | Olga Brani | top:86px; |
230 | c2c9975a | Olga Brani | margin:0 -40px; |
231 | c2c9975a | Olga Brani | border-bottom:1px solid lighten($primary-color,20%); |
232 | ce385b85 | Olga Brani | z-index: 1; |
233 | f8f24db6 | Olga Brani | } |
234 | b3c1328b | Olga Brani | ul { |
235 | f8f24db6 | Olga Brani | margin:0; |
236 | b3c1328b | Olga Brani | li { |
237 | b3c1328b | Olga Brani | list-style: none outside none; |
238 | b3c1328b | Olga Brani | display: inline-block; |
239 | b3c1328b | Olga Brani | margin:0 5px; |
240 | b3c1328b | Olga Brani | a { |
241 | b3c1328b | Olga Brani | display: block; |
242 | 5e62e9c1 | Olga Brani | color:lighten($primary-color,30%); |
243 | b3c1328b | Olga Brani | width:100%; |
244 | b3c1328b | Olga Brani | padding:8px 20px; |
245 | b3c1328b | Olga Brani | border:1px solid transparent; |
246 | 5e62e9c1 | Olga Brani | &.active { |
247 | 5e62e9c1 | Olga Brani | color:$primary-color; |
248 | 5e62e9c1 | Olga Brani | &:hover { |
249 | 6e3d008c | Olga Brani | color:$secondary-color; |
250 | 5e62e9c1 | Olga Brani | cursor: pointer; |
251 | 5e62e9c1 | Olga Brani | } |
252 | 5e62e9c1 | Olga Brani | } |
253 | b3c1328b | Olga Brani | &:hover { |
254 | 5e62e9c1 | Olga Brani | cursor:default; |
255 | b3c1328b | Olga Brani | } |
256 | 5e62e9c1 | Olga Brani | |
257 | b3c1328b | Olga Brani | } |
258 | b3c1328b | Olga Brani | } |
259 | b3c1328b | Olga Brani | } |
260 | b3c1328b | Olga Brani | } |
261 | b3c1328b | Olga Brani | .new-btn { |
262 | b3c1328b | Olga Brani | position: absolute; |
263 | f8f24db6 | Olga Brani | left:0; |
264 | f8f24db6 | Olga Brani | bottom:0; |
265 | b3c1328b | Olga Brani | a { |
266 | 2aab17d7 | Olga Brani | @extend .btn1; |
267 | b3c1328b | Olga Brani | span { |
268 | b3c1328b | Olga Brani | font-size:emCalc(20px); |
269 | b3c1328b | Olga Brani | } |
270 | b3c1328b | Olga Brani | } |
271 | b3c1328b | Olga Brani | } |
272 | b3c1328b | Olga Brani | } |
273 | b3c1328b | Olga Brani | .login { |
274 | b3c1328b | Olga Brani | position:absolute; |
275 | b3c1328b | Olga Brani | right:$header-padding-horizontal; |
276 | b3c1328b | Olga Brani | top:$header-padding-vertical; |
277 | b3c1328b | Olga Brani | } |
278 | b3c1328b | Olga Brani | |
279 | b3c1328b | Olga Brani | .top-nav { |
280 | b3c1328b | Olga Brani | position:absolute; |
281 | b3c1328b | Olga Brani | left:$header-padding-horizontal; |
282 | b3c1328b | Olga Brani | top:$header-padding-vertical; |
283 | b3c1328b | Olga Brani | ul { |
284 | b3c1328b | Olga Brani | @include marginPaddingZero(); |
285 | b3c1328b | Olga Brani | li { |
286 | b3c1328b | Olga Brani | display: inline-block; |
287 | b3c1328b | Olga Brani | margin-right:15px; |
288 | b3c1328b | Olga Brani | a { |
289 | b3c1328b | Olga Brani | padding-bottom:5px; |
290 | b3c1328b | Olga Brani | } |
291 | b3c1328b | Olga Brani | } |
292 | b3c1328b | Olga Brani | } |
293 | b3c1328b | Olga Brani | |
294 | b3c1328b | Olga Brani | } |
295 | b3c1328b | Olga Brani | |
296 | b3c1328b | Olga Brani | |
297 | b3c1328b | Olga Brani | // info styling |
298 | b3c1328b | Olga Brani | |
299 | b3c1328b | Olga Brani | .top-info { |
300 | b3c1328b | Olga Brani | padding:50px 100px; |
301 | b3c1328b | Olga Brani | position: relative; |
302 | 9569cdc8 | Olga Brani | z-index:10; |
303 | 5e62e9c1 | Olga Brani | display:none; |
304 | b3c1328b | Olga Brani | .close { |
305 | b3c1328b | Olga Brani | position: absolute; |
306 | b3c1328b | Olga Brani | right:$header-padding-horizontal; |
307 | b3c1328b | Olga Brani | top:50px; |
308 | b3c1328b | Olga Brani | @include sprite('../images/info-close.png', 31px, 30px); |
309 | b3c1328b | Olga Brani | } |
310 | b3c1328b | Olga Brani | } |
311 | f8f24db6 | Olga Brani | |
312 | f8f24db6 | Olga Brani | |
313 | f8f24db6 | Olga Brani | .info.error { |
314 | f8f24db6 | Olga Brani | background:$error-color; |
315 | f8f24db6 | Olga Brani | color:$white; |
316 | f8f24db6 | Olga Brani | } |
317 | f8f24db6 | Olga Brani | |
318 | f8f24db6 | Olga Brani | |
319 | b3c1328b | Olga Brani | .info.alert { |
320 | f8f24db6 | Olga Brani | background:$alert-color; |
321 | b3c1328b | Olga Brani | color:$white; |
322 | b3c1328b | Olga Brani | } |
323 | b3c1328b | Olga Brani | |
324 | b3c1328b | Olga Brani | .info.warning { |
325 | f8f24db6 | Olga Brani | background:$primary-color; |
326 | f8f24db6 | Olga Brani | color:$white; |
327 | b3c1328b | Olga Brani | } |
328 | b3c1328b | Olga Brani | |
329 | b3c1328b | Olga Brani | .info.success { |
330 | b3c1328b | Olga Brani | background:$success-color; |
331 | b3c1328b | Olga Brani | color:$white; |
332 | b3c1328b | Olga Brani | } |
333 | b3c1328b | Olga Brani | |
334 | 65814c28 | Olga Brani | .entities { |
335 | 65814c28 | Olga Brani | padding-top:25px; |
336 | 65814c28 | Olga Brani | } |
337 | b3c1328b | Olga Brani | .items-list { |
338 | b3c1328b | Olga Brani | li { |
339 | b3c1328b | Olga Brani | text-align:center; |
340 | b3c1328b | Olga Brani | padding:20px; |
341 | 6e3d008c | Olga Brani | list-style:none; |
342 | 5b2f3030 | Olga Brani | .add-new { |
343 | 5b2f3030 | Olga Brani | a { |
344 | 5b2f3030 | Olga Brani | margin:0 20px; |
345 | 5b2f3030 | Olga Brani | display: block; |
346 | 5b2f3030 | Olga Brani | font-weight: bold; |
347 | 5b2f3030 | Olga Brani | height:190px; |
348 | 5b2f3030 | Olga Brani | padding:65px 30px 15px; |
349 | 6e3d008c | Olga Brani | border:1px dashed $primary-color; |
350 | 5b2f3030 | Olga Brani | &:hover { |
351 | 5b2f3030 | Olga Brani | border-color:$secondary-color; |
352 | 5b2f3030 | Olga Brani | color:$secondary-color; |
353 | 5b2f3030 | Olga Brani | } |
354 | 5b2f3030 | Olga Brani | } |
355 | 5b2f3030 | Olga Brani | } |
356 | c9655064 | Olga Brani | .img-wrap { |
357 | c9655064 | Olga Brani | height: 78px; |
358 | c9655064 | Olga Brani | } |
359 | 5b2f3030 | Olga Brani | .img { |
360 | 5b2f3030 | Olga Brani | margin-bottom: 20px; |
361 | 5b2f3030 | Olga Brani | position: relative; |
362 | 5b2f3030 | Olga Brani | height:58px; |
363 | 5b2f3030 | Olga Brani | } |
364 | 5b2f3030 | Olga Brani | .container { |
365 | 2ef21a75 | Olga Brani | &.set-bg { background:lighten($primary-color,38%); } |
366 | 5b2f3030 | Olga Brani | &.set-border { border-color:$secondary-color; } |
367 | 5b2f3030 | Olga Brani | border:1px solid transparent; |
368 | 5b2f3030 | Olga Brani | margin: 0 20px; |
369 | 5b2f3030 | Olga Brani | padding:25px 0; |
370 | 5b2f3030 | Olga Brani | position: relative; |
371 | 5b2f3030 | Olga Brani | .options { |
372 | 5b2f3030 | Olga Brani | width:100%; |
373 | 5b2f3030 | Olga Brani | text-align:center; |
374 | 5b2f3030 | Olga Brani | position: absolute; |
375 | 5b2f3030 | Olga Brani | top:-3px; |
376 | 5b2f3030 | Olga Brani | left:0; |
377 | 5b2f3030 | Olga Brani | display: none; |
378 | 5b2f3030 | Olga Brani | .wrap { |
379 | 5b2f3030 | Olga Brani | height:100%; |
380 | 321113f5 | Olga Brani | padding:25px 25px 0; |
381 | 5b2f3030 | Olga Brani | text-align: left; |
382 | 5b2f3030 | Olga Brani | a { |
383 | 5b2f3030 | Olga Brani | font-size:emCalc(27px); |
384 | e106fc8f | Olga Brani | display: inline-block; |
385 | 5b2f3030 | Olga Brani | color:$primary-color; |
386 | 5b2f3030 | Olga Brani | line-height: 1em; |
387 | 5b2f3030 | Olga Brani | margin-bottom:10px; |
388 | 5b2f3030 | Olga Brani | |
389 | 5b2f3030 | Olga Brani | font-weight: bold; |
390 | 5b2f3030 | Olga Brani | &:hover { |
391 | 5b2f3030 | Olga Brani | color: $secondary-color; |
392 | 5b2f3030 | Olga Brani | } |
393 | 5b2f3030 | Olga Brani | } |
394 | db1f3b94 | Olga Brani | |
395 | db1f3b94 | Olga Brani | |
396 | db1f3b94 | Olga Brani | |
397 | 5b2f3030 | Olga Brani | } |
398 | 5b2f3030 | Olga Brani | } |
399 | 5b2f3030 | Olga Brani | } |
400 | 5b2f3030 | Olga Brani | .check { |
401 | 5b2f3030 | Olga Brani | position:absolute; |
402 | 5b2f3030 | Olga Brani | right:10px; |
403 | 5b2f3030 | Olga Brani | top:5px; |
404 | c9655064 | Olga Brani | |
405 | c9655064 | Olga Brani | color:lighten($primary-color,35%); |
406 | 5b2f3030 | Olga Brani | font-weight: bold; |
407 | 5b2f3030 | Olga Brani | font-size:emCalc(27px); |
408 | 5b2f3030 | Olga Brani | cursor: pointer; |
409 | 5b2f3030 | Olga Brani | z-index: 10; |
410 | 5b2f3030 | Olga Brani | span { position:relative; z-index:10;} |
411 | c9655064 | Olga Brani | &.active { |
412 | c9655064 | Olga Brani | color:$secondary-color; |
413 | c9655064 | Olga Brani | } |
414 | 5b2f3030 | Olga Brani | } |
415 | db1f3b94 | Olga Brani | .info-box { |
416 | db1f3b94 | Olga Brani | position:absolute; |
417 | db1f3b94 | Olga Brani | left:20px; |
418 | db1f3b94 | Olga Brani | top:60px; |
419 | db1f3b94 | Olga Brani | background:$primary-color; |
420 | db1f3b94 | Olga Brani | width:emCalc(300px); |
421 | db1f3b94 | Olga Brani | padding:20px; |
422 | db1f3b94 | Olga Brani | color:white; |
423 | db1f3b94 | Olga Brani | z-index:20; |
424 | db1f3b94 | Olga Brani | display: none; |
425 | db1f3b94 | Olga Brani | h2 { |
426 | db1f3b94 | Olga Brani | font-size:1em; |
427 | db1f3b94 | Olga Brani | color:white; |
428 | db1f3b94 | Olga Brani | } |
429 | db1f3b94 | Olga Brani | dl { |
430 | db1f3b94 | Olga Brani | font-size:1em; |
431 | db1f3b94 | Olga Brani | dt { |
432 | db1f3b94 | Olga Brani | float:left; |
433 | db1f3b94 | Olga Brani | width:30%; |
434 | db1f3b94 | Olga Brani | } |
435 | db1f3b94 | Olga Brani | dd { |
436 | db1f3b94 | Olga Brani | overflow:hidden; |
437 | db1f3b94 | Olga Brani | } |
438 | db1f3b94 | Olga Brani | } |
439 | db1f3b94 | Olga Brani | } |
440 | b3c1328b | Olga Brani | .visible-info { |
441 | d3bfabe8 | Olga Brani | margin: 0 25px; |
442 | d3bfabe8 | Olga Brani | position:relative; |
443 | d3bfabe8 | Olga Brani | color:$primary-color; |
444 | 5b2f3030 | Olga Brani | overflow: hidden; |
445 | b3c1328b | Olga Brani | span { |
446 | 5b2f3030 | Olga Brani | &.title { |
447 | 5b2f3030 | Olga Brani | white-space: nowrap; |
448 | 5b2f3030 | Olga Brani | } |
449 | b3c1328b | Olga Brani | display: block; |
450 | d3bfabe8 | Olga Brani | position: relative; |
451 | d3bfabe8 | Olga Brani | em { |
452 | d3bfabe8 | Olga Brani | font-style:normal; |
453 | d3bfabe8 | Olga Brani | position: relative; |
454 | d3bfabe8 | Olga Brani | } |
455 | b3c1328b | Olga Brani | } |
456 | b3c1328b | Olga Brani | } |
457 | 5e62e9c1 | Olga Brani | |
458 | b3c1328b | Olga Brani | } |
459 | 98714f8a | Olga Brani | } |
460 | 98714f8a | Olga Brani | |
461 | e106fc8f | Olga Brani | |
462 | 5b2f3030 | Olga Brani | .lt-sidebar { |
463 | 5b2f3030 | Olga Brani | margin-top:43px; |
464 | f8f24db6 | Olga Brani | overflow:scroll; |
465 | f8f24db6 | Olga Brani | height:300px; |
466 | 98714f8a | Olga Brani | font-size:emCalc(12px); |
467 | f8f24db6 | Olga Brani | .items-list { |
468 | f8f24db6 | Olga Brani | padding:0; |
469 | f8f24db6 | Olga Brani | } |
470 | 98714f8a | Olga Brani | .items-list li .img, |
471 | 98714f8a | Olga Brani | .items-list li .os { |
472 | 98714f8a | Olga Brani | background-size:80%; |
473 | 98714f8a | Olga Brani | } |
474 | ce385b85 | Olga Brani | .items-list li .img .os { |
475 | ce385b85 | Olga Brani | top:10px; |
476 | ce385b85 | Olga Brani | } |
477 | c2c9975a | Olga Brani | li:hover { |
478 | c2c9975a | Olga Brani | background:lighten($primary-color,35%); |
479 | c2c9975a | Olga Brani | } |
480 | f8f24db6 | Olga Brani | li.current { |
481 | f8f24db6 | Olga Brani | background:lighten($primary-color,30%); |
482 | f8f24db6 | Olga Brani | cursor: pointer; |
483 | c2c9975a | Olga Brani | |
484 | f8f24db6 | Olga Brani | } |
485 | c2c9975a | Olga Brani | |
486 | e106fc8f | Olga Brani | .jspDrag { |
487 | e106fc8f | Olga Brani | background-color:$primary-color; |
488 | e106fc8f | Olga Brani | } |
489 | e106fc8f | Olga Brani | .jspVerticalBar { |
490 | e106fc8f | Olga Brani | width:10px; |
491 | e106fc8f | Olga Brani | right:4px; |
492 | e106fc8f | Olga Brani | } |
493 | e106fc8f | Olga Brani | .jspTrack { |
494 | e106fc8f | Olga Brani | background:$white; |
495 | ce385b85 | Olga Brani | |
496 | ce385b85 | Olga Brani | border:1px solid $primary-color; |
497 | ce385b85 | Olga Brani | border-top:1px solid lighten($primary-color,20%); |
498 | e106fc8f | Olga Brani | } |
499 | e106fc8f | Olga Brani | |
500 | e106fc8f | Olga Brani | |
501 | 98714f8a | Olga Brani | } |
502 | 98714f8a | Olga Brani | |
503 | 5b2f3030 | Olga Brani | .vms .items-list { |
504 | 98714f8a | Olga Brani | .img { |
505 | 5b2f3030 | Olga Brani | @include sprite('../images/vm-on.png', 56px, 58px); |
506 | 5b2f3030 | Olga Brani | |
507 | 5b2f3030 | Olga Brani | &.stopped { |
508 | 5b2f3030 | Olga Brani | background-image:url('../images/vm-stopped.png'); |
509 | 5b2f3030 | Olga Brani | } |
510 | 5b2f3030 | Olga Brani | .os { |
511 | 5b2f3030 | Olga Brani | @include sprite('../images/os-unknown.png', 22px, 22px); |
512 | 5b2f3030 | Olga Brani | position: absolute; |
513 | 5b2f3030 | Olga Brani | top:8px; |
514 | 5b2f3030 | Olga Brani | left:18px; |
515 | 5b2f3030 | Olga Brani | &.windows { background-image:url('../images/os-windows.png'); } |
516 | 5b2f3030 | Olga Brani | &.kubuntu { background-image:url('../images/os-kubuntu.png'); } |
517 | 5b2f3030 | Olga Brani | &.fedora { background-image:url('../images/os-fedora.png'); } |
518 | 98714f8a | Olga Brani | } |
519 | 5b2f3030 | Olga Brani | |
520 | 5b2f3030 | Olga Brani | } |
521 | 98714f8a | Olga Brani | } |
522 | 98714f8a | Olga Brani | |
523 | 5b2f3030 | Olga Brani | |
524 | 5b2f3030 | Olga Brani | .vm { |
525 | 98714f8a | Olga Brani | .top { |
526 | 98714f8a | Olga Brani | .img { |
527 | 98714f8a | Olga Brani | @include sprite('../images/vm-on.png', 112px, 116px); |
528 | 5b2f3030 | Olga Brani | } |
529 | 5b2f3030 | Olga Brani | &.stopped { |
530 | 5b2f3030 | Olga Brani | background-image:url('../images/vm-stopped.png'); |
531 | 98714f8a | Olga Brani | } |
532 | 98714f8a | Olga Brani | .os { |
533 | 5b2f3030 | Olga Brani | @include sprite('../images/os-unknown.png', 22px, 22px); |
534 | 5b2f3030 | Olga Brani | position: absolute; |
535 | 98714f8a | Olga Brani | background-size:100%; |
536 | 98714f8a | Olga Brani | width:44px; |
537 | 98714f8a | Olga Brani | height:44px; |
538 | 98714f8a | Olga Brani | left:36px; |
539 | 98714f8a | Olga Brani | top:16px; |
540 | 5b2f3030 | Olga Brani | &.windows { background-image:url('../images/os-windows.png'); } |
541 | 5b2f3030 | Olga Brani | &.kubuntu { background-image:url('../images/os-kubuntu.png'); } |
542 | 5b2f3030 | Olga Brani | &.fedora { background-image:url('../images/os-fedora.png'); } |
543 | 5b2f3030 | Olga Brani | } |
544 | 5b2f3030 | Olga Brani | } |
545 | 5b2f3030 | Olga Brani | } |
546 | 5b2f3030 | Olga Brani | |
547 | 5b2f3030 | Olga Brani | .details { |
548 | 5b2f3030 | Olga Brani | position:relative; |
549 | 5b2f3030 | Olga Brani | |
550 | 5b2f3030 | Olga Brani | .top { |
551 | 5b2f3030 | Olga Brani | padding:100px $header-padding-horizontal; |
552 | 5b2f3030 | Olga Brani | text-align: center; |
553 | 5b2f3030 | Olga Brani | .img { |
554 | 5b2f3030 | Olga Brani | background-size:100%; |
555 | 5b2f3030 | Olga Brani | margin-bottom: 20px; |
556 | 5b2f3030 | Olga Brani | position: relative; |
557 | 98714f8a | Olga Brani | } |
558 | 98714f8a | Olga Brani | .actions { |
559 | 98714f8a | Olga Brani | ul { |
560 | 98714f8a | Olga Brani | padding:1em; |
561 | 98714f8a | Olga Brani | text-align:center; |
562 | 98714f8a | Olga Brani | li { |
563 | 98714f8a | Olga Brani | list-style: none outside none; |
564 | 98714f8a | Olga Brani | display: inline-block; |
565 | 98714f8a | Olga Brani | margin:0 10px; |
566 | 98714f8a | Olga Brani | min-width: 112px; |
567 | 98714f8a | Olga Brani | a { |
568 | 2aab17d7 | Olga Brani | @extend .btn1; |
569 | 98714f8a | Olga Brani | } |
570 | 98714f8a | Olga Brani | |
571 | 98714f8a | Olga Brani | } |
572 | 98714f8a | Olga Brani | } |
573 | 98714f8a | Olga Brani | } |
574 | 98714f8a | Olga Brani | |
575 | 98714f8a | Olga Brani | } |
576 | 98714f8a | Olga Brani | .info { |
577 | 98714f8a | Olga Brani | dl { |
578 | 98714f8a | Olga Brani | margin:0; |
579 | 98714f8a | Olga Brani | dt { |
580 | 98714f8a | Olga Brani | display: inline-block; |
581 | 98714f8a | Olga Brani | width:25%; |
582 | 788833c7 | Olga Brani | |
583 | 788833c7 | Olga Brani | } |
584 | 788833c7 | Olga Brani | dd { |
585 | 788833c7 | Olga Brani | width:74%; |
586 | 788833c7 | Olga Brani | display: inline-block; |
587 | 98714f8a | Olga Brani | } |
588 | 98714f8a | Olga Brani | } |
589 | 98714f8a | Olga Brani | } |
590 | f8f24db6 | Olga Brani | .close { |
591 | f8f24db6 | Olga Brani | position: absolute; |
592 | f8f24db6 | Olga Brani | right:$header-padding-horizontal; |
593 | ce385b85 | Olga Brani | top:$header-padding-horizontal+emCalc(43px); |
594 | ce385b85 | Olga Brani | span { |
595 | ce385b85 | Olga Brani | font-size:emCalc(32px); |
596 | ce385b85 | Olga Brani | } |
597 | ce385b85 | Olga Brani | &:hover { |
598 | ce385b85 | Olga Brani | color:$secondary-color; |
599 | ce385b85 | Olga Brani | } |
600 | f8f24db6 | Olga Brani | } |
601 | 98714f8a | Olga Brani | } |
602 | 98714f8a | Olga Brani | |
603 | 5b2f3030 | Olga Brani | |
604 | 5b2f3030 | Olga Brani | |
605 | 5b2f3030 | Olga Brani | |
606 | 5b2f3030 | Olga Brani | |
607 | 98714f8a | Olga Brani | .border-bottom-style1 { |
608 | 98714f8a | Olga Brani | padding-bottom:20px; |
609 | 98714f8a | Olga Brani | margin-bottom:20px; |
610 | c2c9975a | Olga Brani | border-bottom:1px dashed $primary-color; |
611 | 2d47196d | Olga Brani | } |
612 | 2d47196d | Olga Brani | |
613 | 2d47196d | Olga Brani | .overlay { |
614 | 2d47196d | Olga Brani | background:$secondary-color; |
615 | c2c9975a | Olga Brani | position: relative; |
616 | ce385b85 | Olga Brani | z-index:10; |
617 | 2d47196d | Olga Brani | .lt-sidebar { |
618 | 2d47196d | Olga Brani | border-right:1px solid $white; |
619 | 2d47196d | Olga Brani | ul { |
620 | 2d47196d | Olga Brani | li { |
621 | 2d47196d | Olga Brani | list-style:none outside none; |
622 | 2d47196d | Olga Brani | a { |
623 | 2aab17d7 | Olga Brani | color:$white; |
624 | 2d47196d | Olga Brani | span { float:right; display:none;} |
625 | 2d47196d | Olga Brani | &:hover, |
626 | 2d47196d | Olga Brani | &.current { |
627 | 2d47196d | Olga Brani | |
628 | 2d47196d | Olga Brani | text-decoration: none; |
629 | 2d47196d | Olga Brani | span { |
630 | 2d47196d | Olga Brani | display:inline; |
631 | 2d47196d | Olga Brani | } |
632 | 2d47196d | Olga Brani | } |
633 | 2d47196d | Olga Brani | } |
634 | f8f24db6 | Olga Brani | |
635 | 2d47196d | Olga Brani | } |
636 | 2d47196d | Olga Brani | } |
637 | 2aab17d7 | Olga Brani | |
638 | 2d47196d | Olga Brani | } |
639 | 2d47196d | Olga Brani | .lt-sidebar, |
640 | 2d47196d | Olga Brani | .main { |
641 | 2d47196d | Olga Brani | padding:100px $header-padding-horizontal; |
642 | f8f24db6 | Olga Brani | position:relative; |
643 | 2d47196d | Olga Brani | } |
644 | 2aab17d7 | Olga Brani | .navigation { |
645 | 2aab17d7 | Olga Brani | .rt { |
646 | 2aab17d7 | Olga Brani | float:right; |
647 | 2aab17d7 | Olga Brani | } |
648 | 2aab17d7 | Olga Brani | } |
649 | f8f24db6 | Olga Brani | .close { |
650 | f8f24db6 | Olga Brani | position: absolute; |
651 | f8f24db6 | Olga Brani | right:$header-padding-horizontal; |
652 | f8f24db6 | Olga Brani | top:50px; |
653 | f8f24db6 | Olga Brani | @include sprite('../images/info-close.png', 31px, 30px); |
654 | f8f24db6 | Olga Brani | } |
655 | 2d47196d | Olga Brani | } |
656 | 2d47196d | Olga Brani | |
657 | 2d47196d | Olga Brani | .create-vm { |
658 | 2d47196d | Olga Brani | .select-os { |
659 | 2d47196d | Olga Brani | li { |
660 | 2d47196d | Olga Brani | width:23%; |
661 | 2d47196d | Olga Brani | padding:20px; |
662 | 2d47196d | Olga Brani | list-style:none outside none; |
663 | 2d47196d | Olga Brani | display: inline-block; |
664 | 2d47196d | Olga Brani | float: left; |
665 | 2aab17d7 | Olga Brani | height: 200px; |
666 | 2d47196d | Olga Brani | margin:0 10px 10px 0; |
667 | 2d47196d | Olga Brani | &:hover, |
668 | 2d47196d | Olga Brani | &.selected { |
669 | 2d47196d | Olga Brani | background:$white; |
670 | 2d47196d | Olga Brani | h2, p, a { |
671 | 2d47196d | Olga Brani | color:$secondary-color; |
672 | 2d47196d | Olga Brani | } |
673 | 2d47196d | Olga Brani | } |
674 | 2aab17d7 | Olga Brani | a { |
675 | 2aab17d7 | Olga Brani | color:$white; |
676 | 2aab17d7 | Olga Brani | } |
677 | 2d47196d | Olga Brani | .os { |
678 | 2d47196d | Olga Brani | @include sprite('../images/os-unknown.png', 30px, 30px); |
679 | 2d47196d | Olga Brani | background-size:100%; |
680 | 2d47196d | Olga Brani | margin-bottom:2em; |
681 | 2d47196d | Olga Brani | &.windows { background-image:url('../images/os-windows.png'); } |
682 | 2d47196d | Olga Brani | &.kubuntu { background-image:url('../images/os-kubuntu.png'); } |
683 | 2d47196d | Olga Brani | &.fedora { background-image:url('../images/os-fedora.png'); } |
684 | 2d47196d | Olga Brani | } |
685 | 2d47196d | Olga Brani | h2 { |
686 | 2d47196d | Olga Brani | font-size:emCalc(16px); |
687 | 2d47196d | Olga Brani | font-weight:normal; |
688 | 2d47196d | Olga Brani | color:$white; |
689 | 2d47196d | Olga Brani | } |
690 | 2d47196d | Olga Brani | .details { |
691 | 2d47196d | Olga Brani | font-weight:bold; |
692 | 2d47196d | Olga Brani | font-size:emCalc(14px); |
693 | 2d47196d | Olga Brani | } |
694 | 2d47196d | Olga Brani | } |
695 | 2d47196d | Olga Brani | } |
696 | 2aab17d7 | Olga Brani | .select-flavor { |
697 | 2aab17d7 | Olga Brani | dl { |
698 | 2d47196d | Olga Brani | color:$white; |
699 | 2aab17d7 | Olga Brani | font-size:emCalc(20px); |
700 | 2aab17d7 | Olga Brani | margin-bottom:10px; |
701 | 2aab17d7 | Olga Brani | dd { |
702 | 2aab17d7 | Olga Brani | width:23%; |
703 | 2aab17d7 | Olga Brani | display: inline-block; |
704 | 2aab17d7 | Olga Brani | } |
705 | 2aab17d7 | Olga Brani | dt { |
706 | 2aab17d7 | Olga Brani | width:70%; |
707 | 2aab17d7 | Olga Brani | display: inline-block; |
708 | 2aab17d7 | Olga Brani | font-weight: normal; |
709 | 2aab17d7 | Olga Brani | span { |
710 | 2aab17d7 | Olga Brani | @extend .btn3; |
711 | 2aab17d7 | Olga Brani | min-width: 90px; |
712 | 2aab17d7 | Olga Brani | margin:0 10px; |
713 | 2aab17d7 | Olga Brani | &:first-child { |
714 | 2aab17d7 | Olga Brani | margin-left:0; |
715 | 2aab17d7 | Olga Brani | } |
716 | 2aab17d7 | Olga Brani | } |
717 | 2aab17d7 | Olga Brani | } |
718 | 2d47196d | Olga Brani | } |
719 | 2d47196d | Olga Brani | } |
720 | 2aab17d7 | Olga Brani | } |
721 | 2aab17d7 | Olga Brani | |
722 | 5e62e9c1 | Olga Brani | #vm-connect { |
723 | 5e62e9c1 | Olga Brani | .info { |
724 | 5e62e9c1 | Olga Brani | font-style:italic; |
725 | 5e62e9c1 | Olga Brani | font-size:emCalc(13px); |
726 | 5e62e9c1 | Olga Brani | color: lighten($primary-color,5%); |
727 | 5e62e9c1 | Olga Brani | } |
728 | 5e62e9c1 | Olga Brani | .ssh { |
729 | 5e62e9c1 | Olga Brani | text-align: center; |
730 | 5e62e9c1 | Olga Brani | span { |
731 | 5e62e9c1 | Olga Brani | padding: 10px 30px; |
732 | 5e62e9c1 | Olga Brani | background:$secondary-color; |
733 | 5e62e9c1 | Olga Brani | color:$white; |
734 | 5e62e9c1 | Olga Brani | } |
735 | 5e62e9c1 | Olga Brani | } |
736 | 5e62e9c1 | Olga Brani | } |
737 | 5e62e9c1 | Olga Brani | |
738 | ce385b85 | Olga Brani | |
739 | ce385b85 | Olga Brani | .reveal-modal { |
740 | 6e3d008c | Olga Brani | h3 { |
741 | 6e3d008c | Olga Brani | font-size:1em; |
742 | 6e3d008c | Olga Brani | } |
743 | 09566b56 | Olga Brani | a { |
744 | 09566b56 | Olga Brani | color: $secondary-color; |
745 | 09566b56 | Olga Brani | &:hover { |
746 | 09566b56 | Olga Brani | text-decoration: underline; |
747 | 09566b56 | Olga Brani | } |
748 | 09566b56 | Olga Brani | &.close-reveal-modal:hover { |
749 | 09566b56 | Olga Brani | text-decoration: none; |
750 | 09566b56 | Olga Brani | color:$secondary-color; |
751 | 09566b56 | Olga Brani | } |
752 | 09566b56 | Olga Brani | } |
753 | ce385b85 | Olga Brani | } |
754 | 788833c7 | Olga Brani | |
755 | ce385b85 | Olga Brani | |
756 | ce385b85 | Olga Brani | // custom modal with opaque overlay |
757 | ce385b85 | Olga Brani | .reveal-custom { |
758 | ce385b85 | Olga Brani | position: absolute; |
759 | ce385b85 | Olga Brani | top:100px; |
760 | ce385b85 | Olga Brani | left:25%; |
761 | ce385b85 | Olga Brani | z-index:99; |
762 | ce385b85 | Olga Brani | background:yellow; |
763 | ce385b85 | Olga Brani | width:50%; |
764 | ce385b85 | Olga Brani | display:none; |
765 | ce385b85 | Olga Brani | } |
766 | ce385b85 | Olga Brani | |
767 | 788833c7 | Olga Brani | |
768 | 788833c7 | Olga Brani | .details dl { |
769 | 788833c7 | Olga Brani | .editable { |
770 | 788833c7 | Olga Brani | position: relative; |
771 | 788833c7 | Olga Brani | .input-txt { |
772 | 09566b56 | Olga Brani | display: inline-block; |
773 | 9569cdc8 | Olga Brani | margin-right: 6px; |
774 | 788833c7 | Olga Brani | } |
775 | 788833c7 | Olga Brani | .editbuttons { |
776 | 09566b56 | Olga Brani | display: inline-block; |
777 | 788833c7 | Olga Brani | a { |
778 | 9569cdc8 | Olga Brani | margin-right: 6px; |
779 | 788833c7 | Olga Brani | &.save, |
780 | 788833c7 | Olga Brani | &.cancel { |
781 | 788833c7 | Olga Brani | |
782 | 788833c7 | Olga Brani | } |
783 | 788833c7 | Olga Brani | &:hover { |
784 | 788833c7 | Olga Brani | |
785 | 788833c7 | Olga Brani | } |
786 | 788833c7 | Olga Brani | |
787 | 788833c7 | Olga Brani | } |
788 | 788833c7 | Olga Brani | } |
789 | 788833c7 | Olga Brani | input[type="text"] { |
790 | 788833c7 | Olga Brani | position:relative; |
791 | 788833c7 | Olga Brani | height: 25px; |
792 | 788833c7 | Olga Brani | width:298px; |
793 | 788833c7 | Olga Brani | padding:0 10px; |
794 | 788833c7 | Olga Brani | font-size:inherit; |
795 | 788833c7 | Olga Brani | margin:0; |
796 | 788833c7 | Olga Brani | left:-11px; |
797 | 788833c7 | Olga Brani | top:-1px; |
798 | 788833c7 | Olga Brani | } |
799 | 788833c7 | Olga Brani | |
800 | 788833c7 | Olga Brani | } |
801 | 788833c7 | Olga Brani | |
802 | 788833c7 | Olga Brani | } |
803 | 788833c7 | Olga Brani | .editable { |
804 | 788833c7 | Olga Brani | .editbuttons { |
805 | 788833c7 | Olga Brani | a { |
806 | 788833c7 | Olga Brani | color: $secondary-color; |
807 | 788833c7 | Olga Brani | &.save, |
808 | 788833c7 | Olga Brani | &.cancel { display: none; } |
809 | 788833c7 | Olga Brani | &:hover { |
810 | 788833c7 | Olga Brani | color:$primary-color; |
811 | 788833c7 | Olga Brani | } |
812 | 788833c7 | Olga Brani | |
813 | 788833c7 | Olga Brani | } |
814 | 788833c7 | Olga Brani | } |
815 | 788833c7 | Olga Brani | input[type="text"] { |
816 | 788833c7 | Olga Brani | display: none; |
817 | 788833c7 | Olga Brani | } |
818 | 788833c7 | Olga Brani | } |
819 | 788833c7 | Olga Brani | |
820 | 9569cdc8 | Olga Brani | .storage { |
821 | 9569cdc8 | Olga Brani | padding:45px 0; |
822 | 9569cdc8 | Olga Brani | position:relative; |
823 | 9569cdc8 | Olga Brani | .lt-sidebar { |
824 | 9569cdc8 | Olga Brani | font-size: 1em; |
825 | 9569cdc8 | Olga Brani | padding:0 20px 40px 40px; |
826 | 9569cdc8 | Olga Brani | .sidenav { |
827 | 9569cdc8 | Olga Brani | font-size: inherit; |
828 | 9569cdc8 | Olga Brani | } |
829 | 9569cdc8 | Olga Brani | ul { |
830 | 9569cdc8 | Olga Brani | list-style: none outside none; |
831 | 9569cdc8 | Olga Brani | li { |
832 | 9569cdc8 | Olga Brani | padding:5px 0; |
833 | 9569cdc8 | Olga Brani | &:hover { |
834 | 9569cdc8 | Olga Brani | background: transparent; |
835 | 9569cdc8 | Olga Brani | &>a { |
836 | 9569cdc8 | Olga Brani | color:$secondary-color; |
837 | 9569cdc8 | Olga Brani | &+span { |
838 | 9569cdc8 | Olga Brani | display: inline; |
839 | 9569cdc8 | Olga Brani | } |
840 | 9569cdc8 | Olga Brani | } |
841 | 9569cdc8 | Olga Brani | } |
842 | 9569cdc8 | Olga Brani | span { |
843 | 9569cdc8 | Olga Brani | float:right; |
844 | 9569cdc8 | Olga Brani | color:$secondary-color; |
845 | 9569cdc8 | Olga Brani | display: none; |
846 | 9569cdc8 | Olga Brani | } |
847 | 9569cdc8 | Olga Brani | |
848 | 9569cdc8 | Olga Brani | } |
849 | 9569cdc8 | Olga Brani | } |
850 | 9569cdc8 | Olga Brani | } |
851 | 9569cdc8 | Olga Brani | .files { |
852 | 9569cdc8 | Olga Brani | margin:1em 0; |
853 | 9569cdc8 | Olga Brani | padding:0; |
854 | 9569cdc8 | Olga Brani | list-style: none outside none; |
855 | 9569cdc8 | Olga Brani | li { |
856 | 9569cdc8 | Olga Brani | list-style:none outside none; |
857 | 9569cdc8 | Olga Brani | clear: left; |
858 | 9569cdc8 | Olga Brani | padding:10px 20px; |
859 | 9569cdc8 | Olga Brani | border:1px solid transparent; |
860 | 9569cdc8 | Olga Brani | @extend .clearfix; |
861 | 846f5913 | Olga Brani | text-align: left; |
862 | 342fa48b | Olga Brani | font-weight: normal; |
863 | 9569cdc8 | Olga Brani | .name-col { |
864 | 9569cdc8 | Olga Brani | float:left; |
865 | 9569cdc8 | Olga Brani | width:35%; |
866 | 9569cdc8 | Olga Brani | padding-left:50px; |
867 | 9569cdc8 | Olga Brani | &.folder { background:url(../images/icon-folder.png) no-repeat left center; } |
868 | 9569cdc8 | Olga Brani | &.txt { background:url(../images/icon-txt.png) no-repeat left center; } |
869 | 9569cdc8 | Olga Brani | &.pdf { background:url(../images/icon-pdf.png) no-repeat left center; } |
870 | 342fa48b | Olga Brani | &.image { background:url(../images/icon-image.png) no-repeat left center; } |
871 | 342fa48b | Olga Brani | font-weight: normal; |
872 | 9569cdc8 | Olga Brani | } |
873 | 9569cdc8 | Olga Brani | .size-col { |
874 | 9569cdc8 | Olga Brani | float:left; |
875 | 9569cdc8 | Olga Brani | width:10%; |
876 | 9569cdc8 | Olga Brani | } |
877 | 9569cdc8 | Olga Brani | .date-col { |
878 | 9569cdc8 | Olga Brani | float:left; |
879 | 9569cdc8 | Olga Brani | width:20%; |
880 | 9569cdc8 | Olga Brani | } |
881 | 9569cdc8 | Olga Brani | .actions-col { |
882 | 9569cdc8 | Olga Brani | float:left; |
883 | 9569cdc8 | Olga Brani | width:30%; |
884 | 9569cdc8 | Olga Brani | visibility: hidden; |
885 | 9569cdc8 | Olga Brani | |
886 | 9569cdc8 | Olga Brani | a { |
887 | 9569cdc8 | Olga Brani | color: $secondary-color; |
888 | 9569cdc8 | Olga Brani | margin-right: 10px; |
889 | 9569cdc8 | Olga Brani | &:hover { color:$primary-color;} |
890 | 9569cdc8 | Olga Brani | |
891 | 9569cdc8 | Olga Brani | } |
892 | 9569cdc8 | Olga Brani | } |
893 | 9569cdc8 | Olga Brani | &:hover { |
894 | 9569cdc8 | Olga Brani | border-color:$secondary-color; |
895 | 9569cdc8 | Olga Brani | .actions-col { visibility:visible;} |
896 | 9569cdc8 | Olga Brani | } |
897 | 9569cdc8 | Olga Brani | &.titles { |
898 | 9569cdc8 | Olga Brani | color:$primary-color; |
899 | 9569cdc8 | Olga Brani | .name-col { padding-left:0; } |
900 | 9569cdc8 | Olga Brani | &:hover { |
901 | 9569cdc8 | Olga Brani | border-color:transparent; |
902 | 9569cdc8 | Olga Brani | } |
903 | 9569cdc8 | Olga Brani | } |
904 | 9569cdc8 | Olga Brani | } |
905 | 9569cdc8 | Olga Brani | } |
906 | 9569cdc8 | Olga Brani | .breadcrumbs { |
907 | 9569cdc8 | Olga Brani | li:first-child { |
908 | 9569cdc8 | Olga Brani | font-weight:bold; |
909 | 9569cdc8 | Olga Brani | a { |
910 | 9569cdc8 | Olga Brani | color:$black; |
911 | 9569cdc8 | Olga Brani | &:hover { |
912 | 9569cdc8 | Olga Brani | color:$secondary-color; |
913 | 9569cdc8 | Olga Brani | } |
914 | 9569cdc8 | Olga Brani | } |
915 | 9569cdc8 | Olga Brani | } |
916 | 9569cdc8 | Olga Brani | a:hover { |
917 | 9569cdc8 | Olga Brani | color: $secondary-color; |
918 | 9569cdc8 | Olga Brani | } |
919 | 9569cdc8 | Olga Brani | } |
920 | 9569cdc8 | Olga Brani | } |
921 | 9569cdc8 | Olga Brani | |
922 | 9569cdc8 | Olga Brani | .progress-bar { |
923 | 9569cdc8 | Olga Brani | position: fixed; |
924 | 9569cdc8 | Olga Brani | bottom:0; |
925 | 9569cdc8 | Olga Brani | left:0; |
926 | 9569cdc8 | Olga Brani | border-top:1px solid $secondary-color; |
927 | 9569cdc8 | Olga Brani | width:100%; |
928 | 9569cdc8 | Olga Brani | background:#fff; |
929 | 9569cdc8 | Olga Brani | padding:20px 0 20px 310px; |
930 | 9569cdc8 | Olga Brani | color:$primary-color; |
931 | 9569cdc8 | Olga Brani | span.counter { |
932 | 9569cdc8 | Olga Brani | display: inline-block; |
933 | 9569cdc8 | Olga Brani | margin-right:20px; |
934 | 9569cdc8 | Olga Brani | float:left; |
935 | 9569cdc8 | Olga Brani | } |
936 | 9569cdc8 | Olga Brani | a:hover { |
937 | 9569cdc8 | Olga Brani | color:$secondary-color; |
938 | 9569cdc8 | Olga Brani | } |
939 | 9569cdc8 | Olga Brani | div.progress-wrap { |
940 | 9569cdc8 | Olga Brani | display:inline-block; |
941 | 9569cdc8 | Olga Brani | float:left; |
942 | 9569cdc8 | Olga Brani | width:40%; |
943 | 9569cdc8 | Olga Brani | margin-right:60px; |
944 | 9569cdc8 | Olga Brani | .progress { |
945 | 9569cdc8 | Olga Brani | position: relative; |
946 | 9569cdc8 | Olga Brani | top:2px; |
947 | 9569cdc8 | Olga Brani | } |
948 | 9569cdc8 | Olga Brani | } |
949 | 9569cdc8 | Olga Brani | span.more { |
950 | 9569cdc8 | Olga Brani | display: inline-block; |
951 | 9569cdc8 | Olga Brani | } |
952 | 9569cdc8 | Olga Brani | } |
953 | 9569cdc8 | Olga Brani | |
954 | 9569cdc8 | Olga Brani | .overlay-wrapper { |
955 | 9569cdc8 | Olga Brani | position: relative; |
956 | 9569cdc8 | Olga Brani | |
957 | 9569cdc8 | Olga Brani | .overlay-area { |
958 | 9569cdc8 | Olga Brani | display:none; |
959 | 9569cdc8 | Olga Brani | position:absolute; |
960 | 9569cdc8 | Olga Brani | left:0; |
961 | 9569cdc8 | Olga Brani | right:0; |
962 | 9569cdc8 | Olga Brani | top:0; |
963 | 9569cdc8 | Olga Brani | width:100%; |
964 | 9569cdc8 | Olga Brani | height:100%; |
965 | 9569cdc8 | Olga Brani | background:$secondary-color; |
966 | 9569cdc8 | Olga Brani | z-index:20; |
967 | 9569cdc8 | Olga Brani | } |
968 | 9569cdc8 | Olga Brani | .close { |
969 | 9569cdc8 | Olga Brani | position: absolute; |
970 | 9569cdc8 | Olga Brani | right:$header-padding-horizontal; |
971 | 9569cdc8 | Olga Brani | top:50px; |
972 | 9569cdc8 | Olga Brani | @include sprite('../images/info-close.png', 31px, 30px); |
973 | 9569cdc8 | Olga Brani | } |
974 | 9569cdc8 | Olga Brani | .overlay-div { |
975 | 9569cdc8 | Olga Brani | display: none; |
976 | 9569cdc8 | Olga Brani | z-index:100; |
977 | 9569cdc8 | Olga Brani | position: relative; |
978 | 9569cdc8 | Olga Brani | } |
979 | 9569cdc8 | Olga Brani | } |
980 | 9569cdc8 | Olga Brani | |
981 | 9569cdc8 | Olga Brani | .upload-widget { |
982 | 9569cdc8 | Olga Brani | padding:45px 0; |
983 | 182f3fe2 | Olga Brani | width:80%; |
984 | 9569cdc8 | Olga Brani | border:1px solid white; |
985 | 9569cdc8 | Olga Brani | margin:50px auto; |
986 | 9569cdc8 | Olga Brani | text-align:center; |
987 | 9569cdc8 | Olga Brani | h2, a{ |
988 | 9569cdc8 | Olga Brani | color:#fff; |
989 | 9569cdc8 | Olga Brani | } |
990 | 9569cdc8 | Olga Brani | .btns { |
991 | 9569cdc8 | Olga Brani | a { |
992 | 9569cdc8 | Olga Brani | @extend .btn3; |
993 | 9569cdc8 | Olga Brani | margin:0 10px; |
994 | 9569cdc8 | Olga Brani | } |
995 | 9569cdc8 | Olga Brani | } |
996 | 9569cdc8 | Olga Brani | .breadcrumbs { |
997 | 9569cdc8 | Olga Brani | *, & > *:before ,li a:first-child, a:hover, li a:first-child:hover { |
998 | 9569cdc8 | Olga Brani | color:#fff; |
999 | 9569cdc8 | Olga Brani | } |
1000 | 9569cdc8 | Olga Brani | a:hover { |
1001 | 9569cdc8 | Olga Brani | text-decoration:underline; |
1002 | 9569cdc8 | Olga Brani | } |
1003 | 9569cdc8 | Olga Brani | |
1004 | 9569cdc8 | Olga Brani | display: inline-block; |
1005 | 9569cdc8 | Olga Brani | } |
1006 | 9569cdc8 | Olga Brani | } |
1007 | 9569cdc8 | Olga Brani | |
1008 | 846f5913 | Olga Brani | |
1009 | 846f5913 | Olga Brani | .dz-success-mark, .dz-error-mark, .dz-error-message { |
1010 | 846f5913 | Olga Brani | display: none; |
1011 | 846f5913 | Olga Brani | |
1012 | 182f3fe2 | Olga Brani | } |
1013 | 182f3fe2 | Olga Brani | |
1014 | 182f3fe2 | Olga Brani | |
1015 | 65814c28 | Olga Brani | .onecol { |
1016 | 65814c28 | Olga Brani | max-width:$row-width; |
1017 | 65814c28 | Olga Brani | margin:0 auto; |
1018 | 65814c28 | Olga Brani | } |
1019 | 65814c28 | Olga Brani | |
1020 | 65814c28 | Olga Brani | @media #{$entities-large} { |
1021 | 65814c28 | Olga Brani | .entities { |
1022 | 65814c28 | Olga Brani | .items-list { |
1023 | 65814c28 | Olga Brani | @include block-grid(4, 20px, true); |
1024 | 65814c28 | Olga Brani | } |
1025 | 65814c28 | Olga Brani | } |
1026 | 65814c28 | Olga Brani | } |
1027 | 9569cdc8 | Olga Brani |