MDL-65658 mod_forum: Group images links and titles groups
[moodle.git] / mod / forum / styles.css
CommitLineData
367a75fa
SH
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
506522d5 22 * div.post-word-count
367a75fa
SH
23 * div.forum-post-rating
24 * div.link
25 * div.footer
26 */
27
bc33e9bd
DP
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}
36
37.forumpost .row {
38 width: 100%;
39 position: relative;
40}
41
42.forumpost .row .left {
43 float: left;
44 width: 43px;
45 overflow: hidden;
46}
47
48.forumpost .row .left .grouppictures a {
49 text-align: center;
50 display: block;
51 margin: 6px 2px 0 2px;
52}
53
54.forumpost .row .left .grouppicture {
55 width: 20px;
56 height: 20px;
57}
58
367a75fa
SH
59.forumpost .row .topic,
60.forumpost .row .content-mask,
bc33e9bd
DP
61.forumpost .row .options {
62 margin-left: 43px;
63}
64
65.forumpost .picture img {
66 margin: 4px;
67}
68
367a75fa
SH
69.forumpost .options .commands,
70.forumpost .content .attachments,
71.forumpost .options .footer,
bc33e9bd
DP
72.forumpost .options .link {
73 text-align: right;
74}
75
76.forumpost .options .forum-post-rating {
77 float: left;
78}
79
80.forumpost .content .posting {
81 overflow: auto;
82 max-width: 100%;
83}
84
85.forumpost .content .attachedimages img {
86 max-width: 100%;
87}
88
89.forumpost .post-word-count {
90 font-size: .85em;
91 font-style: italic;
92}
93
94.forumpost .shortenedpost .post-word-count {
95 display: inline;
96 padding: 0 .3em;
97}
367a75fa 98
90723839 99.path-mod-forum .forumolddiscuss,
bc33e9bd
DP
100#page-mod-forum-search .c0 {
101 text-align: right;
102}
103
fbfc7d25
DS
104.path-mod-forum .indent {
105 margin-left: 3%;
106}
bc33e9bd
DP
107
108.path-mod-forum .forumheaderlist {
109 width: 100%;
110 border-width: 1px;
111 border-style: solid;
112 border-collapse: separate;
113 margin-top: 10px;
114}
115
116.path-mod-forum .forumheaderlist td {
99fe296e 117 border-width: 1px 0 0 1px;
bc33e9bd
DP
118 border-style: solid;
119}
120
121.path-mod-forum .forumheaderlist th.header.replies .iconsmall {
122 margin: 0 .3em;
123}
124
bc33e9bd
DP
125.path-mod-forum .forumheaderlist .discussion .starter {
126 vertical-align: middle;
127}
128
129.path-mod-forum .forumheaderlist .discussion .pinned img {
130 padding: 5px;
131}
132
133.path-mod-forum .forumheaderlist .discussion .lastpost {
134 white-space: nowrap;
135 text-align: right;
136}
137
b1a74e40 138.path-mod-forum .forumheaderlist .replies {
bc33e9bd
DP
139 white-space: nowrap;
140}
141
ebfb73db
AN
142.path-mod-forum .forumheaderlist thead .discussionsubscription {
143 text-align: center;
144}
90723839
SH
145
146/** Styles for subscribers.php */
147#page-mod-forum-subscribers .subscriberdiv,
bc33e9bd
DP
148#page-mod-forum-subscribers .subscribertable {
149 width: 100%;
150 vertical-align: top;
151}
152
153#page-mod-forum-subscribers .subscribertable tr td {
154 vertical-align: top;
155}
156
157#page-mod-forum-subscribers .subscribertable tr td.actions {
158 width: 16%;
159 padding-top: 3em;
160}
161
162#page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton {
163 margin: 0.3em 0;
164 padding: 0.5em 0;
165 width: 100%;
166}
167
90723839 168#page-mod-forum-subscribers .subscribertable tr td.existing,
bc33e9bd
DP
169#page-mod-forum-subscribers .subscribertable tr td.potential {
170 width: 42%;
171}
90723839
SH
172
173/** Styles for discuss.php **/
bc33e9bd
DP
174#page-mod-forum-discuss .discussioncontrols {
175 width: 100%;
176 margin: 5px;
177}
178
179#page-mod-forum-discuss .discussioncontrols .controlscontainer {
180 width: 100%;
181 float: right;
182}
183
184#page-mod-forum-discuss .discussioncontrols .discussioncontrol {
185 float: left;
186}
187
188#page-mod-forum-discuss .discussioncontrol.exporttoportfolio {
189 text-align: left;
190}
191
192#page-mod-forum-discuss .discussioncontrol.displaymode {
193 padding-right: 10px;
194}
195
196#page-mod-forum-discuss .discussioncontrol.movediscussion {
197 padding-right: 10px;
198}
90723839
SH
199
200/** Styles for view.php **/
bc33e9bd
DP
201#page-mod-forum-view .forumaddnew {
202 margin-bottom: 20px;
203}
204
205#page-mod-forum-view .groupmenu {
206 float: left;
207 text-align: left;
208 white-space: nowrap;
209}
210
90723839 211#page-mod-forum-index .subscription,
bc33e9bd
DP
212#page-mod-forum-view .subscription {
213 float: right;
214 text-align: right;
215 white-space: nowrap;
216 margin: 5px 0;
217}
90723839 218
c939a043
MM
219.discussion-list .userpicture,
220.discussion-list .grouppicture {
6489aa2a
RW
221 height: 35px;
222 width: 35px;
223}
224
90723839 225/** Styles for search.php */
bc33e9bd
DP
226#page-mod-forum-search .introcontent {
227 padding: 15px;
228 font-weight: bold;
229}
90723839 230
52aeda24 231.path-mod-forum span.unread a:first-child {
bc33e9bd
DP
232 padding-right: 10px;
233}
234
52aeda24 235.path-mod-forum span.unread img {
bc33e9bd
DP
236 margin-left: 5px;
237}
90723839
SH
238
239/** Unknown Styles ??? */
bc33e9bd
DP
240#email .unsubscribelink {
241 margin-top: 20px;
242}
d895d70f
ME
243
244/* Forumpost unread
245-------------------------*/
d895d70f
ME
246.forumpost.unread .row.header,
247.path-course-view .unread,
248span.unread {
bc33e9bd 249 background-color: #ffd;
d895d70f 250}
bc33e9bd 251
d895d70f 252.forumpost.unread .row.header {
bc33e9bd 253 border-bottom: 1px solid #ddd;
ebfb73db 254}
d7862878 255
2e0caa8e 256/* Forumpost hash anchor target */
934ee47b 257.path-mod-forum :target > .forumpost:before {
2e0caa8e 258 display: block;
5be405fa 259 content: '';
2e0caa8e
BH
260 width: 4px;
261 position: absolute;
262 background: #0070a8;
263 left: -1px;
264 top: -1px;
265 bottom: -1px;
266}
267
d7862878
FM
268/* Discussion navigation */
269.path-mod-forum .discussion-nav {
270 margin: .5em 0;
271}
bc33e9bd 272
d7862878
FM
273.path-mod-forum .discussion-nav ul {
274 margin: 0;
275 list-style: none;
276}
bc33e9bd 277
d7862878 278.path-mod-forum .discussion-nav .prev-discussion:before {
ed7844b5
FM
279 /*rtl:raw:
280 content: ' ► ';
281 */
282 /*rtl:remove*/
d7862878
FM
283 content: ' ◄ ';
284}
bc33e9bd 285
d7862878 286.path-mod-forum .discussion-nav .next-discussion:after {
ed7844b5
FM
287 /*rtl:raw:
288 content: ' ◄ ';
289 */
290 /*rtl:remove*/
d7862878
FM
291 content: ' ► ';
292}
bc33e9bd 293
d7862878
FM
294.path-mod-forum .discussion-nav .next-discussion {
295 float: right;
296}
bc33e9bd 297
d7862878
FM
298.path-mod-forum .discussion-nav .prev-discussion {
299 float: left;
300}
535364c8 301
548453ec
AN
302.path-mod-forum .preload-subscribe {
303 background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
304}
305
306.path-mod-forum .preload-unsubscribe {
307 background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
308}
309
2893812e 310.path-mod-forum .discussionsubscription,
99bda8a7
P
311.path-mod-forum .discussion-settings-menu,
312.path-mod-forum .discussionsubscription {
517e1782
AN
313 margin-top: -10px;
314 text-align: right;
315 margin-bottom: 10px;
316}
317
2893812e 318.path-mod-forum .discussionsubscription > a > img,
99bda8a7
P
319.path-mod-forum .discussionlock > a > img,
320.path-mod-forum .favourite-discussion > a > img,
321.path-mod-forum .discussion-settings-menu > a > img {
a35ce611 322 width: 12px;
517e1782
AN
323 padding: 0 4px;
324}
325
05f1455b
AO
326#page-mod-forum-view img.timedpost {
327 margin-right: 5px;
328}
1bf3a76a
DW
329
330.path-mod-forum article .nav .nav-link:first-of-type {
331 margin-left: auto;
332}
333.path-mod-forum.dir-rtl article .nav .nav-link:first-of-type {
334 margin-left: 0;
335 margin-right: auto;
336}
337
338.path-mod-forum article .nav .nav-link + .nav-link {
339 border-left: 1px solid #ddd;
340}
bc4c7337
AN
341
342.privatereplyinfo {
343 font-size: 80%;
344}
23129586 345
f2eb9de4
RW
346.forum-post-container:focus {
347 outline: 0;
348}
349
23129586
RW
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;
355}
f2eb9de4
RW
356
357.forum-post-container:focus > .focus-target {
358 outline: 1px dotted;
359 outline: 5px auto -webkit-focus-ring-color;
360}
23129586 361/* stylelint-enable declaration-block-no-duplicate-properties */