From: Olga Brani Date: Thu, 25 Oct 2012 12:16:20 +0000 (+0300) Subject: Style fixes X-Git-Tag: 0.14rc1~3^2~8 X-Git-Url: https://code.grnet.gr/git/snf-cloudcms/commitdiff_plain/314b57ab2621717c64b654b331f0bb7c645f1e32 Style fixes --- diff --git a/cloudcms/static/cloudcms/css/forms.css b/cloudcms/static/cloudcms/css/forms.css index dc5947a..81ead51 100644 --- a/cloudcms/static/cloudcms/css/forms.css +++ b/cloudcms/static/cloudcms/css/forms.css @@ -149,14 +149,19 @@ form+p:first-child, form legend + p { margin-bottom:2em; } .form-row .dk_options a:hover, .form-row .dk_option_current a { text-shadow:none; background-color: #E7E7E3; text-decoration:none;} -form.link-like { display:inline-block; margin:0 5px; } +form.link-like { display:inline-block; margin:0 5px; float:right;} form.link-like input[type="submit"] { margin:0; padding:0 5px; background:transparent; color:#F89A1C; cursor:pointer; height:auto; } form.link-like input[type="submit"]:hover { text-decoration:underline; } +form.link-like.alone { float:none; margin:0;} +form.link-like.alone .form-row { margin:0; } +form.link-like.alone input[type="submit"] { padding:0; } .projects form.withlabels .checkbox-widget { margin-top:5px; } .projects form .with-checkbox { margin:20px 0; } .projects form .with-checkbox label { padding-top:7px; } .projects form .with-checkbox span.info { bottom:24px; } - +.projects .minimal { float:right; position:relative; margin-bottom:-20px;} +.projects .minimal select { padding:3px; width:250px; } +.projects .minimal label { position:absolute; right:290px; top:5px; white-space:nowrap} @media screen and (max-width : 630px) { form.withlabels .extra-img { left:260px; } diff --git a/cloudcms/static/cloudcms/css/modules.css b/cloudcms/static/cloudcms/css/modules.css index 15eba30..48bf568 100644 --- a/cloudcms/static/cloudcms/css/modules.css +++ b/cloudcms/static/cloudcms/css/modules.css @@ -30,6 +30,12 @@ img.right { margin:0 0 1em 1em; float:right;} .top-msg +.mainlogo { margin-top:-73px;} .top-msg .close { position:absolute; bottom:20px; right:20px; font-size:1.3em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;} .top-msg .close:hover { color:#000;} +.top-msg.success { background-color:#77C596; color: #fff} +.top-msg.error { background-color:#EF4F54; color: #fff} +.top-msg.warning { background-color:#F6921E; color: #fff} +.top-msg.info { background-color:#C3C3B9; color: #fff} +.top-msg.warning a { color: #3582AC} +.top-msg.info a { color: #222} /* container */ .container .wrapper { padding-bottom:100px;} @@ -49,7 +55,7 @@ img.right { margin:0 0 1em 1em; float:right;} .two-cols .lt { float:left; width:400px;} .two-cols-blog .rt { float:right; width:220px; margin-left:80px; padding-right:65px;} .two-cols-blog .lt { overflow:hidden;} -.container h2 { font-weight:700; font-size:1.308em; margin-bottom:1em; } +.container h2 { font-weight:normal; font-size:1.308em; margin-bottom:1em; } .container h3 { font-weight:normal; margin-bottom:1em; } .container h2 em { color: #3582AC; font-style:normal; } /*.content a { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; } @@ -225,7 +231,7 @@ table.alt-style tr td:first-child, table.alt-style tr th:first-child { padding-left:5px; } table.alt-style tr td a { margin:0 0 0 20px; } table.alt-style tr td:first-child a { margin:0; } -.content a.submit { margin:0; display:inline-block; margin:10px 0 ; height:auto;} +.content a.submit { margin:0; display:inline-block; margin:10px 0 ; height:auto; min-width:100px; text-align:center;} table.alt-style tr:nth-child(2n) td { background:#F2F2F2 } dl.alt-style { width:500px; } dl.alt-style dt { width:50%; float:left; color:#3582AC; font-weight:normal;} @@ -280,17 +286,20 @@ dl.alt-style dt:nth-child(2n) { background:black; } .details img { max-width:100%; } .question .section { margin-top:1em; } .question pre { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; } -.widjets { margin: 0; padding:0; } +.widjets { position:relative; } +.widjets ul { margin: 0; padding:0; } .widjets li { width:50%; float:left; list-style:none outside; margin:30px 0; } .widjets li div { border:1px dashed #000; padding:20px 20px 70px; width:60%; margin:0 auto; position:relative; } .widjets li div img { max-width:100%; } .widjets li .btn { text-align:center; position:absolute; bottom:0; left:0; right:0; } +.widjets .widjet-x { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; } +.widjets .widjet-x:hover { text-decoration:none; color:#000; } /* billing styles */ .alt-style .table-div { border:1px dashed #000; } .billing table.complex tr:nth-child(2n) td { background:transparent; } .billing table.alt-style tr.zebra td { background:#F2F2F2; } -.billing .highlight { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em;} +.billing .highlight { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em; position:relative;} .billing .highlight em { color:#3582AC; font-style:normal; font-weight:bold; } .billing table.marginless { margin-bottom:0; } .billing .sum { background:#5A97B8; padding:5px 5px 5px 10px; color:#fff; } @@ -315,6 +324,31 @@ dl.alt-style dt:nth-child(2n) { background:black; } .billing .resource-cat-1.filter-item a:hover { color:#ff6f00 } .billing .resource-cat-2.filter-item a, .billing .resource-cat-2.filter-item a:hover { color:#4085A5 } +.billing span.info { position:absolute;z-index:10; bottom:32px; right:40px; } +.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; } +.billing span.info:hover em { background-position:-4px -3px; } +.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;} +.billing span.info:hover span { display:block; } +.billing span.info.foo span { padding:0; background:transparent; left:-48px; top:22px; font-size:12px;} +.billing .highlight a { float:right; } +.billing .highlight .popup { position:absolute;right:20px; top:40px; width: 100px; border:1px solid #000; } +.billing table.alt-style tr td { border-top:10px solid #fff; } +.billing table.alt-style .last { text-align:right; } .table_sorting tr th { cursor:pointer; } -.table_sorting tr th:hover { text-decoration:underline } \ No newline at end of file + +.table_sorting tr th:hover { text-decoration:underline } + +table.alt-style tr.tr1 td, +table.alt-style tr.tmore1 td { background:#F2F2F2 } +table.alt-style tr.tr2 td, +table.alt-style tr.tmore2 td { background:#fff } +table.alt-style tr td.info-td { padding:5px; } +table.alt-style tr td.info-td div { padding:15px; border:1px dashed #000 } +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; } +table.alt-style tr td a.more-info:hover { background-image:url(../images/plus-minus-hover.png); text-decoration:none;} +table.alt-style tr td a.open { background-position:-16px 0} + +.projects .details a.edit { float:right; margin-left:20px; } +.projects .details .data { overflow:hidden; } +.projects .editable form textarea { width:70%; height:50px; max-width:70%; width:270px; height:120px;} \ No newline at end of file