MDL-65557 forum: increase default image size of author profile url
[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
6489aa2a
RW
219.discussion-list .userpicture {
220 height: 35px;
221 width: 35px;
222}
223
90723839 224/** Styles for search.php */
bc33e9bd
DP
225#page-mod-forum-search .introcontent {
226 padding: 15px;
227 font-weight: bold;
228}
90723839 229
52aeda24 230.path-mod-forum span.unread a:first-child {
bc33e9bd
DP
231 padding-right: 10px;
232}
233
52aeda24 234.path-mod-forum span.unread img {
bc33e9bd
DP
235 margin-left: 5px;
236}
90723839
SH
237
238/** Unknown Styles ??? */
bc33e9bd
DP
239#email .unsubscribelink {
240 margin-top: 20px;
241}
d895d70f
ME
242
243/* Forumpost unread
244-------------------------*/
d895d70f
ME
245.forumpost.unread .row.header,
246.path-course-view .unread,
247span.unread {
bc33e9bd 248 background-color: #ffd;
d895d70f 249}
bc33e9bd 250
d895d70f 251.forumpost.unread .row.header {
bc33e9bd 252 border-bottom: 1px solid #ddd;
ebfb73db 253}
d7862878 254
2e0caa8e 255/* Forumpost hash anchor target */
934ee47b 256.path-mod-forum :target > .forumpost:before {
2e0caa8e 257 display: block;
5be405fa 258 content: '';
2e0caa8e
BH
259 width: 4px;
260 position: absolute;
261 background: #0070a8;
262 left: -1px;
263 top: -1px;
264 bottom: -1px;
265}
266
d7862878
FM
267/* Discussion navigation */
268.path-mod-forum .discussion-nav {
269 margin: .5em 0;
270}
bc33e9bd 271
d7862878
FM
272.path-mod-forum .discussion-nav ul {
273 margin: 0;
274 list-style: none;
275}
bc33e9bd 276
d7862878 277.path-mod-forum .discussion-nav .prev-discussion:before {
ed7844b5
FM
278 /*rtl:raw:
279 content: ' ► ';
280 */
281 /*rtl:remove*/
d7862878
FM
282 content: ' ◄ ';
283}
bc33e9bd 284
d7862878 285.path-mod-forum .discussion-nav .next-discussion:after {
ed7844b5
FM
286 /*rtl:raw:
287 content: ' ◄ ';
288 */
289 /*rtl:remove*/
d7862878
FM
290 content: ' ► ';
291}
bc33e9bd 292
d7862878
FM
293.path-mod-forum .discussion-nav .next-discussion {
294 float: right;
295}
bc33e9bd 296
d7862878
FM
297.path-mod-forum .discussion-nav .prev-discussion {
298 float: left;
299}
535364c8 300
548453ec
AN
301.path-mod-forum .preload-subscribe {
302 background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
303}
304
305.path-mod-forum .preload-unsubscribe {
306 background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
307}
308
2893812e 309.path-mod-forum .discussionsubscription,
99bda8a7
P
310.path-mod-forum .discussion-settings-menu,
311.path-mod-forum .discussionsubscription {
517e1782
AN
312 margin-top: -10px;
313 text-align: right;
314 margin-bottom: 10px;
315}
316
2893812e 317.path-mod-forum .discussionsubscription > a > img,
99bda8a7
P
318.path-mod-forum .discussionlock > a > img,
319.path-mod-forum .favourite-discussion > a > img,
320.path-mod-forum .discussion-settings-menu > a > img {
a35ce611 321 width: 12px;
517e1782
AN
322 padding: 0 4px;
323}
324
05f1455b
AO
325#page-mod-forum-view img.timedpost {
326 margin-right: 5px;
327}
1bf3a76a
DW
328
329.path-mod-forum article .nav .nav-link:first-of-type {
330 margin-left: auto;
331}
332.path-mod-forum.dir-rtl article .nav .nav-link:first-of-type {
333 margin-left: 0;
334 margin-right: auto;
335}
336
337.path-mod-forum article .nav .nav-link + .nav-link {
338 border-left: 1px solid #ddd;
339}
bc4c7337
AN
340
341.privatereplyinfo {
342 font-size: 80%;
343}
23129586
RW
344
345/* This style is copied directly from the Bootstrap reboot file which adds button outline */
346/* stylelint-disable declaration-block-no-duplicate-properties */
347.post-actions .btn:focus {
348 outline: 1px dotted;
349 outline: 5px auto -webkit-focus-ring-color;
350}
351/* stylelint-enable declaration-block-no-duplicate-properties */