Revision 9707ab4c

b/cloudcms/static/cloudcms/css/formating.css
29 29
a span											{ cursor:pointer; }
30 30
abbr[title], dfn[title]							{ border-bottom:1px dotted; cursor:help; }
31 31
address											{ font-style:italic; margin:0 0 1.5em 0; }
32
body											{ background:white; color:#222; font-family: Antic, Arial, sans-serif; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}
32
body											{ background:white; color:#222; font-family: 'Didact Gothic', Verdana, sans-serif;  font-style:normal; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}
33 33
code, kbd, pre, samp							{ font-family:monospace, sans-serif; }
34 34
del												{ text-decoration:line-through; }
35 35
dl												{ margin:1em 0; }
......
48 48
img												{ border:0; vertical-align:middle; }
49 49
ins												{ text-decoration:none; }
50 50
p												{ margin-bottom:1em; }
51
pre												{ overflow:auto; line-height:24px; }
51
pre												{ overflow:auto;  }
52 52
strong, b										{ font-weight:bold; font-style:inherit; }
53 53
sub, sup										{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
54 54
sub												{ bottom:-0.25em; }
b/cloudcms/static/cloudcms/css/forms.css
1 1
/* generic form styles */
2 2
input, textarea, .form-widget 				{ background-color: #ffffff; color: #000;border-color: #000000; }
3
#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; }
3
#forms .input, #forms input 				{ font-family: 'Didact Gothic', Verdana, 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; }
4 4
#forms .input:focus, 
5 5
#forms input:focus 							{ position: relative; border: 1px solid #000; z-index: 100; }
6 6
#forms .input:focus label,
7 7
#forms input:focus label 					{ z-index: 300; }
8 8
form.withlabels label 						{ width: 224px; display: block; float: left; padding-top: 1em; }
9 9
form.withlabels input[type=text], 
10
form.withlabels input[type=password] 		{ width: 224px; }
10
form.withlabels input[type=password] 		{ width: 240px; }
11 11
form.withlabels input[type=text].long, 
12 12
form.withlabels input[type=password].long, 
13 13
form.withlabels textarea.long 				{ width: 224px; }
......
21 21
form .form-row.submit 						{ margin: 22px 0 ;}
22 22
form .form-row .extra-link 					{ color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:98%; display:inline-block; padding-top:15px;   float: right; position:absolute; right:0; top:0; }
23 23
form .form-row .extra-link:hover			{ border-bottom:1px solid #808080;}
24
form .form-row label 						{ font-size: 1.1em; }
24
form .form-row label 						{ font-size: 1.077em; }
25 25
form.innerlabels label 						{ position: absolute; bottom: 11px; left: 1.5em; color: #808080 ; }
26 26
form.innerlabels p 							{ margin:0; position: relative;}
27 27
form.innerlabels p.p15px					{ font-size:1.154em;}
......
32 32
form textarea,
33 33
form input.text,
34 34
form input[type="text"],
35
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; }
36
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; }
35
form input[type="password"]  				{ color:#808080; font-family: 'Didact Gothic', Verdana, 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; }
36
form select									{ font-family: 'Didact Gothic', Verdana, 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; }
37 37
form textarea:focus,
38 38
form input.text:focus,
39 39
form input[type="text"]:focus,
......
44 44
form input[type="password"]:focus label 	{ z-index: 300;}
45 45
form input.submit, 
46 46
form input[type="submit"],
47
a.submit									{font-family: 'Antic', sans-serif;font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px;  background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }
47
a.submit									{ font-family: 'Didact Gothic', Verdana, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px;  background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }
48 48
form.innerlabels input.submit, 
49 49
form.innerlabels input[type="submit"]		{margin-left:0;}
50 50
form input.submit:hover, 
51 51
form input[type="submit"]:hover,
52
a.submit:hover					 			{ background-color:#3582ac;border-color:#3582ac; text-decoration:none;}
52
a.submit:hover					 			{ background-color:#3582AC;border-color:#3582ac; text-decoration:none;}
53 53
form input.submit.back, 
54 54
form input[type="submit"].back 				{ text-decoration: none; bottom: 0; float: right; z-index: 500; }
55 55
form input.submit.back.right, 
......
87 87
form.withlabels .with-checkbox .checkbox-widget		{ position:absolute; left:224px; top:0; }
88 88

  
89 89
form .extra-img								{ display:block; width:21px; height:21px; overflow:hidden;  position:absolute; }
90
form.withlabels .extra-img					{ left:440px; bottom:12px; }
90
form.withlabels .extra-img					{ left:460px; bottom:12px; }
91 91
form.innerlabels .extra-img					{ bottom:10px; left:290px }
92 92
form .with-checkbox .extra-img				{ top:20px; } 
93 93
form .with-errors .extra-img 				{ background:url(../images/symbols.png) no-repeat -58px -3px;  z-index:101;}
......
136 136
	form input.text, 
137 137
	form input[type="text"], 
138 138
	form input[type="password"] 				{ width:90%; }
139
	form.withlabels select									{ width:90%; }
139 140
	form.innerlabels .extra-img,
140 141
	form.innerlabels .with-errors .extra-img 	{ left:90%; }
141 142
	form.innerlabels							{ width:auto; }
......
152 153
    
153 154
}
154 155

  
155
p+ form											{ margin:2em 0; }
156
p+ form											{ margin:2em 0; }
157
.full-dotted legend								{ padding-top:40px; }
158
form .form-row .radios label					{ width:auto; float:none; display:inline-block; }
159
form .form-row .radios input[type="radio"]		{ margin-right:165px; vertical-align:middle; }
160
form.withfieldset textarea						{ width: 224px; }
161
form.withfieldset select						{ width: 256px; background:#fff;}
162
form+p:first-child, form legend + p				{ margin-bottom:2em; }
163

  
164
/* dropkick select extra styles */
165

  
166
.form-row .dk_container							{ border-radius:0; margin-bottom:0; border: 1px solid #808080; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:254px; padding:0.8em 0; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}
167
.form-row .dk_toggle  							{ border-radius:0;  padding:7px 0;  border:0 none; text-indent:1.5em; text-decoration:none;background-image:url(../images/arrow_02.jpg); background-position:90% 5px;}
168
.form-row .dk_toggle:hover						{ text-decoration:none; }
169
.form-row .dk_open								{ background:transparent; box-shadow: none; }
170
.form-row .dk_open .dk_toggle					{ background-color:transparent; border:0 none; color:#000; box-shadow: none;}
171
.form-row .dk_focus .dk_toggle					{ background-color:transparent;  border:0 none; color:#000; box-shadow: none;}
172
.1form-row .dk_options							{ display:block; }
173
.form-row .dk_options							{ box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}
174
.form-row .dk_options a							{ font-weight:normal;color:#808080 }
175
.form-row .dk_options_inner						{ padding:0; margin:0; box-shadow:none; text-shadow:none;  border-radius:0; border:1px solid #8C8C8E ;}
176
.form-row .dk-options_inner li					{ list-style:none outside; }
177
.form-row .dk_options a:hover, 
178
.form-row .dk_option_current a					{ text-shadow:none; background-color: #E7E7E3;}
b/cloudcms/static/cloudcms/css/modules.css
66 66
.container .extra ul.options					{ font-size:1em; margin:0 ; padding:15px; }
67 67
.landing h2, .landing a:hover                   { color:#01A1AE;}
68 68
.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}
69
.faq .current a									{ text-decoration:underline }
69 70
.question h2									{ color:#EF4F54 }
70 71
.content .backlink								{ margin:1em 0; }
71 72
.faq h3											{ color:#4085a6; margin:0;}
......
87 88
.article p.info 								{ margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }
88 89
.article h2, .posts h2                          { color:#ef4f53; }
89 90
.posts h2 a, .posts h2 a:hover                  { border:0 none;color:#ef4f53;}
90
.posts p.date, .article p.date                  { margin:0; font-size:1.231em; color:#01a1ae; }
91
.posts p.date, .article p.date                  { margin:0; font-size:1.077em; color:#3582AC; }
91 92
p.info a                                        { color:#808080; border-bottom:0 none; }
92 93
p.info a:hover                                  { color:#000; border-bottom:0 none;}
93 94
.bg-wrap                                        { background-position:right top; background-repeat:no-repeat;}
......
95 96
.bg-wrap.open .extra                            { display:block;}
96 97
.bg-wrap .extra .hide-extra                     { display:block; text-align:right; border:0 none; height:16px; overflow:hidden;}
97 98
.bg-wrap .extra .hide-extra img                 { margin-top:0; vertical-align:top; display:inline; }
98
.bg-wrap .extra .hide-extra:hover img           { margin-top:-16px;}
99
.cyclades .bg-wrap .extra .hide-extra:hover img { margin-top:-32px;}
100
.pithos h2, .pithos a:hover,                     
101
.pithos .extra .options li h3                     { color:#F89A1C; }
99
.bg-wrap .extra .hide-extra:hover img           { margin-top:-32px;}
100
.pithos h2,                       
101
.pithos .extra .options li h3                   { color:#BC742B; }
102 102
.cyclades h2,                 
103
.cyclades .extra .options li h3                   { color:#4085A6; }
103
.cyclades .extra .options li h3                 { color:#00A1B0; }
104 104
a.btn_01                                        { display:block; text-align:center; background:#F6921E; color:#000; padding:10px; text-decoration:none; border:0 none;}
105
a.btn_01:hover                                  { background:#01A1AE; color:#000; text-decoration:none;}
105
a.btn_01:hover                                  { background:#3582AC; color:#000; text-decoration:none;}
106 106
a.btn_01 em                                     { font-style:normal; display:block; }
107 107
a.btn_01 span                                   { color:#fff; }
108 108
.lt .box-more                                   { text-align:center; padding:5px 10px; }
......
165 165
.resources .list .resource-cat-2.resource               { border-color: #FF6F00  }
166 166
.resources .list .resource-cat-2.resource .title        { color: #FF6F00  }
167 167
.resources .list .resource-cat-2.resource .description  { background-color: #FF6F00  }
168
.resources .list .resource-cat-2.resource .description p{ line-height:130%; }
168 169

  
169 170
table											{ width:80%; color:#B3B3B3;}
170 171
table th, table td								{ padding:5px 5px 5px 0;  }1234
......
188 189
/*pagination*/
189 190
.pagination .next-prev                          { float:left; }
190 191
.pagination .nums                               { text-align:right;}
191
.pagination .nums span                          { color:#F89A1C;}
192
.pagination .nums span                          { color:#000;}
192 193
                    
193 194
.two-cols .lt .clients-wrapper p				{ padding:0; }
194 195

  
......
198 199
.container ul.options li a:hover				{ text-decoration: none; }
199 200
.container ul.options li a.red					{ color:#F24E53 }
200 201
.container ul.options li a.red:hover			{ border-bottom:1px solid #F24E53; }
201
.container ul.options li a.grey					{ color:#aaa }
202
.container ul.options li a.grey:hover			{ border-bottom:1px solid #aaa; }
203
.container ul.options li a.blue					{ color:#00A2B1 }
204
.container ul.options li a.blue:hover			{ border-bottom:1px solid #00A2B1; }
202
.container ul.options li a.grey					{ color:#F89A1C }
203
.container ul.options li a.grey:hover			{ border-bottom:1px solid #F89A1C; }
204
.container ul.options li a.blue					{ color:#3582AC }
205
.container ul.options li a.blue:hover			{ border-bottom:1px solid #3582AC; }
205 206

  
206 207
/* homepage clouds animation */
207 208
#animation                                      { width:94%; height:120px; padding:0 3%; background:url(../images/okeanos_landing.png) no-repeat; max-width:375px; }
......
236 237
/* new faq-userguide styles */
237 238

  
238 239
.faq .two-cols .lt								{ width:460px; }
239
.faq .two-cols .rt								{ width:340px; }
240
.faq .two-cols .rt								{ width:340px; text-align:center; }
240 241
.lt-small .rt									{ width:520px; }
241 242
.lt-small .lt									{ width:280px; }
242 243
.unequal-dotted									{ background:url(../images/double-dots-unequal.jpg) no-repeat top center; padding: 30px 0 0 ; margin-top:30px;}
......
244 245
.tirkouaz h2,
245 246
.tirkouaz h2 a,
246 247
.tirkouaz h3,
247
.tirkouaz a:hover								{ color:#00A1B0; }
248
.tirkouaz a:hover,
249
.tirkouaz li.current a							{ color:#00A1B0; }
248 250
.yellow h2,
249 251
.yellow h2 a,
250 252
.yellow h3,
251
.yellow a:hover									{ color:#F6921E; }
253
.yellow a:hover,
254
.yellow li.current a							{ color:#F6921E; }
252 255
.purple h2,
253 256
.purple h2 a,
254 257
.purple h3,
255
.purple a:hover									{ color:#7B499C; }
258
.purple a:hover,
259
.purple li.current a							{ color:#7B499C; }
260
.blue h2,
261
.blue h2 a,
262
.blue h3,
263
.blue a:hover,
264
.blue li.current a								{ color:#3582AC; }
265
.brown h2,
266
.brown h2 a,
267
.brown h3,
268
.brown a:hover,
269
.brown li.current a								{ color:#BC742B; }
256 270

  
257
.details ul li a,
258
.details ul li a:hover,
259 271
.question .content a:hover						{ color:#F6921E }
260 272
.details .extra-menu							{ background: url(../images/dots.jpg) repeat-x  center top ;padding-top:20px; margin-top:20px; }
261 273
.details .faq-category h2						{ font-size:1em; }
b/cloudcms/static/cloudcms/js/common.js
13 13

  
14 14
}
15 15

  
16

  
17
//equal heights
18
 
19
(function($) {
20
	$.fn.equalHeights = function(minHeight, maxHeight) {
21
		tallest = (minHeight) ? minHeight : 0;
22
		this.each(function() {
23
			if($(this).height() > tallest) {
24
				tallest = $(this).height();
25
			}
26
		});
27
		if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
28
		return this.each(function() {
29
			$(this).height(tallest);
30
		});
31
	}
32
})(jQuery);
33

  
34

  
35

  
16 36
// fix for iPhone - iPad orientation bug 
17 37
var metas = document.getElementsByTagName('meta');
18 38
function resetViewport() {
......
38 58
    }
39 59
  }
40 60
}
41
document.addEventListener("gesturestart", gestureStart, false);
42 61

  
62
if (navigator.userAgent.match(/iPhone/i)) {
63
	document.addEventListener("gesturestart", gestureStart, false);
64
}
43 65
//end of fix
44 66

  
45 67
$(document).ready(function() {
......
88 110
             //todo
89 111
        });
90 112
    });	
91
    //$('select').dropkick();
113
    //$('.dropkick-select').dropkick();
92 114
    
93 115
 
94 116
    
......
136 158
		});
137 159
        $(this).siblings('p').find('img').animate({
138 160
          width: '60%'       
139
        });
161
        }, 600);
140 162
      }, 
141 163
      function () {
142 164

  
......
146 168
		});
147 169
        $(this).siblings('p').find('img').animate({
148 170
          width: '65%'       
149
        });
171
        },600);
150 172
      }
151 173
    );
152 174
    
......
171 193
    );*/
172 194
    
173 195
    
196
    if ($('.widjets'.length > 0)) {
197
		$('.widjets li div').equalHeights();
198
	}
199
    
200
    $(function() {
201
    	if($("#from").length > 0 ){
202
			$( "#from" ).datepicker({
203
				defaultDate: "+0", 
204
				dateFormat: "dd-mm-yy",
205
				onSelect: function( selectedDate ) {
206
					$( "#to" ).datepicker( "option", "minDate", selectedDate );
207
				}
208
			});
209
			$( "#to" ).datepicker({
210
				defaultDate: "+1w", 
211
				dateFormat: "dd-mm-yy",
212
				onSelect: function( selectedDate ) {
213
					$( "#from" ).datepicker( "option", "maxDate", selectedDate );
214
				}
215
			});
216
		}
217
	});
174 218
});
175 219

  
176 220
$(window).resize(function() {
177 221
    
178 222
   setContainerMinHeight('.container .wrapper');
223
   if ($('.widjets').length > 0) {
224
		$('.widjets  li div').equalHeights();
225
	}
179 226

  
180 227
});
228

  
229

  
230

  
231

  
232
 
233

  
234

  
b/cloudcms/templates/cms/base.html
15 15
  {% endblock favicons %}
16 16

  
17 17
  {% block css %}
18
      <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet" type="text/css">
18
      <link href='http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin' rel='stylesheet' type='text/css'>
19 19
      <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/global.css">
20 20
      <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/print.css" media="print">
21 21
      <!--[if lte IE 7]>
b/cloudcmsblog/templates/cloudcmsblog/archive.html
8 8
	    <li>
9 9
	    	 
10 10
    		 
11
			<p class="date">{{ entry.published_on|date:"d M Y" }}</p>
11
			<p class="date">{{ entry.published_on|date:"d M Y"|upper}}</p>
12 12
			<h2>
13 13
	            <a href="{{ entry.get_absolute_url }}">{{ entry.title|upper }}</a>
14 14
	        </h2>
b/cloudcmsblog/templates/cloudcmsblog/detail.html
2 2

  
3 3
{% fragment request "maincol" %}
4 4
<div class="article">
5
	<p class="date">{{ entry.published_on }}</p>
5
	<p class="date">{{ entry.published_on|date:"d M Y"|upper}}</p>
6 6
    <h2>{{ entry.title|upper }}</h2>
7 7
    
8 8
    {% if entry.image %}
b/cloudcmsfaq/templates/cloudcmsfaq/detail.html
65 65
	              <h3>{{ category.translation.title }}</h3>
66 66
	              <ul>
67 67
	                {% for q in questions %}
68
	                  <li>
69
	                     {% if q != question %}<a href="{{ q.get_absolute_url }}">{% endif %}{{ q.title }}{% if q != question %}</a>{% endif %}
68
	                  <li {% if q = question %}class="current"{% endif %}>
69
	                     <a href="{{ q.get_absolute_url }}">{{ q.title }}</a>
70 70
	                  </li>
71 71
	                  {% endfor %}
72 72
	                  <br />
b/cloudcmsguide/templates/cloudcmsguide/detail.html
31 31
					 	   
32 32
			              <ul>
33 33
			                   {% for e in service.userguideentries.active %}
34
			                  <li>
35
			                     {% if e != entry %}<a href="{{ e.get_absolute_url }}">{% endif %}{{ e.title }}{% if e != question %}</a>{% endif %}
34
			                  <li {% if e = entry %}class="current"{% endif %}>
35
			                     <a href="{{ e.get_absolute_url }}"> {{ e.title }} </a> 
36 36
			                  </li>
37 37
			                  {% endfor %}
38 38
			                  <br />
......
62 62
					{% if service == entry.service %}
63 63
	               		<ul>
64 64
			            {% for e in service.userguideentries.active %}
65
			            	<li>{% if e != entry %}<a href="{{ e.get_absolute_url }}">{% endif %}{{ e.title }}{% if e != entry %}</a>{% endif %}</li>
65
			            	<li {% if e = entry %}class="current"{% endif %}>
66
			                     <a href="{{ e.get_absolute_url }}"> {{ e.title }} </a> 
67
			                  </li>
66 68
			            {% endfor %}
67 69
			        	</ul>
68 70
		           	{% endif %}

Also available in: Unified diff