MDL-54654 mod: fix forum/scorm invalid css
[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 {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%;}
44 .forumpost .post-word-count { font-size: .85em; font-style: italic; }
45 .forumpost .shortenedpost .post-word-count { display: inline; padding: 0 .3em; }
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;}
51 .dir-rtl.path-mod-forum .indent {
52     margin-right: 3%;
53     margin-left: 0;
54 }
56 .path-mod-forum .forumolddiscuss,
57 #page-mod-forum-search .c0 {text-align:right;}
58 .path-mod-forum .indent {
59     margin-left: 3%;
60 }
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;}
63 .path-mod-forum .forumheaderlist th.header.replies .iconsmall { margin: 0 .3em;}
64 .path-mod-forum .forumheaderlist .picture {width: 35px;}
65 .path-mod-forum .forumheaderlist .discussion .starter {vertical-align: middle;}
66 .path-mod-forum .forumheaderlist .discussion .pinned img {padding: 5px;}
67 .path-mod-forum .forumheaderlist .discussion .lastpost {white-space: nowrap;text-align: right;}
68 .path-mod-forum .forumheaderlist .replies,
69 .path-mod-forum .forumheaderlist .discussion .author {white-space: nowrap;}
70 .path-mod-forum .forumheaderlist thead .discussionsubscription {
71     text-align: center;
72 }
74 /** Styles for subscribers.php */
75 #page-mod-forum-subscribers .subscriberdiv,
76 #page-mod-forum-subscribers .subscribertable {width:100%;vertical-align:top;}
77 #page-mod-forum-subscribers .subscribertable tr td {vertical-align:top;}
78 #page-mod-forum-subscribers .subscribertable tr td.actions {width:16%;padding-top:3em;}
79 #page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton {margin:0.3em 0;padding:0.5em 0;width:100%;}
80 #page-mod-forum-subscribers .subscribertable tr td.existing,
81 #page-mod-forum-subscribers .subscribertable tr td.potential {width:42%;}
83 /** Styles for discuss.php **/
84 #page-mod-forum-discuss .discussioncontrols {width:100%;margin:5px;}
85 #page-mod-forum-discuss .discussioncontrols .controlscontainer {width:100%;float:right;}
86 #page-mod-forum-discuss .discussioncontrols .discussioncontrol {float:left;}
87 #page-mod-forum-discuss .discussioncontrol.exporttoportfolio {text-align:left;}
88 #page-mod-forum-discuss .discussioncontrol.displaymode {padding-right:10px;}
89 #page-mod-forum-discuss .discussioncontrol.movediscussion {padding-right:10px;}
91 /** Styles for view.php **/
92 #page-mod-forum-view .forumaddnew {margin-bottom: 20px;}
93 #page-mod-forum-view .groupmenu {float: left;text-align:left;white-space: nowrap;}
94 #page-mod-forum-index .subscription,
95 #page-mod-forum-view .subscription {float: right;text-align:right;white-space: nowrap;margin: 5px 0;}
97 /** Styles for search.php */
98 #page-mod-forum-search .introcontent {padding: 15px;font-weight:bold;}
100 #page-mod-forum-index .unread a:first-child,
101 #page-mod-forum-view .unread a:first-child {padding-right: 10px;}
102 #page-mod-forum-index .unread img,
103 #page-mod-forum-view .unread img {margin-left: 5px;}
104 #page-mod-forum-view .unread img {margin-left: 5px;}
105 .dir-rtl#page-mod-forum-view .unread img {margin-right: 5px; margin-left: 0; }
107 /** Unknown Styles ??? */
108 #email .unsubscribelink {margin-top:20px;}
110 /* Forumpost unread
111 -------------------------*/
112 #page-mod-forum-view .unread,
113 .forumpost.unread .row.header,
114 .path-course-view .unread,
115 span.unread {
116     background-color: #FFD;
118 .forumpost.unread .row.header {
119     border-bottom: 1px solid #DDD;
122 /* Forumpost hash anchor target */
123 .path-mod-forum :target ~ .forumpost:before {
124     display: block;
125     content: '';
126     width: 4px;
127     position: absolute;
128     background: #0070a8;
129     left: -1px;
130     top: -1px;
131     bottom: -1px;
134 /* Discussion navigation */
135 .path-mod-forum .discussion-nav {
136     margin: .5em 0;
138 .path-mod-forum .discussion-nav ul {
139     margin: 0;
140     list-style: none;
142 .dir-rtl.path-mod-forum .discussion-nav .next-discussion:after,
143 .path-mod-forum .discussion-nav .prev-discussion:before {
144     content: ' ◄ ';
146 .dir-rtl.path-mod-forum .discussion-nav .prev-discussion:before,
147 .path-mod-forum .discussion-nav .next-discussion:after {
148     content: ' ► ';
150 .dir-rtl.path-mod-forum .discussion-nav .prev-discussion,
151 .path-mod-forum .discussion-nav .next-discussion {
152     float: right;
154 .dir-rtl.path-mod-forum .discussion-nav .next-discussion,
155 .path-mod-forum .discussion-nav .prev-discussion {
156     float: left;
159 .path-mod-forum .preload-subscribe {
160     background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
163 .path-mod-forum .preload-unsubscribe {
164     background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
167 .path-mod-forum .discussionsubscription {
168     margin-top: -10px;
169     text-align: right;
170     margin-bottom: 10px;
173 .path-mod-forum .discussionsubscription > a > img {
174     width: 12px;
175     padding: 0 4px;
178 .dir-rtl .path-mod-forum .discussionsubscription {
179     text-align: left;
182 #page-mod-forum-view img.timedpost {
183     margin-right: 5px;
186 .dir-rtl#page-mod-forum-view img.timedpost {
187     margin: 3px 0 0 5px;
188     float: right;