← Back to branch summary

~widelands-dev/widelands-website/django_staticfiles

« back to all changes in this revision

Viewing changes to media/css/base.css

  • Committer: franku
  • Date: 2018-11-09 07:00:30 UTC
  • mfrom: (478.3.37 tabbed_profile)
  • mto: This revision was merged to the branch mainline in revision 505.
  • Revision ID: somal@arcor.de-20181109070030-uu7w3rt0r0nd6q5n
Fixed strings; make PM pages part of profile pages

Show diffs side-by-side

added added

removed removed

Lines of Context:
media/css/base.css
12
12
        font-size: 0.88em;
13
13
        line-height: 1.4em;
14
14
        color: #ffffee;
15
 
    text-shadow: 1px 1px 0px #000000;
 
15
        text-shadow: 1px 1px 0px #000000;
16
16
}
17
17
 
18
18
/*+++++++++++++++++++++++++*/
34
34
}
35
35
 
36
36
a:visited {
37
 
  color: #C8BE93;
 
37
        color: #e0d7b0;
38
38
}
39
39
 
40
40
a.missingLink {
134
134
        margin: 0.8em 0em 0.5em 0em;
135
135
}
136
136
 
 
137
#content_header h1 {
 
138
        display: inline-block;
 
139
}
 
140
 
137
141
svg {
138
142
        text-shadow: none;
139
143
}
160
164
}
161
165
 
162
166
.right  {
163
 
       text-align: right;
 
167
        text-align: right;
164
168
}
165
169
 
166
170
.middle {
198
202
        background-image: url("../img/black50.png");
199
203
}
200
204
 
 
205
.hidden {
 
206
        display: none;
 
207
}
 
208
 
201
209
.placeholder {
202
210
  color: #aaa !important;
203
211
}
231
239
 
232
240
div#content {
233
241
        margin-right: 240px;
 
242
        display: flex;
 
243
        flex-direction: column;
234
244
}
235
245
 
236
246
div#footer {
250
260
/**********/
251
261
/* Header */
252
262
/**********/
253
 
 
254
 
div#header  img{
255
 
        position: relative;
256
 
        z-index: 0;
257
 
}
258
 
 
259
 
div.loginBox {
260
 
        width: 320px;
261
 
        height: 71px;
262
 
        border: 1px solid black;
263
 
        background-color: #332f29;
264
 
        background-image: url("../img/but1.png");
265
 
        -moz-border-radius: 4px 4px 0px 0px;
 
263
#logo img {
 
264
        width: 100%;
 
265
}
 
266
 
 
267
#header {
 
268
        display: flex;
 
269
        display: -webkit-flex;
 
270
        flex-flow: row wrap;
 
271
        justify-content: space-between;
 
272
        align-items: center;
 
273
}
 
274
 
 
275
#header .header_boxes li a, .header_boxes p {
 
276
        font-weight: bold;
 
277
}
 
278
 
 
279
#header .header_boxes {
 
280
        display: flex;
 
281
        flex-flow: row wrap;
 
282
        margin: 0px;
 
283
        padding: 0px;
 
284
        list-style-type: none;
 
285
        border: 1px solid #474444;
266
286
        -webkit-border-radius: 4px 4px 0px 0px;
267
287
        -khtml-border-radius: 4px 4px 0px 0px;
268
 
        border-radius: 4px 4px 0px 0px;
269
 
        position: relative;
270
 
        z-index: 0;
271
 
        padding: 15px;
 
288
        border-radius: 4px 4px 4px 4px;
272
289
        box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
273
 
}
274
 
 
275
 
div.loginBox div.right{
276
 
        width: 120px;
277
 
}
278
 
 
279
 
div.loginBox ul {
280
 
        margin: 0px;
281
 
        padding: 0px;
282
 
        list-style-type: none;
283
 
        line-height: 1.5em;
284
 
}
285
 
 
286
 
div.loginBox h4 {
287
 
        margin-bottom: 5px;
288
 
        margin-top: 0px;
289
 
}
290
 
 
291
 
div.loginBox input {
292
 
        width: 100px;
293
 
}
294
 
 
295
 
div.loginBox button {
296
 
        margin: 0px;
297
 
        padding: 0px;
298
 
        border: 1px solid black;
299
 
        width: 60px;
300
 
        height: 20px;
301
 
        border-radius: 10px;
302
 
        background: none;
303
 
        background-image: url("../img/black50.png");
304
 
        outline: none;
305
 
        color: #ffffff;
 
290
        background-image: url("../img/wood.png");
 
291
}
 
292
 
 
293
#header .header_boxes li {
 
294
        border: 1px solid rgba(90, 74, 49, 0.84);
 
295
        padding: 2px 5px 2px 5px;
 
296
        text-align: center;
 
297
}
 
298
 
 
299
#header .header_boxes img {
 
300
        margin: 0 2px 0 2px;
 
301
}
 
302
 
 
303
#header li.loginBox {
 
304
        background-image: url("../img/black20.png");
 
305
        border: 1px solid #474444;
 
306
        -webkit-border-radius: 4px 4px 0px 0px;
 
307
        -khtml-border-radius: 4px 4px 0px 0px;
 
308
        border-radius: 4px 4px 4px 4px;
 
309
}
 
310
 
 
311
#header p {     
 
312
        padding: 0px;
 
313
        margin: 0px;
 
314
}
 
315
 
 
316
#header img {
 
317
        vertical-align: middle; /* to prevent a space below */
306
318
}
307
319
 
308
320
/****************/
319
331
 
320
332
div.columnModule h3 {
321
333
        margin-bottom: 10px;
322
 
        margin-top: 8px;        /* Correction for donatebox */
 
334
        margin-top: 8px;        /* Correction for first box */
323
335
}
324
336
 
325
337
div.columnModuleBox {
388
400
        border-top: none;
389
401
}
390
402
 
391
 
div.columnModuleBox ul.socialMediaList {
392
 
        height: 55px;
393
 
}
394
 
 
395
 
div.columnModuleBox ul.socialMediaList li {
396
 
        float: left;
397
 
        border: none;
398
 
        padding: 9px;
399
 
}
400
 
 
401
 
input.donate {
402
 
        border: none;
403
 
        background: none;
404
 
}
405
 
 
406
403
/* News Posts */
407
404
 
408
405
img.landing {
466
463
.pagination .summary{
467
464
        margin-right: 1em;
468
465
}
 
466
 
 
467
/****************/
 
468
/* Tabbed views */
 
469
/****************/
 
470
 
 
471
.tab-list {
 
472
        align-self: flex-end;
 
473
        margin-bottom: 0px;
 
474
        margin-top: -18px; /* Fix the margin of the header*/
 
475
        z-index: 2;
 
476
        display: flex;
 
477
        flex-direction: row;
 
478
        list-style: none;
 
479
        height: 20px;
 
480
}
 
481
 
 
482
.tab-list a {
 
483
        background-color: #332f29;
 
484
        background-image: url("../img/but1.png");
 
485
        border-radius: 4px;
 
486
        border: 1px solid black;
 
487
        padding: 0.5em;
 
488
        margin: 0 0 0 0.4em;
 
489
        box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
 
490
        font-size: 0.83em;
 
491
}
 
492
 
 
493
.tab-list a:hover {
 
494
        border-bottom: none;
 
495
        box-shadow: none;
 
496
}
 
497
 
 
498
.tab-list .active {
 
499
        border-bottom: none;
 
500
        box-shadow: none;
 
501
}
 
502
 
 
503
.tab-list li ul {
 
504
        position: absolute;
 
505
        list-style: none;
 
506
        padding-left: 0px;
 
507
        display: none;
 
508
}
 
509
 
 
510
.tab-list li:hover ul{
 
511
        display: block;
 
512
        border: 1px solid black;
 
513
        border-radius: 4px;
 
514
}
 
515
 
 
516
.tab-list li ul li{
 
517
        border-top: 1px solid black;
 
518
}
 
519
 
 
520
.tab-list li ul li:first-child{
 
521
        border-top: none;
 
522
}
 
523
 
 
524
.tab-list li ul li a{
 
525
  border: none;
 
526
  margin: 0 0 0 1px;
 
527
        display: block;
 
528
        box-shadow: none;
 
529
        border-radius: 0px;
 
530
        padding: 2px 4px 2px 4px;
 
531
}
 
532
 
 
533
/* The max-width has to be adjusted
 
534
   depending on the width of the logo*/
 
535
@media (max-width: 1000px) {
 
536
        #header {
 
537
                justify-content: center;
 
538
        }
 
539
        .header_boxes {
 
540
                justify-content: center;
 
541
                margin-bottom: 10px !important;
 
542
        }
 
543
}
 
 
b'\\ No newline at end of file'