MediaWiki:DiscussionsRC.css

/* Feed list */ list-style:none; margin:0; }
 * 1) discrc-list {

font-size:18px; border:0; margin:10px 0; }
 * 1) discrc-list h2 {

cursor:pointer; }
 * 1) discrc-list .drc-view {

font-size:0; height:10px; width:10px; background:#dc0553; display:inline-block; } font-size:0; height:10px; width:10px; background:#0f54ea; display:inline-block; }
 * 1) discrc-list .drc-new {
 * 1) discrc-list .drc-reply {

content:''; background:#ddd; box-shadow:0 150px #ddd; display:block; height:32px; max-width:200px; } content:''; box-shadow:0 30px #ddd, 0 60px #ddd, 0 150px #ddd, 0 180px #ddd; display:block; width:100%; height:20px; background:#ddd; margin-top:10px; }
 * 1) discrc:empty:before {
 * 1) discrc:empty:after {

/* Modal popup */ .modalWrapper#drc-view-post, .modalWrapper#drc-view-user { animation: slide 0.3s forwards; -webkit-animation: slide 0.3s forwards; border:none; box-sizing:border-box; height: 100% !important; display:block; left: 0 !important; margin-left: 0 !important; overflow-y:scroll; position:fixed; top: 0 !important; transform: translateX(-100%); }

.modalWrapper#drc-view-post button.wikia-chiclet-button { position:sticky; top:20px; background: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; opacity:1; height:30px; width:30px; } .modalWrapper#drc-view-post button.wikia-chiclet-button img { display:none; }

/* Modal animation */ @keyframes slide { 100% { transform: translateX(0%); } }

@-webkit-keyframes slide { 100% { -webkit-transform: translateX(0%); } }

/* Modal popup content */ .drc-post { border-bottom:1px solid #ccc; margin-bottom:8px; } .drc-post, .drc-post-reply { display:grid; grid-template-columns:20px 40px 1fr; padding:10px 5px; position:relative; grid-gap:2px; } margin-top:-20px; font-weight:700; font-size:2em; line-height:180%; } .drc-post-author { font-weight:bold; } .drc-post-author a { font-size:12px; font-weight:normal; } .drc-post-date { position:absolute; right:20px; top:10px; } .drc-post-date a { font-size:12px; color:#AAA; }
 * 1) drc-view-post h2 {

.drc-post-avatar { display:inline-block; grid-column:1/3; grid-row:1/3; overflow:hidden; vertical-align:middle; margin-right:10px; } .drc-post-avatar img { border-radius:50%; width:40px; } .drc-post-content { grid-column:3/4; } .drc-post-category { padding:10px 0; grid-column:3/4; }