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

Last change on this file since 9333 was 9200, checked in by mistic100, 14 years ago

ContestResults :

  • Code revision
  • Add Letton (lv_LV) language, thanks to Aivars Baldone
  • Delete display options
  • Fix languages bugs
  • Improve public appearence
File size: 3.1 KB
Line 
1.CR_finished {
2        font-weight:normal;
3        font-size:0.8em;
4        letter-spacing:0.3em;
5        padding-left:10px;
6        color:#a00;
7}
8
9div.thumbnailCategory.novisible {
10        opacity:0.4;
11}
12
13div.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                color:#ddd;
42        }
43       
44.CR_period {
45        text-align:center;
46        font-size:1.3em;
47        font-weight:bold;
48        font-style:italic;
49        font-family:"Consolas";
50        color:#ddd;
51        border-top:1px dotted #999;
52}
53
54#CR_podium {
55        text-align:center;
56        margin:0 5px 30px 5px;
57}
58        #CR_podium .podium_1 {
59                display:inline-block;
60                width:49%;
61                vertical-align:middle;
62                text-align:center;
63                max-height:400px;
64        }
65                #CR_podium .podium_1 .title {
66                        font-weight:bold;
67                        font-size:1.3em;
68                        color:#EFBF00;
69                        margin-bottom:5px;
70                }
71                #CR_podium .podium_1 .illustration {
72                        margin:0 5px 10px 5px;
73                }
74                        #CR_podium .podium_1 .illustration img {
75                                border:4px outset #EFBF00;
76                                max-height:250px;
77                                max-width:100%;
78                                border-radius:5px;
79                                -moz-border-radius:5px;
80                                -webkit-border-radius:5px;
81                                -moz-box-shadow:0 0 5px #EFBF00;
82                                -webkit-box-shadow:0 0 5px #EFBF00;
83                        }
84                                #CR_podium .podium_1 .illustration img:hover {
85                                        border-style:inset;
86                                }
87                #CR_podium .podium_1 p {
88                        padding:0 10px 0 5px;
89                        text-align:justify;
90                        font-size:0.9em;
91                }
92        #CR_podium .podium_23  {
93                display:inline-block;
94                width:49%;
95                text-align:left;
96                vertical-align:middle;
97                border-left:1px dotted #ddd;
98                max-height:400px;
99        }
100                #CR_podium .podium_2, #CR_podium .podium_3 {
101                        height:50%;
102                        max-height:200px;
103                        overflow:hidden;
104                }
105                        #CR_podium .podium_2 .title, #CR_podium .podium_3 .title {
106                                font-weight:bold;
107                                font-size:1.1em;
108                                text-align:center;
109                                margin-bottom:5px;
110                        }
111                                #CR_podium .podium_3 .title {
112                                        color:#EF5400;
113                                }
114                                #CR_podium .podium_2 .title {
115                                        color:#9F9F9F;
116                                }
117                        #CR_podium .podium_2 .illustration, #CR_podium .podium_3 .illustration {
118                                float:left;
119                                margin:0 10px 10px 10px;
120                                width:180px;
121                                text-align:center;
122                        }
123                                #CR_podium .podium_2 .illustration img, #CR_podium .podium_3 .illustration img {
124                                        border-width:3px;
125                                        border-style:outset;
126                                        max-height:160px;
127                                        max-width:170px;
128                                        border-radius:5px;
129                                        -moz-border-radius:5px;
130                                        -webkit-border-radius:5px;
131                                }
132                                        #CR_podium .podium_3 .illustration img {
133                                                border-color:#EF5400;
134                                                -moz-box-shadow:0 0 5px #EF5400;
135                                                -webkit-box-shadow:0 0 5px #EF5400;
136                                        }
137                                        #CR_podium .podium_2 .illustration img {
138                                                border-color:#9F9F9F;
139                                                -moz-box-shadow:0 0 5px #9F9F9F;
140                                                -webkit-box-shadow:0 0 5px #9F9F9F;
141                                        }
142                                        #CR_podium .podium_2 .illustration img:hover, #CR_podium .podium_3 .illustration img:hover {
143                                                border-style:inset;
144                                        }
145                       
146                        #CR_podium .podium_2 p, #CR_podium .podium_3 p {
147                                text-align:justify;
148                                font-size:0.9em;
149                        }
Note: See TracBrowser for help on using the repository browser.