Revision 7fa8ecdf cloudcms/static/cloudcms/css/styles.css

b/cloudcms/static/cloudcms/css/styles.css
208 208
.button:hover {
209 209
  background-color: #f89a1c;
210 210
}
211
.button.back {
212
  text-decoration: none;
213
  bottom: 0;
214
  float: right;
215
  z-index: 500;
216
}
217
.button.back.right {
218
  right: 0;
219
}
220
.buttons-list {
221
  z-index: 300;
222
  position: relative;
223
}
224
.buttons-list .button {
225
  margin-left: 10px;
226
}
227
.buttons-list.fixpos {
228
  margin-top: -42px;
229
}
211 230
a.button {
212 231
  text-align: center !important;
213 232
  color: #fff !important;
......
451 470
.button:hover {
452 471
  background-color: #f89a1c;
453 472
}
473
.button.back {
474
  text-decoration: none;
475
  bottom: 0;
476
  float: right;
477
  z-index: 500;
478
}
479
.button.back.right {
480
  right: 0;
481
}
482
.buttons-list {
483
  z-index: 300;
484
  position: relative;
485
}
486
.buttons-list .button {
487
  margin-left: 10px;
488
}
489
.buttons-list.fixpos {
490
  margin-top: -42px;
491
}
454 492
a.button {
455 493
  text-align: center !important;
456 494
  color: #fff !important;
......
598 636
#cboxClose:hover {
599 637
  background-position: bottom center;
600 638
}
639
.resources .categories ul {
640
  zoom: 1;
641
}
642
.resources .categories ul:before, .resources .categories ul:after {
643
  display: table;
644
  content: "";
645
  zoom: 1;
646
}
647
.resources .categories ul:after {
648
  clear: both;
649
}
650
.resources .categories ul li {
651
  float: left;
652
}
653
.resources .categories .title {
654
  margin-bottom: 7.333333333333333px;
655
}
656
.resources .categories ul li a {
657
  text-decoration: none;
658
  color: #000;
659
  margin-right: 22px;
660
}
661
.resources .categories ul li a:hover, .resources .categories ul li a.selected {
662
  color: #000 !important;
663
}
664
.resources .categories ul li a.inactive {
665
  opacity: 0.4;
666
}
667
.resources .list {
668
  font-size: 0.9em;
669
  line-height: 1em;
670
  margin-top: 58.666666666666664px;
671
  position: relative;
672
}
673
.resources .list .resource-wrapper.first .resource {
674
  margin-left: 0;
675
}
676
.resources .list .resource-wrapper {
677
  position: relative;
678
  width: 200px;
679
  margin-left: 22px;
680
  margin-bottom: 22px;
681
  width: 251px;
682
  float: left;
683
  overflow: hidden;
684
  height: 249.33333333333331px;
685
}
686
.resources .list .resource-wrapper.first {
687
  margin-left: 0;
688
}
689
.resources .list .resource-wrapper.hidden {
690
  display: none;
691
}
692
.resources .list .resource {
693
  border: 1px solid #000;
694
  -moz-box-sizing: border-box;
695
  -webkit-box-sizing: border-box;
696
  box-sizing: border-box;
697
  *behavior: url(boxsizing.htc);
698
  padding: 29.333333333333332px;
699
  height: 249.33333333333331px;
700
  overflow: hidden;
701
}
702
.resources .list .resource .date {
703
  color: #808080;
704
  margin-bottom: 3px;
705
}
706
.resources .list .resource .description {
707
  font-size: 1.1em;
708
  position: absolute;
709
  height: 210px;
710
  -webkit-transition: top 0.35s ease-in-out;
711
  -moz-transition: top 0.35s ease-in-out;
712
  transition: top 0.35s ease-in-out;
713
  -webkit-transition: top 0.35s ease-in-out;
714
  -moz-transition: top 0.35s ease-in-out;
715
  transition: top 0.35s ease-in-out;
716
  top: -210px;
717
  width: 100%;
718
  margin-left: -29.333333333333332px;
719
  padding: 29.333333333333332px;
720
  -moz-box-sizing: border-box;
721
  -webkit-box-sizing: border-box;
722
  box-sizing: border-box;
723
  *behavior: url(boxsizing.htc);
724
  color: #fff;
725
}
726
.resources .list .resource .title {
727
  line-height: 1.4em;
728
}
729
.resources .list .resource .category {
730
  margin-top: 29.333333333333332px;
731
  color: #808080;
732
}
733
.resources .list .resource .category a {
734
  color: #808080;
735
}
736
.resources .list .resource .download {
737
  bottom: 0;
738
  position: absolute;
739
  font-size: 1.1em;
740
  width: 100%;
741
  text-align: middle;
742
  -moz-box-sizing: border-box;
743
  -webkit-box-sizing: border-box;
744
  box-sizing: border-box;
745
  *behavior: url(boxsizing.htc);
746
  cursor: pointer;
747
}
748
.resources .list .resource .download a {
749
  display: block;
750
  color: #000000;
751
  text-decoration: none;
752
  padding: 5px;
753
  padding-left: 14.666666666666666px;
754
}
755
.resources .list .resource .download a:hover, .resources .list .resource .download a .hovered {
756
  color: #ff5d00;
757
}
758
.resources .list .resource .download a:hover .download-image, .resources .list .resource .download a .hovered .download-image {
759
  background-image: url("../images/resource_down_arrow-active.png");
760
}
761
.resources .list .resource .download a .download-image {
762
  display: block;
763
  width: 30px;
764
  height: 30px;
765
  float: left;
766
  margin-top: -7px;
767
  margin-right: 10px;
768
  background-image: url("../images/resource_down_arrow.png");
769
  background-position: 50% 50%;
770
  background-repeat: no-repeat;
771
}
772
.resources .list .resource .download img {
773
  margin-right: 10px;
774
  vertical-align: middle;
775
}
776
.resources .list .resource:hover .description, .resources .list .resource .hover .description {
777
  top: 0;
778
  display: block;
779
}
601 780
.border-box {
602 781
  -moz-box-sizing: border-box;
603 782
  -webkit-box-sizing: border-box;
......
1185 1364
form input.submit:hover, form input[type="submit"]:hover {
1186 1365
  background-color: #f89a1c;
1187 1366
}
1367
form input.submit.back, form input[type="submit"].back {
1368
  text-decoration: none;
1369
  bottom: 0;
1370
  float: right;
1371
  z-index: 500;
1372
}
1373
form input.submit.back.right, form input[type="submit"].back.right {
1374
  right: 0;
1375
}
1188 1376
form input.submit:hover, form input[type="submit"]:hover {
1189 1377
  background-color: #f89a1c;
1190 1378
}
1379
form input.submit.back, form input[type="submit"].back {
1380
  text-decoration: none;
1381
  bottom: 0;
1382
  float: right;
1383
  z-index: 500;
1384
}
1385
form input.submit.back.right, form input[type="submit"].back.right {
1386
  right: 0;
1387
}
1191 1388
form textarea {
1192 1389
  height: 200px;
1193 1390
  width: 350px !important;
......
1263 1460
  color: #ffffff;
1264 1461
}
1265 1462
.messages li.warning {
1266
  background-color: #ffc40d;
1463
  background-color: #AF6906;
1267 1464
  color: #000000;
1268 1465
}
1466
.messages .warning {
1467
  color: #ffffff !important;
1468
}
1469
.messages .warning a {
1470
  color: inherit;
1471
  font-weight: bold;
1472
}
1269 1473
.service-desc {
1270 1474
  margin-top: 4em;
1271 1475
}
......
1300 1504
.footer {
1301 1505
  zoom: 1;
1302 1506
  color: #b3b3b3;
1303
  -webkit-transition: color 0.15s linear;
1304
  transition: color 0.15s linear;
1305
  -webkit-transition: color 0.15s linear;
1306
  transition: color 0.15s linear;
1507
  -webkit-transition: color 0.15s ease-in-out;
1508
  -moz-transition: color 0.15s ease-in-out;
1509
  transition: color 0.15s ease-in-out;
1510
  -webkit-transition: color 0.15s ease-in-out;
1511
  -moz-transition: color 0.15s ease-in-out;
1512
  transition: color 0.15s ease-in-out;
1307 1513
}
1308 1514
.footer:before, .footer:after {
1309 1515
  display: table;
......
1314 1520
  clear: both;
1315 1521
}
1316 1522
.footer a {
1317
  -webkit-transition: color 0.15s linear;
1318
  transition: color 0.15s linear;
1319
  -webkit-transition: color 0.15s linear;
1320
  transition: color 0.15s linear;
1523
  -webkit-transition: color 0.15s ease-in-out;
1524
  -moz-transition: color 0.15s ease-in-out;
1525
  transition: color 0.15s ease-in-out;
1526
  -webkit-transition: color 0.15s ease-in-out;
1527
  -moz-transition: color 0.15s ease-in-out;
1528
  transition: color 0.15s ease-in-out;
1321 1529
}
1322 1530
.footer:hover {
1323 1531
  color: #808080 !important;
......
1558 1766
.initial_hidden {
1559 1767
  display: none;
1560 1768
}
1561
/*resources styles*/
1562
.resources .categories ul {
1563
  zoom: 1;
1564
}
1565
.resources .categories ul:before, .resources .categories ul:after {
1566
  display: table;
1567
  content: "";
1568
  zoom: 1;
1569
}
1570
.resources .categories ul:after {
1571
  clear: both;
1572
}
1573
.resources .categories ul li {
1574
  float: left;
1575
}
1576
.resources .categories .title {
1577
  margin-bottom: 7.333333333333333px;
1578
}
1579
.resources .categories ul li a {
1580
  text-decoration: none;
1581
  color: #faaf40;
1582
  margin-right: 22px;
1583
}
1584
.resources .list {
1585
  margin-top: 58.666666666666664px;
1586
}
1587
.resources .list .resource {
1588
  -moz-box-sizing: border-box;
1589
  -webkit-box-sizing: border-box;
1590
  box-sizing: border-box;
1591
  *behavior: url(boxsizing.htc);
1592
  width: 33%;
1593
  padding: 29.333333333333332px;
1594
  float: left;
1595
  border: 1px solid #faaf40;
1596
  height: 176px;
1597
}
1598
.resources .list .resource .description {
1599
  display: none;
1600
}
1601 1769
/* recaptcha */
1602 1770
#recaptcha_widget_div {
1603 1771
  margin-top: 10px;
......
1608 1776
  margin-bottom: 10px;
1609 1777
  display: block !important;
1610 1778
}
1779
#recaptcha_widget_div th, #recaptcha_widget_div td {
1780
  line-height: 1;
1781
}
1611 1782
.checkbox-widget.checked {
1612 1783
  background-color: #f00;
1613 1784
  background-image: url("../images/checkbox.png");

Also available in: Unified diff