[Summary view] [Print] [Text view]

   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 {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; }
  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;}
  51  .dir-rtl.path-mod-forum .indent {
  52      margin-right: 3%;
  53      margin-left: 0;
  54  }
  55  
  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  }
  73  
  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%;}
  82  
  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;}
  90  
  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;}
  96  
  97  /** Styles for search.php */
  98  #page-mod-forum-search .introcontent {padding: 15px;font-weight:bold;}
  99  
 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; }
 106  
 107  /** Unknown Styles ??? */
 108  #email .unsubscribelink {margin-top:20px;}
 109  
 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;
 117  }
 118  .forumpost.unread .row.header {
 119      border-bottom: 1px solid #DDD;
 120  }
 121  
 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;
 132  }
 133  
 134  /* Discussion navigation */
 135  .path-mod-forum .discussion-nav {
 136      margin: .5em 0;
 137  }
 138  .path-mod-forum .discussion-nav ul {
 139      margin: 0;
 140      list-style: none;
 141  }
 142  .dir-rtl.path-mod-forum .discussion-nav .next-discussion:after,
 143  .path-mod-forum .discussion-nav .prev-discussion:before {
 144      content: ' ◄ ';
 145  }
 146  .dir-rtl.path-mod-forum .discussion-nav .prev-discussion:before,
 147  .path-mod-forum .discussion-nav .next-discussion:after {
 148      content: ' ► ';
 149  }
 150  .dir-rtl.path-mod-forum .discussion-nav .prev-discussion,
 151  .path-mod-forum .discussion-nav .next-discussion {
 152      float: right;
 153  }
 154  .dir-rtl.path-mod-forum .discussion-nav .next-discussion,
 155  .path-mod-forum .discussion-nav .prev-discussion {
 156      float: left;
 157  }
 158  
 159  .path-mod-forum .preload-subscribe {
 160      background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
 161  }
 162  
 163  .path-mod-forum .preload-unsubscribe {
 164      background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
 165  }
 166  
 167  .path-mod-forum .discussionsubscription {
 168      margin-top: -10px;
 169      text-align: right;
 170      margin-bottom: 10px;
 171  }
 172  
 173  .path-mod-forum .discussionsubscription > a > img {
 174      width: 12px;
 175      padding: 0 4px;
 176  }
 177  
 178  .dir-rtl .path-mod-forum .discussionsubscription {
 179      text-align: left;
 180  }
 181  
 182  #page-mod-forum-view img.timedpost {
 183      margin-right: 5px;
 184  }
 185  
 186  .dir-rtl#page-mod-forum-view img.timedpost {
 187      margin: 3px 0 0 5px;
 188      float: right;
 189  }