MDL-65658 mod_forum: Group images links and titles groups
[moodle.git] / mod / forum / styles.css
1 /**
2  * Structure of a forum post
3  * div.forumpost(.read.unread)
4  *     div.header.row
5  *         div.picture.left
6  *         div.topic(.starter)
7  *             div.subject
8  *             div.author
9  *     div.row
10  *         div.side.left
11  *         div.content-mask
12  *             div.content
13  *                 div.attachments
14  *                 div.posting(.shortenedpost|.fullpost)
15  *                     // message
16  *                 div.attachedimages
17  *                     // attachedimages
18  *     div.row
19  *         div.left
20  *         div.options
21  *             div.commands
22  *             div.post-word-count
23  *             div.forum-post-rating
24  *             div.link
25  *             div.footer
26  */
28 .forumpost {
29     display: block;
30     position: relative;
31     margin: 0 0 1em 0;
32     padding: 0;
33     border: 1px solid #000;
34     max-width: 100%;
35 }
37 .forumpost .row {
38     width: 100%;
39     position: relative;
40 }
42 .forumpost .row .left {
43     float: left;
44     width: 43px;
45     overflow: hidden;
46 }
48 .forumpost .row .left .grouppictures a {
49     text-align: center;
50     display: block;
51     margin: 6px 2px 0 2px;
52 }
54 .forumpost .row .left .grouppicture {
55     width: 20px;
56     height: 20px;
57 }
59 .forumpost .row .topic,
60 .forumpost .row .content-mask,
61 .forumpost .row .options {
62     margin-left: 43px;
63 }
65 .forumpost .picture img {
66     margin: 4px;
67 }
69 .forumpost .options .commands,
70 .forumpost .content .attachments,
71 .forumpost .options .footer,
72 .forumpost .options .link {
73     text-align: right;
74 }
76 .forumpost .options .forum-post-rating {
77     float: left;
78 }
80 .forumpost .content .posting {
81     overflow: auto;
82     max-width: 100%;
83 }
85 .forumpost .content .attachedimages img {
86     max-width: 100%;
87 }
89 .forumpost .post-word-count {
90     font-size: .85em;
91     font-style: italic;
92 }
94 .forumpost .shortenedpost .post-word-count {
95     display: inline;
96     padding: 0 .3em;
97 }
99 .path-mod-forum .forumolddiscuss,
100 #page-mod-forum-search .c0 {
101     text-align: right;
104 .path-mod-forum .indent {
105     margin-left: 3%;
108 .path-mod-forum .forumheaderlist {
109     width: 100%;
110     border-width: 1px;
111     border-style: solid;
112     border-collapse: separate;
113     margin-top: 10px;
116 .path-mod-forum .forumheaderlist td {
117     border-width: 1px 0 0 1px;
118     border-style: solid;
121 .path-mod-forum .forumheaderlist th.header.replies .iconsmall {
122     margin: 0 .3em;
125 .path-mod-forum .forumheaderlist .discussion .starter {
126     vertical-align: middle;
129 .path-mod-forum .forumheaderlist .discussion .pinned img {
130     padding: 5px;
133 .path-mod-forum .forumheaderlist .discussion .lastpost {
134     white-space: nowrap;
135     text-align: right;
138 .path-mod-forum .forumheaderlist .replies {
139     white-space: nowrap;
142 .path-mod-forum .forumheaderlist thead .discussionsubscription {
143     text-align: center;
146 /** Styles for subscribers.php */
147 #page-mod-forum-subscribers .subscriberdiv,
148 #page-mod-forum-subscribers .subscribertable {
149     width: 100%;
150     vertical-align: top;
153 #page-mod-forum-subscribers .subscribertable tr td {
154     vertical-align: top;
157 #page-mod-forum-subscribers .subscribertable tr td.actions {
158     width: 16%;
159     padding-top: 3em;
162 #page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton {
163     margin: 0.3em 0;
164     padding: 0.5em 0;
165     width: 100%;
168 #page-mod-forum-subscribers .subscribertable tr td.existing,
169 #page-mod-forum-subscribers .subscribertable tr td.potential {
170     width: 42%;
173 /** Styles for discuss.php **/
174 #page-mod-forum-discuss .discussioncontrols {
175     width: 100%;
176     margin: 5px;
179 #page-mod-forum-discuss .discussioncontrols .controlscontainer {
180     width: 100%;
181     float: right;
184 #page-mod-forum-discuss .discussioncontrols .discussioncontrol {
185     float: left;
188 #page-mod-forum-discuss .discussioncontrol.exporttoportfolio {
189     text-align: left;
192 #page-mod-forum-discuss .discussioncontrol.displaymode {
193     padding-right: 10px;
196 #page-mod-forum-discuss .discussioncontrol.movediscussion {
197     padding-right: 10px;
200 /** Styles for view.php **/
201 #page-mod-forum-view .forumaddnew {
202     margin-bottom: 20px;
205 #page-mod-forum-view .groupmenu {
206     float: left;
207     text-align: left;
208     white-space: nowrap;
211 #page-mod-forum-index .subscription,
212 #page-mod-forum-view .subscription {
213     float: right;
214     text-align: right;
215     white-space: nowrap;
216     margin: 5px 0;
219 .discussion-list .userpicture,
220 .discussion-list .grouppicture {
221     height: 35px;
222     width: 35px;
225 /** Styles for search.php */
226 #page-mod-forum-search .introcontent {
227     padding: 15px;
228     font-weight: bold;
231 .path-mod-forum span.unread a:first-child {
232     padding-right: 10px;
235 .path-mod-forum span.unread img {
236     margin-left: 5px;
239 /** Unknown Styles ??? */
240 #email .unsubscribelink {
241     margin-top: 20px;
244 /* Forumpost unread
245 -------------------------*/
246 .forumpost.unread .row.header,
247 .path-course-view .unread,
248 span.unread {
249     background-color: #ffd;
252 .forumpost.unread .row.header {
253     border-bottom: 1px solid #ddd;
256 /* Forumpost hash anchor target */
257 .path-mod-forum :target > .forumpost:before {
258     display: block;
259     content: '';
260     width: 4px;
261     position: absolute;
262     background: #0070a8;
263     left: -1px;
264     top: -1px;
265     bottom: -1px;
268 /* Discussion navigation */
269 .path-mod-forum .discussion-nav {
270     margin: .5em 0;
273 .path-mod-forum .discussion-nav ul {
274     margin: 0;
275     list-style: none;
278 .path-mod-forum .discussion-nav .prev-discussion:before {
279     /*rtl:raw:
280     content: ' ► ';
281     */
282     /*rtl:remove*/
283     content: ' ◄ ';
286 .path-mod-forum .discussion-nav .next-discussion:after {
287     /*rtl:raw:
288     content: ' ◄ ';
289     */
290     /*rtl:remove*/
291     content: ' ► ';
294 .path-mod-forum .discussion-nav .next-discussion {
295     float: right;
298 .path-mod-forum .discussion-nav .prev-discussion {
299     float: left;
302 .path-mod-forum .preload-subscribe {
303     background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
306 .path-mod-forum .preload-unsubscribe {
307     background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
310 .path-mod-forum .discussionsubscription,
311 .path-mod-forum .discussion-settings-menu,
312 .path-mod-forum .discussionsubscription {
313     margin-top: -10px;
314     text-align: right;
315     margin-bottom: 10px;
318 .path-mod-forum .discussionsubscription > a > img,
319 .path-mod-forum .discussionlock > a > img,
320 .path-mod-forum .favourite-discussion > a > img,
321 .path-mod-forum .discussion-settings-menu > a > img {
322     width: 12px;
323     padding: 0 4px;
326 #page-mod-forum-view img.timedpost {
327     margin-right: 5px;
330 .path-mod-forum article .nav .nav-link:first-of-type {
331     margin-left: auto;
333 .path-mod-forum.dir-rtl article .nav .nav-link:first-of-type {
334     margin-left: 0;
335     margin-right: auto;
338 .path-mod-forum article .nav .nav-link + .nav-link {
339     border-left: 1px solid #ddd;
342 .privatereplyinfo {
343     font-size: 80%;
346 .forum-post-container:focus {
347     outline: 0;
350 /* This style is copied directly from the Bootstrap reboot file which adds button outline */
351 /* stylelint-disable declaration-block-no-duplicate-properties */
352 .post-actions .btn:focus {
353     outline: 1px dotted;
354     outline: 5px auto -webkit-focus-ring-color;
357 .forum-post-container:focus > .focus-target {
358     outline: 1px dotted;
359     outline: 5px auto -webkit-focus-ring-color;
361 /* stylelint-enable declaration-block-no-duplicate-properties */