Style fixes
authorOlga Brani <olgabrani@grnet.gr>
Thu, 25 Oct 2012 12:16:20 +0000 (15:16 +0300)
committerOlga Brani <olgabrani@grnet.gr>
Thu, 25 Oct 2012 12:16:20 +0000 (15:16 +0300)
cloudcms/static/cloudcms/css/forms.css
cloudcms/static/cloudcms/css/modules.css

index dc5947a..81ead51 100644 (file)
@@ -149,14 +149,19 @@ form+p:first-child, form legend + p                               { margin-bottom:2em; }
 .form-row .dk_options a:hover, \r
 .form-row .dk_option_current a                                 { text-shadow:none; background-color: #E7E7E3; text-decoration:none;}\r
 \r
-form.link-like                                                                 { display:inline-block; margin:0 5px; }\r
+form.link-like                                                                 { display:inline-block; margin:0 5px; float:right;}\r
 form.link-like input[type="submit"]                            { margin:0; padding:0 5px; background:transparent; color:#F89A1C; cursor:pointer; height:auto;  }\r
 form.link-like input[type="submit"]:hover              { text-decoration:underline;  }\r
+form.link-like.alone                                                   { float:none; margin:0;}\r
+form.link-like.alone .form-row                                 { margin:0; }\r
+form.link-like.alone input[type="submit"]              { padding:0; }  \r
 .projects form.withlabels .checkbox-widget             { margin-top:5px; }\r
 .projects form .with-checkbox                                  { margin:20px 0; }\r
 .projects form .with-checkbox label                            { padding-top:7px; }\r
 .projects form .with-checkbox span.info                        { bottom:24px; }\r
-\r
+.projects .minimal                                                             { float:right; position:relative; margin-bottom:-20px;}\r
+.projects .minimal select                                              { padding:3px; width:250px; }\r
+.projects .minimal label                                               { position:absolute; right:290px; top:5px; white-space:nowrap}\r
 \r
 @media screen and (max-width : 630px)          { \r
        form.withlabels .extra-img                                      { left:260px; }\r
index 15eba30..48bf568 100644 (file)
@@ -30,6 +30,12 @@ img.right                                                            { margin:0 0 1em 1em; float:right;}
 .top-msg +.mainlogo                             { margin-top:-73px;}\r
 .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
+.top-msg.success                               { background-color:#77C596; color: #fff}\r
+.top-msg.error                                 { background-color:#EF4F54; color: #fff}\r
+.top-msg.warning                                { background-color:#F6921E; color: #fff}\r
+.top-msg.info                                  { background-color:#C3C3B9; color: #fff}\r
+.top-msg.warning a                              { color: #3582AC}\r
+.top-msg.info a                                 { color: #222}\r
 \r
 /* container */\r
 .container .wrapper                             { padding-bottom:100px;}\r
@@ -49,7 +55,7 @@ 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                                                                  { font-weight:700; font-size:1.308em; margin-bottom:1em; }\r
+.container h2                                                                  { font-weight:normal; 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
@@ -225,7 +231,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
@@ -280,17 +286,20 @@ dl.alt-style dt:nth-child(2n)                                     { background:black; }
 .details img                                                                   { max-width:100%; }\r
 .question .section                                                             { margin-top:1em; }\r
 .question pre                                                                  { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }\r
-.widjets                                                                               { margin: 0; padding:0; }\r
+.widjets                                                                               { position:relative; }\r
+.widjets ul                                                                            { margin: 0; padding:0; }\r
 .widjets li                                                                            { width:50%; float:left; list-style:none outside; margin:30px 0; }\r
 .widjets li div                                                                        { border:1px dashed #000; padding:20px 20px 70px; width:60%; margin:0 auto; position:relative; }\r
 .widjets li div img                                                            { max-width:100%; }\r
 .widjets li .btn                                                               { text-align:center; position:absolute; bottom:0; left:0; right:0; }\r
+.widjets .widjet-x                                                             { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }\r
+.widjets .widjet-x:hover                                               { text-decoration:none; color:#000; }\r
 \r
 /* 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                                                            { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em; position:relative;}\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
@@ -315,6 +324,31 @@ dl.alt-style dt:nth-child(2n)                                      { background:black; }
 .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
+.billing span.info                                                             { position:absolute;z-index:10; bottom:32px; right:40px; }\r
+.billing span.info em                                                  { display:block; overflow:hidden;  position:absolute; left:0; text-indent:-110px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; }\r
+.billing span.info:hover em                                    { background-position:-4px -3px; }\r
+.billing span.info span                                                { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px ; min-height:50px; display:none; font-size:12px;}\r
+.billing span.info:hover span                                  { display:block; }\r
+.billing span.info.foo span                                            { padding:0; background:transparent; left:-48px; top:22px; font-size:12px;}\r
+.billing .highlight a                                                  { float:right; }\r
+.billing .highlight .popup                                             { position:absolute;right:20px; top:40px; width: 100px;  border:1px solid #000; }\r
+.billing table.alt-style tr td                                 { border-top:10px solid #fff; }\r
+.billing table.alt-style .last                                 { text-align:right; }\r
 \r
 .table_sorting tr th                                                   { cursor:pointer; }\r
-.table_sorting tr th:hover                                             { text-decoration:underline }
\ No newline at end of file
+\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; }\r
+table.alt-style tr td.info-td div                              { padding:15px; border:1px dashed #000 }\r
+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; }\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} \r
+\r
+.projects .details a.edit                                              { float:right; margin-left:20px;  }\r
+.projects .details .data                                               { overflow:hidden; }\r
+.projects .editable form textarea                              { width:70%; height:50px; max-width:70%; width:270px; height:120px;}
\ No newline at end of file