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