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  */
  27
  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
  59 .forumpost .row .topic,
  60 .forumpost .row .content-mask,
  61 .forumpost .row .options {
  62     margin-left: 43px;
  63 }
  64
  65 .forumpost .picture img {
  66     margin: 4px;
  67 }
  68
  69 .forumpost .options .commands,
  70 .forumpost .content .attachments,
  71 .forumpost .options .footer,
  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 }
  98
  99 .path-mod-forum .forumolddiscuss,
 100 #page-mod-forum-search .c0 {
 101     text-align: right;
 102 }
 103
 104 .path-mod-forum .indent {
 105     margin-left: 3%;
 106 }
 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 {
 117     border-width: 1px 0 0 1px;
 118     border-style: solid;
 119 }
 120
 121 .path-mod-forum .forumheaderlist th.header.replies .iconsmall {
 122     margin: 0 .3em;
 123 }
 124
 125 .path-mod-forum .forumheaderlist .picture {
 126     width: 35px;
 127 }
 128
 129 .path-mod-forum .forumheaderlist .discussion .starter {
 130     vertical-align: middle;
 131 }
 132
 133 .path-mod-forum .forumheaderlist .discussion .pinned img {
 134     padding: 5px;
 135 }
 136
 137 .path-mod-forum .forumheaderlist .discussion .lastpost {
 138     white-space: nowrap;
 139     text-align: right;
 140 }
 141
 142 .path-mod-forum .forumheaderlist .replies,
 143 .path-mod-forum .forumheaderlist .discussion .author {
 144     white-space: nowrap;
 145 }
 146
 147 .path-mod-forum .forumheaderlist thead .discussionsubscription {
 148     text-align: center;
 149 }
 150
 151 /** Styles for subscribers.php */
 152 #page-mod-forum-subscribers .subscriberdiv,
 153 #page-mod-forum-subscribers .subscribertable {
 154     width: 100%;
 155     vertical-align: top;
 156 }
 157
 158 #page-mod-forum-subscribers .subscribertable tr td {
 159     vertical-align: top;
 160 }
 161
 162 #page-mod-forum-subscribers .subscribertable tr td.actions {
 163     width: 16%;
 164     padding-top: 3em;
 165 }
 166
 167 #page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton {
 168     margin: 0.3em 0;
 169     padding: 0.5em 0;
 170     width: 100%;
 171 }
 172
 173 #page-mod-forum-subscribers .subscribertable tr td.existing,
 174 #page-mod-forum-subscribers .subscribertable tr td.potential {
 175     width: 42%;
 176 }
 177
 178 /** Styles for discuss.php **/
 179 #page-mod-forum-discuss .discussioncontrols {
 180     width: 100%;
 181     margin: 5px;
 182 }
 183
 184 #page-mod-forum-discuss .discussioncontrols .controlscontainer {
 185     width: 100%;
 186     float: right;
 187 }
 188
 189 #page-mod-forum-discuss .discussioncontrols .discussioncontrol {
 190     float: left;
 191 }
 192
 193 #page-mod-forum-discuss .discussioncontrol.exporttoportfolio {
 194     text-align: left;
 195 }
 196
 197 #page-mod-forum-discuss .discussioncontrol.displaymode {
 198     padding-right: 10px;
 199 }
 200
 201 #page-mod-forum-discuss .discussioncontrol.movediscussion {
 202     padding-right: 10px;
 203 }
 204
 205 /** Styles for view.php **/
 206 #page-mod-forum-view .forumaddnew {
 207     margin-bottom: 20px;
 208 }
 209
 210 #page-mod-forum-view .groupmenu {
 211     float: left;
 212     text-align: left;
 213     white-space: nowrap;
 214 }
 215
 216 #page-mod-forum-index .subscription,
 217 #page-mod-forum-view .subscription {
 218     float: right;
 219     text-align: right;
 220     white-space: nowrap;
 221     margin: 5px 0;
 222 }
 223
 224 /** Styles for search.php */
 225 #page-mod-forum-search .introcontent {
 226     padding: 15px;
 227     font-weight: bold;
 228 }
 229
 230 .path-mod-forum span.unread a:first-child {
 231     padding-right: 10px;
 232 }
 233
 234 .path-mod-forum span.unread img {
 235     margin-left: 5px;
 236 }
 237
 238 /** Unknown Styles ??? */
 239 #email .unsubscribelink {
 240     margin-top: 20px;
 241 }
 242
 243 /* Forumpost unread
 244 -------------------------*/
 245 .forumpost.unread .row.header,
 246 .path-course-view .unread,
 247 span.unread {
 248     background-color: #ffd;
 249 }
 250
 251 .forumpost.unread .row.header {
 252     border-bottom: 1px solid #ddd;
 253 }
 254
 255 /* Forumpost hash anchor target */
 256 .path-mod-forum :target ~ .forumpost:before {
 257     display: block;
 258     content: '';
 259     width: 4px;
 260     position: absolute;
 261     background: #0070a8;
 262     left: -1px;
 263     top: -1px;
 264     bottom: -1px;
 265 }
 266
 267 /* Discussion navigation */
 268 .path-mod-forum .discussion-nav {
 269     margin: .5em 0;
 270 }
 271
 272 .path-mod-forum .discussion-nav ul {
 273     margin: 0;
 274     list-style: none;
 275 }
 276
 277 .path-mod-forum .discussion-nav .prev-discussion:before {
 278     /*rtl:raw:
 279     content: ' ► ';
 280     */
 281     /*rtl:remove*/
 282     content: ' ◄ ';
 283 }
 284
 285 .path-mod-forum .discussion-nav .next-discussion:after {
 286     /*rtl:raw:
 287     content: ' ◄ ';
 288     */
 289     /*rtl:remove*/
 290     content: ' ► ';
 291 }
 292
 293 .path-mod-forum .discussion-nav .next-discussion {
 294     float: right;
 295 }
 296
 297 .path-mod-forum .discussion-nav .prev-discussion {
 298     float: left;
 299 }
 300
 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
 309 .path-mod-forum .discussionsubscription {
 310     margin-top: -10px;
 311     text-align: right;
 312     margin-bottom: 10px;
 313 }
 314
 315 .path-mod-forum .discussionsubscription > a > img {
 316     width: 12px;
 317     padding: 0 4px;
 318 }
 319
 320 #page-mod-forum-view img.timedpost {
 321     margin-right: 5px;
 322 }