Style fixes
[astakos] / snf-astakos-app / astakos / im / static / im / css / modules.css
index 9bc091c..fd10a04 100644 (file)
@@ -1,38 +1,19 @@
 .wrapper                                        { margin:0 auto; position:relative; width:820px; padding:36px 70px; }\r
 .container .wrapper,\r
 .footer .wrapper                                { border: 1px solid #808080; border-top:0 none;}\r
+.footer .wrapper                                                               { padding:20px 70px 25px; }\r
 .centered                                       { text-align:center;}\r
 img.left                                                               { margin:0 1em 1em 0; float:left;}\r
 img.right                                                              { margin:0 0 1em 1em; float:right;}\r
 \r
-\r
-/* header */\r
-.header                                         { background:#000; color:#fff;  height:35px; line-height:35px; }       \r
-.header .wrapper                                { width:auto; padding:0;}                      \r
-.header a                                       { color:#fff; text-decoration:none;}\r
-.header .profile                                { float:right; background:#01A1AE; min-width:150px; padding:0 20px; text-align:right;  }\r
-.header .profile a                              { text-decoration:none; color:#fff; }\r
-.header .profile ul                             { position:absolute;   right:0; top:35px; padding:0; margin:0;  width:190px; display:none;     z-index:9; background:#fff;}\r
-.header .profile ul li                          { list-style:none outside; line-height:35px; padding:0 20px;}\r
-.header .profile ul li:hover a                                 { color:#01A1AE;}\r
-.header .profile:hover ul                       { display:block; }\r
-.header .profile .full a                        { padding-right:20px; background:url(../images/arrow-white.png) no-repeat right center;}\r
-.header .profile .full ul                                              { border:1px dashed #000; border-top:0 none; border-right:0 none;}\r
-.header .profile ul li a                        { padding-right:0; background:none; color:#000;}\r
-.header ul.services                             { margin:0; padding:0; }\r
-.header ul.services li                          { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}\r
-.header ul.services li:first-child              { padding:0 5px;}\r
-.header ul.services li.active                   { background:#333;}\r
-.header ul.services li:hover                    { background:#444; } \r
-\r
-\r
\r
 /* footer */\r
 .footer                                         { font-size:0.923em;color:#B3B3B3; }\r
 .footer a                                       { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s;  -webkit-transition: color 0.15s ease-in-out 0s;  -o-transition: color 0.15s ease-in-out 0s; } \r
 .footer:hover a                                 { color:#808080;}\r
 .footer a:hover                                 { color:#000;}\r
 .footer ul                                      { float:left; margin:0 0 0 22px; width:140px;  padding:0;}\r
-.footer ul li                                   { padding:0; margin:0 0 0.5em 0; list-style:none outside;}\r
+.footer ul li                                   { padding:0; margin:0; list-style:none outside;}\r
 .footer ul li:first-child                       { margin-bottom:1em;   }\r
 .footer .clearfix                               { padding-bottom:20px;}\r
 .footer .clearfix ul:first-child                { margin-left:0;}\r
@@ -47,22 +28,22 @@ img.right                                                           { margin:0 0 1em 1em; float:right;}
 .top-msg .close                                 { position:absolute; bottom:20px; right:20px; font-size:1.3em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;}\r
 .top-msg .close:hover                           { color:#000;}\r
 \r
-\r
 /* container */\r
 .container .wrapper                             { padding-bottom:100px;}\r
-.container .navigation                          { margin:20px 0 40px; font-size:1.231em;}\r
+.mainlogo h1                                                                   { line-height:100%; font-size:1em; }\r
+.container .navigation                          { margin:20px 0 0; font-size:1.154em; height:95px;}\r
 .container .navigation ul                       { margin:5px 0; padding:0;}\r
 .container .navigation ul li                    { list-style:none outside; padding:0; margin:0 0 0 1em; display:inline-block;}\r
 .container .navigation ul li:first-child        { margin-left:0;}\r
 .container .navigation ul li a                  { color:#000; text-decoration:none; }\r
 .container .navigation ul li a:hover            { color:#F89A1C; }     \r
 .container .navigation ul li.active a           { color:#F89A1C; }                                     \r
+\r
 .dotted                                         { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;}\r
-.two-cols .rt                                   { float:right; width:390px;}\r
-.two-cols .lt                                   { float:left; width:390px;}\r
-.two-cols .lt p                                 { padding-right:40px;}\r
-.two-cols-lt580 .rt                             { float:right; width:200px; margin-left:40px;}\r
-.two-cols-lt580 .lt                             { overflow:hidden;}\r
+.two-cols .rt                                   { float:right; width:400px;}\r
+.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 em                                                               { color: #3582AC; font-style:normal; }\r
 .content a                                                             { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }\r
@@ -72,7 +53,10 @@ img.right                                                            { margin:0 0 1em 1em; float:right;}
 .container ul.options li a                                     { border:0 none;}\r
 .container ul.options li a:hover                               { text-decoration:underline;}\r
 .landing h2, .landing a:hover                   { color:#01A1AE;}\r
-.faq h2, .faq a:hover                           { color:#EF4F54; border:0 none;}\r
+.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}\r
+.content .question h2                                                  { color:#4085A6 }\r
+.content .question .backlink a                                 { border:0 none; color:#F89A1C }\r
+.content .question .backlink a:hover                   { text-decoration:underline; }\r
 .faq h3                                                                                        { color:#4085a6; margin:0;}\r
 .faq ul                                         { padding:0; margin:0; }\r
 .faq ul li                                      { list-style:none outside; padding:0; margin:0;  }\r
@@ -88,8 +72,8 @@ img.right                                                             { margin:0 0 1em 1em; float:right;}
 .posts ul                                       { margin:0;padding:0; }\r
 .posts ul li                                    { padding:0; margin:0 0 50px; list-style:none outside; }\r
 .posts ul li img                                { max-width:580px; margin-bottom:1em;}\r
-.posts ul li p.info                             { padding-bottom:10px; margin-bottom:20px; font-size:0.923em; color:#808080; border-bottom:1px dashed #000;}\r
-.article p.info                                                                { margin-top:20px; padding-top:10px; font-size:0.923em; color:#808080; }\r
+.posts ul li p.info                             { padding-bottom:10px; margin-bottom:20px; font-size:0.769em; color:#808080; background:url(../images/dots.jpg) repeat-x bottom ;}\r
+.article p.info                                                                { margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }\r
 .article h2, .posts h2                          { color:#ef4f53; }\r
 .posts h2 a, .posts h2 a:hover                  { border:0 none;color:#ef4f53;}\r
 .posts p.date, .article p.date                  { margin:0; font-size:1.231em; color:#01a1ae; }\r