c6704e6cc49ec8448b1184f421eb87c60f05f9b3
[moodle.git] / blocks / community / styles.css
1 /** General display rules **/
3 /* HUB SELECTOR */
4 #page-blocks-community-communitycourse .hubscreenshot {
5     float: left;
6 }
8 #page-blocks-community-communitycourse .hubtitlelink {
9     color: #999;
10 }
12 #page-blocks-community-communitycourse .hubsmalllogo {
13     padding-left: 3px;
14     padding-right: 7px;
15     float: left;
16 }
18 #page-blocks-community-communitycourse .hubtext {
19     display: block;
20     width: 68%;
21     padding-left: 165px;
22 }
24 #page-blocks-community-communitycourse .hubimgandtext {
25     display: table;
26 }
28 #page-blocks-community-communitycourse .hubimage {
29     float: left;
30     display: block;
31     width: 100px;
32 }
34 #page-blocks-community-communitycourse .hubstats {
35     padding-top: 10px;
36 }
38 #page-blocks-community-communitycourse .hubstats .iconhelp {
39     float: left;
40     padding-right: 3px;
41 }
43 #page-blocks-community-communitycourse .hubadditionaldesc {
44     color: #666;
45     font-size: 90%;
46     display: block;
47 }
49 #page-blocks-community-communitycourse .hubscreenshot {
50     margin-right: 10px;
51 }
53 #page-blocks-community-communitycourse .hubtrusted {
54     display: inline;
55 }
57 #page-blocks-community-communitycourse .trustedtr {
58     background-color: #ffe1c3;
59 }
61 #page-blocks-community-communitycourse .prioritisetr {
62     background-color: #ffd4ff;
63 }
65 #page-blocks-community-communitycourse .blockdescription {
66     font-size: 80%;
67     color: #555;
68 }
70 #page-blocks-community-communitycourse .trusted {
71     font-size: 90%;
72     color: #063;
73     font-weight: normal;
74     font-style: italic;
75 }
77 /* COURSES RESULT */
78 #page-blocks-community-communitycourse .additionaldesc {
79     font-size: 80%;
80     color: #8b8989;
81 }
83 #page-blocks-community-communitycourse .comment-link {
84     font-size: 80%;
85     color: #555;
86 }
88 #page-blocks-community-communitycourse .coursescreenshot {
89     text-align: center;
90     cursor: pointer;
91 }
93 #page-blocks-community-communitycourse .hubcourseinfo {
94     margin-left: 15px;
95 }
97 #page-blocks-community-communitycourse .pagingbar {
98     text-align: center;
99 }
101 #page-blocks-community-communitycourse .coursecomment {
102     float: right;
105 #page-blocks-community-communitycourse .courseoperations {
106     margin-top: 9px;
107     text-align: center;
110 #page-blocks-community-communitycourse .hubcoursedownload:hover {
111     background-color: #cdc9c9;
114 #page-blocks-community-communitycourse .courselinks {
115     float: right;
116     width: 180px;
119 #page-blocks-community-communitycourse .ratingaggregate {
120     float: left;
121     padding-right: 4px;
124 #page-blocks-community-communitycourse .hubcourserating {
125     padding-top: 3px;
126     font-size: 80%;
127     color: #555;
130 #page-blocks-community-communitycourse .coursedescription {
131     width: 70%;
132     float: left;
135 #page-blocks-community-communitycourse .fullhubcourse {
136     margin-bottom: 20px;
139 #page-blocks-community-communitycourse .hubcoursetitlepanel {
140     margin-bottom: 6px;
143 #page-blocks-community-communitycourse .hubcourseresult {
144     background: none repeat scroll 0 0 #fff;
145     clear: both;
146     margin: 30px auto 0;
147     z-index: 90;
148     width: 95%;
149     padding: 10px 10px 10px 10px;
150     border-style: solid;
151     border-width: 1px;
154 #page-blocks-community-communitycourse .hubcoursetitle {
155     -webkit-box-shadow: rgba(0, 0, 0, 0.546875) 0 0 4px;
156     -moz-box-shadow: rgba(0, 0, 0, 0.546875) 0 0 4px;
157     background: #8b8989;
158     left: -15px;
159     position: relative;
160     z-index: 0;
161     border: 0;
162     margin: 0;
163     outline: 0;
164     padding: 0;
165     vertical-align: baseline;
166     color: #fff;
167     padding-top: 6px;
168     padding-bottom: 6px;
169     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
170     text-align: left;
171     font-style: italic;
172     font-weight: normal;
173     line-height: 1.2em;
174     font-size: 140%;
175     width: 102%;
176     text-indent: 15px;
179 #page-blocks-community-communitycourse .hubcoursedownload {
180     display: inline-block;
181     padding: 5px 8px 6px;
182     color: black;
183     text-decoration: none;
184     -moz-border-radius: 6px;
185     -webkit-border-radius: 6px;
186     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
187     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
188     border-bottom: 1px solid rgba(0, 0, 0, 0.25);
189     position: relative;
190     cursor: pointer;
191     background-color: #eee9e9;
192     margin-left: 6px;
193     font-size: 95%;
194     margin-bottom: 9px;
197 /*  STAR RATING  */
198 #page-blocks-community-communitycourse .ratingcount {
199     color: #8b8989;
200     font-size: 80%;
201     vertical-align: top;
204 #page-blocks-community-communitycourse .norating {
205     font-weight: bold;
206     color: #8b8989;
207     font-size: 80%;
210 #page-blocks-community-communitycourse .star-rating {
211     list-style: none;
212     margin: 4px 0 4px;
213     padding: 0;
214     width: 100px;
215     height: 20px;
216     position: relative;
217     background: url([[pix:i/star-rating]]) top left repeat-x;
218     float: left;
221 #page-blocks-community-communitycourse .star-rating li {
222     padding: 0;
223     margin: 0;
224     height: 20px;
225     width: 20px;
226     float: left;
229 #page-blocks-community-communitycourse .star-rating li.current-rating {
230     background: url([[pix:i/star-rating]]) left bottom;
231     position: absolute;
232     height: 20px;
233     display: block;
234     text-indent: -9000px;
235     z-index: 1;
238 /* COMMENTS */
239 #page-blocks-community-communitycourse .nocomments {
240     font-weight: bold;
241     color: #8b8989;
242     font-size: 80%;
245 #page-blocks-community-communitycourse .hubcommentator {
246     float: left;
247     font-weight: bold;
250 #page-blocks-community-communitycourse .hubcommentdate {
251     font-weight: bold;
254 #page-blocks-community-communitycourse .hubcommenttext {
255     margin-bottom: 10px;
258 #page-blocks-community-communitycourse .hubnoscriptcoursecomments {
259     margin-left: 5px;
262 #page-blocks-community-communitycourse .yui3-overlay-loading {
263     /* Hide overlay markup while loading, if js is enabled */
264     top: -1000em;
265     left: -1000em;
266     position: absolute;
267     z-index: 1000;
270 #page-blocks-community-communitycourse .hubcoursecomments {
271     /* comment button */
272     display: inline-block;
273     padding: 3px 3px 3px 3px;
274     color: white;
275     text-decoration: none;
276     -moz-border-radius: 6px;
277     -webkit-border-radius: 6px;
278     position: relative;
279     cursor: pointer;
280     background-color: #8b8989;
281     margin-left: 0;
282     font-size: 80%;
283     margin-top: 15px;
286 #page-blocks-community-communitycourse .hubrateandcomment {
287     font-size: 80%;
290 #page-blocks-community-communitycourse .nextlink {
291     text-align: center;
292     margin-top: 6px;
295 #page-blocks-community-communitycourse .textinfo {
296     text-align: center;
299 #ss-mask {
300     z-index: 10;
301     position: fixed;
302     top: 0;
303     left: 0;
304     bottom: 0;
305     right: 0;
306     opacity: 0.35;
307     filter: alpha(opacity=35);
308     background: #000;
311 .hiddenoverlay {
312     display: none;
313     text-align: center;
316 .imagearrow {
317     font-size: 120%;
318     display: inline;
319     cursor: pointer;
322 .imagetitle {
323     display: inline;
324     cursor: pointer;
327 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue {
328     -moz-border-radius: 12px 12px 12px 12px;
329     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
330     -webkit-border-radius: 12px 12px 12px 12px;
331     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
332     border-width: 0 0 0 0;
335 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-wrap {
336     -moz-border-radius: 12px 12px 0 0;
337     -webkit-border-radius: 12px 12px 0 0;
338     background-color: #fff;
339     border: 1px solid #555;
342 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-hd {
343     -moz-border-radius: 12px 12px 0 0;
344     -webkit-border-radius: 12px 12px 0 0;
345     background-color: #f6f6f6;
346     border: 1px solid #ccc;
347     overflow: auto;
348     padding: 7px 6px;
351 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-bd {
352     padding: 0;
353     margin-bottom: -5px;
356 #page-blocks-community-communitycourse .moodle-dialogue-base .closebutton {
357     margin-top: 4px;
358     margin-right: 4px;