Revision ad1a069e
b/cloudcms/static/cloudcms/css/forms.css | ||
---|---|---|
21 | 21 |
form h2 span { padding-bottom: 3px; } |
22 | 22 |
form .form-row { min-height: 30px; position: relative;} |
23 | 23 |
form .form-row.submit { margin: 22px 0 ;} |
24 |
form .form-row .extra-link { color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:42px; float: right; }
|
|
25 |
form .form-row .extra-link:hover { text-decoration:underline;}
|
|
24 |
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; }
|
|
25 |
form .form-row .extra-link:hover { border-bottom:1px solid #808080;}
|
|
26 | 26 |
form .form-row label { font-size: 1.1em; } |
27 | 27 |
form.innerlabels label { position: absolute; top: 12px; left: 1.5em; color: #808080 ; } |
28 | 28 |
form.innerlabels p { margin:0; position: relative;} |
... | ... | |
30 | 30 |
form.innerlabels p.p15px a { margin:0 5px;} |
31 | 31 |
form.innerlabels p.p15px a:hover { text-decoration:underline;} |
32 | 32 |
form.innerlabels a, |
33 |
form.innerlabels a:hover { border:0 none;}
|
|
33 |
form.innerlabels a:hover { } |
|
34 | 34 |
form textarea, |
35 | 35 |
form input.text, |
36 | 36 |
form input[type="text"], |
... | ... | |
73 | 73 |
form.withlabels .checkbox-widget { margin-top:20px; } |
74 | 74 |
form.innerlabels .checkbox-widget + label { position:static; line-height:36px; color:#808080; } |
75 | 75 |
form.innerlabels .checkbox-widget + label + a { border-bottom:1px solid #F89A1C; font-size: 1.1em; } |
76 |
form span.info { position:absolute;z-index:10; top:10px; left: 290px; } |
|
76 |
form span.info { position:absolute;z-index:10; bottom:32px; } |
|
77 |
form.innerlabels span.info { left: 290px; } |
|
78 |
form.withlabels span.info { left: 440px; } |
|
77 | 79 |
form span.info em { display:block; overflow:hidden; position:absolute; left:0; text-indent:-100px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; } |
78 | 80 |
form span.info:hover em { background-position:-4px -3px; } |
79 | 81 |
form span.info span { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px; min-height:50px; display:none; font-size:0.846em;} |
... | ... | |
85 | 87 |
form.innerlabels .with-checkbox .checkbox-widget { margin-top:15px; } |
86 | 88 |
form.innerlabels .with-checkbox .checkbox-label { left:2.5em; top:17px; } |
87 | 89 |
|
88 |
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; left:440px; bottom:10px; z-index:101;} |
|
90 |
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; } |
|
91 |
form.withlabels .extra-img { left:440px; bottom:12px; } |
|
92 |
form.innerlabels .extra-img { bottom:10px; left:290px } |
|
89 | 93 |
form .with-checkbox .extra-img { top:20px; } |
90 |
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px;} |
|
94 |
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px; z-index:101;}
|
|
91 | 95 |
form .with-errors textarea+.extra-img, |
92 | 96 |
form .with-errors noscript+.extra-img { background:transparent;} |
93 | 97 |
form .with-errors input[type="text"], |
94 | 98 |
form .with-errors input[type="password"] { border:1px solid red;} |
95 | 99 |
form.innerlabels .with-errors .extra-img { left:290px;} |
96 |
form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px;} |
|
100 |
form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px; z-index:101;}
|
|
97 | 101 |
.errorlist { margin:0; padding:0;} |
98 | 102 |
.errorlist li { list-style:none outside;} |
99 |
|
|
100 |
@media screen and (max-width : 583px) { |
|
101 |
form .extra-img { left:222px; } |
|
102 |
.form-error { margin-left:0!important; } |
|
103 |
|
|
104 |
form .with-hidden { display:none; } |
|
105 |
|
|
106 |
|
|
107 |
/* custom captcha */ |
|
108 |
#okeanos_recaptcha { width:331px; border:1px solid #808080; margin:20px 0; position:relative; } |
|
109 |
#okeanos_recaptcha #recaptcha_image { padding:15px 0; } |
|
110 |
#okeanos_recaptcha label.recaptcha_only_if_image, |
|
111 |
#okeanos_recaptcha label.recaptcha_only_if_audio{ position:absolute; top:auto; bottom:12px; } |
|
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; } |
|
114 |
#okeanos_recaptcha .img { width:23px; float:left; height:23px; overflow:hidden; margin:8px; } |
|
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 |
#okeanos_recaptcha .img-refresh a { background:url(../images/refresh_lg.png); } |
|
117 |
#okeanos_recaptcha .img-refresh a:hover { background:url(../images/refresh_g.png); } |
|
118 |
#okeanos_recaptcha .img-audio a { background:url(../images/sound_lg.png); } |
|
119 |
#okeanos_recaptcha .img-audio a:hover { background:url(../images/sound_g.png); } |
|
120 |
#okeanos_recaptcha .actions-wrap { border-top:1px solid #808080 } |
|
121 |
|
|
122 |
|
|
123 |
@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; } |
|
103 | 129 |
|
104 | 130 |
} |
b/cloudcms/static/cloudcms/css/ie7.css | ||
---|---|---|
13 | 13 |
form input.text, |
14 | 14 |
form input[type="text"], |
15 | 15 |
form input[type="password"] { margin-bottom:-3px;} |
16 |
#okeanos_recaptcha #recaptcha_response_field { margin-bottom:-1px; } |
|
17 |
.container ul.options li a { display:inline } |
b/cloudcms/static/cloudcms/css/max768.css | ||
---|---|---|
4 | 4 |
.bg-wrap { background-position:-9999px -9999px; } |
5 | 5 |
.buttons-list.fixpos { position:static; } |
6 | 6 |
.buttons-list .button { margin-left:0; } |
7 |
form input.submit, form input[type="submit"] { margin:0; } |
|
7 |
form input.submit, form input[type="submit"] { margin:0; } |
|
8 |
.container .lt-div { float:none; width:auto; } |
b/cloudcms/static/cloudcms/css/modules.css | ||
---|---|---|
20 | 20 |
|
21 | 21 |
|
22 | 22 |
/*top message*/ |
23 |
.top-msg { margin:-36px -70px 36px; background:blue; padding:100px 200px; color:#fff; display:none; position:relative; font-size:1.538em;} |
|
24 |
.top-msg p.title { font-size:1.3em; } |
|
25 |
.top-msg p.title span { border-bottom:2px dotted #fff; padding:0 0 10px 0;} |
|
23 |
.top-msg { margin:-36px -70px 36px; background:blue; padding:100px; color:#fff; display:none; position:relative; font-size:1.538em; } |
|
24 |
.top-msg p { text-align:center; } |
|
25 |
.top-msg p.title { font-size:1.3em; } |
|
26 |
.top-msg p.title span { border-bottom:2px dotted #fff; padding:0 0 10px 0;} |
|
26 | 27 |
.top-msg.active { display:block;} |
27 | 28 |
.top-msg +.mainlogo { margin-top:-73px;} |
28 | 29 |
.top-msg .close { position:absolute; bottom:20px; right:20px; font-size:1.3em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;} |
... | ... | |
115 | 116 |
|
116 | 117 |
|
117 | 118 |
/* resources*/ |
118 |
.resources .categories .clear { color: #000000; position:relative; top:-1px;} |
|
119 |
.resources .categories .clear { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;} |
|
120 |
.resources .categories .clear:hover { border-bottom:1px solid #000; } |
|
119 | 121 |
.resources a, .resources a:hover { border:0 none;} |
120 | 122 |
.resources .categories ul { margin:0;padding:0;} |
121 | 123 |
.resources .categories ul li { float: left; list-style:none outside;} |
122 | 124 |
.resources .categories .title { margin-bottom: 0.5em; } |
123 | 125 |
.resources .categories ul li a { color: #000000; margin-right: 22px; text-decoration: none; } |
124 | 126 |
.resources .categories ul li a:hover, |
125 |
.resources .categories ul li a.selected { color: #000000 } |
|
127 |
.resources .categories ul li a.selected { color: #000000;} |
|
128 |
.resources .categories ul li.resource-cat-1.active a { border-bottom: 1px solid #F89A1C; } |
|
129 |
.resources .categories ul li.resource-cat-2.active a { border-bottom: 1px solid #4085A5 } |
|
126 | 130 |
.resources .categories ul li.inactive { opacity: 0.3; } |
127 |
.resources .categories ul li.active { font-weight: bold; opacity: 1; }
|
|
131 |
.resources .categories ul li.active { opacity: 1; } |
|
128 | 132 |
.resources .list { line-height: 1em; margin-top: 60px; position: relative; margin-right:-35px; } |
129 | 133 |
.resources .list .resource-wrapper.first .resource { margin-left: 0; } |
130 | 134 |
.resources .list .resource-wrapper { float: left; height: 250px; margin-bottom: 22px; margin-right: 35px; overflow: hidden; position: relative; width: 250px; } |
... | ... | |
149 | 153 |
.resources .list .resource-cat-1.resource { border-color: #4085A5 } |
150 | 154 |
.resources .list .resource-cat-1.resource .title { color: #4085A5 } |
151 | 155 |
.resources .list .resource-cat-1.resource .description { background-color: #4085A5 } |
152 |
.resources .resource-cat-1.filter-item a { color: #4085A5 } |
|
156 |
.resources .resource-cat-1.filter-item a { color: #4085A5 } |
|
157 |
.resources .filter-item a { display:inline-block; line-height:100%; } |
|
158 |
.resources .resource-cat-1.filter-item a:hover { border-bottom:1px solid #F89A1C; } |
|
159 |
.resources .resource-cat-2.filter-item a:hover { border-bottom:1px solid #4085A5; } |
|
153 | 160 |
.resources .list .resource-cat-2.resource { border-color: #FF6F00 } |
154 | 161 |
.resources .list .resource-cat-2.resource .title { color: #FF6F00 } |
155 | 162 |
.resources .list .resource-cat-2.resource .description { background-color: #FF6F00 } |
156 | 163 |
.resources .resource-cat-2.filter-item a { color: #FF6F00 } |
157 | 164 |
|
158 | 165 |
table { width:80%; color:#B3B3B3;} |
159 |
table th, table td { padding:5px 5px 5px 0; } |
|
166 |
table th, table td { padding:5px 5px 5px 0; }1234
|
|
160 | 167 |
/*table td { border-top: 1px solid #DDDDDD; }*/ |
161 | 168 |
table th { color:#222; font-weight:normal;} |
162 | 169 |
table td.consumed { color: #9D261D; } |
... | ... | |
164 | 171 |
/*.zebra-striped tbody tr:nth-child(2n+1) td, |
165 | 172 |
.zebra-striped tbody tr:nth-child(2n+1) th { background-color: #F9F9F9; }*/ |
166 | 173 |
.zebra-striped tbody tr:hover td, |
167 |
.zebra-striped tbody tr:hover th { background-color: #F5F5F5; }
|
|
174 |
.zebra-striped tbody tr:hover th { color:#000; }
|
|
168 | 175 |
|
169 | 176 |
.buttons-list.fixpos { position:absolute; bottom:0; right:0; } |
170 | 177 |
.button.back.right { right: 0; } |
... | ... | |
175 | 182 |
a.button:hover { background-color: #F89A1C; border:0 none; color:#fff;}*/ |
176 | 183 |
|
177 | 184 |
/*pagination*/ |
178 |
.pagination a { border:0 none;} |
|
179 | 185 |
.pagination .next-prev { float:left; } |
180 | 186 |
.pagination .nums { text-align:right;} |
181 | 187 |
.pagination .nums span { color:#F89A1C;} |
182 | 188 |
|
183 |
.two-cols .lt .clients-wrapper p { padding:0; } |
|
189 |
.two-cols .lt .clients-wrapper p { padding:0; } |
|
190 |
|
|
191 |
|
|
192 |
/* colors for links */ |
|
193 |
.container ul.options li a { display:inline-block; line-height:100%; } |
|
194 |
.container ul.options li a:hover { text-decoration: none; } |
|
195 |
.container ul.options li a.red { color:#F24E53 } |
|
196 |
.container ul.options li a.red:hover { border-bottom:1px solid #F24E53; } |
|
197 |
.container ul.options li a.grey { color:#aaa } |
|
198 |
.container ul.options li a.grey:hover { border-bottom:1px solid #aaa; } |
|
199 |
.container ul.options li a.blue { color:#00A2B1 } |
|
200 |
.container ul.options li a.blue:hover { border-bottom:1px solid #00A2B1; } |
b/cloudcms/static/cloudcms/js/os.js | ||
---|---|---|
107 | 107 |
subString: "iPhone", |
108 | 108 |
identity: "iPhone" |
109 | 109 |
}, |
110 |
{ |
|
111 |
string: navigator.userAgent, |
|
112 |
subString: "iPad", |
|
113 |
identity: "iPad" |
|
114 |
}, |
|
110 | 115 |
{ |
111 | 116 |
string: navigator.platform, |
112 | 117 |
subString: "Linux", |
b/cloudcmsfaq/templates/cloudcmsfaq/archive.html | ||
---|---|---|
3 | 3 |
<div class="faq"> |
4 | 4 |
{% for category in categories %} |
5 | 5 |
<div class="faq-category"> |
6 |
<h3>{{ category.translation.title }}</h3>
|
|
6 |
<h2>{{ category.translation.title|upper }}</h2>
|
|
7 | 7 |
<ul> |
8 | 8 |
{% for q in category.faqs.active %} |
9 | 9 |
<li {% if q == question %}class="current"{% endif %}> |
b/cloudcmsresources/templates/content/resources_list.html | ||
---|---|---|
15 | 15 |
<ul> |
16 | 16 |
{% for cat in categories %} |
17 | 17 |
<li class="{{ cat.get_css_class }} filter-item" data-id="{{ cat.pk }}"> |
18 |
<a href="#{{ cat.pk }}">{{ cat.translation.title|upper }}</a>
|
|
18 |
<a href="#{{ cat.pk }}">{{ cat.translation.title }}</a> |
|
19 | 19 |
</li> |
20 | 20 |
{% endfor %} |
21 | 21 |
</ul> |
22 |
<a href="#" class="clear">show all</a>
|
|
22 |
<a href="#" class="clear">Show all</a>
|
|
23 | 23 |
</div> |
24 | 24 |
|
25 | 25 |
<div class="list"> |
Also available in: Unified diff