Revision 0835eb8c
b/cloudcms/static/cloudcms/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/cloudcms/static/cloudcms/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/cloudcms/static/cloudcms/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/cloudcms/static/cloudcms/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/cloudcms/static/cloudcms/js/os.js | ||
---|---|---|
97 | 97 |
subString: "Win", |
98 | 98 |
identity: "windows" |
99 | 99 |
}, |
100 |
|
|
101 |
{ |
|
102 |
string: navigator.userAgent.toLowerCase(), |
|
103 |
subString: "android", |
|
104 |
identity: "Android" |
|
105 |
}, |
|
100 | 106 |
{ |
101 | 107 |
string: navigator.platform, |
102 | 108 |
subString: "Mac", |
103 | 109 |
identity: "MacOS" |
104 | 110 |
}, |
105 | 111 |
{ |
106 |
string: navigator.userAgent,
|
|
107 |
subString: "iPhone",
|
|
108 |
identity: "iPhone"
|
|
112 |
string: navigator.userAgent, |
|
113 |
subString: "iPhone", |
|
114 |
identity: "iPhone" |
|
109 | 115 |
}, |
110 | 116 |
{ |
111 |
string: navigator.userAgent,
|
|
112 |
subString: "iPad",
|
|
113 |
identity: "iPad"
|
|
117 |
string: navigator.userAgent, |
|
118 |
subString: "iPad", |
|
119 |
identity: "iPad" |
|
114 | 120 |
}, |
115 | 121 |
{ |
116 | 122 |
string: navigator.platform, |
b/cloudcms/templates/cms/footer.html | ||
---|---|---|
20 | 20 |
</ul> |
21 | 21 |
{% endfor %} |
22 | 22 |
</div> |
23 |
|
|
23 | 24 |
{% if APP.footer_bottom %} |
24 |
<p> |
|
25 |
|
|
26 |
|
|
25 | 27 |
{{ APP.footer_bottom|safe }} |
26 |
</p> |
|
28 |
|
|
27 | 29 |
{% endif %} |
Also available in: Unified diff