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