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

Last change on this file since 8009 was 6782, checked in by mistic100, 14 years ago

Fixs some errors. Add results previews. Code revision.

File size: 3.1 KB
Line 
1.content {
2        min-height:0;
3}
4
5.finished {
6        font-weight:normal;
7        font-size:0.8em;
8        letter-spacing:0.3em;
9        padding-left:10px;
10        color:#a00;
11}
12
13.results {
14        overflow:hidden;
15        white-space:nowrap;
16}
17
18div.thumbnailCategory.novisible {
19        opacity:0.4;
20}
21
22div.nopublic {
23        background:#aaa;
24        border:1px dotted #555;
25        font-weight:bold;
26        font-size:1.3em;
27        color:#222;
28        text-align:center;
29        padding:10px;
30        margin:0 20px 10px 20px;
31}
32
33#content_contest {
34        padding-bottom:20px;
35}
36
37p {
38        text-align:justify;
39        margin:0 0 10px 20px;
40        font-size:1.1em;
41}
42
43h3 {
44        margin-bottom:0;
45        font-size:1.3em;
46}
47
48ul {
49        margin:0;
50        font-size:1.1em;
51}
52
53.CR_banner {
54        width:100%;
55        text-align:center;
56}
57
58.CR_text {
59        margin:0 5%;
60}
61
62#CR_rules_prices {
63        text-align:center;
64        margin:0 5%;
65}
66        #CR_rules, #CR_prices {
67                display:inline-block;
68                width:49%;
69                text-align:left;
70                vertical-align:top;
71        }
72        #CR_rules_prices h3 {
73                margin-left:-1%;
74        }
75
76#CR_podium {
77        text-align:center;
78        margin:0 5% 30px 5%;
79}
80        #CR_podium .podium_1 {
81                display:inline-block;
82                width:49%;
83                vertical-align:middle;
84                text-align:center;
85                max-height:400px;
86        }
87                #CR_podium .podium_1 .title {
88                        font-weight:bold;
89                        font-size:1.3em;
90                        color:#EFBF00;
91                        margin-bottom:5px;
92                }
93                #CR_podium .podium_1 .illustration {
94                        margin:0 10% 10px 10%;
95                }
96                        #CR_podium .podium_1 .illustration img {
97                                border:4px outset #EFBF00;
98                                max-height:250px;
99                                max-width:100%;
100                                -moz-border-radius:10px;
101                                border-radius:10px;
102                        }
103                                #CR_podium .podium_1 .illustration img:hover {
104                                        border-style:inset;
105                                }
106                #CR_podium .podium_1 .comment {
107                        padding:0 5px;
108                }
109               
110                #CR_podium .podium_1 .comment div {
111                        margin:0 auto;
112                        text-align:justify;
113                }
114        #CR_podium .podium_23  {
115                display:inline-block;
116                width:49%;
117                text-align:left;
118                vertical-align:middle;
119                border-left:1px dotted #555;
120                max-height:400px;
121        }
122                #CR_podium .podium_2, #CR_podium .podium_3 {
123                        height:50%;
124                        max-height:200px;
125                        overflow:hidden;
126                }
127                        #CR_podium .podium_2 .title, #CR_podium .podium_3 .title {
128                                font-weight:bold;
129                                font-size:1.1em;
130                                text-align:center;
131                                margin-bottom:5px;
132                        }
133                                #CR_podium .podium_2 .title {
134                                        color:#EF5400;
135                                }
136                                #CR_podium .podium_3 .title {
137                                        color:#9F9F9F;
138                                }
139                        #CR_podium .podium_2 .illustration, #CR_podium .podium_3 .illustration {
140                                display:inline-block;
141                                margin:0 2% 10px 2%;
142                                width:40%;
143                                text-align:center;
144                        }
145                                #CR_podium .podium_2 .illustration img, #CR_podium .podium_3 .illustration img {
146                                        border-width:3px;
147                                        border-style:outset;
148                                        max-height:150px;
149                                        max-width:100%;
150                                        border-radius:6px;
151                                        -moz-border-radius:6px;
152                                }
153                                        #CR_podium .podium_2 .illustration img {
154                                                border-color:#EF5400;
155                                        }
156                                        #CR_podium .podium_3 .illustration img {
157                                                border-color:#9F9F9F;
158                                        }
159                                        #CR_podium .podium_2 .illustration img:hover, #CR_podium .podium_3 .illustration img:hover {
160                                                border-style:inset;
161                                        }
162                       
163                        #CR_podium .podium_2 .comment, #CR_podium .podium_3 .comment {
164                                display:inline-block;
165                                width:53%;
166                                height:50%;
167                                vertical-align:top;
168                                margin-top:20px;
169                                text-align:justify;
170                                font-size:0.9em;
171                        }
Note: See TracBrowser for help on using the repository browser.