Skip to content

GitLab

Commit 8a0408f7 authored by Olga Brani's avatar Olga Brani
Browse files

Bug fixes and improvements

parent ef22ecb9
Hide whitespace changes
Inline Side-by-side
snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
View file @ 8a0408f7
......@@ -71,6 +71,7 @@ $(document).ready(function(){
if (i == 0){
username.text(el.name);
username.attr('href', el.url);
user.removeClass('full');
}else{
var link = $("<a />");
link.text(el.name);
......@@ -78,6 +79,7 @@ $(document).ready(function(){
var li = $("<li />");
li.append(link);
usermenu.append(li);
user.addClass('full');
}
});
});
......@@ -97,4 +99,20 @@ $(document).ready(function(){
// ie fix
user.hover(function(){$(this).addClass("hover")}, function(){$(this).removeClass("hover")});
$('.header .profile ul').mouseover(function(){
$(this).parents('.profile').css('backgroundColor','#000');
});
$('.header .profile ul').mouseout(function(){
$(this).parents('.profile').css('backgroundColor','#01A1AE');
});
var profileWidth = profile.outerWidth();
$('.header .profile ul').css('width',profileWidth );
});
snf-astakos-app/astakos/im/static/im/css/forms.css
View file @ 8a0408f7
/* generic form styles */
input, textarea, .form-widget {
background-color: #ffffff;
color: #000;
border-color: #000000;
}
#forms .input, #forms input {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
border: 1px solid #808080;
height: 21px;
display: inline-block;
margin-bottom: -1px;
padding: 0.8em;
padding-left: 1.5em;
z-index: 2;
}
#forms .input:focus, #forms input:focus {
position: relative;
border: 1px solid #000;
z-index: 100;
}
#forms .input:focus label, #forms input:focus label {
z-index: 300;
}
.altcol {
background-color: #c3c3b9 !important;
}
.altcol:hover {
background-color: #f89a1c !important;
}
form.withlabels label {
width: 224px;
display: block;
float: left;
padding-top: 1em;
}
form.withlabels input[type=text], form.withlabels input[type=password] {
width: 224px;
}
form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {
width: 224px;
}
.login-section a.button {
margin-bottom: 12px;
}
.login-section a.button:last-child {
margin-bottom: none;
}
.login-section a.button.withicon {
background-repeat: no-repeat;
background-position: 15px 50%;
padding-left: 40px;
}
.login-section.loggedin {
padding-bottom: 0 !important;
background-image: none !important;
}
form.login {
margin-bottom: 22px;
width:340px;
}
form h2 span {
padding-bottom: 3px;
}
form .form-row {
min-height: 29.333333333333332px;
position: relative;
}
form .form-row.submit {
margin: 22px 0 ;
}
form .form-row .extra-link {
color: #808080;
text-decoration: none;
border: none;
line-height:42px;
float: right;
}
form .form-row .extra-link:hover { text-decoration:underline;}
form .form-row label {
font-size: 1.1em;
}
form.innerlabels label {
position: absolute;
top: 1.1em;
left: 1.5em;
color: #808080 ;
}
form.innerlabels p {
margin:0;
position: relative;
}
form.innerlabels p.p15px { font-size:1.154em;}
form.innerlabels p.p15px a { margin:0 5px;}
form.innerlabels p.p15px a:hover { text-decoration:underline;}
input, textarea, .form-widget { background-color: #ffffff; color: #000;border-color: #000000; }
#forms .input, #forms input { font-family: 'Antic', sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; }
#forms .input:focus,
#forms input:focus { position: relative; border: 1px solid #000; z-index: 100; }
#forms .input:focus label,
#forms input:focus label { z-index: 300; }
.altcol { background-color: #c3c3b9 !important; }
.altcol:hover { background-color: #f89a1c !important; }
form.withlabels label { width: 224px; display: block; float: left; padding-top: 1em; }
form.withlabels input[type=text],
form.withlabels input[type=password] { width: 224px; }
form.withlabels input[type=text].long,
form.withlabels input[type=password].long,
form.withlabels textarea.long { width: 224px; }
.login-section a.button { margin-bottom: 12px; }
.login-section a.button:last-child { margin-bottom: none;}
.login-section a.button.withicon { background-repeat: no-repeat; background-position: 15px 50%; padding-left: 40px; }
.login-section.loggedin { padding-bottom: 0 !important; background-image: none !important; }
form.login { margin-bottom: 22px; width:340px; }
form h2 span { padding-bottom: 3px; }
form .form-row { min-height: 30px; position: relative;}
form .form-row.submit { margin: 22px 0 ;}
form .form-row .extra-link { color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:42px; float: right; }
form .form-row .extra-link:hover { text-decoration:underline;}
form .form-row label { font-size: 1.1em; }
form.innerlabels label { position: absolute; top: 1.1em; left: 1.5em; color: #808080 ; }
form.innerlabels p { margin:0; position: relative;}
form.innerlabels p.p15px { font-size:1.154em;}
form.innerlabels p.p15px a { margin:0 5px;}
form.innerlabels p.p15px a:hover { text-decoration:underline;}
form.innerlabels a,
form.innerlabels a:hover { border:0 none;}
form.innerlabels a:hover { border:0 none;}
form textarea,
form input.text,
form input[type="text"],
form input[type="password"] {
color:#808080;
font-family: 'Antic', sans-serif;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
border: 1px solid #808080;
height: 21px;
display: inline-block;
margin-bottom: -1px;
padding: 0.8em;
padding-left: 1.5em;
z-index: 2;
width:300px;
}
form select {
font-family: 'Antic', sans-serif;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
border: 1px solid #808080;
display:block;
margin-bottom: -1px;
padding: 0.8em;
padding-left: 1.5em;
z-index: 2;
width:331px;
}
form input[type="password"] { color:#808080; font-family: 'Antic', sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px;border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:300px; }
form select { font-family: 'Antic', sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; display:block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:331px; }
form textarea:focus,
form input.text:focus,
form input[type="text"]:focus,
form input[type="password"]:focus {
position: relative;
border: 1px solid #000;
z-index: 100;
}
form input[type="password"]:focus {position: relative; border: 1px solid #000; z-index: 100;}
form textarea:focus label,
form input.text:focus label,
form input[type="text"]:focus label,
form input[type="password"]:focus label {
z-index: 300;
}
form input.submit, form input[type="submit"] {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing:1px;
background-color: #3582ac;
color: #ffffff;
border: none;
padding: 10px 22px;
font-size: 1em;
}
form input.submit:hover, form input[type="submit"]:hover {
background-color: #f89a1c;
}
form input.submit.back, form input[type="submit"].back {
text-decoration: none;
bottom: 0;
float: right;
z-index: 500;
}
form input.submit.back.right, form input[type="submit"].back.right {
right: 0;
}
form input.submit:hover, form input[type="submit"]:hover {
background-color: #f89a1c;
}
form input.submit.back, form input[type="submit"].back {
text-decoration: none;
bottom: 0;
float: right;
z-index: 500;
}
form input.submit.back.right, form input[type="submit"].back.right {
right: 0;
}
form textarea {
height: 150px;
width: 350px;
max-height:150px;
max-width:350px;
}
form .with-errors input, form .with-errors textarea, form .with-errors select {
color: #9d261d;
}
form .with-errors label {
color: #e4776f;
}
.form-error {
background-color: #9d261d;
color: #fff;
font-size: 0.8em;
padding: 5px 5px;
}
.form-errors.all .form-error {
position: relative;
border-radius: 0;
margin-bottom: 1.3em;
padding: 0.5em;
}
div.form-stacked {
margin-bottom: 4em;
}
.checkbox-widget.checked {
background-color: #FF0000;
background-image: url("../images/checkbox.png");
background-position: 50% 50%;
}
.checkbox-widget {
border: 1px solid #808080;
cursor: pointer;
display: block;
float: left;
height: 25px;
margin:5px 20px 0 0 ;
width: 25px;
}
form.withlabels .checkbox-widget{
margin-top:20px;
}
form.innerlabels .checkbox-widget + label {
position:static;
line-height:36px;
color:#808080;
}
form.innerlabels .checkbox-widget + label + a {
border-bottom:1px solid #F89A1C;
font-size: 1.1em;
}
form span.info{
position:absolute;
z-index:10;
top:8px;
left: 260px;
}
form span.info em {
display:block;
overflow:hidden;
position:absolute;
left:0;
text-indent:-100px;
top:0;
height:28px;
width:28px;
background:url(../images/question-mark.jpg) no-repeat left bottom;
cursor:pointer;
}
form span.info:hover em {
background-position:left top;
}
form span.info span {
position:relative;
left:42px;
top:2px;
width:150px;
padding-left:55px;
background:url(../images/black-line.jpg ) no-repeat left 12px;
min-height:50px;
display:none;
color:#b3b3b3;
}
form span.info span a {
color:#b3b3b3;
border-bottom:1px solid #F89A1C;
}
form span.info:hover span {
display:block;
}
form p {
margin-bottom:0;
}
form input[type="password"]:focus label { z-index: 300;}
form input.submit,
form input[type="submit"] {font-family: 'Antic', sans-serif;font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px; background-color: #3582ac; color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }
form.innerlabels input.submit,
form.innerlabels input[type="submit"] {margin-left:0;}
form input.submit:hover,
form input[type="submit"]:hover { background-color: #f89a1c;}
form input.submit.back,
form input[type="submit"].back { text-decoration: none; bottom: 0; float: right; z-index: 500; }
form input.submit.back.right,
form input[type="submit"].back.right {right: 0;}
form input.submit:hover,
form input[type="submit"]:hover { background-color: #f89a1c;}
form input.submit.back,
form input[type="submit"].back { text-decoration: none; bottom: 0; float: right; z-index: 500; }
form input.submit.back.right,
form input[type="submit"].back.right { right: 0; }
form textarea { height: 150px; width: 350px; max-height:150px; max-width:350px;}
form .with-errors input,
form .with-errors textarea,
form .with-errors select { color: #9d261d;}
form .with-errors label { color: #e4776f; }
.form-error { color:red; font-style:italic; font-size: 0.8em; padding: 5px 5px; }
.form-errors.all .form-error { position: relative; border-radius: 0; margin-bottom: 1.3em; padding: 0.5em; }
div.form-stacked { margin-bottom: 4em; }
.checkbox-widget.checked { background-color: #FF0000; background-image: url("../images/checkbox.png"); background-position: 50% 50%; }
.checkbox-widget { border: 1px solid #808080; cursor: pointer; display: block; float: left; height: 25px; margin:5px 20px 0 0 ; width: 25px; }
form.withlabels .checkbox-widget { margin-top:20px; }
form.innerlabels .checkbox-widget + label { position:static; line-height:36px; color:#808080; }
form.innerlabels .checkbox-widget + label + a { border-bottom:1px solid #F89A1C; font-size: 1.1em; }
form span.info { position:absolute;z-index:10; top:10px; left: 290px; }
form span.info em { display:block; overflow:hidden; position:absolute; left:0; text-indent:-100px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; }
form span.info:hover em { background-position:-4px -3px; }
form span.info span { position:absolute; left:29px; top:-2px; width:150px; padding-left:55px; background:url(../images/black-line.jpg ) no-repeat left 12px; min-height:50px; display:none; }
form span.info:hover span { display:block; }
form .with-errors span.info { display:none;}
form p { margin-bottom:0;position:relative;}
form input[readonly=true] { background-color: #ddd; color: #5e5e5e; }
#recaptcha_area { margin-top:20px; }
form.innerlabels .with-checkbox .checkbox-widget { margin-top:15px; }
form.innerlabels .with-checkbox .checkbox-label { left:2.5em; }
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; left:440px;top:10px; z-index:101;}
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px;}
form .with-errors textarea+.extra-img,
form .with-errors noscript+.extra-img { background:transparent;}
form .with-errors input[type="text"],
form .with-errors input[type="password"] { border:1px solid red;}
form.innerlabels .with-errors .extra-img { left:290px;}
form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px;}
.errorlist { margin:0; padding:0;}
.errorlist li { list-style:none outside;}
form input[readonly=true] {
background-color: #ddd;
color: #5e5e5e;
}
#recaptcha_area {
margin-top:20px;
}
\ No newline at end of file
snf-astakos-app/astakos/im/static/im/css/modules.css
View file @ 8a0408f7
......@@ -10,17 +10,20 @@ img.right { margin:0 0 1em 1em; float:right;}
.header { background:#000; color:#fff; height:35px; line-height:35px; }
.header .wrapper { width:auto; padding:0;}
.header a { color:#fff; text-decoration:none;}
.header .profile { float:right; background:#01A1AE; width:150px; padding:0 20px; text-align:right; }
.header .profile { float:right; background:#01A1AE; min-width:150px; padding:0 20px; text-align:right; }
.header .profile a { text-decoration:none; color:#fff; }
.header .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; background:#01A1AE; width:190px; display:none; }
.header .profile ul li { list-style:none outside; line-height:35px; border-top:1px solid #000; padding:0 20px;}
.header .profile ul li:hover { background:#000;}
.header .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; width:190px; display:none; z-index:9; background:#fff;}
.header .profile ul li { list-style:none outside; line-height:35px; padding:0 20px;}
.header .profile ul li:hover a { color:#01A1AE;}
.header .profile:hover ul { display:block; }
.header .profile .full a { padding-right:20px; background:url(../images/arrow-white.png) no-repeat right center;}
.header .profile .full ul { border:1px dashed #000; border-top:0 none; border-right:0 none;}
.header .profile ul li a { padding-right:0; background:none; color:#000;}
.header ul.services { margin:0; padding:0; }
.header ul.services li { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}
.header ul.services li:first-child { padding:0 5px;}
.header ul.services li.active { background:#333;}
.header ul.services li:hover { background:#444; }
.header ul.services li:hover { background:#444; }
/* footer */
......@@ -36,24 +39,25 @@ img.right { margin:0 0 1em 1em; float:right;}
/*top message*/
.top-msg { margin:-36px -70px 40px; background:blue; padding:100px 200px; color:#fff; display:none; position:relative; font-size:1.538em;}
.top-msg { margin:-36px -70px 36px; background:blue; padding:100px 200px; color:#fff; display:none; position:relative; font-size:1.538em;}
.top-msg p.title { font-size:1.3em; }
.top-msg p.title span { border-bottom:2px dotted #fff; padding:0 0 10px 0;}
.top-msg.active { display:block;}
.active+h1 { display:none;}
.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;}
/* container */
.container h1 { margin:0; line-height:100%;}
.container .wrapper { padding-bottom:100px;}
.container .navigation { margin:20px 0 40px; font-size:1.231em;}
.container .navigation ul { margin:5px 0; padding:0;}
.container .navigation ul li { list-style:none outside; padding:0; margin:0 0 0 1em; display:inline-block;}
.container .navigation ul li:first-child { margin-left:0;}
.container .navigation ul li a { color:#000; text-decoration:none; }
.container .navigation ul li a:hover { border-bottom:1px solid #F89A1C;}
.container .navigation ul li a:hover { color:#F89A1C; }
.container .navigation ul li.active a { color:#F89A1C; }
.dotted { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:30px 0; margin-bottom:30px;}
.dotted { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;}
.two-cols .rt { float:right; width:390px;}
.two-cols .lt { float:left; width:390px;}
.two-cols .lt p { padding-right:40px;}
......@@ -69,27 +73,28 @@ img.right { margin:0 0 1em 1em; float:right;}
.container ul.options li a:hover { text-decoration:underline;}
.landing h2, .landing a:hover { color:#01A1AE;}
.faq h2, .faq a:hover { color:#EF4F54; border:0 none;}
.faq h3 { color:#4085a6; margin:0;}
.faq ul { padding:0; margin:0; }
.faq ul li { list-style:none outside; padding:0 0 0 5px; margin:0; }
.faq ul li { list-style:none outside; padding:0; margin:0; }
.faq ul li a { color:#222222; border:0 none;}
.faq .faq-category { margin: 0 0 1.5em;}
.follow h3 a { color:#4085A6;}
.follow a { border:0 none;}
.follow ul { margin:0; padding:0;}
.follow ul li { list-style:none outside; padding:0; margin:0 0 20px 0; font-size:0.923em; color:#808080;}
.follow ul li p.title { margin-bottom:0; color:#000;}
.follow ul li p.title a { color:#000;}
.follow ul li p a { color:#808080;}
.follow ul li p a { color:#808080;}
.posts ul { margin:0;padding:0; }
.posts ul li { padding:0; margin:0 0 50px; list-style:none outside; }
.posts ul li .img-div { float:left; width:160px; margin-right:20px; }
.posts ul li .img-div img { max-width:160px;}
.posts ul li .img-div p { font-size:1.154em; color:#01A1AE;}
.posts ul li .txt { overflow:hidden;}
.posts ul li .txt h3 { color:#F89A1C;}
.posts ul li .txt h3 a { color:#F89A1C; border:0 none; }
.posts ul li p.info { background:url(../images/blog-dots.jpg) no-repeat top; padding-top:10px; margin-top:20px; font-size:0.923em; color:#808080;}
.article p.info { margin-top:20px; padding-top:10px; font-size:0.923em; color:#808080; border-top:1px dashed #ccc;}
p.info a { color:#808080; }
.posts ul li img { max-width:580px; margin-bottom:1em;}
.posts ul li p.info { padding-bottom:10px; margin-bottom:20px; font-size:0.923em; color:#808080; border-bottom:1px dashed #000;}
.article p.info { margin-top:20px; padding-top:10px; font-size:0.923em; color:#808080; }
.article h2, .posts h2 { color:#ef4f53; }
.posts h2 a, .posts h2 a:hover { border:0 none;color:#ef4f53;}
.posts p.date, .article p.date { margin:0; font-size:1.231em; color:#01a1ae; }
p.info a { color:#808080; border-bottom:0 none; }
p.info a:hover { color:#000; border-bottom:0 none;}
.bg-wrap { background-position:right top; background-repeat:no-repeat;}
.bg-wrap .extra { display:none;}
.bg-wrap.open .extra { display:block;}
......@@ -120,11 +125,13 @@ a.btn_01, .box-more { width:80%; margin:0 auto 20px;
a.videolink { border: 0 none; display:block; width:367px; height:207px; background:url(../images/video_image_hover.png) no-repeat; text-decoration:none;}
a.videolink:hover { background:url(../images/video_image.png)no-repeat; text-decoration:none; border:0 none;}
.container .full { position:relative;}
.container .bottom-bordered { border-bottom:1px dashed #000000;margin-bottom:20px }
.container .lt-div { width:234px; float:left; }
.container .overflow-hidden { overflow:hidden;}
/* resources*/
.resources .categories .clear { color: #000000; float: right; margin-right: 4px;}
.resources .categories .clear { color: #000000; position:relative; top:-1px;}
.resources a, .resources a:hover { border:0 none;}
.resources .categories ul { margin:0;padding:0;}
.resources .categories ul li { float: left; list-style:none outside;}
......@@ -164,13 +171,14 @@ a.videolink:hover { background:url(../images/video_image.png)
.resources .list .resource-cat-2.resource .description { background-color: #FF6F00 }
.resources .resource-cat-2.filter-item a { color: #FF6F00 }
table { width:100%;}
table th, table td { padding:10px; }
table td { border-top: 1px solid #DDDDDD; }
table { width:80%; color:#B3B3B3;}
table th, table td { padding:5px 5px 5px 0; }
/*table td { border-top: 1px solid #DDDDDD; }*/
table th { color:#222; font-weight:normal;}
table td.consumed { color: #9D261D; }
.zebra-striped tbody tr:nth-child(2n+1) td,
.zebra-striped tbody tr:nth-child(2n+1) th { background-color: #F9F9F9; }
/*.zebra-striped tbody tr:nth-child(2n+1) td,
.zebra-striped tbody tr:nth-child(2n+1) th { background-color: #F9F9F9; }*/
.zebra-striped tbody tr:hover td,
.zebra-striped tbody tr:hover th { background-color: #F5F5F5; }
......@@ -187,4 +195,4 @@ a.button:hover { background-color: #F89A1C; border:0 none; color:#fff;}
.pagination .nums { text-align:right;}
.pagination .nums span { color:#F89A1C;}