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 {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 #page-mod-forum-discuss .discussioncontrol.movediscussion .movediscussionoption {}
  91
  92 /** Styles for view.php **/
  93 #page-mod-forum-view .forumaddnew {margin-bottom: 20px;}
  94 #page-mod-forum-view .groupmenu {float: left;text-align:left;white-space: nowrap;}
  95 #page-mod-forum-index .subscription,
  96 #page-mod-forum-view .subscription {float: right;text-align:right;white-space: nowrap;margin: 5px 0;}
  97
  98 /** Styles for search.php */
  99 #page-mod-forum-search .introcontent {padding: 15px;font-weight:bold;}
 100
 101 #page-mod-forum-index .unread a:first-child,
 102 #page-mod-forum-view .unread a:first-child {padding-right: 10px;}
 103 #page-mod-forum-index .unread img,
 104 #page-mod-forum-view .unread img {margin-left: 5px;}
 105 #page-mod-forum-view .unread img {margin-left: 5px;}
 106 .dir-rtl#page-mod-forum-view .unread img {margin-right: 5px; margin-left: 0; }
 107
 108 /** Unknown Styles ??? */
 109 #email .unsubscribelink {margin-top:20px;}
 110
 111 /* Forumpost unread
 112 -------------------------*/
 113 #page-mod-forum-view .unread,
 114 .forumpost.unread .row.header,
 115 .path-course-view .unread,
 116 span.unread {
 117     background-color: #FFD;
 118 }
 119 .forumpost.unread .row.header {
 120     border-bottom: 1px solid #DDD;
 121 }
 122
 123 /* Forumpost hash anchor target */
 124 .path-mod-forum :target ~ .forumpost:before {
 125     display: block;
 126     content: '';
 127     width: 4px;
 128     position: absolute;
 129     background: #0070a8;
 130     left: -1px;
 131     top: -1px;
 132     bottom: -1px;
 133 }
 134
 135 /* Discussion navigation */
 136 .path-mod-forum .discussion-nav {
 137     margin: .5em 0;
 138 }
 139 .path-mod-forum .discussion-nav ul {
 140     margin: 0;
 141     list-style: none;
 142 }
 143 .dir-rtl.path-mod-forum .discussion-nav .next-discussion:after,
 144 .path-mod-forum .discussion-nav .prev-discussion:before {
 145     content: ' ◄ ';
 146 }
 147 .dir-rtl.path-mod-forum .discussion-nav .prev-discussion:before,
 148 .path-mod-forum .discussion-nav .next-discussion:after {
 149     content: ' ► ';
 150 }
 151 .dir-rtl.path-mod-forum .discussion-nav .prev-discussion,
 152 .path-mod-forum .discussion-nav .next-discussion {
 153     float: right;
 154 }
 155 .dir-rtl.path-mod-forum .discussion-nav .next-discussion,
 156 .path-mod-forum .discussion-nav .prev-discussion {
 157     float: left;
 158 }
 159
 160 .path-mod-forum .preload-subscribe {
 161     background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px;
 162 }
 163
 164 .path-mod-forum .preload-unsubscribe {
 165     background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px;
 166 }
 167
 168 .path-mod-forum .discussionsubscription {
 169     margin-top: -10px;
 170     text-align: right;
 171     margin-bottom: 10px;
 172 }
 173
 174 .path-mod-forum .discussionsubscription > a > img {
 175     width: 12px;
 176     padding: 0 4px;
 177 }
 178
 179 .dir-rtl .path-mod-forum .discussionsubscription {
 180     text-align: left;
 181 }
 182
 183 #page-mod-forum-view img.timedpost {
 184     margin-right: 5px;
 185 }
 186
 187 .dir-rtl#page-mod-forum-view img.timedpost {
 188     margin: 3px 0 0 5px;
 189     float: right;
 190 }