Revision 748ec3cd snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
---|---|---|
7102 | 7102 |
line-height: 70px; |
7103 | 7103 |
top: 0; |
7104 | 7104 |
} |
7105 |
/* line 280, ../sass/_common.scss */ |
|
7105 |
/* line 279, ../sass/_common.scss */ |
|
7106 |
.header .icons-nav li { |
|
7107 |
line-height: 70px; |
|
7108 |
} |
|
7109 |
/* line 283, ../sass/_common.scss */ |
|
7106 | 7110 |
.header .logo { |
7107 | 7111 |
text-align: center; |
7108 | 7112 |
} |
7109 |
/* line 282, ../sass/_common.scss */
|
|
7113 |
/* line 285, ../sass/_common.scss */
|
|
7110 | 7114 |
.header .logo a { |
7111 | 7115 |
position: relative; |
7112 | 7116 |
top: -5px; |
7113 | 7117 |
} |
7114 |
/* line 285, ../sass/_common.scss */
|
|
7118 |
/* line 288, ../sass/_common.scss */
|
|
7115 | 7119 |
.header .logo a:focus { |
7116 | 7120 |
border: 1px solid #30c79e; |
7117 | 7121 |
padding: 10px; |
7118 | 7122 |
} |
7119 |
/* line 290, ../sass/_common.scss */
|
|
7123 |
/* line 293, ../sass/_common.scss */
|
|
7120 | 7124 |
.header .logo img { |
7121 | 7125 |
max-height: 30px; |
7122 | 7126 |
} |
7123 |
/* line 293, ../sass/_common.scss */
|
|
7127 |
/* line 296, ../sass/_common.scss */
|
|
7124 | 7128 |
.header .logo h2 { |
7125 | 7129 |
display: none; |
7126 | 7130 |
margin: 0; |
... | ... | |
7128 | 7132 |
color: #919194; |
7129 | 7133 |
font-weight: normal; |
7130 | 7134 |
} |
7131 |
/* line 301, ../sass/_common.scss */
|
|
7135 |
/* line 304, ../sass/_common.scss */
|
|
7132 | 7136 |
.header .login { |
7133 | 7137 |
position: absolute; |
7134 | 7138 |
top: 0; |
... | ... | |
7138 | 7142 |
} |
7139 | 7143 |
|
7140 | 7144 |
/* Actions Bar ----------------------------------------------- */ |
7141 |
/* line 313, ../sass/_common.scss */
|
|
7145 |
/* line 316, ../sass/_common.scss */
|
|
7142 | 7146 |
.actions-bar { |
7143 | 7147 |
position: fixed; |
7144 | 7148 |
left: 0; |
... | ... | |
7151 | 7155 |
background: white; |
7152 | 7156 |
border-bottom: 1px solid #919194; |
7153 | 7157 |
} |
7154 |
/* line 324, ../sass/_common.scss */
|
|
7158 |
/* line 327, ../sass/_common.scss */
|
|
7155 | 7159 |
.actions-bar .row { |
7156 | 7160 |
position: relative; |
7157 | 7161 |
height: 60px; |
7158 | 7162 |
} |
7159 |
/* line 328, ../sass/_common.scss */
|
|
7163 |
/* line 331, ../sass/_common.scss */
|
|
7160 | 7164 |
.actions-bar ul { |
7161 | 7165 |
margin: 0; |
7162 | 7166 |
} |
7163 |
/* line 330, ../sass/_common.scss */
|
|
7167 |
/* line 333, ../sass/_common.scss */
|
|
7164 | 7168 |
.actions-bar ul li { |
7165 | 7169 |
list-style: none outside none; |
7166 | 7170 |
display: inline-block; |
7167 | 7171 |
line-height: 60px; |
7168 | 7172 |
} |
7169 |
/* line 334, ../sass/_common.scss */
|
|
7173 |
/* line 337, ../sass/_common.scss */
|
|
7170 | 7174 |
.actions-bar ul li a { |
7171 | 7175 |
display: block; |
7172 | 7176 |
color: #dfdfdf; |
... | ... | |
7174 | 7178 |
padding: 0 20px; |
7175 | 7179 |
border: 1px solid transparent; |
7176 | 7180 |
} |
7177 |
/* line 340, ../sass/_common.scss */
|
|
7181 |
/* line 343, ../sass/_common.scss */
|
|
7178 | 7182 |
.actions-bar ul li a.active, .actions-bar ul .items-list li .container:hover a.check, .items-list .actions-bar ul li .container:hover a.check { |
7179 | 7183 |
color: #919194; |
7180 | 7184 |
} |
7181 |
/* line 342, ../sass/_common.scss */
|
|
7185 |
/* line 345, ../sass/_common.scss */
|
|
7182 | 7186 |
.actions-bar ul li a.active:hover, .actions-bar ul .items-list li .container:hover a.check:hover, .items-list .actions-bar ul li .container:hover a.check:hover { |
7183 | 7187 |
color: #30c79e; |
7184 | 7188 |
cursor: pointer; |
7185 | 7189 |
} |
7186 |
/* line 347, ../sass/_common.scss */
|
|
7190 |
/* line 350, ../sass/_common.scss */
|
|
7187 | 7191 |
.actions-bar ul li a:hover { |
7188 | 7192 |
cursor: default; |
7189 | 7193 |
} |
7190 | 7194 |
|
7191 |
/* line 355, ../sass/_common.scss */
|
|
7195 |
/* line 358, ../sass/_common.scss */
|
|
7192 | 7196 |
.new-btn { |
7193 | 7197 |
position: absolute; |
7194 | 7198 |
left: 2.5em; |
7195 | 7199 |
bottom: 0; |
7196 | 7200 |
height: 60px; |
7197 | 7201 |
} |
7198 |
/* line 362, ../sass/_common.scss */
|
|
7202 |
/* line 365, ../sass/_common.scss */
|
|
7199 | 7203 |
.new-btn a span { |
7200 | 7204 |
font-size: 1.25em; |
7201 | 7205 |
} |
7202 | 7206 |
|
7203 | 7207 |
/* Icons Navigation ----------------------------------------------- */ |
7204 |
/* line 370, ../sass/_common.scss */
|
|
7208 |
/* line 373, ../sass/_common.scss */
|
|
7205 | 7209 |
.icons-nav { |
7206 | 7210 |
margin: 0; |
7207 | 7211 |
padding: 0; |
7208 | 7212 |
} |
7209 |
/* line 372, ../sass/_common.scss */
|
|
7213 |
/* line 375, ../sass/_common.scss */
|
|
7210 | 7214 |
.icons-nav li { |
7211 | 7215 |
display: inline-block; |
7212 | 7216 |
margin: 0 0.3125em; |
... | ... | |
7217 | 7221 |
text-align: center; |
7218 | 7222 |
overflow: hidden; |
7219 | 7223 |
} |
7220 |
/* line 381, ../sass/_common.scss */
|
|
7224 |
/* line 384, ../sass/_common.scss */
|
|
7221 | 7225 |
.icons-nav li a { |
7222 | 7226 |
color: #333333; |
7223 | 7227 |
} |
7224 |
/* line 383, ../sass/_common.scss */
|
|
7228 |
/* line 386, ../sass/_common.scss */
|
|
7225 | 7229 |
.icons-nav li a:hover, .icons-nav li a.current { |
7226 | 7230 |
font-size: 30px; |
7227 | 7231 |
color: #30c79e; |
7228 | 7232 |
} |
7229 | 7233 |
|
7230 | 7234 |
/* Top info ----------------------------------------------- */ |
7231 |
/* line 396, ../sass/_common.scss */
|
|
7235 |
/* line 399, ../sass/_common.scss */
|
|
7232 | 7236 |
.top-info { |
7233 | 7237 |
padding: 50px 100px; |
7234 | 7238 |
position: relative; |
7235 | 7239 |
z-index: 10; |
7236 | 7240 |
display: none; |
7237 | 7241 |
} |
7238 |
/* line 401, ../sass/_common.scss */
|
|
7242 |
/* line 404, ../sass/_common.scss */
|
|
7239 | 7243 |
.top-info .close { |
7240 | 7244 |
position: absolute; |
7241 | 7245 |
right: 2.5em; |
... | ... | |
7248 | 7252 |
overflow: hidden; |
7249 | 7253 |
} |
7250 | 7254 |
|
7251 |
/* line 410, ../sass/_common.scss */
|
|
7255 |
/* line 413, ../sass/_common.scss */
|
|
7252 | 7256 |
.info.error { |
7253 | 7257 |
background: #ff5c58; |
7254 | 7258 |
color: #fff; |
7255 | 7259 |
} |
7256 | 7260 |
|
7257 |
/* line 416, ../sass/_common.scss */
|
|
7261 |
/* line 419, ../sass/_common.scss */
|
|
7258 | 7262 |
.info.alert { |
7259 | 7263 |
background: #30c79e; |
7260 | 7264 |
color: #fff; |
7261 | 7265 |
} |
7262 | 7266 |
|
7263 |
/* line 421, ../sass/_common.scss */
|
|
7267 |
/* line 424, ../sass/_common.scss */
|
|
7264 | 7268 |
.info.warning { |
7265 | 7269 |
background: #919194; |
7266 | 7270 |
color: #fff; |
7267 | 7271 |
} |
7268 | 7272 |
|
7269 |
/* line 426, ../sass/_common.scss */
|
|
7273 |
/* line 429, ../sass/_common.scss */
|
|
7270 | 7274 |
.info.success { |
7271 | 7275 |
background: #00a551; |
7272 | 7276 |
color: #fff; |
7273 | 7277 |
} |
7274 | 7278 |
|
7275 |
/* line 431, ../sass/_common.scss */
|
|
7279 |
/* line 434, ../sass/_common.scss */
|
|
7276 | 7280 |
.border-bottom-style1 { |
7277 | 7281 |
padding-bottom: 20px; |
7278 | 7282 |
margin-bottom: 20px; |
... | ... | |
7280 | 7284 |
} |
7281 | 7285 |
|
7282 | 7286 |
/* Progress Bar ----------------------------------------------- */ |
7283 |
/* line 440, ../sass/_common.scss */
|
|
7287 |
/* line 443, ../sass/_common.scss */
|
|
7284 | 7288 |
.progress-bar { |
7285 | 7289 |
position: fixed; |
7286 | 7290 |
bottom: 0; |
... | ... | |
7291 | 7295 |
padding: 20px 0 20px 310px; |
7292 | 7296 |
color: #919194; |
7293 | 7297 |
} |
7294 |
/* line 449, ../sass/_common.scss */
|
|
7298 |
/* line 452, ../sass/_common.scss */
|
|
7295 | 7299 |
.progress-bar span.counter { |
7296 | 7300 |
display: inline-block; |
7297 | 7301 |
margin-right: 20px; |
7298 | 7302 |
float: left; |
7299 | 7303 |
} |
7300 |
/* line 454, ../sass/_common.scss */
|
|
7304 |
/* line 457, ../sass/_common.scss */
|
|
7301 | 7305 |
.progress-bar div.progress-wrap { |
7302 | 7306 |
display: inline-block; |
7303 | 7307 |
float: left; |
7304 | 7308 |
width: 40%; |
7305 | 7309 |
margin-right: 60px; |
7306 | 7310 |
} |
7307 |
/* line 459, ../sass/_common.scss */
|
|
7311 |
/* line 462, ../sass/_common.scss */
|
|
7308 | 7312 |
.progress-bar div.progress-wrap .progress { |
7309 | 7313 |
position: relative; |
7310 | 7314 |
top: 2px; |
7311 | 7315 |
} |
7312 |
/* line 464, ../sass/_common.scss */
|
|
7316 |
/* line 467, ../sass/_common.scss */
|
|
7313 | 7317 |
.progress-bar span.more { |
7314 | 7318 |
display: inline-block; |
7315 | 7319 |
} |
7316 | 7320 |
|
7317 | 7321 |
/* Responive ------------------------------------------------ */ |
7318 | 7322 |
@media only screen and (max-width: 768px) { |
7319 |
/* line 475, ../sass/_common.scss */
|
|
7323 |
/* line 478, ../sass/_common.scss */
|
|
7320 | 7324 |
body { |
7321 | 7325 |
padding-top: 0; |
7322 | 7326 |
} |
7323 | 7327 |
|
7324 |
/* line 478, ../sass/_common.scss */
|
|
7328 |
/* line 481, ../sass/_common.scss */
|
|
7325 | 7329 |
.header, .actions-bar { |
7326 | 7330 |
position: static; |
7327 | 7331 |
z-index: auto; |
7328 | 7332 |
} |
7329 | 7333 |
|
7330 |
/* line 482, ../sass/_common.scss */
|
|
7334 |
/* line 485, ../sass/_common.scss */
|
|
7331 | 7335 |
.actions-bar { |
7332 | 7336 |
top: 140px; |
7333 | 7337 |
} |
7334 | 7338 |
|
7335 |
/* line 485, ../sass/_common.scss */
|
|
7339 |
/* line 488, ../sass/_common.scss */
|
|
7336 | 7340 |
.header { |
7337 | 7341 |
height: 120px; |
7338 | 7342 |
line-height: 50px; |
7339 | 7343 |
} |
7340 |
/* line 488, ../sass/_common.scss */
|
|
7344 |
/* line 491, ../sass/_common.scss */
|
|
7341 | 7345 |
.header .icons-nav { |
7342 | 7346 |
position: static; |
7343 | 7347 |
} |
Also available in: Unified diff