/** * Structure of a forum post * div.forumpost(.read.unread) * div.header.row * div.picture.left * div.topic(.starter) * div.subject * div.author * div.row * div.side.left * div.content-mask * div.content * div.attachments * div.posting(.shortenedpost|.fullpost) * // message * div.attachedimages * // attachedimages * div.row * div.left * div.options * div.commands * div.post-word-count * div.forum-post-rating * div.link * div.footer */ .forumpost { display: block; position: relative; margin: 0 0 1em 0; padding: 0; border: 1px solid #000; max-width: 100%; } .forumpost .row { width: 100%; position: relative; } .forumpost .row .left { float: left; width: 43px; overflow: hidden; } .forumpost .row .left .grouppictures a { text-align: center; display: block; margin: 6px 2px 0 2px; } .forumpost .row .left .grouppicture { width: 20px; height: 20px; } .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options { margin-left: 43px; } .forumpost .picture img { margin: 4px; } .forumpost .options .commands, .forumpost .content .attachments, .forumpost .options .footer, .forumpost .options .link { text-align: right; } .forumpost .options .forum-post-rating { float: left; } .forumpost .content .posting { overflow: auto; max-width: 100%; } .forumpost .content .attachedimages img { max-width: 100%; } .forumpost .post-word-count { font-size: .85em; font-style: italic; } .forumpost .shortenedpost .post-word-count { display: inline; padding: 0 .3em; } .path-mod-forum .forumolddiscuss, #page-mod-forum-search .c0 { text-align: right; } .path-mod-forum .indent { margin-left: 3%; } .path-mod-forum .forumheaderlist { width: 100%; border-width: 1px; border-style: solid; border-collapse: separate; margin-top: 10px; } .path-mod-forum .forumheaderlist td { border-width: 1px 0 0 1px; border-style: solid; } .path-mod-forum .forumheaderlist th.header.replies .iconsmall { margin: 0 .3em; } .path-mod-forum .forumheaderlist .discussion .starter { vertical-align: middle; } .path-mod-forum .forumheaderlist .discussion .pinned img { padding: 5px; } .path-mod-forum .forumheaderlist .discussion .lastpost { white-space: nowrap; text-align: right; } .path-mod-forum .forumheaderlist .replies { white-space: nowrap; } .path-mod-forum .forumheaderlist thead .discussionsubscription { text-align: center; } /** Styles for subscribers.php */ #page-mod-forum-subscribers .subscriberdiv, #page-mod-forum-subscribers .subscribertable { width: 100%; vertical-align: top; } #page-mod-forum-subscribers .subscribertable tr td { vertical-align: top; } #page-mod-forum-subscribers .subscribertable tr td.actions { width: 16%; padding-top: 3em; } #page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; } #page-mod-forum-subscribers .subscribertable tr td.existing, #page-mod-forum-subscribers .subscribertable tr td.potential { width: 42%; } /** Styles for discuss.php **/ #page-mod-forum-discuss .discussioncontrols { width: 100%; margin: 5px; } #page-mod-forum-discuss .discussioncontrols .controlscontainer { width: 100%; float: right; } #page-mod-forum-discuss .discussioncontrols .discussioncontrol { float: left; } #page-mod-forum-discuss .discussioncontrol.exporttoportfolio { text-align: left; } #page-mod-forum-discuss .discussioncontrol.displaymode { padding-right: 10px; } #page-mod-forum-discuss .discussioncontrol.movediscussion { padding-right: 10px; } /** Styles for view.php **/ #page-mod-forum-view .forumaddnew { margin-bottom: 20px; } #page-mod-forum-view .groupmenu { float: left; text-align: left; white-space: nowrap; } #page-mod-forum-index .subscription, #page-mod-forum-view .subscription { float: right; text-align: right; white-space: nowrap; margin: 5px 0; } .discussion-list .userpicture { height: 35px; width: 35px; } /** Styles for search.php */ #page-mod-forum-search .introcontent { padding: 15px; font-weight: bold; } .path-mod-forum span.unread a:first-child { padding-right: 10px; } .path-mod-forum span.unread img { margin-left: 5px; } /** Unknown Styles ??? */ #email .unsubscribelink { margin-top: 20px; } /* Forumpost unread -------------------------*/ .forumpost.unread .row.header, .path-course-view .unread, span.unread { background-color: #ffd; } .forumpost.unread .row.header { border-bottom: 1px solid #ddd; } /* Forumpost hash anchor target */ .path-mod-forum :target > .forumpost:before { display: block; content: ''; width: 4px; position: absolute; background: #0070a8; left: -1px; top: -1px; bottom: -1px; } /* Discussion navigation */ .path-mod-forum .discussion-nav { margin: .5em 0; } .path-mod-forum .discussion-nav ul { margin: 0; list-style: none; } .path-mod-forum .discussion-nav .prev-discussion:before { /*rtl:raw: content: ' ► '; */ /*rtl:remove*/ content: ' ◄ '; } .path-mod-forum .discussion-nav .next-discussion:after { /*rtl:raw: content: ' ◄ '; */ /*rtl:remove*/ content: ' ► '; } .path-mod-forum .discussion-nav .next-discussion { float: right; } .path-mod-forum .discussion-nav .prev-discussion { float: left; } .path-mod-forum .preload-subscribe { background: url([[pix:mod_forum|t/subscribed]]) no-repeat -9999px -9999px; } .path-mod-forum .preload-unsubscribe { background: url([[pix:mod_forum|t/unsubscribed]]) no-repeat -9999px -9999px; } .path-mod-forum .discussionsubscription, .path-mod-forum .discussion-settings-menu, .path-mod-forum .discussionsubscription { margin-top: -10px; text-align: right; margin-bottom: 10px; } .path-mod-forum .discussionsubscription > a > img, .path-mod-forum .discussionlock > a > img, .path-mod-forum .favourite-discussion > a > img, .path-mod-forum .discussion-settings-menu > a > img { width: 12px; padding: 0 4px; } #page-mod-forum-view img.timedpost { margin-right: 5px; } .path-mod-forum article .nav .nav-link:first-of-type { margin-left: auto; } .path-mod-forum.dir-rtl article .nav .nav-link:first-of-type { margin-left: 0; margin-right: auto; } .path-mod-forum article .nav .nav-link + .nav-link { border-left: 1px solid #ddd; } .privatereplyinfo { font-size: 80%; } .forum-post-container:focus { outline: 0; } /* This style is copied directly from the Bootstrap reboot file which adds button outline */ /* stylelint-disable declaration-block-no-duplicate-properties */ .post-actions .btn:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .forum-post-container:focus > .focus-target { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } /* stylelint-enable declaration-block-no-duplicate-properties */