Statistics
| Branch: | Tag: | Revision:

root / snf-astakos-app / astakos / im / static / im / css / modules.css @ 1954d761

History | View | Annotate | Download (21.8 kB)

1
body                                                                                        { overflow-y: scroll;}
2

    
3
.wrapper                                        { margin:0 auto; position:relative; width:820px; padding:36px 70px; }
4
.container .wrapper,
5
.footer .wrapper                                { border: 1px solid #808080; border-top:0 none;}
6
.footer .wrapper                                                                { padding:20px 70px 25px; }
7
.centered                                       { text-align:center;}
8
img.left                                                                { margin:0 1em 1em 0; float:left;}
9
img.right                                                                { margin:0 0 1em 1em; float:right;}
10

    
11
 
12
/* footer */
13
.footer                                         { font-size:0.923em;color:#B3B3B3; }
14
.footer a                                       { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s;  -webkit-transition: color 0.15s ease-in-out 0s;  -o-transition: color 0.15s ease-in-out 0s; } 
15
.footer:hover a                                 { color:#808080;}
16
.footer a:hover                                 { color:#000;}
17
.footer ul                                      { float:left; margin:0 10px 0 0; width:125px;  padding:0;}
18
.footer ul li                                   { padding:0; margin:0; list-style:none outside;}
19
.footer ul li:first-child                       { margin-bottom:1em;        }
20
.footer .clearfix                               { padding-bottom:20px;}
21
.footer .clearfix ul:first-child                { margin-left:0;}
22

    
23

    
24
/*top message*/
25
.top-msg                                            { margin:-36px -70px 36px; background:blue; padding:50px; color:#fff; display:none; position:relative; font-size:1.538em; text-align:center;}
26
.top-msg p                                                                                { text-align:center; }
27
.top-msg p.title                                    { font-size:1.3em;  }
28
.top-msg p.title span                                { border-bottom:2px dotted #fff; padding:0 0 10px 0;}
29
.top-msg.active                                     { display:block;}
30
.top-msg +.mainlogo                             { margin-top:-73px;}
31
.top-msg .close                                 { position:absolute; bottom:20px; right:20px; font-size:1.3em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;}
32
.top-msg .close:hover                           { color:#000;}
33

    
34
/* container */
35
.container .wrapper                             { padding-bottom:100px;}
36
.mainlogo h1                                                                        { line-height:100%; font-size:1em; }
37
.container .navigation                          { margin:20px 0 0; font-size:1.154em; height:95px;}
38
.container .navigation ul                       { margin:5px 0; padding:0;}
39
.container .navigation ul + ul                                        { font-size:0.933em; }
40
.container .navigation ul li                    { list-style:none outside; padding:0; margin:0 1em 0 0; display:inline-block;}
41
.container .navigation ul li a                  { color:#000; text-decoration:none; }
42
.container .navigation ul li a:hover            { color:#F89A1C; }        
43
.container .navigation ul li.active a           { color:#F89A1C; }                                        
44

    
45
.dotted                                         { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;}
46
.full-dotted                                                                        { background:url(../images/dots.jpg) repeat-x top; margin-top:20px; padding-top:20px; }
47
.full-dotted:first-child                                                { background:none; padding-top:0; margin-top:0; }
48
.two-cols .rt                                   { float:right; width:400px;}
49
.two-cols .lt                                   { float:left; width:400px;}
50
.two-cols-blog .rt                              { float:right; width:220px; margin-left:80px; padding-right:65px;}
51
.two-cols-blog .lt                                     { overflow:hidden;}
52
.container h2                                                                        { font-weight:700; font-size:1.308em; margin-bottom:1em; }
53
.container h3                                                    { font-weight:normal; margin-bottom:1em; }
54
.container h2 em                                                                 { color: #3582AC; font-style:normal; }
55
/*.content a                                                                { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }
56
.content a:hover                                                    { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }*/
57

    
58

    
59
.content a                                                                { text-decoration:none; }
60
.content a:hover                                                    { text-decoration:underline; }
61

    
62
.container ul.options                           { padding:0; margin:0; font-size:1.154em;}
63
.container ul.options li                        { list-style:none outside; margin:0 0 1em 0;padding:0;}
64
.container ul.options li h3                                                { font-size:1em; margin-bottom:0; }
65
.container ul.options li a                                        { border:0 none;}
66
.container ul.options li a:hover                                { text-decoration:underline;}
67
.container .extra ul.options                                        { font-size:1em; margin:0 ; padding:15px; }
68
.landing h2, .landing a:hover                   { color:#01A1AE;}
69
.faq h2, .faq a:hover, .faq .current a          { color:#EF4F54; border:0 none;}
70
.faq .current a                                                                        { text-decoration:underline }
71
.question h2                                                                        { color:#EF4F54 }
72
.content .backlink                                                                { margin:1em 0; }
73
.faq h3                                                                                        { color:#4085a6; margin:0;}
74
.faq ul                                         { padding:0; margin:0; }
75
.faq ul li                                      { padding:0; margin:0 0 8px 0; list-style:none outside none;line-height:140%;  }
76
.faq ul li a                                    { color:#222222; border:0 none; } 
77
.faq .faq-category                                                                { margin: 0 0 1.5em;}
78
.follow h3 a                                    { color:#4085A6;}
79
.follow a                                                            { border:0 none;}
80
.follow ul                                      { margin:0; padding:0;}
81
.follow ul li                                   { list-style:none outside; padding:0; margin:0 0 20px 0; font-size:0.923em; color:#808080;}
82
.follow ul li p.title                           { margin-bottom:0; color:#000;}
83
.follow ul li p.title a                         { color:#000;}
84
.follow ul li p a                               { color:#808080;}   
85
.posts ul                                       { margin:0;padding:0; }
86
.posts ul li                                    { padding:0; margin:0 0 50px; list-style:none outside; }
87
.posts ul li img                                { max-width:100%; margin-bottom:1em;}
88
.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 ;}
89
.article p.info                                                                 { margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }
90
.article h2, .posts h2                          { color:#ef4f53; }
91
.posts h2 a, .posts h2 a:hover                  { border:0 none;color:#ef4f53;}
92
.posts p.date, .article p.date                  { margin:0; font-size:1.077em; color:#3582AC; }
93
p.info a                                        { color:#808080; border-bottom:0 none; }
94
p.info a:hover                                  { color:#000; border-bottom:0 none;}
95
.bg-wrap                                        { background-position:right top; background-repeat:no-repeat;}
96
.bg-wrap .extra                                 { display:none;}
97
.bg-wrap.open .extra                            { display:block;}
98
.bg-wrap .extra .hide-extra                     { display:block; text-align:right; border:0 none; height:16px; overflow:hidden;}
99
.bg-wrap .extra .hide-extra img                 { margin-top:0; vertical-align:top; display:inline; }
100
.bg-wrap .extra .hide-extra:hover img           { margin-top:-32px;}
101
.pithos h2,                       
102
.pithos .extra .options li h3                   { color:#BC742B; }
103
.cyclades h2,                 
104
.cyclades .extra .options li h3                 { color:#00A1B0; }
105
a.btn_01                                        { display:block; text-align:center; background:#F6921E; color:#000; padding:10px; text-decoration:none; border:0 none;}
106
a.btn_01:hover                                  { background:#3582AC; color:#000; text-decoration:none;}
107
a.btn_01 em                                     { font-style:normal; display:block; }
108
a.btn_01 span                                   { color:#fff; }
109
.lt .box-more                                   { text-align:center; padding:5px 10px; }
110
.lt .box-more.border                            { border:1px solid #ccc;}
111
.lt .box-more p                                 { cursor:pointer; background:url(../images/arrow_02.jpg) no-repeat right center; padding-right:20px; }
112
a.btn_01, .box-more                             { width:80%; margin:0 auto 20px; }
113
.lt .box-more ul.col                            { width:30%; margin:0; padding:0; vertical-align:top; text-align:left; display:inline-block;}
114
.lt .box-more .clearfix                         { display:none; }
115
.lt .box-more ul.col li                         { list-style:none outside; }
116
.lt .box-more ul.col li a                       { color:#B3B3B3; text-decoration:none; border:0 none;}
117
.lt .box-more ul.col li a:hover                 { color:#000;}
118
.article img                                                            { margin-bottom:1em; max-width:100%;}
119
a.videolink                                                            { border: 0 none; display:block; width:367px; height:207px; background:url(../images/video_image_hover.png) no-repeat; text-decoration:none;}
120
a.videolink:hover                                                { background:url(../images/video_image.png)no-repeat; text-decoration:none; border:0 none;}
121
.container .full                                                                { position:relative;}
122
.container .bottom-bordered                     { border-bottom:1px dashed #000000;margin-bottom:20px }
123
.container .lt-div                              { width:234px; float:left; }
124
.container .overflow-hidden                     { overflow:hidden;}
125
.documentation .wrap                                                        { width:500px; }
126

    
127

    
128
/* resources*/
129
.resources .categories .clear                         { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}
130
.resources  a, .resources  a:hover              { border:0 none;}
131
.resources .categories ul                             { margin:0;padding:0;}
132
.resources .categories ul li                    { float: left; list-style:none outside;}
133
.resources .categories .title                   { margin-bottom: 0.5em; }
134
.resources .categories ul li a                  { color: #000000;   margin-right: 22px; text-decoration: none; }
135
.resources .categories ul li a:hover, 
136
.resources .categories ul li a.selected         { color: #000000;}
137
.resources .categories ul li.active a                        { text-decoration: underline }
138
.resources .categories ul li.inactive           { opacity: 0.3; }
139
.resources .categories ul li.active             { opacity: 1; }
140
.resources .list                                { line-height: 1em; margin-top: 60px; position: relative; margin-right:-35px; }
141
.resources .list .resource-wrapper.first .resource      { margin-left: 0; }
142
.resources .list .resource-wrapper              { float: left; height: 250px; margin-bottom: 22px; margin-right: 35px; overflow: hidden; position: relative; width: 250px; }
143
.resources .list .resource-wrapper.first        { margin-left: 0; }
144
.resources .list .resource-wrapper.hidden       { display: none; }
145
.resources .list .resource                      { border: 1px solid #000000; height: 188px; overflow: hidden; padding: 30px; }
146
.resources .list .resource .date                { color: #808080; margin-bottom: 3px; }
147
.resources .list .resource .description         { transition:color top 0.35s ease-in-out 0s; -moz-transition: top 0.35s ease-in-out 0s; -webkit-transition: top 0.35s ease-in-out 0s;          -o-transition: top 0.35s ease-in-out 0s; color: #FFFFFF; font-size: 1.1em; height: 150px; margin-left: -30px; padding: 30px; position: absolute; top: -270px; width: 190px; }
148
.resources .list .resource .title               { line-height: 1.4em; }
149
.resources .list .resource .category            { color: #808080; margin-top: 30px; }
150
.resources .list .resource .category a          { color: #808080; }
151
.resources .list .resource .download            { bottom: 0; cursor: pointer; font-size: 1.1em; margin-bottom: 3px; margin-left: -10px; position: absolute; width: 190px; }
152
.resources .list .resource .download a          { color: #000000; display: block; padding: 5px 5px 5px 15px; text-decoration: none; }
153
.resources .list .resource .download a:hover, 
154
.resources .list .resource .download a .hovered { color: #FF5D00;}
155
.resources .list .resource .download a:hover .download-image, 
156
.resources .list .resource .download a .hovered .download-image { background-image: url(../images/resource_down_arrow-active.png); }
157
.resources .list .resource .download a .download-image { background: url(../images/resource_down_arrow.png) no-repeat; display: block; float: left; height: 30px; margin-right: 10px; margin-top: -7px; width: 30px; }
158
.resources .list .resource .download img        { margin-right: 10px; vertical-align: middle;}
159
.resources .list .resource:hover .description, 
160
.resources .list .resource .hover .description { display: block; top: 0; }
161
.resources .list .resource-cat-1.resource               { border-color: #4085A5  }
162
.resources .list .resource-cat-1.resource .title        { color: #4085A5 }
163
.resources .list .resource-cat-1.resource .description  { background-color: #4085A5 }
164
.resources  .filter-item a                                                                { display:inline-block; line-height:100%; }
165
.resources  .filter-item a:hover                                                { text-decoration:underline }
166
.resources .list .resource-cat-2.resource               { border-color: #FF6F00  }
167
.resources .list .resource-cat-2.resource .title        { color: #FF6F00  }
168
.resources .list .resource-cat-2.resource .description  { background-color: #FF6F00  }
169
.resources .list .resource-cat-2.resource .description p{ line-height:130%; }
170

    
171
table                                                                                        { width:80%; color:#B3B3B3;}
172
table th, table td                                                                { padding:5px 5px 5px 0;  }1234
173
/*table td                                                                                 { border-top: 1px solid #DDDDDD; }*/
174
table th                                        { color:#222; font-weight:normal;}
175
table td.consumed                                                                 { color: #9D261D; }
176

    
177
/*.zebra-striped tbody tr:nth-child(2n+1) td, 
178
.zebra-striped tbody tr:nth-child(2n+1) th                 { background-color: #F9F9F9; }*/
179
.zebra-striped tbody tr:hover td, 
180
.zebra-striped tbody tr:hover th                                 { color:#000; }
181

    
182
.buttons-list.fixpos                                                         { position:absolute; bottom:0; right:0; }
183
.button.back.right                                                                 { right: 0; }
184
.buttons-list .button                                                         { margin-left: 10px; }
185
.button.back                                                                         {  z-index: 500; }
186
/* Styles for blue button-like back link
187
a.button                                                                                 { border:0 none;  color: #FFFFFF;  display: inline-block;  text-align: center; background-color: #3582AC; letter-spacing: 1px;  line-height: 22px; padding: 0.8em 22px; text-decoration: none;}
188
a.button:hover                                                                         { background-color: #F89A1C; border:0 none; color:#fff;}*/
189

    
190
/*pagination*/
191
.pagination .next-prev                          { float:left; }
192
.pagination .nums                               { text-align:right;}
193
.pagination .nums span                          { color:#000;}
194
                    
195
.two-cols .lt .clients-wrapper p                                { padding:0; }
196

    
197

    
198
/* colors for links */
199
.container ul.options li a                                                { display:inline-block; line-height:100%; }
200
.container ul.options li a:hover                                { text-decoration: none; }
201
.container ul.options li a.red                                        { color:#F24E53 }
202
.container ul.options li a.red:hover                        { border-bottom:1px solid #F24E53; }
203
.container ul.options li a.grey                                        { color:#F89A1C }
204
.container ul.options li a.grey:hover                        { border-bottom:1px solid #F89A1C; }
205
.container ul.options li a.blue                                        { color:#3582AC }
206
.container ul.options li a.blue:hover                        { border-bottom:1px solid #3582AC; }
207

    
208
/* homepage clouds animation */
209
#animation                                      { width:94%; height:120px; padding:0 3%; background:url(../images/okeanos_landing.png) no-repeat; max-width:375px; }
210
#animation div                                  { margin:0 2%; float:left; width:29%; height:100%; position:relative; }                    
211
#animation div a                                { position:absolute; left:0; top:0; border:0 none; }
212
#animation div a img                                                        { width:100%; }
213
#animation p                                          { position:absolute; bottom:0; left:0; width:100%; text-align:center; }
214
#animation p img                                { display:inline-block; width:65%; }
215

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

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

    
240
/* new faq-userguide styles */
241

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

    
274
.question .content a:hover                                                { color:#F6921E }
275
.details .extra-menu                                                        { background: url(../images/dots.jpg) repeat-x  center top ;padding-top:20px; margin-top:20px; }
276
.details .extra-menu h3                                                        { margin-bottom:1em; font-weight:bold;}
277
.details .faq-category h2                                                { font-size:1em; }
278
.question .next-prev                                                        { margin:10px 0; }
279
.question .next                                                                        { float:right; }
280
.details img                                                                        { max-width:100%; }
281
.question .section                                                                { margin-top:1em; }
282
.question pre                                                                        { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }
283
.widjets                                                                                { margin: 0; padding:0; }
284
.widjets li                                                                                { width:50%; float:left; list-style:none outside; margin:30px 0; }
285
.widjets li div                                                                        { border:1px dashed #000; padding:20px 20px 70px; width:60%; margin:0 auto; position:relative; }
286
.widjets li div img                                                                { max-width:100%; }
287
.widjets li .btn                                                                { text-align:center; position:absolute; bottom:0; left:0; right:0; }
288

    
289
/* billing styles */
290
.alt-style .table-div                                                        { border:1px dashed #000; }
291
.billing table.complex tr:nth-child(2n) td                 { background:transparent; }
292
.billing table.alt-style tr.zebra td                        { background:#F2F2F2; }
293
.billing .highlight                                                                { text-align:center; padding:10px; border:1px dashed #000; font-size:1.231em; margin:0 0 2em;}
294
.billing .highlight em                                                        { color:#3582AC; font-style:normal; font-weight:bold; }
295
.billing table.marginless                                                { margin-bottom:0; }
296
.billing .sum                                                                        { background:#5A97B8; padding:5px 5px 5px 10px; color:#fff; }
297
.billing.details .last                                                        { width:15%;}
298
.billing.details .prelast                                                { width:10%;}
299
.billing.list .last                                                                { width:20%; }
300
.billing.list .prelast                                                        { width:20%; }
301
.billing form                                                                        { margin-top:50px; }
302
.billing .categories                                                        { margin-bottom:2em; }
303
.billing .categories .clear                         { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}
304
.billing  a, .billing  a:hover                      { border:0 none;}
305
.billing .categories ul                             { margin:0;padding:0;}
306
.billing .categories ul li                            { float: left; list-style:none outside;}
307
.billing .categories .title                           { margin-bottom: 0.5em; }
308
.billing .categories ul li a                          { color: #000000;   margin-right: 22px; text-decoration: none; }
309
.billing .categories ul li a:hover, 
310
.billing .categories ul li a.selected                 { color: #000000;}
311
.billing .categories ul li.active a                                { text-decoration: underline }
312
.billing .categories ul li.inactive                   { opacity: 0.3; }
313
.billing .categories ul li.active                     { opacity: 1; }
314
.billing .resource-cat-1.filter-item a,
315
.billing .resource-cat-1.filter-item a:hover        { color:#ff6f00 }
316
.billing .resource-cat-2.filter-item a,
317
.billing .resource-cat-2.filter-item a:hover        { color:#4085A5 }
318

    
319
.table_sorting tr th                                                        { cursor:pointer; }
320
.table_sorting tr th:hover                                                { text-decoration:underline }
321

    
322
table.alt-style tr.tr1 td,
323
table.alt-style tr.tmore1 td                                        { background:#F2F2F2 }
324
table.alt-style tr.tr2 td,
325
table.alt-style tr.tmore2 td                                        { background:#fff }
326
table.alt-style tr td.info-td                                        { padding:5px; }
327
table.alt-style tr td.info-td div                                { padding:15px; border:1px dashed #000 }
328
table.alt-style tr td a.more-info                                { display:block; float:left; width:17px; height:16px; background:url(../images/plus-minus.png) no-repeat 0 0; margin-right:5px; }
329
table.alt-style tr td a.more-info:hover                        { background-image:url(../images/plus-minus-hover.png); text-decoration:none;}
330
table.alt-style tr td a.open                                        { background-position:-16px 0} 
331

    
332
.projects .details a.edit                                                { float:right; }
333
.projects .editable form textarea                                { width:70%; height:50px; max-width:70%;}