Project

General

Profile

« Previous | Next » 

Revision 10e107df

Added by Serghei Mihai almost 9 years ago

minimal theme example

View differences:

debian/share/theme-example/base.html
1
{% load staticfiles %}
2
<html>
3
  <head>
4
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5
    <meta http-equiv="content-language" content="en" />
6
    <title>U-Auth :: Entr'ouvert</title>
7
    <link href="{% static "css/style.css" %}" media="all" rel="stylesheet" type="text/css" />
8
    <link href="{% static "entrouvert/eo.css" %}" media="all" rel="stylesheet" type="text/css" />
9
  </head>
10
  <body>
11
    <div class="page-wrapper">
12
    <h1 id="logo">
13
      <img src="{% static "entrouvert/logo.png" %}" alt="Entr'ouvert">
14
      U-Auth: Portail captif dans le Cloud
15
    </h1>
16
    </div>
17
    <div class="page-wrapper">
18
      <h2 class="welcome">Pour vous connecter veuillez choisir un fournisseur d'identité dans la liste ci-dessous</h2>
19
    {% block content %}
20
    {% endblock %}
21
    </div>
22
    {% block footer %}
23
    <div id="footer">
24
      Entr'ouvert, SCOP ARL,
25
      RCS Paris B 443 170 139 00036
26
      +33 (0)1 43 35 01 35 -
27
      info@entrouvert.com
28
    </div>
29
    {% endblock %}
30
  </body>
31
</html>
32

  
debian/share/theme-example/eo.css
1
@font-face {
2
  font-family: 'Museo500';
3
  src: url(Museo500-Regular.otf);
4
  font-weight: normal;
5
  font-style: normal;
6
}
7

  
8
@font-face {
9
  font-family: 'MuseoSlab';
10
  src: url(Museo_Slab.otf);
11
  font-weight: normal;
12
  font-style: normal;
13
}
14

  
15
html, body {
16
  margin: 0;
17
  padding: 0;
18
  font-family: arial, sans-serif;
19
  background: white;
20
  color: #6d6e70;
21
  font-size: 13px;
22
}
23

  
24
div.page-wrapper {
25
  background: white;
26
}
27

  
28
h1#logo {
29
  width: 900px;
30
  margin: auto;
31
  margin-top: 20px;
32
  margin-bottom: 22px;
33
  text-align: left;
34
}
35

  
36
img {
37
  border: none;
38
}
39

  
40
#nav, h2 {
41
  font-family: MuseoSlab, sans-serif;
42
  font-weight: normal;
43
}
44

  
45
h3, h4 {
46
  font-family: Museo500, sans-serif;
47
  font-weight: normal;
48
}
49

  
50

  
51
#nav {
52
  border: 1px solid #a5a7aa;
53
  border-width: 1px 0px;
54
  list-style: none;
55
  margin: 0 auto;
56
  text-align: center;
57
  padding: 10px 0;
58
  width: 900px;
59
  margin: auto;
60
  margin-bottom: 42px;
61
  font-size: 110%;
62
}
63

  
64
#nav li {
65
  margin: 0;
66
  padding: 0 5px;
67
  display: inline;
68
}
69

  
70
#nav a {
71
  color: #404041;
72
  text-decoration: none;
73
}
74

  
75
#nav li:after {
76
  content: " /";
77
  color: #404041;
78
}
79

  
80
#nav li.selected:after,
81
#nav li.ancestor:after,
82
#nav li a:hover,
83
#nav li.selected a,
84
#nav li.ancestor a {
85
  color: #e0007a;
86
}
87

  
88
div#slider-wrapper {
89
  width: 800px;
90
  margin: auto;
91
  position: relative;
92
  text-align: left;
93
}
94

  
95
hr {
96
  visibility: hidden;
97
  clear: both;
98
}
99

  
100
div#slider-wrapper hr {
101
  visibility: hidden;
102
  clear: both;
103
  margin-bottom: 20px;
104
}
105

  
106
div#slider ul {
107
  margin: 0;
108
  padding: 0;
109
  list-style: none;
110
}
111

  
112
li.slide {
113
  width: 800px;
114
  padding: 0 0px;
115
  height: 147px;
116
}
117

  
118
li.slide div.image {
119
  height: 127px;
120
  float: left;
121
}
122

  
123
li.slide h2 {
124
  margin: 0;
125
  padding-left: 45px;
126
  font-size: 60px;
127
  font-weight: normal;
128
  height: 127px;
129
  border-right: 1px solid #a5a7aa;
130
  padding-right: 25px;
131
  color: #505053;
132
  float: left;
133
}
134

  
135
li.slide div {
136
  width: auto;
137
  position: relative;
138
  left: 25px;
139
}
140

  
141
li.slide div p {
142
  padding-right: 25px; /* compensate left: 25px */
143
}
144

  
145
li.slide div a {
146
  background: #58595b;
147
  -webkit-border-radius: 4px;
148
  -moz-border-radius: 4px;
149
  border-radius: 4px;
150
  color: white;
151
  text-decoration: none;
152
  padding: 7px 12px;
153
}
154

  
155
div#slider-wrapper span#prevBtn a {
156
  position: absolute;
157
  width: 29px;
158
  height: 58px;
159
  background: url(slider-left.png) top left no-repeat;
160
  top: 40px;
161
  left: -39px;
162
  text-indent: -4000px;
163
  outline-style: none;
164
}
165

  
166
div#slider-wrapper span#nextBtn a {
167
  position: absolute;
168
  width: 29px;
169
  height: 58px;
170
  background: url(slider-right.png) top left no-repeat;
171
  top: 40px;
172
  right: -39px;
173
  text-indent: -4000px;
174
  outline-style: none;
175
}
176

  
177
div#boites-wrapper {
178
  clear: both;
179
  background: #636770;
180
}
181

  
182
div#boites hr {
183
  border: #636770;
184
  color: #636770;
185
  background: #636770;
186
  height: 1px;
187
  clear: both;
188
  margin: 0;
189
  padding: 0;
190
}
191

  
192
div#boites {
193
  width: 900px;
194
  margin: auto;
195
}
196

  
197
div#boites h2,
198
div#boites h3 {
199
  text-transform: uppercase;
200
}
201

  
202
div.boite {
203
  text-align: left;
204
  width: 216px;
205
  height: 185px;
206
  float: left;
207
  background: white;
208
  margin: 10px 10px;
209
  padding: 26px 10px 10px 60px;
210
  -webkit-border-radius: 4px;
211
  -moz-border-radius: 4px;
212
  border-radius: 4px;
213
  box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
214
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
215
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
216
}
217

  
218
div.boite h2 {
219
  margin: 10px 0 0 0;
220
}
221

  
222
div.boite h3 {
223
  margin: 0;
224
}
225

  
226
div.boite h2 {
227
  color: #505053;
228
}
229

  
230
div.boite {
231
  color: #6d6e70;
232
}
233

  
234
div.boite-identite { background: white url(id28.png) 15px 39px no-repeat; }
235
div.boite-eadmin { background: white url(e24.png) 15px 39px no-repeat; }
236
div.boite-references { background: white url(refs27.png) 15px 39px no-repeat; }
237
div.boite-solutions { background: white url(sol26.png) 15px 39px no-repeat; }
238
div.boite-actu { background: white url(feed22.png) 15px 39px no-repeat; }
239

  
240
#content a {
241
  color: #37a7da;
242
  text-decoration: none;
243
  -webkit-transition: all .2s ease-in-out;
244
  -moz-transition: all .2s ease-in-out;
245
  font-weight: bold;
246
}
247

  
248
#content a:hover {
249
  color: #672290;
250
  border-bottom: 1px dotted #672290;
251
}
252

  
253
a.plus,
254
#sidebar span.plugin_link a,
255
#content blockquote span.plugin_link a,
256
#content a.button,
257
a.bouton {
258
  background: #58595b;
259
  -webkit-border-radius: 4px;
260
  -moz-border-radius: 4px;
261
  border-radius: 4px;
262
  -webkit-box-shadow: none;
263
  -moz-box-shadow: none;
264
  box-shadow: none;
265
  color: white;
266
  text-decoration: none;
267
  padding: 8px 12px;
268
}
269

  
270
a.plus:hover,
271
#sidebar span.plugin_link a:hover,
272
#content blockquote span.plugin_link a:hover,
273
#content a.button:hover,
274
a.bouton:hover {
275
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
276
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
277
  border: none;
278
}
279

  
280
#content a.button {
281
  background: #37a7da;
282
}
283

  
284
#content blockquote {
285
  margin: 0;
286
}
287

  
288
#content blockquote span.plugin_link a,
289
a.bouton {
290
  float: right;
291
  background: #37a7da;
292
}
293

  
294
div.boite-identite a.plus,
295
div.boite-references a.plus {
296
  background: #e0007a;
297
}
298

  
299
div.boite-eadmin a.plus,
300
div.boite-solutions a.plus {
301
  background: #37a7da;
302
}
303

  
304
div.boite-identite,
305
div.boite-solutions {
306
  margin-left: 0px;
307
}
308

  
309
div.boite-references {
310
  margin-right: 0;
311
}
312

  
313
div.boite-actu {
314
  width: 523px;
315
  margin-right: 0px;
316
}
317

  
318
div.boite-actu div {
319
  width: 250px;
320
  float: left;
321
  padding-right: 10px;
322
}
323

  
324
div.boite p,
325
div.boite a {
326
  font-size: 85%;
327
}
328

  
329
div.boite p a {
330
  font-size: 100%;
331
}
332

  
333
div.boite-actu a.suite,
334
a.suite {
335
  color: inherit;
336
  text-decoration: none;
337
  text-align: right;
338
  float: right;
339
  padding-right: 10px;
340
  padding-left: 12px;
341
  background: transparent url(bulle.png) left center no-repeat;
342
  font-weight: normal;
343
}
344

  
345
div.boite h2 span a {
346
  text-decoration: none;
347
  font-weight: normal;
348
  color: #505053;
349
}
350

  
351
div.boite-actu h2 span a {
352
  color: #37a7da;
353
}
354

  
355
div.boite-actu a {
356
  text-decoration: none;
357
  color: #37a7da;
358
  font-weight: bold;
359
}
360

  
361
div.boite-actu a.suite:hover,
362
a.suite:hover {
363
  text-decoration: underline;
364
}
365

  
366
div#footer {
367
  clear: both;
368
  background: #919396;
369
  color: white;
370
  margin: 0;
371
  padding: 0;
372
  text-align: center;
373
}
374

  
375
div#footer div {
376
  text-align: left;
377
  width: 900px;
378
  margin: auto;
379
}
380

  
381
div#footer div div {
382
  width: 210px;
383
  float: left;
384
  padding-right: 10px;
385
  margin-right: 5px;
386
  padding-top: 15px;
387
  line-height: 130%;
388
  padding-bottom: 10px;
389
}
390

  
391
div#footer ul {
392
  margin: 0;
393
  padding: 0;
394
  padding-left: 0px;
395
  list-style: none;
396
}
397

  
398
div#footer div div strong {
399
  background: url(bulleblanche.png) left center no-repeat;
400
  padding-left: 8px;
401
}
402

  
403
div#footer div ul li {
404
  background: url(dash.png) 2px 50% no-repeat;
405
  padding-left: 9px;
406
}
407

  
408
div#footer div div span a {
409
  font-weight: bold;
410
}
411

  
412
div#footer a {
413
  color: white;
414
  text-decoration: none;
415
}
416

  
417
div#footer a:hover {
418
  text-decoration: underline;
419
}
420

  
421
div#wrapper {
422
  width: 900px;
423
  margin: auto;
424
}
425

  
426
div#content {
427
  width: 570px;
428
  float: left;
429
  text-align: left;
430
}
431

  
432
div.deuxcolonnes {
433
  text-align: justify;
434
  margin: 1em 0;
435
  -webkit-column-count: 2;
436
  -webkit-column-gap: 2em;
437
  -webkit-column-rule: 1px solid #eaeaea;
438
  -moz-column-count: 2;
439
  -moz-column-gap: 2em;
440
  -moz-column-rule: 1px solid #eaeaea;
441
  column-count: 2;
442
  column-gap: 1em;
443
  column-rule: 1px solid #eaeaea;
444
}
445

  
446
div#content p {
447
  margin: 0 0 1em 0;
448
}
449

  
450
div#sidebar {
451
  width: 225px;
452
  border: 1px solid #babcbe;
453
  float: right;
454
  padding: 5px 20px;
455
  margin-bottom: 10px;
456
}
457

  
458
#content h2 {
459
  background: url(id54.png) 0px 10px no-repeat; 
460
  font-size: 56px;
461
  font-weight: normal;
462
  padding-left: 60px;
463
  margin: 0 0 0.5em 0;
464
  color: #636770;
465
}
466

  
467
.section-identity #content h2 {
468
  background-image: url(id54.png);
469
}
470

  
471
.section-poll #content h2 {
472
  background-image: url(o54.png);
473
}
474

  
475
.section-who #content h2,
476
.section-expertise #content h2 {
477
  background-image: url(sol54.png);
478
}
479

  
480
.section-e-admin #content h2 {
481
  background-image: url(e54.png);
482
}
483

  
484
.section-references #content h2 {
485
  background-image: url(refs48.png);
486
}
487
.section-news #content h2 {
488
  background-image: url(feed54.png);
489
}
490

  
491
#content h3,
492
#sidebar h3 {
493
  font-size: 30px;
494
  font-weight: normal;
495
  text-align: center;
496
  color: #404041;
497
  border-bottom: 1px solid #404041;
498
  background: url(downrose.png) top center no-repeat;
499
  padding-top: 30px;
500
}
501

  
502
#content h4,
503
#sidebar h4 {
504
  font-size: 20px;
505
  font-weight: normal;
506
  text-align: left;
507
  margin-bottom: 1ex;
508
}
509

  
510
#sidebar div {
511
  clear: both;
512
}
513

  
514
#sidebar img {
515
  display: block;
516
  margin: 0 auto;
517
}
518

  
519
#sidebar p span {
520
  color: #e0007a;
521
}
522

  
523
#sidebar a.plus {
524
  background: #e0007a;
525
  width: 100px;
526
  display: block;
527
  text-align: center;
528
  margin: 4em auto 2em auto;
529
}
530

  
531
#sidebar span.plugin_link a {
532
  background: #37a7da; 
533
  width: 100px;
534
  display: block;
535
  text-align: center;
536
  margin: 1em auto 2em auto;
537
}
538

  
539
div#slider-references-wrapper {
540
  margin-top: 15px;
541
  margin-bottom: 15px;
542
  position: relative;
543
  height: 95px;
544
  width: 170px;
545
}
546

  
547
#sidebar div#slider-references-wrapper {
548
  margin-left: 25px;
549
  height: auto;
550
}
551

  
552
div#slider-references ul {
553
  margin: 0;
554
  padding: 0;
555
  list-style: none;
556
}
557

  
558
div#slider-references li {
559
  height: 100px;
560
  width: 170px;
561
  overflow: hidden;
562
  display: block;
563
  margin: 0 auto;
564
  text-align: center;
565
}
566

  
567
span#slider-references-prev a {
568
  position: absolute;
569
  width: 25px;
570
  height: 50px;
571
  background: url(slider-left-small.png) top left no-repeat;
572
  top: 20px;
573
  left: -30px;
574
  text-indent: -4000px;
575
  outline-style: none;
576
}
577

  
578
span#slider-references-next a {
579
  position: absolute;
580
  width: 25px;
581
  height: 50px;
582
  background: url(slider-right-small.png) top left no-repeat;
583
  top: 20px;
584
  right: -30px;
585
  text-indent: -4000px;
586
  outline-style: none;
587
}
588

  
589
div#le {
590
  width: 900px;
591
  margin: auto;
592
  text-align: left;
593
}
594

  
595
div#le p {
596
  position: absolute;
597
  top: 20px;
598
  width: 900px;
599
  text-align: right;
600
  color: #595A5C;
601
}
602

  
603
div#le p a {
604
  color: #818184;
605
}
606

  
607
div#le p a.contact-link,
608
div#le p a.faq-link {
609
  color: #505053;
610
}
611

  
612
/* div#lang {
613
  width: 900px;
614
  margin: auto;
615
}
616

  
617
div#lang p {
618
  position: absolute;
619
  top: 40px;
620
  width: 900px;
621
  text-align: right;
622
  color: #595A5C;
623
}
624

  
625
div#lang p a {
626
  color: #818184;
627
} */
628

  
629
a img {
630
  border: 0;
631
}
632

  
633
/* pimping up */
634
h1#logo img {
635
  -webkit-transition: all .2s ease-in-out;
636
  -moz-transition: all .2s ease-in-out;
637
}
638

  
639
h1#logo img:hover {
640
  -webkit-transform: scale(1.05);
641
  -moz-transform: scale(1.05);
642
}
643

  
644
a.plus {
645
  -webkit-transition: all .2s ease-in-out;
646
  -moz-transition: all .2s ease-in-out;
647
}
648

  
649
div#lang {
650
  text-align: center;
651
  background: #919396; /* #216382; */
652
  /*
653
  -moz-transform-origin: top left;
654
  -moz-transform: translate(0, 8em) rotate(270deg);
655
  */
656
  -webkit-transform-origin: top left;
657
  -webkit-transform: translate(0, 8em) rotate(270deg);
658
  position: fixed;
659
  top: 0px;
660
  left: 0px;
661
  width: 8em;
662
  -webkit-transition: all .2s ease-in-out;
663
  -moz-transition: all .2s ease-in-out;
664
}
665

  
666
div#lang:hover {
667
  background: #58595B;
668
}
669

  
670
div#lang p {
671
  margin: 0;
672
}
673

  
674
div#lang a {
675
  display: block;
676
  font-weight: bold;
677
  color: white;
678
  text-decoration: none;
679
  padding: 5px;
680
}
681

  
682
div#lang a.current {
683
  display: none;
684
}
685

  
686

  
687

  
688
div#references div {
689
  margin: 1em 0;
690
  clear: both;
691
  min-height: 150px;
692
}
693

  
694
div#references div img.ref-logo {
695
  position: absolute;
696
}
697

  
698
div#references div p {
699
  width: 450px;
700
  margin-left: 150px;
701
  text-align: justify;
702
  min-height: 120px;
703
}
704

  
705
div#references div p a.thumbnail {
706
  background: transparent;
707
  box-shadow: 0px 2px 4px gray;
708
  -moz-box-shadow: 0px 2px 4px gray;
709
  -webkit-box-shadow: 0px 2px 4px gray;
710
  -webkit-transition: all .2s ease-in-out;
711
  -moz-transition: all .2s ease-in-out;
712
}
713

  
714
div#references div p a.thumbnail:hover {
715
  border: none;
716
  box-shadow: 0px 2px 4px gray;
717
  -moz-box-shadow: 0px 2px 4px gray;
718
  -webkit-box-shadow: 0px 2px 8px gray;
719
}
720

  
721
div#references div p .thumbnail {
722
  display: block;
723
  float: right;
724
  position: relative;
725
  top: -6px;
726
  left: 20px;
727
}
728

  
729
div#references div p a.thumbnail img.thumbnail {
730
  position: static;
731
}
732

  
733
div#footer div#legal {
734
  font-size: 60%;
735
  background: #969592;
736
  padding: 1ex;
737
  margin: 0;
738
  border-top: 1px solid #b7b7b7;
739
  text-align: center;
740
  width: auto;
741
}
742

  
743
body.section-e-admin table {border: 1px solid #ec008c;}
744
body.section-e-admin table thead tr {color: #37a7da;}
745
body.section-e-admin table tbody tr:nth-child(even) {color: #8ddbff;}
746
body.section-e-admin table tbody tr:nth-child(odd) {color: #722dff;}
747

  
748

  
749
/** tableau de tarifs **/
750

  
751
body.section-e-admin table {
752
    width: 100%;
753
    border: none;
754
}
755

  
756
body.section-e-admin table thead tr th {
757
    padding: 5px;
758
    background-color: #f6f3f3;
759
}
760

  
761
body.section-e-admin table tbody tr td {
762
    padding: 5px;
763
}
764

  
765
body.section-e-admin table tbody tr:nth-child(even) {  
766
    background-color: #f9f6f6;
767
    color: #333333;
768
}
769

  
770
body.section-e-admin table tbody tr:nth-child(odd) {  
771
    background-color: #c0c0c0;
772
    color: #311311;
773
}
774

  
775
#content a.media:hover {
776
    border: none;
777
}
778

  
779
#content a.media > img {
780
    -webkit-transition: all .2s ease-in-out;
781
    -moz-transition: all .2s ease-in-out;
782
    transition: all .2s ease-in-out;
783
    display: none;
784
}
785

  
786

  
787
.mask img {
788
    position: absolute;
789
    top: 45%;
790
    left: 45%;
791
    /* display: block; */
792
    /* margin: 0 auto; */
793
}
794

  
795
div.media_container div {
796
    padding: 1ex;
797
}
798

  
799
.welcome, #idps {
800
    width: 900px;
801
    margin: auto;
802
}
803

  
804
#idps ul {
805
    column-count: 2;
806
    -webkit-column-count: 2;
807
    -moz-column-count: 2
808
}
809

  
810
#idps ul li, #login ul li {
811
    list-style-type: none;
812
}
813

  
814
#idps ul li a {
815
    color: #aaa;
816
    text-decoration: none;
817
}
818

  
819
#login {
820
    position: fixed;
821
    top: 200px;
822
    right: 0;
823
    border: 1px solid #ddd;
824
    padding: 0px 5px 5px 5px;
825
}
826

  
827
#login input {
828
    border:1px solid #aaa;
829
}
830

  
831
#login label {
832
    display: block;
833
    font-weight: bold;
834
}
835

  
836
#idps {
837
    float: none;
838
}
debian/u-auth.dirs
1 1
/etc/u-auth
2 2
/usr/lib/u-auth
3
/usr/share/u-auth
3 4
/var/lib/u-auth/organizations
4 5
/var/lib/u-auth/collectstatic
5 6
/var/lib/u-auth/static
debian/u-auth.install
12 12
debian/share/ssl.pem             /usr/share/u-auth
13 13
debian/share/ssl.key             /usr/share/u-auth
14 14
debian/share/nginx-example.conf  /usr/share/u-auth
15
debian/share/theme-example       /usr/share/u-auth
15 16
debian/settings.py               /etc/u-auth
16 17
debian/debian_config.py          /usr/lib/u-auth

Also available in: Unified diff