Revision 322a5bbc cloudcms/static/cloudcms/css/modules.css
| b/cloudcms/static/cloudcms/css/modules.css | ||
|---|---|---|
| 28 | 28 |
.top-msg p.title span { border-bottom:2px dotted #fff; padding:0 0 10px 0;}
|
| 29 | 29 |
.top-msg.active { display:block;}
|
| 30 | 30 |
.top-msg +.mainlogo { margin-top:-73px;}
|
| 31 |
.top-msg .close { position:absolute; bottom:20px; right:20px; font-size:1.3em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;}
|
|
| 31 |
.top-msg .close { position:absolute; bottom:20px; right:20px; font-size:1.3em; border:0 none; color:#fff; text-decoration:none;}
|
|
| 32 | 32 |
.top-msg .close:hover { color:#000;}
|
| 33 | 33 |
.top-msg.success { background-color:#77C596; color: #fff}
|
| 34 | 34 |
.top-msg.error { background-color:#EF4F54; color: #fff}
|
| ... | ... | |
| 194 | 194 |
a.button:hover { background-color: #F89A1C; border:0 none; color:#fff;}*/
|
| 195 | 195 |
|
| 196 | 196 |
/*pagination*/ |
| 197 |
.pagination .next-prev { float:left; }
|
|
| 198 |
.pagination .nums { text-align:right;}
|
|
| 197 |
.pagination .next-prev { float:right; }
|
|
| 198 |
.pagination .next-prev a { margin-left:15px; }
|
|
| 199 |
.pagination .nums { text-align:left;}
|
|
| 199 | 200 |
.pagination .nums span { color:#000;}
|
| 200 | 201 |
|
| 201 | 202 |
.two-cols .lt .clients-wrapper p { padding:0; }
|
| ... | ... | |
| 206 | 207 |
.container ul.options li a:hover { text-decoration: none; }
|
| 207 | 208 |
.container ul.options li a.red { color:#F24E53 }
|
| 208 | 209 |
.container ul.options li a.red:hover { border-bottom:1px solid #F24E53; }
|
| 209 |
.container ul.options li a.grey { color:#F89A1C }
|
|
| 210 |
.container ul.options li a.grey:hover { border-bottom:1px solid #F89A1C; }
|
|
| 210 |
.container ul.options li a.grey { color:grey; }
|
|
| 211 |
.container ul.options li a.grey:hover { border-bottom:1px solid grey; }
|
|
| 211 | 212 |
.container ul.options li a.blue { color:#3582AC }
|
| 212 | 213 |
.container ul.options li a.blue:hover { border-bottom:1px solid #3582AC; }
|
| 214 |
.container ul.options li a.yellow { color:#F89A1C; }
|
|
| 215 |
.container ul.options li a.yellow:hover { border-bottom:1px solid #F89A1C; }
|
|
| 213 | 216 |
|
| 214 | 217 |
/* homepage clouds animation */ |
| 215 | 218 |
#animation { width:94%; height:120px; padding:0 3%; background:url(../images/okeanos_landing.png) no-repeat; max-width:375px; }
|
| ... | ... | |
| 224 | 227 |
|
| 225 | 228 |
/* Style for im/projects */ |
| 226 | 229 |
table.alt-style { color:#000; width:100%; }
|
| 227 |
table.alt-style caption { font-weight:normal; font-size:1.154em; }
|
|
| 230 |
table.alt-style caption { font-weight:normal; font-size:1.154em; margin-bottom:15px;}
|
|
| 228 | 231 |
table.alt-style tr th { font-weight:normal; color:#3582AC }
|
| 229 | 232 |
table.alt-style tr td { color:#222; }
|
| 230 | 233 |
table.alt-style tr td:first-child, |
| ... | ... | |
| 236 | 239 |
dl.alt-style { width:500px; }
|
| 237 | 240 |
dl.alt-style dt { width:50%; float:left; color:#3582AC; font-weight:normal;}
|
| 238 | 241 |
dl.alt-style dt:nth-child(2n) { background:black; }
|
| 239 |
.projects { padding-bottom:30px; }
|
|
| 242 |
.projects { padding-bottom:30px; position:relative; }
|
|
| 240 | 243 |
.projects h2 span { color:#3582AC;}
|
| 241 | 244 |
.projects h2 em { float:right; }
|
| 242 | 245 |
.projects h3 { font-size:1.154em; }
|
| ... | ... | |
| 286 | 289 |
.details img { max-width:100%; }
|
| 287 | 290 |
.question .section { margin-top:1em; }
|
| 288 | 291 |
.question pre { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }
|
| 292 |
/* |
|
| 289 | 293 |
.widjets { position:relative; }
|
| 290 | 294 |
.widjets ul { margin: 0; padding:0; }
|
| 291 | 295 |
.widjets li { width:50%; float:left; list-style:none outside; margin:30px 0; }
|
| ... | ... | |
| 295 | 299 |
.widjets .widjet-x { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }
|
| 296 | 300 |
.widjets .widjet-x:hover { text-decoration:none; color:#000; }
|
| 297 | 301 |
|
| 302 |
*/ |
|
| 303 |
.widjets { position:relative; }
|
|
| 304 |
.widjets ul { margin: 0; padding:0; }
|
|
| 305 |
.widjets li { width:50%; float:left; list-style:none outside; margin:30px 0; }
|
|
| 306 |
.widjets li div { background:url(../images/dots.jpg) repeat-x top ; margin:0 0 0 20px; position:relative; padding:2em 0; }
|
|
| 307 |
.widjets li div .wrap { background:url(../images/dots.jpg) repeat-x bottom ; }
|
|
| 308 |
.widjets li:first-child div { margin-right:20px; margin-left:0; }
|
|
| 309 |
.widjets li div img { max-width:100%; margin:2em 0; }
|
|
| 310 |
.widjets .widjet-x { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }
|
|
| 311 |
.widjets .widjet-x:hover { text-decoration:none; color:#000; }
|
|
| 312 |
.widjets li.create h2, |
|
| 313 |
.widjets li.create a { color: #55B577}
|
|
| 314 |
.widjets li.join h2, |
|
| 315 |
.widjets li.join a { color: #F24E53}
|
|
| 316 |
.widjets li a { font-size:1.154em; }
|
|
| 317 |
.widjets .wrap p:first-child { height:200px;margin-bottom:2em; }
|
|
| 318 |
|
|
| 298 | 319 |
/* billing styles */ |
| 299 | 320 |
.alt-style .table-div { border:1px dashed #000; }
|
| 300 | 321 |
.billing table.complex tr:nth-child(2n) td { background:transparent; }
|
| ... | ... | |
| 345 | 366 |
table.alt-style tr.tmore2 td { background:#fff }
|
| 346 | 367 |
table.alt-style tr td.info-td { padding:5px; }
|
| 347 | 368 |
table.alt-style tr td.info-td div { padding:15px; border:1px dashed #000 }
|
| 348 |
table.alt-style tr td a.more-info { display:inline-block; width:17px; height:16px; background:url(../images/plus-minus.png) no-repeat 0 0; margin-left:10px; }
|
|
| 349 |
table.alt-style tr td a.more-info:hover { background-image:url(../images/plus-minus-hover.png); text-decoration:none;}
|
|
| 350 |
table.alt-style tr td a.open { background-position:-16px 0}
|
|
| 369 |
|
|
| 351 | 370 |
|
| 352 |
.projects .details a.edit { float:right; margin-left:20px; }
|
|
| 371 |
.projects .details a.edit { margin-left:20px; }
|
|
| 353 | 372 |
.projects .details .data { overflow:hidden; }
|
| 354 |
.projects .editable form textarea { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
|
|
| 373 |
.projects .editable form textarea { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
|
|
| 374 |
|
|
| 375 |
|
|
| 376 |
/* quotas-form */ |
|
| 377 |
|
|
| 378 |
.quotas-form fieldset { background:url(../images/dots.jpg) repeat-x scroll center bottom transparent; margin-bottom:3em; padding-bottom:3em; position:relative; }
|
|
| 379 |
.quotas-form legend { color:#55B577; font-size:1.308em; position:relative; }
|
|
| 380 |
|
|
| 381 |
/* workaround for fixing bug with legend margin*/ |
|
| 382 |
.quotas-form legend+div { margin-top:3em; -webkit-margin-top-collapse: separate; }
|
|
| 383 |
.quotas-form fieldset#icons legend+ul { margin-top:3em; -webkit-margin-top-collapse: separate; }
|
|
| 384 |
.quotas-form fieldset.quota legend+ul { margin-top:2em; -webkit-margin-top-collapse: separate; }
|
|
| 385 |
/* end of workaround*/ |
|
| 386 |
|
|
| 387 |
.quotas-form legend span { color:#222; font-size:0.867em; }
|
|
| 388 |
form.quotas-form legend span.info { position:relative; display:inline-block; top:auto; left:auto; margin-left:10px; vertical-align:middle; margin-top:-2px;}
|
|
| 389 |
form.quotas-form legend span.info em { position:static; }
|
|
| 390 |
form.quotas-form legend span.info span { width:395px; }
|
|
| 391 |
.quotas-form .with-checkbox .checkbox-widget { margin-top:9px; }
|
|
| 392 |
.quotas-form .with-checkbox span.info { top:12px; }
|
|
| 393 |
.quotas-form .form-row.submit { text-align:center; }
|
|
| 394 |
.quotas-form input[type="submit"] { margin:15px 0; background-color:#B3B3B3 }
|
|
| 395 |
.quotas-form input[type="submit"]:hover { background:#55B577 }
|
|
| 396 |
.quotas-form input[type="submit"]:focus { border-color: #B3B3B3}
|
|
| 397 |
.quotas-form input[type="submit"]:focus:hover { border-color: #55B577}
|
|
| 398 |
.quotas-form fieldset ul { padding:0; margin:0 0 1em; position:relative; }
|
|
| 399 |
.quotas-form fieldset ul li { list-style:none outside none; float:left; padding:0 0 0 60px; margin:0; }
|
|
| 400 |
.quotas-form fieldset ul li:first-child { padding-left:0; }
|
|
| 401 |
.quotas-form fieldset ul li a { display:block; width:82px; height:82px; overflow:hidden; }
|
|
| 402 |
.quotas-form fieldset ul li a:hover img { margin-top:-84px; }
|
|
| 403 |
.quotas-form fieldset ul li a.selected img { margin-top:-168px; }
|
|
| 404 |
.quotas-form fieldset ul li a.selected:hover { cursor:default }
|
|
| 405 |
.quotas-form fieldset ul li a.selected:focus { outline:0 none; }
|
|
| 406 |
.quotas-form fieldset ul li p { position:absolute; top:95px; left:0; display: none;}
|
|
| 407 |
.quotas-form fieldset ul li:hover p { display:block; }
|
|
| 408 |
.quotas-form p.msg { color:#B3B3B3; }
|
|
| 409 |
.quotas-form a.delete { position:absolute; right:0; top:0; color:#B3B3B3; z-index:2 }
|
|
| 410 |
.quotas-form .group { display:none; position:relative; background:url(../images/dots.jpg) repeat-x scroll center bottom; margin-bottom:2em; padding-bottom:2em;}
|
|
| 411 |
.quotas-form .group fieldset { background:transparent; margin-bottom:1em; padding-bottom:1em; }
|
|
| 412 |
.quotas-form .group fieldset legend { }
|
|
| 413 |
.quotas-form fieldset ul li.rel+li.rel { background:url(../images/quota-related-bg.png) no-repeat left center; }
|
|
| 414 |
.quotas-form .double-checks label { font-size:1.077em; }
|
|
| 415 |
.quotas-form .double-checks .form-row { float:left; margin-right:10px;}
|
|
| 416 |
.quotas-form .double-checks .with-checkbox .checkbox-widget { left:0; }
|
|
| 417 |
.quotas-form .double-checks .with-checkbox input[type="text"] { width:60px; float:left; margin:9px 15px -9px; display:none; padding:6px; }
|
|
| 418 |
.quotas-form .double-checks .with-checkbox label{ width:auto; float:left; margin-left:35px; }
|
|
| 419 |
.quotas-form .double-checks .with-checkbox input[type="text"].hideshow { display:block; }
|
|
| 420 |
.quotas-form .with-checkbox+.with-checkbox { width:196px; }
|
|
| 421 |
.summary dl.alt-style dt { color:#55B577; }
|
|
| 422 |
.quotas-form .with-info .double-checks p { clear:both; }
|
|
| 423 |
.quotas-form .with-info .with-checkbox+.with-checkbox { width:auto; }
|
|
| 424 |
.quotas-form .with-info .double-checks { position:relative; margin-bottom:70px; }
|
|
| 425 |
.quotas-form .with-info .double-checks .form-row+.form-row { position:absolute; left:224px; top:40px;}
|
|
| 426 |
.quotas-form .with-info .double-checks span.info { left:262px; }
|
|
| 427 |
.quotas-form .with-info .with-checkbox { margin-bottom:12px; }
|
|
| 428 |
.quotas-form .quota input[type="text"] { width:150px;}
|
|
| 429 |
.quotas-form .quota .error-msg { display:none; color:red; font-size:0.8em; margin:0; margin-left:224px; margin-bottom:5px; padding:5px; }
|
|
| 430 |
.quotas-form .quota .with-errors .error-msg { display:block;}
|
|
| 431 |
::-webkit-input-placeholder { color: #D4D4D4; font-style:italic; }
|
|
| 432 |
:-moz-placeholder { color: #D4D4D4;font-style:italic; }
|
|
| 433 |
|
|
| 434 |
/* stats */ |
|
| 435 |
.stats ul { margin:0; padding:0; list-style:none outside none; }
|
|
| 436 |
.stats ul li { margin:0 0 1em 0; padding:0 0 1em 0; list-style:none outside none; background:url(../images/stats-line.jpg) repeat-x left bottom}
|
|
| 437 |
.stats .bar { padding: 0; text-align:center; float:left; width:200px;}
|
|
| 438 |
.stats .bar div { width:340px; height:30px; border:1px solid #000; margin-top:20px; overflow:hidden;}
|
|
| 439 |
.stats .bar span { text-align:right; display:block; height:100%; color:#222; line-height:30px; font-size:1.231em; text-indent:10px;}
|
|
| 440 |
.stats .red .bar span { background:#ef4f54; }
|
|
| 441 |
.stats .yellow .bar span { background:#f6921e; }
|
|
| 442 |
.stats .green .bar span { background:#55b577; }
|
|
| 443 |
.stats .img-wrap { float:left; width:100px; background:url(../images/statistics_icons.png) no-repeat center center; padding:30px 0; }
|
|
| 444 |
.stats .info { margin:0 25px ; width:320px; float:left; }
|
|
| 445 |
.stats .info p { color:#999; margin:0; }
|
|
| 446 |
.stats .info h3 { font-size:1.231em; color:#222222 }
|
|
| 447 |
.stats .vm .img-wrap { background-image:url(../images/vm-stats.png) }
|
|
| 448 |
.stats .ram .img-wrap { background-image:url(../images/ram-stats.png) }
|
|
| 449 |
.stats .cpu .img-wrap { background-image:url(../images/cpu-stats.png) }
|
|
| 450 |
.stats .network .img-wrap { background-image:url(../images/network-stats.png) }
|
|
| 451 |
.stats .disksize .img-wrap { background-image:url(../images/disk-stats.png) }
|
|
| 452 |
.stats .disk .img-wrap { background-image:url(../images/disk-stats.png) }
|
|
| 453 |
.stats .diskspace .img-wrap { background-image:url(../images/storage-stats.png) }
|
|
| 454 |
.stats .bandwidth .img-wrap { background-image:url(../images/bandwidth-stats.png) }
|
|
| 455 |
|
|
| 456 |
.stats .red .img-wrap { background-position: 15px 7px; }
|
|
| 457 |
.stats .yellow .img-wrap { background-position: -124px 7px; }
|
|
| 458 |
.stats .green .img-wrap { background-position: -263px 7px; }
|
|
| 459 |
.projects .editable form textarea { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
|
|
| 460 |
|
|
| 461 |
|
|
| 462 |
table .msg-wrap { position:relative; }
|
|
| 463 |
table .msg-wrap .dialog { position:absolute; border:1px dashed #ccc; padding:15px; width:200px; bottom:30px; left:0; background:#fff; display:none; }
|
|
| 464 |
table .msg-wrap .dialog .submit { min-width:30px; padding:5px 22px; }
|
|
| 465 |
table .msg-wrap .dialog .no.submit { float:right; }
|
|
| 466 |
table.alt-style .centered { text-align:center; }
|
|
| 467 |
table.alt-style form.link-like { float:none }
|
|
| 468 |
form.quotas-form span.error-msg span { display:block; color:red; }
|
|
| 469 |
form.quotas-form span.error-msg em, |
|
| 470 |
form.quotas-form span.error-msg:hover em { background-position:-58px -3px; }
|
|
| 471 |
.two-cols-links { margin:5em 0; }
|
|
| 472 |
.two-cols-links p { width:auto; overflow:hidden; }
|
|
| 473 |
.two-cols-links a { color:grey; display:block; margin-bottom:10px;}
|
|
| 474 |
.two-cols-links a:hover { color:#F89A1C }
|
|
| 475 |
.two-cols-links p:first-child { width:224px; float:left; overflow:auto }
|
|
| 476 |
.two-cols-links p:first-child a { color:#222; }
|
|
| 477 |
.two-cols-links p:first-child a:hover { color:#F89A1C }
|
|
| 478 |
|
|
| 479 |
.summary .quotas-form legend { margin-bottom:1em; }
|
|
| 480 |
.projects p.restricted { width:524px; }
|
|
| 481 |
.hidden-submit .form-row.submit { display:none; }
|
|
| 482 |
.how-it-works { position:relative; }
|
|
| 483 |
.content .how-it-works a.submit { position:absolute; right:83px; bottom:50px; background-color:#B3B3B3 }
|
|
| 484 |
.content .how-it-works a.submit:hover { background:#55B577 }
|
|
| 485 |
.content .how-it-works a.submit:focus { border-color: #B3B3B3}
|
|
| 486 |
.content .how-it-works a.submit:focus:hover { border-color: #55B577}
|
|
| 487 |
|
|
| 488 |
.auth_methods ul { margin:1em 0; padding:0; list-style:none outside none; }
|
|
| 489 |
.auth_methods ul li { margin:0 0 1em 0; padding:0; list-style:none outside none; font-size:1.154em; }
|
|
| 490 |
.auth_methods ul li>a { padding-right:20px; background:url(../images/arrow-down_green.png) no-repeat center right; color:#55B577 }
|
|
| 491 |
.auth_methods ul li>a.up { background-image:url(../images/arrow-up_green.png); }
|
|
| 492 |
.auth_methods ul li .wrap { font-size:0.867em; margin-top:1em; display:none; }
|
|
| 493 |
.auth_methods ul li .actions a { margin-right:20px; }
|
|
| 494 |
.auth_methods ul li a.red { color:#F24E53; }
|
|
| 495 |
.auth_methods ul.notassigned { margin-top:3em; }
|
|
| 496 |
.auth_methods ul.notassigned li>a { background:transparent; color: #F89A1C}
|
|
| 497 |
.auth_methods .dialog-wrap { display:inline; position:relative; }
|
|
| 498 |
.auth_methods .dialog { background:#fff; border:1px dashed #ccc; position:absolute; bottom:30px; left:0; padding:15px; width:200px; display:none;}
|
|
| 499 |
.auth_methods .dialog .submit { min-width:30px; padding:5px 22px; }
|
|
Also available in: Unified diff