MDL-48044 mod_forum: Preload icons for discussion subscription toggles
[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
28.forumpost {display: block;position:relative;margin:0 0 1em 0;padding:0;border:1px solid #000;max-width:100%;}
29.forumpost .row {width:100%;position:relative;}
30.forumpost .row .left {float:left;width: 43px;overflow:hidden;}
31.forumpost .row .left .grouppictures a {text-align:center;display:block;margin:6px 2px 0 2px;}
32.forumpost .row .left .grouppicture {width:20px;height:20px;}
33.forumpost .row .topic,
34.forumpost .row .content-mask,
35.forumpost .row .options {margin-left:43px;}
36.forumpost .picture img {margin:4px;}
37.forumpost .options .commands,
38.forumpost .content .attachments,
39.forumpost .options .footer,
40.forumpost .options .link {text-align:right;}
41.forumpost .options .forum-post-rating {float:left;}
42.forumpost .content .posting {overflow:auto;max-width:100%;}
43.forumpost .content .attachedimages img {max-width:100%;}
506522d5
FM
44.forumpost .post-word-count { font-size: .85em; font-style: italic; }
45.forumpost .shortenedpost .post-word-count { display: inline; padding: 0 .3em; }
367a75fa
SH
46
47.dir-rtl .forumpost .row .topic,
48.dir-rtl .forumpost .row .content-mask,
49.dir-rtl .forumpost .row .options {margin-right:43px;margin-left:0;}
50.dir-rtl .forumpost .row .left {float:right;}
fbfc7d25
DS
51.dir-rtl.path-mod-forum .indent {
52 margin-right: 3%;
53 margin-left: 0;
54}
367a75fa 55
90723839
SH
56.path-mod-forum .forumolddiscuss,
57#page-mod-forum-search .c0 {text-align:right;}
fbfc7d25
DS
58.path-mod-forum .indent {
59 margin-left: 3%;
60}
90723839
SH
61.path-mod-forum .forumheaderlist {width: 100%;border-width:1px;border-style:solid;border-collapse:separate;margin-top: 10px;}
62.path-mod-forum .forumheaderlist td {border-width:1px 0px 0px 1px;border-style:solid;}
261a89aa 63.path-mod-forum .forumheaderlist th.header.replies .iconsmall { margin: 0 .3em;}
90723839
SH
64.path-mod-forum .forumheaderlist .picture {width: 35px;}
65.path-mod-forum .forumheaderlist .discussion .starter {vertical-align: middle;}
66.path-mod-forum .forumheaderlist .discussion .lastpost {white-space: nowrap;text-align: right;}
67.path-mod-forum .forumheaderlist .replies,
68.path-mod-forum .forumheaderlist .discussion .author {white-space: nowrap;}
ebfb73db
AN
69.path-mod-forum .forumheaderlist thead .discussionsubscription {
70 text-align: center;
71}
90723839
SH
72
73/** Styles for subscribers.php */
74#page-mod-forum-subscribers .subscriberdiv,
75#page-mod-forum-subscribers .subscribertable {width:100%;vertical-align:top;}
76#page-mod-forum-subscribers .subscribertable tr td {vertical-align:top;}
77#page-mod-forum-subscribers .subscribertable tr td.actions {width:16%;padding-top:3em;}
78#page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton {margin:0.3em 0;padding:0.5em 0;width:100%;}
79#page-mod-forum-subscribers .subscribertable tr td.existing,
80#page-mod-forum-subscribers .subscribertable tr td.potential {width:42%;}
81
82/** Styles for discuss.php **/
12a24e00 83#page-mod-forum-discuss .discussioncontrols {width:100%;margin:5px;}
f357d2f8
DM
84#page-mod-forum-discuss .discussioncontrols .discussioncontrol {width:33%;float:left;}
85#page-mod-forum-discuss .discussioncontrol.exporttoportfolio {text-align:left;}
86#page-mod-forum-discuss .discussioncontrol.displaymode {text-align:center;}
f3cc571a 87#page-mod-forum-discuss .discussioncontrol.movediscussion {float:right;width:auto;text-align:right;padding-right:10px;}
f357d2f8 88#page-mod-forum-discuss .discussioncontrol.movediscussion .movediscussionoption {}
90723839
SH
89
90/** Styles for view.php **/
91#page-mod-forum-view .forumaddnew {margin-bottom: 20px;}
92#page-mod-forum-view .groupmenu {float: left;text-align:left;white-space: nowrap;}
93#page-mod-forum-index .subscription,
94#page-mod-forum-view .subscription {float: right;text-align:right;white-space: nowrap;margin: 5px 0;}
95
96/** Styles for search.php */
97#page-mod-forum-search .introcontent {padding: 15px;font-weight:bold;}
98
f9e41d20
TH
99#page-mod-forum-index .unread a:first-child,
100#page-mod-forum-view .unread a:first-child {padding-right: 10px;}
90723839
SH
101#page-mod-forum-index .unread img,
102#page-mod-forum-view .unread img {margin-left: 5px;}
99938034
FM
103#page-mod-forum-view .unread img {margin-left: 5px;}
104.dir-rtl#page-mod-forum-view .unread img {margin-right: 5px; margin-left: 0; }
90723839
SH
105
106/** Unknown Styles ??? */
6606c00f 107#email .unsubscribelink {margin-top:20px;}
d895d70f
ME
108
109/* Forumpost unread
110-------------------------*/
111#page-mod-forum-view .unread,
112.forumpost.unread .row.header,
113.path-course-view .unread,
114span.unread {
115 background-color: #FFD;
116}
117.forumpost.unread .row.header {
118 border-bottom: 1px solid #DDD;
ebfb73db 119}
d7862878
FM
120
121/* Discussion navigation */
122.path-mod-forum .discussion-nav {
123 margin: .5em 0;
124}
125.path-mod-forum .discussion-nav ul {
126 margin: 0;
127 list-style: none;
128}
129.dir-rtl.path-mod-forum .discussion-nav .next-discussion:after,
130.path-mod-forum .discussion-nav .prev-discussion:before {
131 content: ' ◄ ';
132}
133.dir-rtl.path-mod-forum .discussion-nav .prev-discussion:before,
134.path-mod-forum .discussion-nav .next-discussion:after {
135 content: ' ► ';
136}
137.dir-rtl.path-mod-forum .discussion-nav .prev-discussion,
138.path-mod-forum .discussion-nav .next-discussion {
139 float: right;
140}
141.dir-rtl.path-mod-forum .discussion-nav .next-discussion,
142.path-mod-forum .discussion-nav .prev-discussion {
143 float: left;
144}
535364c8
AN
145
146.path-mod-forum .discussiontoggle {
147 display: inline-block;
148 width: 12px;
149}
517e1782 150
548453ec
AN
151.path-mod-forum .preload-subscribe {
152 background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
153}
154
155.path-mod-forum .preload-unsubscribe {
156 background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
157}
158
517e1782
AN
159.path-mod-forum .discussionsubscription {
160 margin-top: -10px;
161 text-align: right;
162 margin-bottom: 10px;
163}
164
165.path-mod-forum .discussionsubscription > a {
166 padding: 0 4px;
167}
168
169.dir-rtl .path-mod-forum .discussionsubscription {
170 text-align: left;
171}