Revision c798d62b

b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
1
/* Variables.less
2
 * Variables to customize the look and feel of Bootstrap
3
 * ----------------------------------------------------- */
4
/* Mixins.less
5
 * Snippets of reusable CSS to develop faster and keep code readable
6
 * ----------------------------------------------------------------- */
7
.servicesbar {
8
  font-family: arial, sans-serif !important;
9
  font-size: 13px !important;
10
  line-height: 13px;
11
  letter-spacing: 0px;
12
  zoom: 1;
13
  color: #ccc;
14
  z-index: 1000;
15
  border-bottom: 1px solid #444;
16
  background-color: #000000;
17
  position: relative;
18
}
19
.servicesbar ol, .servicesbar ul {
20
  list-style: none;
21
  margin: 0;
22
  padding: 0;
23
}
24
.servicesbar li {
25
  margin: 0;
26
  padding: 0;
27
}
28
.servicesbar:before, .servicesbar:after {
29
  display: table;
30
  content: "";
31
  zoom: 1;
32
}
33
.servicesbar:after {
34
  clear: both;
35
}
36
.servicesbar a {
37
  border: none !important;
38
  font-family: arial, sans-serif !important;
39
  font-size: 13px !important;
40
  color: #e6e6e6;
41
  text-decoration: none;
42
  display: block;
43
  float: left;
44
  padding: 11px;
45
  height: 13px;
46
}
47
.servicesbar a:hover {
48
  background-color: #444;
49
}
50
.servicesbar a.active {
51
  font-weight: bold;
52
  font-size: 13px !important;
53
  background-color: #333;
54
}
55
.servicesbar a img {
56
  border: none;
57
  margin: 1px;
58
  margin-bottom: 2px;
59
}
60
.servicesbar .services {
61
  zoom: 1;
62
}
63
.servicesbar .services:before, .servicesbar .services:after {
64
  display: table;
65
  content: "";
66
  zoom: 1;
67
}
68
.servicesbar .services:after {
69
  clear: both;
70
}
71
.servicesbar .services a {
72
  font-size: 13px !important;
73
  font-weight: bold;
74
  color: #ccc;
75
}
76
.servicesbar .services a.with-icon {
77
  margin: 0 !important;
78
  padding: 0 !important;
79
  width: 35px;
80
  height: 35px;
81
}
82
.servicesbar .services a.active {
83
  font-size: 13px !important;
84
  color: #ffffff !important;
85
}
86
.servicesbar .services a:hover {
87
  background-color: #444;
88
}
89
.servicesbar .profile {
90
  margin-top: -35px;
91
  zoom: 1;
92
  text-align: right;
93
  min-width: 200px;
94
  width: 200px;
95
  background-color: #000000;
96
  zoom: 1;
97
  position: absolute;
98
  right: 0;
99
  float: right;
100
}
101
.servicesbar .profile:before, .servicesbar .profile:after {
102
  display: table;
103
  content: "";
104
  zoom: 1;
105
}
106
.servicesbar .profile:after {
107
  clear: both;
108
}
109
.servicesbar .profile .user > a {
110
  font-weight: bold !important;
111
  font-size: 12px !important;
112
}
113
.servicesbar .profile .user.active {
114
  background-color: #333;
115
}
116
.servicesbar .profile a {
117
  float: none;
118
}
119
.servicesbar .profile ul {
120
  display: none;
121
}
122
.servicesbar .profile ul li {
123
  width: 100%;
124
  border-bottom: 1px solid #444;
125
  background-color: #333;
126
}
127
.servicesbar .profile ul li a {
128
  float: none;
129
  display: block;
130
}
131
.servicesbar .profile:hover, .servicesbar .profile.hover {
132
  background-color: #222;
133
}
134
.servicesbar .profile:hover ul, .servicesbar .profile.hover ul {
135
  display: block;
136
}
137
.servicesbar .profile:before, .servicesbar .profile:after {
138
  display: table;
139
  content: "";
140
  zoom: 1;
141
}
142
.servicesbar .profile:after {
143
  clear: both;
144
}
1
/* helpers ------------------------------------*/
2
.clearfix:before,
3
.clearfix:after									{ content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
4
.clearfix:after									{ clear:both; }
5
.visuallyhidden									{ position:absolute !important; clip:rect(0 0 0 0); }
145 6

  
146 7

  
147 8
/* cloudbar header */
148
.cloudbar                                       { background:#000; color:#fff;	   line-height:35px;  width:100%;   font-size:13px; font-family:Antic,Arial,sans-serif;}	
9
div.cloudbar                                    { background:#000; color:#fff;	   line-height:35px;  width:100%;   font-size:13px; font-family:Antic,Arial,sans-serif;}	
149 10
.cloudbar .wrapper                              { width:auto; padding:0;}			
150 11
.cloudbar a                                     { color:#fff; text-decoration:none;}
151 12
.cloudbar .profile                              { float:right; background:#01A1AE; min-width:190px; padding:0; text-align:right;  }
b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
27 27
    var css = $("<link />");
28 28
    css.attr({rel:'stylesheet', type:'text/css', href:cssloc + 'cloudbar.css'});
29 29
    $("head").append(css);
30
    
31
    // load fonts
32
    var font_url = 'https://fonts.googleapis.com/css?family=Antic';
33
    var css_font = $("<link />");
34
    css_font.attr({rel:'stylesheet', type:'text/css', href:font_url});
35
    $("head").append(css_font);
30 36

  
31 37
    // load service specific css
32 38
    var SKIP_ADDITIONAL_CSS = window.SKIP_ADDITIONAL_CSS == undefined ? false : window.SKIP_ADDITIONAL_CSS;
b/snf-astakos-app/astakos/im/static/im/css/modules.css
1 1
body											{ overflow-y: scroll;}
2

  
2 3
.wrapper                                        { margin:0 auto; position:relative; width:820px; padding:36px 70px; }
3 4
.container .wrapper,
4 5
.footer .wrapper                                { border: 1px solid #808080; border-top:0 none;}
......
65 66
.container .extra ul.options					{ font-size:1em; margin:0 ; padding:15px; }
66 67
.landing h2, .landing a:hover                   { color:#01A1AE;}
67 68
.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}
68
.content .question h2							{ color:#EF4F54 }
69
.question h2									{ color:#EF4F54 }
69 70
.content .backlink								{ margin:1em 0; }
70
.content .question .backlink a:hover			{ border-bottom:1px solid #F89A1C }
71 71
.faq h3											{ color:#4085a6; margin:0;}
72 72
.faq ul                                         { padding:0; margin:0; }
73 73
.faq ul li                                      { list-style:none outside; padding:0; margin:0;  }
......
83 83
.posts ul                                       { margin:0;padding:0; }
84 84
.posts ul li                                    { padding:0; margin:0 0 50px; list-style:none outside; }
85 85
.posts ul li img                                { max-width:100%; margin-bottom:1em;}
86
.posts ul li p.info                             { padding-bottom:10px; margin-bottom:20px; font-size:0.769em; color:#808080; background:url(../images/dots.jpg) repeat-x bottom ;}
86
.posts ul li p.info                             { padding-bottom:10px; margin:20px 0; font-size:0.769em; color:#808080; background:url(../images/dots.jpg) repeat-x bottom ;}
87 87
.article p.info 								{ margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }
88 88
.article h2, .posts h2                          { color:#ef4f53; }
89 89
.posts h2 a, .posts h2 a:hover                  { border:0 none;color:#ef4f53;}
......
133 133
.resources .categories ul li a                  { color: #000000;   margin-right: 22px; text-decoration: none; }
134 134
.resources .categories ul li a:hover, 
135 135
.resources .categories ul li a.selected         { color: #000000;}
136
.resources .categories ul li.resource-cat-1.active a	{ border-bottom: 1px solid #F89A1C; }
137
.resources .categories ul li.resource-cat-2.active a	{ border-bottom: 1px solid #4085A5 }
136
.resources .categories ul li.active a			{ text-decoration: underline }
138 137
.resources .categories ul li.inactive           { opacity: 0.3; }
139 138
.resources .categories ul li.active             { opacity: 1; }
140 139
.resources .list                                { line-height: 1em; margin-top: 60px; position: relative; margin-right:-35px; }
......
161 160
.resources .list .resource-cat-1.resource               { border-color: #4085A5  }
162 161
.resources .list .resource-cat-1.resource .title        { color: #4085A5 }
163 162
.resources .list .resource-cat-1.resource .description  { background-color: #4085A5 }
164
.resources  .resource-cat-1.filter-item a               { color: #4085A5  }
165 163
.resources  .filter-item a								{ display:inline-block; line-height:100%; }
166
.resources   .resource-cat-1.filter-item a:hover        { border-bottom:1px solid #F89A1C;  }
167
.resources   .resource-cat-2.filter-item a:hover        { border-bottom:1px solid #4085A5;  }
164
.resources  .filter-item a:hover						{ text-decoration:underline }
168 165
.resources .list .resource-cat-2.resource               { border-color: #FF6F00  }
169 166
.resources .list .resource-cat-2.resource .title        { color: #FF6F00  }
170 167
.resources .list .resource-cat-2.resource .description  { background-color: #FF6F00  }
171
.resources  .resource-cat-2.filter-item a               { color: #FF6F00  }
172 168

  
173 169
table											{ width:80%; color:#B3B3B3;}
174 170
table th, table td								{ padding:5px 5px 5px 0;  }1234
......
216 212
#animation p img                                { display:inline-block; width:65%; }
217 213

  
218 214
/* Weird bug in pages that contain captcha. An extra iframe appears in chrome :S*/
219
.container +iframe								{ display:none; }
215
.container +iframe								{ display:none; }
216

  
217
/* Style for im/projects */
218
table.alt-style 								{ color:#000; width:100%; }
219
table.alt-style caption							{ font-weight:normal;  font-size:1.154em; }
220
table.alt-style tr th							{ font-weight:normal; color:#3582AC }
221
table.alt-style tr td							{ color:#222; }
222
table.alt-style tr td:first-child,
223
table.alt-style tr th:first-child				{ padding-left:5px; }
224
.content a.submit								{ margin:0; display:inline-block; margin:10px 0 ;  height:auto;}
225
table.alt-style tr:nth-child(2n) td				{ background:#F2F2F2 }
226
dl.alt-style  									{ width:500px; }
227
dl.alt-style dt									{ width:50%; float:left; color:#3582AC; font-weight:normal;}
228
dl.alt-style dt:nth-child(2n)					{ background:black; }
229
.projects										{ padding-bottom:30px; }
230
.projects h2 span								{ color:#3582AC;}
231
.projects h2 em									{ float:right; }
232
.projects h3									{ font-size:1.154em; }
233
.projects .submit-rt							{ margin:0; text-align:right; }
234
.projects +.buttons-list.fixpos					{ left:0; right:auto; }
235

  
236
/* new faq-userguide styles */
237

  
238
.faq .two-cols .lt								{ width:460px; }
239
.faq .two-cols .rt								{ width:340px; }
240
.lt-small .rt									{ width:520px; }
241
.lt-small .lt									{ width:280px; }
242
.unequal-dotted									{ background:url(../images/double-dots-unequal.jpg) no-repeat top center; padding: 30px 0 0 ; margin-top:30px;}
243
.unequal-dotted:first-child						{ background:none; padding-top:0; margin-top:0; }
244
.tirkouaz h2,
245
.tirkouaz h2 a,
246
.tirkouaz h3,
247
.tirkouaz a:hover								{ color:#00A1B0; }
248
.yellow h2,
249
.yellow h2 a,
250
.yellow h3,
251
.yellow a:hover									{ color:#F6921E; }
252
.purple h2,
253
.purple h2 a,
254
.purple h3,
255
.purple a:hover									{ color:#7B499C; }
256

  
257
.details ul li a,
258
.details ul li a:hover,
259
.question .content a:hover						{ color:#F6921E }
260
.details .extra-menu							{ background: url(../images/dots.jpg) repeat-x  center top ;padding-top:20px; margin-top:20px; }
261
.details .faq-category h2						{ font-size:1em; }
262
.question .next-prev							{ margin:10px 0; }
263
.question .next									{ float:right; }
264
.details img									{ max-width:100%; }
265
.question .section								{ margin-top:1em; }
266
.question pre									{ border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }
267
.widjets										{ margin: 0; padding:0; }
268
.widjets li										{ width:50%; float:left; list-style:none outside; margin:30px 0; }
269
.widjets li div									{ border:1px dashed #000; padding:20px 20px 70px; width:60%; margin:0 auto; position:relative; }
270
.widjets li div img								{ max-width:100%; }
271
.widjets li .btn								{ text-align:center; position:absolute; bottom:0; left:0; right:0; }
b/snf-astakos-app/astakos/im/templates/registration/password_reset_form.html
4 4
Password reset
5 5
{% endblock %}
6 6

  
7
{% block body %}
7
{% block body.left %}
8 8
<div class="section">
9 9
    <img class="pic" src="{{ IM_STATIC_URL }}images/pictures/login_pic.png" />
10 10
</div>
11 11
{% comment %}{% include "im/services_description.html" %}{% endcomment %}
12
{% endblock body %}
12
{% endblock body.left %}
13 13
    
14 14
{% block body.right %}
15 15
     {% if "local" in im_modules %}

Also available in: Unified diff