root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _overlays.scss @ eda4930e
History | View | Annotate | Download (3.3 kB)
1 | ca3c8b6e | Athina Bekakou | /* |
---|---|---|---|
2 | 673ea014 | Olga Brani | |
3 | 15948f00 | Olga Brani | Overlays (Todo: clean up) |
4 | 15948f00 | Olga Brani | |
5 | 15948f00 | Olga Brani | */ |
6 | bb8cc1dc | Olga Brani | body.with-overlay { |
7 | ceaaa3be | Olga Brani | background:$overlay-bg-color; |
8 | 2469dab6 | Olga Brani | .main { |
9 | 2469dab6 | Olga Brani | opacity:0; |
10 | 2469dab6 | Olga Brani | } |
11 | bb8cc1dc | Olga Brani | } |
12 | 673ea014 | Olga Brani | |
13 | 673ea014 | Olga Brani | |
14 | f50cc12b | Olga Brani | .body-wrapper { |
15 | 3fba84bf | Olga Brani | position: relative; |
16 | 96e40ea0 | Olga Brani | left:0; |
17 | 96e40ea0 | Olga Brani | top:0; |
18 | 6e73603a | Athina Bekakou | .welcome { |
19 | 3fba84bf | Olga Brani | display:none; |
20 | 17ce081a | Olga Brani | } |
21 | 1fda8642 | Olga Brani | &.no-vm { |
22 | 1fda8642 | Olga Brani | background:url(../images/draw-welcome.png) no-repeat center 50px $secondary-color; |
23 | 1fda8642 | Olga Brani | .welcome { |
24 | 1fda8642 | Olga Brani | display:none; |
25 | 1fda8642 | Olga Brani | color:#fff; |
26 | 1fda8642 | Olga Brani | text-align:center; |
27 | 1fda8642 | Olga Brani | position: relative; |
28 | 1fda8642 | Olga Brani | top:-15px; |
29 | 1fda8642 | Olga Brani | left:75px; |
30 | 1fda8642 | Olga Brani | display:block; |
31 | 3fba84bf | Olga Brani | } |
32 | 1fda8642 | Olga Brani | } |
33 | 1fda8642 | Olga Brani | .reveal-modal { |
34 | 1fda8642 | Olga Brani | padding:65px 140px 40px; |
35 | 1fda8642 | Olga Brani | h3 { |
36 | 1fda8642 | Olga Brani | font-size:1em; |
37 | 1fda8642 | Olga Brani | } |
38 | 1fda8642 | Olga Brani | p { |
39 | 1fda8642 | Olga Brani | color: white; |
40 | 1fda8642 | Olga Brani | text-align: center; |
41 | 1fda8642 | Olga Brani | &.message-forimg { |
42 | 1fda8642 | Olga Brani | margin-top:132px; |
43 | 1fda8642 | Olga Brani | margin-bottom: 35px; // 20px from background icon |
44 | 1fda8642 | Olga Brani | } |
45 | 1fda8642 | Olga Brani | &.buttons { |
46 | 1fda8642 | Olga Brani | a:first-child { |
47 | 1fda8642 | Olga Brani | margin-right:25px; |
48 | 937c0d49 | Athina Bekakou | } |
49 | 1fda8642 | Olga Brani | } |
50 | 1fda8642 | Olga Brani | } |
51 | 1fda8642 | Olga Brani | &#start-confirm { |
52 | 1fda8642 | Olga Brani | background: $secondary-color url('../images/shutdown.png') no-repeat center 50px; //55px from top |
53 | 1fda8642 | Olga Brani | } |
54 | 1fda8642 | Olga Brani | &#reboot-confirm { |
55 | 1fda8642 | Olga Brani | background: #ff7049 url('../images/restart.png') no-repeat center 50px; |
56 | 1fda8642 | Olga Brani | } |
57 | 1fda8642 | Olga Brani | &#shutdown-confirm { |
58 | 75b6a8c9 | Olga Brani | background: #ff7049 url('../images/shutdown.png') no-repeat center 50px; //55px from top |
59 | 1fda8642 | Olga Brani | } |
60 | 1fda8642 | Olga Brani | &#destroy-vm-confirm { |
61 | 75b6a8c9 | Olga Brani | background: #d7145a url('../images/destroy-vm.png') no-repeat center 46px; //55px from top |
62 | 1fda8642 | Olga Brani | } |
63 | 1fda8642 | Olga Brani | &#destroy-network-confirm { |
64 | 1fda8642 | Olga Brani | background: #d7145a url('../images/destroy-network-1.png') no-repeat center 50px; //55px from top |
65 | 1fda8642 | Olga Brani | } |
66 | 1fda8642 | Olga Brani | &#destroy-disk-confirm { |
67 | 1fda8642 | Olga Brani | background: #d7145a url('../images/destroy-disk.png') no-repeat center 50px; //55px from top |
68 | 1fda8642 | Olga Brani | } |
69 | 112e5dd2 | Athina Bekakou | &#vm-connect, &.remove { |
70 | 1fda8642 | Olga Brani | p { |
71 | 1fda8642 | Olga Brani | text-align:left; |
72 | 1fda8642 | Olga Brani | color: black; |
73 | 1fda8642 | Olga Brani | &.info { |
74 | 1fda8642 | Olga Brani | font-style: italic; |
75 | 261ac841 | Olga Brani | font-size:emCalc(13px); |
76 | 1fda8642 | Olga Brani | color: #9e9ea1; |
77 | 4e7c16f1 | Olga Brani | } |
78 | 1fda8642 | Olga Brani | &.ssh { |
79 | 1fda8642 | Olga Brani | text-align: center; |
80 | 1fda8642 | Olga Brani | span { |
81 | 1fda8642 | Olga Brani | display: inline; |
82 | 261ac841 | Olga Brani | padding: 10px 30px; |
83 | 261ac841 | Olga Brani | background:$secondary-color; |
84 | 261ac841 | Olga Brani | color:#fff; |
85 | 353b022b | Olga Brani | } |
86 | 353b022b | Olga Brani | } |
87 | 112e5dd2 | Athina Bekakou | &.buttons { |
88 | 112e5dd2 | Athina Bekakou | text-align: center; |
89 | 112e5dd2 | Athina Bekakou | } |
90 | 3fba84bf | Olga Brani | } |
91 | 1fda8642 | Olga Brani | .close-reveal-modal { |
92 | 1fda8642 | Olga Brani | color: $link-color; |
93 | 1fda8642 | Olga Brani | &:hover { |
94 | 1fda8642 | Olga Brani | color: $link-color-hover; |
95 | 1fda8642 | Olga Brani | } |
96 | 1fda8642 | Olga Brani | } |
97 | 3fba84bf | Olga Brani | } |
98 | 3fba84bf | Olga Brani | } |
99 | 6e73603a | Athina Bekakou | .overlay-area-custom { |
100 | 6e73603a | Athina Bekakou | display:none; |
101 | 6e73603a | Athina Bekakou | position:absolute; |
102 | 6e73603a | Athina Bekakou | left:0; |
103 | 6e73603a | Athina Bekakou | right:0; |
104 | 6e73603a | Athina Bekakou | top:-$bar-height; |
105 | 6e73603a | Athina Bekakou | width:100%; |
106 | 6e73603a | Athina Bekakou | height:100%; |
107 | ceaaa3be | Olga Brani | background:$overlay-bg-color; |
108 | 6e73603a | Athina Bekakou | z-index:20; |
109 | 6e73603a | Athina Bekakou | .overlay-div { |
110 | 6e73603a | Athina Bekakou | display: none; |
111 | 6e73603a | Athina Bekakou | z-index:50; |
112 | 6e73603a | Athina Bekakou | position: relative; |
113 | 6e73603a | Athina Bekakou | background:#fff; |
114 | 6e73603a | Athina Bekakou | top:20%; |
115 | 6e73603a | Athina Bekakou | left:25%; |
116 | 6e73603a | Athina Bekakou | width:50%; |
117 | 6e73603a | Athina Bekakou | padding:25px; |
118 | 6e73603a | Athina Bekakou | .buttons { |
119 | 6e73603a | Athina Bekakou | a { |
120 | 6e73603a | Athina Bekakou | margin-right:20px; |
121 | 3fba84bf | Olga Brani | } |
122 | 3fba84bf | Olga Brani | } |
123 | 6e73603a | Athina Bekakou | .close { |
124 | 6e73603a | Athina Bekakou | float:right; |
125 | 6e73603a | Athina Bekakou | font-size:30px; |
126 | e11021ca | Athina Bekakou | } |
127 | 6e73603a | Athina Bekakou | &.upload-widget { |
128 | 6e73603a | Athina Bekakou | background:transparent; |
129 | 6e73603a | Athina Bekakou | padding:45px 0; |
130 | 6e73603a | Athina Bekakou | width:80%; |
131 | 6e73603a | Athina Bekakou | left:10%; |
132 | 6e73603a | Athina Bekakou | border:1px solid white; |
133 | 6e73603a | Athina Bekakou | } |
134 | 3ed3ef88 | Athina Bekakou | } // end of .overlay-div |
135 | 6e73603a | Athina Bekakou | } |
136 | e11021ca | Athina Bekakou | |
137 | e5c8c342 | Olga Brani | } |
138 | 03bcb595 | Olga Brani | |
139 | 8e94f2a9 | Athina Bekakou | .communication-error { |
140 | 8e94f2a9 | Athina Bekakou | // display: none; |
141 | 8e94f2a9 | Athina Bekakou | background-color: $error-color; |
142 | 8e94f2a9 | Athina Bekakou | color: $wizard-base-font-color; |
143 | 8e94f2a9 | Athina Bekakou | position: fixed; |
144 | aafd8478 | Athina Bekakou | bottom: -151px; |
145 | aafd8478 | Athina Bekakou | left: 0px; |
146 | 8e94f2a9 | Athina Bekakou | width: 100%; |
147 | 8e94f2a9 | Athina Bekakou | padding-top: 30px; |
148 | 8e94f2a9 | Athina Bekakou | padding-bottom: 15px; |
149 | aafd8478 | Athina Bekakou | z-index: 10; |
150 | 8e94f2a9 | Athina Bekakou | p { |
151 | 8e94f2a9 | Athina Bekakou | text-align: center; |
152 | 8e94f2a9 | Athina Bekakou | line-height: 2em; |
153 | 8e94f2a9 | Athina Bekakou | margin: 0 auto; |
154 | 8e94f2a9 | Athina Bekakou | max-width: 800px; |
155 | 8e94f2a9 | Athina Bekakou | &.buttons { |
156 | 8e94f2a9 | Athina Bekakou | margin-top:10px; |
157 | 8e94f2a9 | Athina Bekakou | a:not(:first-child) { |
158 | 8e94f2a9 | Athina Bekakou | margin-left: 15px; |
159 | 8e94f2a9 | Athina Bekakou | } |
160 | 8e94f2a9 | Athina Bekakou | } |
161 | 8e94f2a9 | Athina Bekakou | } |
162 | 8e94f2a9 | Athina Bekakou | } |
163 | 6e73603a | Athina Bekakou | |
164 | 05689a8e | Olga Brani | /* Responive ------------------------------------------------ */ |
165 | 05689a8e | Olga Brani | @media only screen and (max-width: $small-mobile) { |
166 | 05689a8e | Olga Brani | } |
167 | 05689a8e | Olga Brani | |
168 | 05689a8e | Olga Brani | @media only screen and (max-width: $small-screen) { |
169 | ca3c8b6e | Athina Bekakou | .wizard { |
170 | ca3c8b6e | Athina Bekakou | .top { |
171 | ca3c8b6e | Athina Bekakou | position: static; |
172 | ca3c8b6e | Athina Bekakou | } |
173 | ca3c8b6e | Athina Bekakou | .middle { |
174 | ca3c8b6e | Athina Bekakou | padding-top:0; |
175 | ca3c8b6e | Athina Bekakou | } |
176 | ca3c8b6e | Athina Bekakou | } |
177 | f50cc12b | Olga Brani | .body-wrapper { |
178 | ca3c8b6e | Athina Bekakou | .overlay-area { |
179 | ca3c8b6e | Athina Bekakou | top:0; |
180 | ca3c8b6e | Athina Bekakou | } |
181 | ca3c8b6e | Athina Bekakou | } |
182 | 5bda20fe | Olga Brani | } |