MDL-59495 block_community: search courses on moodle.net only
[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 .hubimage {
25     float: left;
26     display: block;
27     width: 100px;
28 }
30 #page-blocks-community-communitycourse .hubstats {
31     padding-top: 10px;
32 }
34 #page-blocks-community-communitycourse .hubstats .iconhelp {
35     float: left;
36     padding-right: 3px;
37 }
39 #page-blocks-community-communitycourse .hubadditionaldesc {
40     color: #666;
41     font-size: 90%;
42     display: block;
43 }
45 #page-blocks-community-communitycourse .hubscreenshot {
46     margin-right: 10px;
47 }
49 #page-blocks-community-communitycourse .hubtrusted {
50     display: inline;
51 }
53 #page-blocks-community-communitycourse .trustedtr {
54     background-color: #ffe1c3;
55 }
57 #page-blocks-community-communitycourse .prioritisetr {
58     background-color: #ffd4ff;
59 }
61 #page-blocks-community-communitycourse .blockdescription {
62     font-size: 80%;
63     color: #555;
64 }
66 #page-blocks-community-communitycourse .trusted {
67     font-size: 90%;
68     color: #063;
69     font-weight: normal;
70     font-style: italic;
71 }
73 /* COURSES RESULT */
74 #page-blocks-community-communitycourse .additionaldesc {
75     font-size: 80%;
76     color: #8b8989;
77 }
79 #page-blocks-community-communitycourse .comment-link {
80     font-size: 80%;
81     color: #555;
82 }
84 #page-blocks-community-communitycourse .coursescreenshot {
85     text-align: center;
86     cursor: pointer;
87 }
89 #page-blocks-community-communitycourse .hubcourseinfo {
90     margin-left: 15px;
91 }
93 #page-blocks-community-communitycourse .pagingbar {
94     text-align: center;
95 }
97 #page-blocks-community-communitycourse .coursecomment {
98     float: right;
99 }
101 #page-blocks-community-communitycourse .courseoperations {
102     margin-top: 9px;
103     text-align: center;
106 #page-blocks-community-communitycourse .hubcoursedownload:hover {
107     background-color: #cdc9c9;
110 #page-blocks-community-communitycourse .courselinks {
111     float: right;
112     width: 180px;
115 #page-blocks-community-communitycourse .ratingaggregate {
116     float: left;
117     padding-right: 4px;
120 #page-blocks-community-communitycourse .hubcourserating {
121     padding-top: 3px;
122     font-size: 80%;
123     color: #555;
126 #page-blocks-community-communitycourse .coursedescription {
127     width: 70%;
128     float: left;
131 #page-blocks-community-communitycourse .fullhubcourse {
132     margin-bottom: 20px;
135 #page-blocks-community-communitycourse .hubcoursetitlepanel {
136     margin-bottom: 6px;
139 #page-blocks-community-communitycourse .hubcourseresult {
140     background: none repeat scroll 0 0 #fff;
141     clear: both;
142     margin: 30px auto 0;
143     z-index: 90;
144     width: 95%;
145     padding: 10px 10px 10px 10px;
146     border-style: solid;
147     border-width: 1px;
150 #page-blocks-community-communitycourse .hubcoursetitle {
151     -webkit-box-shadow: rgba(0, 0, 0, 0.546875) 0 0 4px;
152     -moz-box-shadow: rgba(0, 0, 0, 0.546875) 0 0 4px;
153     background: #8b8989;
154     left: -15px;
155     position: relative;
156     z-index: 0;
157     border: 0;
158     margin: 0;
159     outline: 0;
160     padding: 0;
161     vertical-align: baseline;
162     color: #fff;
163     padding-top: 6px;
164     padding-bottom: 6px;
165     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
166     text-align: left;
167     font-style: italic;
168     font-weight: normal;
169     line-height: 1.2em;
170     font-size: 140%;
171     width: 102%;
172     text-indent: 15px;
175 #page-blocks-community-communitycourse .hubcoursedownload {
176     display: inline-block;
177     padding: 5px 8px 6px;
178     color: black;
179     text-decoration: none;
180     -moz-border-radius: 6px;
181     -webkit-border-radius: 6px;
182     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
183     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
184     border-bottom: 1px solid rgba(0, 0, 0, 0.25);
185     position: relative;
186     cursor: pointer;
187     background-color: #eee9e9;
188     margin-left: 6px;
189     font-size: 95%;
190     margin-bottom: 9px;
193 /*  STAR RATING  */
194 #page-blocks-community-communitycourse .ratingcount {
195     color: #8b8989;
196     font-size: 80%;
197     vertical-align: top;
200 #page-blocks-community-communitycourse .norating {
201     font-weight: bold;
202     color: #8b8989;
203     font-size: 80%;
206 #page-blocks-community-communitycourse .star-rating {
207     list-style: none;
208     margin: 4px 0 4px;
209     padding: 0;
210     width: 100px;
211     height: 20px;
212     position: relative;
213     background: url([[pix:i/star-rating]]) top left repeat-x;
214     float: left;
217 #page-blocks-community-communitycourse .star-rating li {
218     padding: 0;
219     margin: 0;
220     height: 20px;
221     width: 20px;
222     float: left;
225 #page-blocks-community-communitycourse .star-rating li.current-rating {
226     background: url([[pix:i/star-rating]]) left bottom;
227     position: absolute;
228     height: 20px;
229     display: block;
230     text-indent: -9000px;
231     z-index: 1;
234 /* COMMENTS */
235 #page-blocks-community-communitycourse .nocomments {
236     font-weight: bold;
237     color: #8b8989;
238     font-size: 80%;
241 #page-blocks-community-communitycourse .hubcommentator {
242     float: left;
243     font-weight: bold;
246 #page-blocks-community-communitycourse .hubcommentdate {
247     font-weight: bold;
250 #page-blocks-community-communitycourse .hubcommenttext {
251     margin-bottom: 10px;
254 #page-blocks-community-communitycourse .hubnoscriptcoursecomments {
255     margin-left: 5px;
258 #page-blocks-community-communitycourse .yui3-overlay-loading {
259     /* Hide overlay markup while loading, if js is enabled */
260     top: -1000em;
261     left: -1000em;
262     position: absolute;
263     z-index: 1000;
266 #page-blocks-community-communitycourse .hubcoursecomments {
267     /* comment button */
268     display: inline-block;
269     padding: 3px 3px 3px 3px;
270     color: white;
271     text-decoration: none;
272     -moz-border-radius: 6px;
273     -webkit-border-radius: 6px;
274     position: relative;
275     cursor: pointer;
276     background-color: #8b8989;
277     margin-left: 0;
278     font-size: 80%;
279     margin-top: 15px;
282 #page-blocks-community-communitycourse .hubrateandcomment {
283     font-size: 80%;
286 #page-blocks-community-communitycourse .nextlink {
287     text-align: center;
288     margin-top: 6px;
291 #page-blocks-community-communitycourse .textinfo {
292     text-align: center;
295 #ss-mask {
296     z-index: 10;
297     position: fixed;
298     top: 0;
299     left: 0;
300     bottom: 0;
301     right: 0;
302     opacity: 0.35;
303     filter: alpha(opacity=35);
304     background: #000;
307 .hiddenoverlay {
308     display: none;
309     text-align: center;
312 .imagearrow {
313     font-size: 120%;
314     display: inline;
315     cursor: pointer;
318 .imagetitle {
319     display: inline;
320     cursor: pointer;
323 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue {
324     -moz-border-radius: 12px 12px 12px 12px;
325     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
326     -webkit-border-radius: 12px 12px 12px 12px;
327     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
328     border-width: 0 0 0 0;
331 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-wrap {
332     -moz-border-radius: 12px 12px 0 0;
333     -webkit-border-radius: 12px 12px 0 0;
334     background-color: #fff;
335     border: 1px solid #555;
338 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-hd {
339     -moz-border-radius: 12px 12px 0 0;
340     -webkit-border-radius: 12px 12px 0 0;
341     background-color: #f6f6f6;
342     border: 1px solid #ccc;
343     overflow: auto;
344     padding: 7px 6px;
347 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-bd {
348     padding: 0;
349     margin-bottom: -5px;
352 #page-blocks-community-communitycourse .moodle-dialogue-base .closebutton {
353     margin-top: 4px;
354     margin-right: 4px;