UI changes
[astakos] / snf-astakos-app / astakos / im / static / im / css / modules.css
index e6b38a6..ac48aab 100644 (file)
@@ -22,7 +22,7 @@ img.right                                                             { margin:0 0 1em 1em; float:right;}
 \r
 \r
 /*top message*/\r
-.top-msg                                           { margin:-36px -70px 36px; background:blue; padding:100px; color:#fff; display:none; position:relative; font-size:1.538em; text-align:center;}\r
+.top-msg                                           { margin:-36px -70px 36px; background:blue; padding:50px; color:#fff; display:none; position:relative; font-size:1.538em; text-align:center;}\r
 .top-msg p                                                                             { text-align:center; }\r
 .top-msg p.title                                   { font-size:1.3em;  }\r
 .top-msg p.title span                          { border-bottom:2px dotted #fff; padding:0 0 10px 0;}\r
@@ -49,7 +49,8 @@ img.right                                                             { margin:0 0 1em 1em; float:right;}
 .two-cols .lt                                   { float:left; width:400px;}\r
 .two-cols-blog .rt                              { float:right; width:220px; margin-left:80px; padding-right:65px;}\r
 .two-cols-blog .lt                                 { overflow:hidden;}\r
-.container h2, .container h3                    { font-weight:normal; margin-bottom:1em; }\r
+.container h2                                                                  { font-weight:700; font-size:1.308em; margin-bottom:1em; }\r
+.container h3                                                  { font-weight:normal; margin-bottom:1em; }\r
 .container h2 em                                                               { color: #3582AC; font-style:normal; }\r
 /*.content a                                                           { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }\r
 .content a:hover                                                   { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }*/\r
@@ -70,9 +71,9 @@ img.right                                                             { margin:0 0 1em 1em; float:right;}
 .question h2                                                                   { color:#EF4F54 }\r
 .content .backlink                                                             { margin:1em 0; }\r
 .faq h3                                                                                        { color:#4085a6; margin:0;}\r
-.faq ul                                         { padding:0 0 0 1em; margin:0; }\r
-.faq ul li                                      { padding:0; margin:0 0 5px 0;  }\r
-.faq ul li a                                    { color:#222222; border:0 none;} \r
+.faq ul                                         { padding:0; margin:0; }\r
+.faq ul li                                      { padding:0; margin:0 0 8px 0; list-style:none outside none;line-height:140%;  }\r
+.faq ul li a                                    { color:#222222; border:0 none; } \r
 .faq .faq-category                                                             { margin: 0 0 1.5em;}\r
 .follow h3 a                                    { color:#4085A6;}\r
 .follow a                                                      { border:0 none;}\r
@@ -224,7 +225,7 @@ table.alt-style tr td:first-child,
 table.alt-style tr th:first-child                              { padding-left:5px; }\r
 table.alt-style tr td a                                                        { margin:0 0 0 20px; }\r
 table.alt-style tr td:first-child a                            { margin:0; }\r
-.content a.submit                                                              { margin:0; display:inline-block; margin:10px 0 ;  height:auto;}\r
+.content a.submit                                                              { margin:0; display:inline-block; margin:10px 0 ;  height:auto; min-width:100px; text-align:center;}\r
 table.alt-style tr:nth-child(2n) td                            { background:#F2F2F2 }\r
 dl.alt-style                                                                   { width:500px; }\r
 dl.alt-style dt                                                                        { width:50%; float:left; color:#3582AC; font-weight:normal;}\r
@@ -272,6 +273,7 @@ dl.alt-style dt:nth-child(2n)                                       { background:black; }
 \r
 .question .content a:hover                                             { color:#F6921E }\r
 .details .extra-menu                                                   { background: url(../images/dots.jpg) repeat-x  center top ;padding-top:20px; margin-top:20px; }\r
+.details .extra-menu h3                                                        { margin-bottom:1em; font-weight:bold;}\r
 .details .faq-category h2                                              { font-size:1em; }\r
 .question .next-prev                                                   { margin:10px 0; }\r
 .question .next                                                                        { float:right; }\r
@@ -284,5 +286,45 @@ dl.alt-style dt:nth-child(2n)                                      { background:black; }
 .widjets li div img                                                            { max-width:100%; }\r
 .widjets li .btn                                                               { text-align:center; position:absolute; bottom:0; left:0; right:0; }\r
 \r
-.table_sorting tr th                                                   { cursor:pointer; }
+/* billing styles */\r
+.alt-style .table-div                                                  { border:1px dashed #000; }\r
+.billing table.complex tr:nth-child(2n) td             { background:transparent; }\r
+.billing table.alt-style tr.zebra td                   { background:#F2F2F2; }\r
+.billing .highlight                                                            { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em;}\r
+.billing .highlight em                                                 { color:#3582AC; font-style:normal; font-weight:bold; }\r
+.billing table.marginless                                              { margin-bottom:0; }\r
+.billing .sum                                                                  { background:#5A97B8; padding:5px 5px 5px 10px; color:#fff; }\r
+.billing.details .last                                                 { width:15%;}\r
+.billing.details .prelast                                              { width:10%;}\r
+.billing.list .last                                                            { width:20%; }\r
+.billing.list .prelast                                                 { width:20%; }\r
+.billing form                                                                  { margin-top:50px; }\r
+.billing .categories                                                   { margin-bottom:2em; }\r
+.billing .categories .clear                    { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}\r
+.billing  a, .billing  a:hover                 { border:0 none;}\r
+.billing .categories ul                            { margin:0;padding:0;}\r
+.billing .categories ul li                     { float: left; list-style:none outside;}\r
+.billing .categories .title                    { margin-bottom: 0.5em; }\r
+.billing .categories ul li a                   { color: #000000;   margin-right: 22px; text-decoration: none; }\r
+.billing .categories ul li a:hover, \r
+.billing .categories ul li a.selected          { color: #000000;}\r
+.billing .categories ul li.active a                            { text-decoration: underline }\r
+.billing .categories ul li.inactive            { opacity: 0.3; }\r
+.billing .categories ul li.active              { opacity: 1; }\r
+.billing .resource-cat-1.filter-item a,\r
+.billing .resource-cat-1.filter-item a:hover   { color:#ff6f00 }\r
+.billing .resource-cat-2.filter-item a,\r
+.billing .resource-cat-2.filter-item a:hover   { color:#4085A5 }\r
+\r
+.table_sorting tr th                                                   { cursor:pointer; }\r
 .table_sorting tr th:hover                                             { text-decoration:underline }\r
+\r
+table.alt-style tr.tr1 td,\r
+table.alt-style tr.tmore1 td                                   { background:#F2F2F2 }\r
+table.alt-style tr.tr2 td,\r
+table.alt-style tr.tmore2 td                                   { background:#fff }\r
+table.alt-style tr td.info-td                                  { padding:5px; }
+table.alt-style tr td.info-td div                              { padding:15px; border:1px dashed #000 }\r
+table.alt-style tr td a.more-info                              { display:block; float:left; width:17px; height:16px; background:url(../images/plus-minus.png) no-repeat 0 0; margin-right:5px; }\r
+table.alt-style tr td a.more-info:hover                        { background-image:url(../images/plus-minus-hover.png); text-decoration:none;}\r
+table.alt-style tr td a.open                                   { background-position:-16px 0} 
\ No newline at end of file