source: extensions/ContestResults/template/style.css @ 18289

Last change on this file since 18289 was 9745, checked in by mistic100, 14 years ago

[extensions] Contest Results

  • New bloc for PWG Stuffs
  • Use new admin links and javascript implementation
  • Distinguish pending and running contests (both pending before)
File size: 3.0 KB
Line 
1.CR_finished {
2        font-weight:normal;
3        font-size:0.8em;
4        letter-spacing:0.2em;
5       
6        color:#a00;
7}
8
9.novisible {
10        opacity:0.4;
11}
12
13.nopublic {
14        background:#aaa;
15        border:1px dotted #555;
16        font-weight:bold;
17        font-size:1.3em;
18        color:#222;
19        text-align:center;
20        padding:10px;
21        margin:0 20px 10px 20px;
22}
23
24.CR_banner {
25        width:100%;
26        text-align:center;
27}
28        .CR_banner h1 {
29                margin:20px;
30                font-size:2.5em;
31        }
32
33.CR_text {
34        margin:0 20px 20px 20px;
35        text-align:justify;
36}
37        .CR_text h3 {
38                margin:0 0 3px 0;
39                font-size:1.3em;
40                border-bottom:1px dotted #999;
41        }
42       
43.CR_period {
44        text-align:center;
45        font-size:1.3em;
46        font-weight:bold;
47        font-style:italic;
48        font-family:"Consolas";
49        border-top:1px dotted #999;
50}
51
52#CR_podium {
53        text-align:center;
54        margin:0 5px 30px 5px;
55}
56        #CR_podium .podium_1 {
57                display:inline-block;
58                width:49%;
59                vertical-align:middle;
60                text-align:center;
61                max-height:400px;
62        }
63                #CR_podium .podium_1 .title {
64                        font-weight:bold;
65                        font-size:1.3em;
66                        color:#EFBF00;
67                        margin-bottom:5px;
68                }
69                #CR_podium .podium_1 .illustration {
70                        margin:0 5px 10px 5px;
71                }
72                        #CR_podium .podium_1 .illustration img {
73                                border:4px outset #EFBF00;
74                                max-height:250px;
75                                max-width:100%;
76                                border-radius:5px;
77                                -moz-border-radius:5px;
78                                -webkit-border-radius:5px;
79                                -moz-box-shadow:0 0 5px #EFBF00;
80                                -webkit-box-shadow:0 0 5px #EFBF00;
81                        }
82                                #CR_podium .podium_1 .illustration img:hover {
83                                        border-style:inset;
84                                }
85                #CR_podium .podium_1 p {
86                        padding:0 10px 0 5px;
87                        text-align:justify;
88                        font-size:0.9em;
89                }
90        #CR_podium .podium_23  {
91                display:inline-block;
92                width:49%;
93                text-align:left;
94                vertical-align:middle;
95                border-left:1px dotted #ddd;
96                max-height:400px;
97        }
98                #CR_podium .podium_2, #CR_podium .podium_3 {
99                        height:50%;
100                        max-height:200px;
101                        overflow:hidden;
102                }
103                        #CR_podium .podium_2 .title, #CR_podium .podium_3 .title {
104                                font-weight:bold;
105                                font-size:1.1em;
106                                text-align:center;
107                                margin-bottom:5px;
108                        }
109                                #CR_podium .podium_3 .title {
110                                        color:#EF5400;
111                                }
112                                #CR_podium .podium_2 .title {
113                                        color:#9F9F9F;
114                                }
115                        #CR_podium .podium_2 .illustration, #CR_podium .podium_3 .illustration {
116                                float:left;
117                                margin:0 10px 10px 10px;
118                                width:180px;
119                                text-align:center;
120                        }
121                                #CR_podium .podium_2 .illustration img, #CR_podium .podium_3 .illustration img {
122                                        border-width:3px;
123                                        border-style:outset;
124                                        max-height:160px;
125                                        max-width:170px;
126                                        border-radius:5px;
127                                        -moz-border-radius:5px;
128                                        -webkit-border-radius:5px;
129                                }
130                                        #CR_podium .podium_3 .illustration img {
131                                                border-color:#EF5400;
132                                                -moz-box-shadow:0 0 5px #EF5400;
133                                                -webkit-box-shadow:0 0 5px #EF5400;
134                                        }
135                                        #CR_podium .podium_2 .illustration img {
136                                                border-color:#9F9F9F;
137                                                -moz-box-shadow:0 0 5px #9F9F9F;
138                                                -webkit-box-shadow:0 0 5px #9F9F9F;
139                                        }
140                                        #CR_podium .podium_2 .illustration img:hover, #CR_podium .podium_3 .illustration img:hover {
141                                                border-style:inset;
142                                        }
143                       
144                        #CR_podium .podium_2 p, #CR_podium .podium_3 p {
145                                text-align:justify;
146                                font-size:0.9em;
147                        }
Note: See TracBrowser for help on using the repository browser.