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
RevLine 
[9200]1.CR_finished {
[6768]2        font-weight:normal;
3        font-size:0.8em;
[9572]4        letter-spacing:0.2em;
[9745]5       
[6768]6        color:#a00;
7}
8
[9745]9.novisible {
[6782]10        opacity:0.4;
11}
12
[9745]13.nopublic {
[6768]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}
[9200]28        .CR_banner h1 {
29                margin:20px;
30                font-size:2.5em;
31        }
[6768]32
33.CR_text {
[9200]34        margin:0 20px 20px 20px;
35        text-align:justify;
[6768]36}
[9200]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 {
[6768]44        text-align:center;
[9200]45        font-size:1.3em;
46        font-weight:bold;
47        font-style:italic;
48        font-family:"Consolas";
49        border-top:1px dotted #999;
[6768]50}
51
52#CR_podium {
53        text-align:center;
[9200]54        margin:0 5px 30px 5px;
[6768]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 {
[9200]70                        margin:0 5px 10px 5px;
[6768]71                }
72                        #CR_podium .podium_1 .illustration img {
73                                border:4px outset #EFBF00;
74                                max-height:250px;
75                                max-width:100%;
[9200]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;
[6768]81                        }
82                                #CR_podium .podium_1 .illustration img:hover {
83                                        border-style:inset;
84                                }
[9200]85                #CR_podium .podium_1 p {
86                        padding:0 10px 0 5px;
[6768]87                        text-align:justify;
[9200]88                        font-size:0.9em;
[6768]89                }
90        #CR_podium .podium_23  {
91                display:inline-block;
92                width:49%;
93                text-align:left;
94                vertical-align:middle;
[9200]95                border-left:1px dotted #ddd;
[6768]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                        }
[9200]109                                #CR_podium .podium_3 .title {
[6768]110                                        color:#EF5400;
111                                }
[9200]112                                #CR_podium .podium_2 .title {
[6768]113                                        color:#9F9F9F;
114                                }
115                        #CR_podium .podium_2 .illustration, #CR_podium .podium_3 .illustration {
[9200]116                                float:left;
117                                margin:0 10px 10px 10px;
118                                width:180px;
[6768]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;
[9200]124                                        max-height:160px;
125                                        max-width:170px;
126                                        border-radius:5px;
127                                        -moz-border-radius:5px;
128                                        -webkit-border-radius:5px;
[6768]129                                }
[9200]130                                        #CR_podium .podium_3 .illustration img {
[6768]131                                                border-color:#EF5400;
[9200]132                                                -moz-box-shadow:0 0 5px #EF5400;
133                                                -webkit-box-shadow:0 0 5px #EF5400;
[6768]134                                        }
[9200]135                                        #CR_podium .podium_2 .illustration img {
[6768]136                                                border-color:#9F9F9F;
[9200]137                                                -moz-box-shadow:0 0 5px #9F9F9F;
138                                                -webkit-box-shadow:0 0 5px #9F9F9F;
[6768]139                                        }
140                                        #CR_podium .podium_2 .illustration img:hover, #CR_podium .podium_3 .illustration img:hover {
141                                                border-style:inset;
142                                        }
143                       
[9200]144                        #CR_podium .podium_2 p, #CR_podium .podium_3 p {
[6768]145                                text-align:justify;
146                                font-size:0.9em;
147                        }
Note: See TracBrowser for help on using the repository browser.