Revision da7eb085
b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css | ||
---|---|---|
145 | 145 |
|
146 | 146 |
|
147 | 147 |
/* cloudbar header */ |
148 |
.cloudbar { background:#000; color:#fff; line-height:35px; position:absolute; left:0; top:0; width:100%; }
|
|
148 |
.cloudbar { background:#000; color:#fff; line-height:35px; width:100%; min-width:320px; font-size:13px;}
|
|
149 | 149 |
.cloudbar .wrapper { width:auto; padding:0;} |
150 | 150 |
.cloudbar a { color:#fff; text-decoration:none;} |
151 | 151 |
.cloudbar .profile { float:right; background:#01A1AE; min-width:190px; padding:0; text-align:right; } |
... | ... | |
155 | 155 |
.cloudbar .profile ul li { list-style:none outside; line-height:35px; padding:0 20px;} |
156 | 156 |
.cloudbar .profile ul li:hover a { color:#01A1AE;} |
157 | 157 |
.cloudbar .profile .user a { padding-right:20px; width:auto; } |
158 |
.cloudbar .profile .user a span { padding-right:20px; background:url(../images/arrow-lt.png) no-repeat right center;}
|
|
158 |
.cloudbar .profile .user a span { padding:0 20px; background:url(../images/arrow-lt.png) no-repeat right center;}
|
|
159 | 159 |
.cloudbar .profile .full a span { background-image:url(../images/arrow-down.png); } |
160 | 160 |
.cloudbar .profile .full a.open span { background-image:url(../images/arrow-up.png); } |
161 | 161 |
.cloudbar .profile .full ul { border:1px dashed #000; border-top:0 none; border-right:0 none;} |
... | ... | |
164 | 164 |
.cloudbar ul.services li { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;} |
165 | 165 |
.cloudbar ul.services li:first-child { padding:0 5px;} |
166 | 166 |
.cloudbar ul.services li.active { background:#333;} |
167 |
.cloudbar ul.services li:hover { background:#444; } |
|
167 |
.cloudbar ul.services li:hover { background:#444; } |
|
168 |
|
|
169 |
@media screen and (max-width : 480px) { |
|
170 |
.cloudbar .profile { float:none; } |
|
171 |
} |
b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js | ||
---|---|---|
110 | 110 |
});*/ |
111 | 111 |
$('.cloudbar .profile .full>a').live('click', function(e){ |
112 | 112 |
e.preventDefault(); |
113 |
$('.cloudbar .profile ul').css('width',$('.profile').outerWidth() ); |
|
113 | 114 |
$(this).siblings('ul').toggle(); |
114 | 115 |
$(this).toggleClass('open'); |
116 |
|
|
115 | 117 |
}); |
116 | 118 |
|
117 |
var profileWidth = profile.outerWidth(); |
|
118 |
$('.header .profile ul').css('width',profileWidth ); |
|
119 |
|
|
119 | 120 |
|
120 | 121 |
|
121 | 122 |
|
b/snf-astakos-app/astakos/im/static/im/css/forms.css | ||
---|---|---|
110 | 110 |
#okeanos_recaptcha label.recaptcha_only_if_image, |
111 | 111 |
#okeanos_recaptcha label.recaptcha_only_if_audio{ position:absolute; top:auto; bottom:11px; } |
112 | 112 |
#okeanos_recaptcha a.recaptcha_audio_cant_hear_link { margin-left:20px; } |
113 |
#okeanos_recaptcha #recaptcha_response_field { width:220px; float:left; border-left:0 none; }
|
|
113 |
#okeanos_recaptcha #recaptcha_response_field { width:220px; float:left; margin-left:-1px; }
|
|
114 | 114 |
#okeanos_recaptcha .img { width:23px; float:left; height:23px; overflow:hidden; margin:8px; } |
115 | 115 |
#okeanos_recaptcha .img a { display:block; width:100%; height:100%; background:url(../images/refresh_lg.png) no-repeat top left; text-indent:-100px } |
116 | 116 |
#okeanos_recaptcha .img-refresh a { background:url(../images/refresh_lg.png); } |
... | ... | |
119 | 119 |
#okeanos_recaptcha .img-audio a:hover { background:url(../images/sound_g.png); } |
120 | 120 |
#okeanos_recaptcha .actions-wrap { border-top:1px solid #808080 } |
121 | 121 |
|
122 |
input.submit:focus, |
|
123 |
input[type="submit"]:focus { border:1px solid #F89A1C; } |
|
122 | 124 |
|
123 | 125 |
@media screen and (max-width : 591px) { |
124 |
form.withlabels .extra-img { left:222px; } |
|
125 |
form.withlabels span.info { left:222px; } |
|
126 |
form .extra-img { left:222px; } |
|
127 |
|
|
128 |
.form-error { margin-left:0!important; }
|
|
126 |
form.withlabels .extra-img { left:222px; }
|
|
127 |
form.withlabels span.info { left:222px; }
|
|
128 |
form .extra-img { left:222px; }
|
|
129 |
.form-error { margin-left:0!important; } |
|
130 |
}
|
|
129 | 131 |
|
132 |
|
|
133 |
@media screen and (max-width : 410px) { |
|
134 |
form.login { width:auto; } |
|
135 |
form textarea, |
|
136 |
form input.text, |
|
137 |
form input[type="text"], |
|
138 |
form input[type="password"] { width:90%; } |
|
139 |
form.innerlabels .extra-img, |
|
140 |
form.innerlabels .with-errors .extra-img { left:90%; } |
|
141 |
form.innerlabels { width:auto; } |
|
142 |
.container form.innerlabels.overflow-hidden { overflow:visible;} |
|
143 |
form span.info { display:none; } |
|
144 |
#okeanos_recaptcha { width:inherit } |
|
145 |
#okeanos_recaptcha #recaptcha_response_field { width:55%; } |
|
146 |
#okeanos_recaptcha #recaptcha_image img { width:80%; } |
|
130 | 147 |
} |
b/snf-astakos-app/astakos/im/static/im/css/max768.css | ||
---|---|---|
6 | 6 |
.buttons-list .button { margin-left:0; } |
7 | 7 |
form input.submit, form input[type="submit"] { margin:0; } |
8 | 8 |
.container .lt-div { float:none; width:auto; } |
9 |
.container ul.options { margin-bottom:30px; } |
b/snf-astakos-app/astakos/im/static/im/css/max960.css | ||
---|---|---|
2 | 2 |
.wrapper { width:83%; padding:36px 8% 36px 8%;} |
3 | 3 |
.footer .wrapper { padding-left:8%; padding-right:8%; } |
4 | 4 |
.two-cols .rt { width:45% } |
5 |
.two-cols .rt img { max-width:100%; } |
|
5 |
.two-cols .rt img, |
|
6 |
.two-cols .lt img { max-width:100%; } |
|
6 | 7 |
.two-cols .lt { width:45%; } |
7 | 8 |
.two-cols-blog .rt { width:25%; padding-right:0; margin-left:30px;} |
8 | 9 |
.top-msg { margin-left:-9%; margin-right:-9%; padding-left:20%; padding-right:20%; } |
b/snf-astakos-app/astakos/im/static/im/css/modules.css | ||
---|---|---|
1 |
body { min-width:32px; overflow-y: scroll;} |
|
1 | 2 |
.wrapper { margin:0 auto; position:relative; width:820px; padding:36px 70px; } |
2 | 3 |
.container .wrapper, |
3 | 4 |
.footer .wrapper { border: 1px solid #808080; border-top:0 none;} |
... | ... | |
30 | 31 |
.top-msg .close:hover { color:#000;} |
31 | 32 |
|
32 | 33 |
/* container */ |
33 |
.container { border-top:35px solid #000; } |
|
34 | 34 |
.container .wrapper { padding-bottom:100px;} |
35 | 35 |
.mainlogo h1 { line-height:100%; font-size:1em; } |
36 | 36 |
.container .navigation { margin:20px 0 0; font-size:1.154em; height:95px;} |
... | ... | |
54 | 54 |
.container ul.options li h3 { font-size:1em; margin-bottom:0; } |
55 | 55 |
.container ul.options li a { border:0 none;} |
56 | 56 |
.container ul.options li a:hover { text-decoration:underline;} |
57 |
.container .extra ul.options { font-size:1em; margin:30px 0 0 ; padding:0 15px; }
|
|
57 |
.container .extra ul.options { font-size:1em; margin:0 ; padding:15px; }
|
|
58 | 58 |
.landing h2, .landing a:hover { color:#01A1AE;} |
59 | 59 |
.faq h2, .faq a:hover, .faq .current a { color:#EF4F54; border:0 none;} |
60 | 60 |
.content .question h2 { color:#4085A6 } |
61 | 61 |
.content .backlink { margin:1em 0; } |
62 | 62 |
.content .question .backlink a { border:0 none; color:#F89A1C } |
63 |
.content .question .backlink a:hover { text-decoration:underline; }
|
|
63 |
.content .question .backlink a:hover { border-bottom:1px solid #F89A1C }
|
|
64 | 64 |
.faq h3 { color:#4085a6; margin:0;} |
65 | 65 |
.faq ul { padding:0; margin:0; } |
66 | 66 |
.faq ul li { list-style:none outside; padding:0; margin:0; } |
... | ... | |
208 | 208 |
#animation div a { position:absolute; left:0; top:0; border:0 none; } |
209 | 209 |
#animation div a img { width:100%; } |
210 | 210 |
#animation p { position:absolute; bottom:0; left:0; width:100%; text-align:center; } |
211 |
#animation p img { display:inline-block; width:65%; } |
|
211 |
#animation p img { display:inline-block; width:65%; } |
|
212 |
|
|
213 |
/* Weird bug in pages that contain captcha. An extra iframe appears in chrome :S*/ |
|
214 |
.container +iframe { display:none; } |
b/snf-astakos-app/astakos/im/static/im/js/common.js | ||
---|---|---|
21 | 21 |
|
22 | 22 |
$('.show-extra').click(function(e) { |
23 | 23 |
e.preventDefault(); |
24 |
|
|
25 |
$(this).parents('.bg-wrap').find('.extra').toggle('slow'); |
|
26 |
$('.hide-extra').toggle(); |
|
24 |
$(this).parents('.bg-wrap').find('.extra').slideToggle(600); |
|
27 | 25 |
}); |
28 | 26 |
$('.hide-extra').click(function(e) { |
29 | 27 |
e.preventDefault(); |
30 |
$(this).hide(); |
|
31 |
$(this).parents('.bg-wrap').find('.extra').hide('slow'); |
|
28 |
$(this).parents('.bg-wrap').find('.extra').slideUp(600); |
|
32 | 29 |
}); |
33 | 30 |
|
34 | 31 |
$('.box-more p').click(function(e) { |
... | ... | |
68 | 65 |
|
69 | 66 |
$('.top-msg .success').parents('.top-msg').css( |
70 | 67 |
{ |
71 |
backgroundColor: '#00A2B1',
|
|
68 |
backgroundColor: '#77C596',
|
|
72 | 69 |
color: '#fff' |
73 | 70 |
} |
74 |
) |
|
71 |
);
|
|
75 | 72 |
|
76 | 73 |
$('.top-msg .error').parents('.top-msg').css( |
77 | 74 |
{ |
78 |
backgroundColor: '#C43F73',
|
|
75 |
backgroundColor: '#EF4F54',
|
|
79 | 76 |
color: '#fff' |
80 | 77 |
} |
81 |
) |
|
78 |
);
|
|
82 | 79 |
|
83 | 80 |
|
84 | 81 |
$('.top-msg .warning').parents('.top-msg').css( |
85 | 82 |
{ |
86 |
backgroundColor: '#F0A216',
|
|
83 |
backgroundColor: '#F6921E',
|
|
87 | 84 |
color: '#fff' |
88 | 85 |
} |
89 |
) |
|
86 |
);
|
|
90 | 87 |
|
91 | 88 |
$('.top-msg .info').parents('.top-msg').css( |
92 | 89 |
{ |
93 |
backgroundColor: '#75A23A',
|
|
90 |
backgroundColor: '#C3C3B9',
|
|
94 | 91 |
color: '#fff' |
95 | 92 |
} |
96 |
) |
|
93 |
);
|
|
97 | 94 |
|
95 |
// clouds homepage animation |
|
98 | 96 |
$('#animation a').hover( |
99 | 97 |
function () { |
98 |
|
|
100 | 99 |
$(this).animate({ |
101 |
top: '+=-10' |
|
100 |
top: '+=-10' |
|
101 |
}, 600, function() { |
|
102 |
if ($(this).find('img').attr('src').indexOf("_top") == -1) { |
|
103 |
var src = $(this).find('img').attr('src').replace('.png', '_top.png') |
|
104 |
$(this).find('img').attr("src", src); |
|
105 |
} |
|
106 |
|
|
107 |
}); |
|
108 |
$(this).siblings('p').find('img').animate({ |
|
109 |
width: '60%' |
|
102 | 110 |
}); |
111 |
}, |
|
112 |
function () { |
|
113 |
|
|
114 |
$(this).animate({top: '0'}, 600, function() { |
|
115 |
var src = $(this).find('img').attr('src').replace('_top.png', '.png') |
|
116 |
$(this).find('img').attr("src", src); |
|
117 |
}); |
|
118 |
$(this).siblings('p').find('img').animate({ |
|
119 |
width: '65%' |
|
120 |
}); |
|
121 |
} |
|
122 |
); |
|
123 |
|
|
124 |
|
|
125 |
/*$('#animation a').hover( |
|
126 |
function () { |
|
127 |
var src = $(this).find('img').attr('src').replace('.png', '_top.png') |
|
128 |
$(this).find('img').attr("src", src); |
|
129 |
$(this).animate({ |
|
130 |
top: '+=-10' |
|
131 |
}, 600, function() { |
|
132 |
// action to do when animation is finished |
|
133 |
}); |
|
103 | 134 |
$(this).siblings('p').find('img').animate({ |
104 | 135 |
width: '60%' |
105 | 136 |
}); |
106 | 137 |
}, |
107 | 138 |
function () { |
139 |
|
|
108 | 140 |
$(this).animate({ |
109 | 141 |
top: '0' |
110 | 142 |
|
111 |
}); |
|
143 |
}, 600, function() { |
|
144 |
var src = $(this).find('img').attr('src').replace('_top.png', '.png') |
|
145 |
$(this).find('img').attr("src", src); |
|
146 |
}); |
|
112 | 147 |
$(this).siblings('p').find('img').animate({ |
113 | 148 |
width: '65%' |
114 | 149 |
}); |
115 | 150 |
} |
116 |
); |
|
151 |
);*/
|
|
117 | 152 |
|
118 | 153 |
|
119 | 154 |
}); |
b/snf-astakos-app/astakos/im/static/im/js/os.js | ||
---|---|---|
1 |
//http://www.quirksmode.org/js/detect.html |
|
1 | 2 |
var BrowserDetect = { |
2 | 3 |
init: function () { |
3 | 4 |
this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; |
... | ... | |
96 | 97 |
subString: "Win", |
97 | 98 |
identity: "windows" |
98 | 99 |
}, |
100 |
|
|
101 |
{ |
|
102 |
string: navigator.userAgent.toLowerCase(), |
|
103 |
subString: "android", |
|
104 |
identity: "Android" |
|
105 |
}, |
|
99 | 106 |
{ |
100 | 107 |
string: navigator.platform, |
101 | 108 |
subString: "Mac", |
b/snf-astakos-app/astakos/im/templates/im/footer.html | ||
---|---|---|
1 | 1 |
{% block footer_content %} |
2 | 2 |
<div class="clearfix"> |
3 | 3 |
<p class="termslink" style="float:right"><a href="{% url latest_terms %}">Terms of use</a></p> |
4 |
<p>Copyright 2011-2012 <a href="http://www.grnet.gr" alt="GRNET S.A.">GRNET S.A.</a> All rights reserved.</li></p>
|
|
4 |
<p>Copyright 2011-2012 <a href="http://www.grnet.gr" title="GRNET S.A.">GRNET S.A.</a> All rights reserved.</p>
|
|
5 | 5 |
</div> |
6 | 6 |
{% endblock %} |
7 | 7 |
|
Also available in: Unified diff