Revision ebd369d0 snf-astakos-app/astakos/im/static/im/css/styles.css

b/snf-astakos-app/astakos/im/static/im/css/styles.css
200 200
  line-height: 22px;
201 201
  letter-spacing: 1px;
202 202
  background-color: #3582ac;
203
  -webkit-transition: background-color 0.15s linear;
204
  transition: background-color 0.15s linear;
205
  -webkit-transition: background-color 0.15s linear;
206
  transition: background-color 0.15s linear;
207 203
  color: #ffffff;
208 204
  border: none;
209 205
  padding: 0.8em 22px;
......
212 208
.button:hover {
213 209
  background-color: #f89a1c;
214 210
}
215
.button a {
216
  color: #ffffff !important;
217
  text-decoration: none !important;
218
  border: none !important;
219
}
220 211
a.button {
221
  color: #ffffff !important;
222
  text-decoration: none !important;
223
  border: none !important;
224
}
225
.makeRow {
226
  zoom: 1;
227
  margin-left: -22px;
228
}
229
.makeRow:before, .makeRow:after {
230
  display: table;
231
  content: "";
232
  zoom: 1;
233
}
234
.makeRow:after {
235
  clear: both;
236
}
237
.button {
238
  font-family: 'Antic', sans-serif;
239
  font-size: 14px;
240
  font-weight: normal;
241
  line-height: 22px;
242
  letter-spacing: 1px;
243
  font-family: 'Antic', sans-serif;
244
  font-size: 14px;
245
  font-weight: normal;
246
  line-height: 22px;
247
  letter-spacing: 1px;
248
  background-color: #3582ac;
249
  -webkit-transition: background-color 0.15s linear;
250
  transition: background-color 0.15s linear;
251
  -webkit-transition: background-color 0.15s linear;
252
  transition: background-color 0.15s linear;
253
  color: #ffffff;
254
  border: none;
255
  padding: 0.8em 22px;
256
  font-size: 1em;
257
}
258
.button:hover {
259
  background-color: #f89a1c;
260
}
261
.button a {
262
  color: #ffffff !important;
263
  text-decoration: none !important;
212
  text-align: center !important;
213
  color: #fff !important;
264 214
  border: none !important;
215
  display: block !important;
265 216
}
266
a.button {
267
  color: #ffffff !important;
268
  text-decoration: none !important;
269
  border: none !important;
217
a.button:hover {
218
  color: #fff !important;
270 219
}
271 220
/*addon to style django forms rendered with as_p filter*/
272 221
/*
......
470 419
table .headerSortUp.purple, table .headerSortDown.purple {
471 420
  background-color: #e2d5f0;
472 421
}
422
.makeRow {
423
  zoom: 1;
424
  margin-left: -22px;
425
}
426
.makeRow:before, .makeRow:after {
427
  display: table;
428
  content: "";
429
  zoom: 1;
430
}
431
.makeRow:after {
432
  clear: both;
433
}
434
.button {
435
  font-family: 'Antic', sans-serif;
436
  font-size: 14px;
437
  font-weight: normal;
438
  line-height: 22px;
439
  letter-spacing: 1px;
440
  font-family: 'Antic', sans-serif;
441
  font-size: 14px;
442
  font-weight: normal;
443
  line-height: 22px;
444
  letter-spacing: 1px;
445
  background-color: #3582ac;
446
  color: #ffffff;
447
  border: none;
448
  padding: 0.8em 22px;
449
  font-size: 1em;
450
}
451
.button:hover {
452
  background-color: #f89a1c;
453
}
454
a.button {
455
  text-align: center !important;
456
  color: #fff !important;
457
  border: none !important;
458
  display: block !important;
459
}
460
a.button:hover {
461
  color: #fff !important;
462
}
463
.border-box {
464
  -moz-box-sizing: border-box;
465
  -webkit-box-sizing: border-box;
466
  box-sizing: border-box;
467
  *behavior: url(boxsizing.htc);
468
}
473 469
body {
474 470
  font-family: 'Antic', sans-serif;
475 471
  font-size: 14px;
......
516 512
section a,
517 513
p a,
518 514
form a,
519
.section a {
515
.section a,
516
.styledlinks a {
520 517
  color: #000000;
521 518
  text-decoration: none;
522 519
  border-bottom: 1px solid #f89a1c;
......
524 521
section a:hover,
525 522
p a:hover,
526 523
form a:hover,
527
.section a:hover {
524
.section a:hover,
525
.styledlinks a:hover {
528 526
  color: #f89a1c;
529 527
}
530 528
section a.noborder,
531 529
p a.noborder,
532 530
form a.noborder,
533
.section a.noborder {
531
.section a.noborder,
532
.styledlinks a.noborder {
534 533
  border: none;
535 534
}
536 535
section a em,
537 536
p a em,
538 537
form a em,
539
.section a em {
538
.section a em,
539
.styledlinks a em {
540 540
  color: #3582ac;
541 541
}
542
a.simple {
543
  border: none;
544
}
542 545
a.action {
543 546
  color: #f89a1c;
544 547
  border-bottom: none;
......
581 584
}
582 585
div.header {
583 586
  position: relative;
584
  margin-top: 42px;
587
  margin-top: 88px;
585 588
  margin-bottom: 22px;
586 589
}
587 590
div.header h1 {
......
591 594
  border-bottom: 1px solid #cfcdc7;
592 595
  padding-bottom: 3px;
593 596
}
597
.mainlogo {
598
  height: 36px;
599
}
600
.mainlogo h1 {
601
  height: 36px;
602
}
594 603
.mainlogo img {
595 604
  margin-left: -10px;
596 605
}
......
626 635
  margin-right: 0;
627 636
  margin-left: 1em;
628 637
}
638
.navigation {
639
  height: 83px;
640
}
629 641
.mainnav {
630
  font-size: 1.1em;
642
  font-size: 1.2em;
631 643
}
632 644
.mainnav.subnav {
633 645
  margin-bottom: -22px;
634 646
}
635 647
.mainnav.subnav li {
636
  margin-top: 11px;
648
  margin-top: 1.2em;
637 649
}
638 650
.mainnav li {
639 651
  margin-top: 66px;
......
655 667
  border-bottom: 1px solid #f89a1c;
656 668
  color: #f89a1c;
657 669
}
658
.page {
670
.bottom-section {
671
  zoom: 1;
672
}
673
.bottom-section:before, .bottom-section:after {
674
  display: table;
675
  content: "";
676
  zoom: 1;
677
}
678
.bottom-section:after {
679
  clear: both;
680
}
681
.bottom-section .section img {
682
  width: 200px;
683
}
684
.top-section {
685
  zoom: 1;
686
}
687
.top-section:before, .top-section:after {
688
  display: table;
689
  content: "";
690
  zoom: 1;
691
}
692
.top-section:after {
693
  clear: both;
694
}
695
div.page {
659 696
  zoom: 1;
660 697
  margin-left: -22px;
661 698
  zoom: 1;
662 699
  margin-left: -22px;
663
  margin-top: 42px;
700
  margin-top: 132px;
664 701
  font-size: 1.1em;
665 702
}
666
.page:before, .page:after {
703
div.page:before, div.page:after {
667 704
  display: table;
668 705
  content: "";
669 706
  zoom: 1;
670 707
}
671
.page:after {
708
div.page:after {
672 709
  clear: both;
673 710
}
674
.page:before, .page:after {
711
div.page:before, div.page:after {
675 712
  display: table;
676 713
  content: "";
677 714
  zoom: 1;
678 715
}
679
.page:after {
716
div.page:after {
680 717
  clear: both;
681 718
}
682
.page .page-inner {
719
div.page .page-inner {
683 720
  position: relative;
684 721
}
685 722
.maincol {
......
736 773
.rightcol input[type=text], .rightcol input[type=password] {
737 774
  width: 273px;
738 775
}
739
/* recaptcha */
740
#recaptcha_widget_div {
741
  margin-top: 10px;
742
  margin-left: -4px;
743
}
744
#recaptcha_widget_div #recaptcha_instructions_image {
745
  font-size: 0.8em;
746
  margin-bottom: 10px;
747
  display: block !important;
748
}
749 776
/* generic form styles */
750 777
input, textarea, .form-widget {
751 778
  background-color: #ffffff;
752
  color: #000000;
779
  color: #808080;
753 780
  border-color: #000000;
754 781
}
755
.checkbox-widget.checked {
756
  background-color: #f00;
757
  background-image: url("../images/checkbox.png");
758
  background-position: 50% 50%;
759
}
760
.checkbox-widget {
761
  border: 1px solid #808080;
762
  width: 25px;
763
  height: 25px;
764
  display: block;
765
  float: left;
766
  cursor: pointer;
767
  margin-top: 9px;
768
}
769 782
#forms .input, #forms input {
770 783
  font-family: 'Antic', sans-serif;
771 784
  font-size: 14px;
......
778 791
  line-height: 22px;
779 792
  letter-spacing: 1px;
780 793
  border: 1px solid #808080;
794
  height: 21px;
795
  display: inline-block;
781 796
  margin-bottom: -1px;
782 797
  padding: 0.8em;
783 798
  padding-left: 1.5em;
......
788 803
  border: 1px solid #000;
789 804
  z-index: 100;
790 805
}
806
#forms .input:focus label, #forms input:focus label {
807
  z-index: 300;
808
}
791 809
.altcol {
792 810
  background-color: #c3c3b9 !important;
793 811
}
......
795 813
  background-color: #f89a1c !important;
796 814
}
797 815
.section {
798
  margin-bottom: 2em;
816
  margin-bottom: 66px;
817
}
818
.section em {
819
  color: #3582ac;
820
}
821
.section.positioned {
822
  margin-bottom: 0;
799 823
}
800 824
.section.positioned .content {
801 825
  display: inline;
......
813 837
  float: left;
814 838
}
815 839
.section.positioned h3 {
840
  font-size: 1.2em;
816 841
  margin-bottom: 22px;
817 842
}
818 843
.section.positioned .text {
......
841 866
}
842 867
input[readonly=true] {
843 868
  background-color: #ddd;
844
  color: #2b2b2b;
869
  color: #5e5e5e;
845 870
}
846 871
form.withlabels label {
847 872
  width: 224px;
......
855 880
form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {
856 881
  width: 224px;
857 882
}
883
.login-section a.button {
884
  margin-bottom: 12px;
885
}
886
.login-section a.button:last-child {
887
  margin-bottom: none;
888
}
889
.login-section a.button.withicon {
890
  background-repeat: no-repeat;
891
  background-position: 15px 50%;
892
  padding-left: 40px;
893
}
894
.login-section.loggedin {
895
  padding-bottom: 0 !important;
896
  background-image: none !important;
897
}
858 898
form.login {
859
  margin-bottom: 3em;
899
  margin-bottom: 33px;
860 900
}
861 901
form h2 {
862 902
  color: #000000;
......
871 911
  position: relative;
872 912
}
873 913
form .form-row.submit {
874
  margin-top: 22px;
914
  margin-top: 33px;
875 915
}
876 916
form .form-row .extra-link {
877 917
  color: #808080;
......
905 945
  line-height: 22px;
906 946
  letter-spacing: 1px;
907 947
  border: 1px solid #808080;
948
  height: 21px;
949
  display: inline-block;
908 950
  margin-bottom: -1px;
909 951
  padding: 0.8em;
910 952
  padding-left: 1.5em;
......
918 960
  border: 1px solid #000;
919 961
  z-index: 100;
920 962
}
963
form textarea:focus label,
964
form input.text:focus label,
965
form input[type="text"]:focus label,
966
form input[type="password"]:focus label {
967
  z-index: 300;
968
}
921 969
form input.submit, form input[type="submit"] {
922 970
  font-family: 'Antic', sans-serif;
923 971
  font-size: 14px;
......
930 978
  line-height: 22px;
931 979
  letter-spacing: 1px;
932 980
  background-color: #3582ac;
933
  -webkit-transition: background-color 0.15s linear;
934
  transition: background-color 0.15s linear;
935
  -webkit-transition: background-color 0.15s linear;
936
  transition: background-color 0.15s linear;
937 981
  color: #ffffff;
938 982
  border: none;
939 983
  padding: 0.8em 22px;
......
949 993
  line-height: 22px;
950 994
  letter-spacing: 1px;
951 995
  background-color: #3582ac;
952
  -webkit-transition: background-color 0.15s linear;
953
  transition: background-color 0.15s linear;
954
  -webkit-transition: background-color 0.15s linear;
955
  transition: background-color 0.15s linear;
956 996
  color: #ffffff;
957 997
  border: none;
958 998
  padding: 0.8em 22px;
......
961 1001
form input.submit:hover, form input[type="submit"]:hover {
962 1002
  background-color: #f89a1c;
963 1003
}
964
form input.submit a, form input[type="submit"] a {
965
  color: #ffffff !important;
966
  text-decoration: none !important;
967
  border: none !important;
968
}
969 1004
form input.submit:hover, form input[type="submit"]:hover {
970 1005
  background-color: #f89a1c;
971 1006
}
972
form input.submit a, form input[type="submit"] a {
973
  color: #ffffff !important;
974
  text-decoration: none !important;
975
  border: none !important;
1007
form textarea {
1008
  height: 200px;
1009
  width: 350px !important;
976 1010
}
977 1011
form .with-errors input, form .with-errors textarea, form .with-errors select {
978 1012
  color: #9d261d;
......
995 1029
div.form-stacked {
996 1030
  margin-bottom: 4em;
997 1031
}
1032
.rightcol .section {
1033
  background-image: url("../images/dashed_border.png");
1034
  background-repeat: repeat-x;
1035
  background-position: left bottom;
1036
  padding-bottom: 44px;
1037
  margin-bottom: 44px;
1038
}
998 1039
.section h2 {
999 1040
  font-size: 1.1em;
1041
  line-height: 1.3em;
1000 1042
  margin-bottom: 33px;
1001 1043
}
1002 1044
.section h2 a {
1003 1045
  color: #4085A6;
1004 1046
  border: none;
1047
  line-height: 1.3em;
1048
}
1049
.section h3 {
1050
  font-size: 1.1em;
1051
  line-height: 1.3em;
1052
  margin-bottom: 33px;
1005 1053
}
1006 1054
.section p {
1007 1055
  line-height: 1.7em;
1008 1056
}
1057
.section .section-img {
1058
  margin-bottom: 22px;
1059
}
1009 1060
.messages {
1010 1061
  display: inline;
1011 1062
  float: left;
1012 1063
  margin-left: 22px;
1013 1064
  width: 798px;
1014
  margin-bottom: 2em;
1065
  margin: 2em 0;
1015 1066
  background-color: #ddd;
1067
  margin-left: 0;
1016 1068
}
1017 1069
.messages li {
1018 1070
  padding: 1em;
......
1105 1157
  margin-right: 0;
1106 1158
}
1107 1159
/*pagination*/
1160
.pagination a.page {
1161
  display: inline !important;
1162
}
1108 1163
/*blog styles*/
1109 1164
.blog-entry {
1110
  margin-bottom: 2em;
1165
  margin-bottom: 66px;
1111 1166
  zoom: 1;
1112 1167
  margin-bottom: 44px;
1113 1168
}
1169
.blog-entry em {
1170
  color: #3582ac;
1171
}
1172
.blog-entry.positioned {
1173
  margin-bottom: 0;
1174
}
1114 1175
.blog-entry.positioned .content {
1115 1176
  display: inline;
1116 1177
  float: left;
......
1127 1188
  float: left;
1128 1189
}
1129 1190
.blog-entry.positioned h3 {
1191
  font-size: 1.2em;
1130 1192
  margin-bottom: 22px;
1131 1193
}
1132 1194
.blog-entry.positioned .text {
......
1155 1217
}
1156 1218
.blog-entry h2 {
1157 1219
  font-size: 1.1em;
1220
  line-height: 1.3em;
1158 1221
  margin-bottom: 33px;
1159 1222
}
1160 1223
.blog-entry h2 a {
1161 1224
  color: #4085A6;
1162 1225
  border: none;
1226
  line-height: 1.3em;
1227
}
1228
.blog-entry h3 {
1229
  font-size: 1.1em;
1230
  line-height: 1.3em;
1231
  margin-bottom: 33px;
1163 1232
}
1164 1233
.blog-entry p {
1165 1234
  line-height: 1.7em;
1166 1235
}
1236
.blog-entry .section-img {
1237
  margin-bottom: 22px;
1238
}
1167 1239
.blog-entry:before, .blog-entry:after {
1168 1240
  display: table;
1169 1241
  content: "";
......
1175 1247
.blog-entry .title {
1176 1248
  margin-bottom: 1em;
1177 1249
  font-size: 1.1em;
1250
  line-height: 1.4em;
1178 1251
}
1179 1252
.blog-entry .media img {
1180 1253
  border: 1px solid #808080;
......
1199 1272
  margin-bottom: 22px;
1200 1273
  color: #808080;
1201 1274
}
1275
.section.twitter-feed .tweet:last-child {
1276
  margin-bottom: 0;
1277
  padding-bottom: 0;
1278
  border-bottom: none;
1279
}
1202 1280
.section.twitter-feed .tweet .date {
1203 1281
  display: block;
1204 1282
  font-size: 0.7em;
......
1207 1285
  text-decoration: none !important;
1208 1286
  border: none;
1209 1287
}
1288
.pagination .page {
1289
  margin-left: 0;
1290
}
1291
.entry-list .since {
1292
  font-size: 0.8em;
1293
}
1294
.entry-list .title {
1295
  margin-bottom: 1em;
1296
}
1297
.entry-list .content, .entry-list .text {
1298
  margin-bottom: 2em;
1299
  font-size: 0.8em;
1300
}
1301
.initial_hidden {
1302
  display: none;
1303
}
1304
/*resources styles*/
1305
.resources .categories ul {
1306
  zoom: 1;
1307
}
1308
.resources .categories ul:before, .resources .categories ul:after {
1309
  display: table;
1310
  content: "";
1311
  zoom: 1;
1312
}
1313
.resources .categories ul:after {
1314
  clear: both;
1315
}
1316
.resources .categories ul li {
1317
  float: left;
1318
}
1319
.resources .categories .title {
1320
  margin-bottom: 11px;
1321
}
1322
.resources .categories ul li a {
1323
  text-decoration: none;
1324
  color: #faaf40;
1325
  margin-right: 22px;
1326
}
1327
.resources .list {
1328
  margin-top: 88px;
1329
}
1330
.resources .list .resource {
1331
  -moz-box-sizing: border-box;
1332
  -webkit-box-sizing: border-box;
1333
  box-sizing: border-box;
1334
  *behavior: url(boxsizing.htc);
1335
  width: 33%;
1336
  padding: 44px;
1337
  float: left;
1338
  border: 1px solid #faaf40;
1339
  height: 264px;
1340
}
1341
.resources .list .resource .description {
1342
  display: none;
1343
}
1344
/* recaptcha */
1345
#recaptcha_widget_div {
1346
  margin-top: 10px;
1347
  margin-left: -4px;
1348
}
1349
#recaptcha_widget_div #recaptcha_instructions_image {
1350
  font-size: 0.8em;
1351
  margin-bottom: 10px;
1352
  display: block !important;
1353
}
1354
.checkbox-widget.checked {
1355
  background-color: #f00;
1356
  background-image: url("../images/checkbox.png");
1357
  background-position: 50% 50%;
1358
}
1359
.checkbox-widget {
1360
  border: 1px solid #808080;
1361
  width: 25px;
1362
  height: 25px;
1363
  display: block;
1364
  float: left;
1365
  cursor: pointer;
1366
  margin-top: 9px;
1367
}

Also available in: Unified diff