MediaWiki:Reports.css

/* General report form styling */ .rf-wrapper, .rf-section textarea { font-family:'San Francisco', 'Helvetica Neue', 'Roboto', 'Segoe UI', 'Ubuntu', 'Droid Sans', sans-serif; } .rf-section { margin:0 0 10px 0; } .rf-section-title { font-size:16px; margin-bottom:3px; clear:both; } /* input and text area */ .rf-section input, .rf-section textarea { background:#EEE; width:100%; padding:10px; box-sizing:border-box; margin:3px 0; border:2px #FFF solid; transition:all 0.2s ease; } .rf-section input:focus, .rf-section textarea:focus { background:#EFEFEF; border:2px #333 solid; outline: none; } /* Phalanx */ .ReportForm#phalanx #blockid { margin:0; } .ReportForm#phalanx #wikiurl, .ReportForm#phalanx #wikipage { width:300px; } /* checkboxes */ .rf-checkbox label { font-size:16px; padding:10px; vertical-align:middle; cursor:pointer; } .rf-checkbox input[type=checkbox] { width: 25px; height: 25px; border-radius:2px; -moz-appearance: none; -webkit-appearance: none; outline: 0; cursor: pointer; vertical-align:middle; } .rf-checkbox input[type=checkbox]:not(:checked) { background: url('data:image/svg+xml;utf8, ') #EEE; background-repeat: no-repeat; background-position:center center; background-size: 20px; transition:all 0.2s ease; } .rf-checkbox input[type=checkbox]:checked { background: url('data:image/svg+xml;utf8, ') #1a5eb8; color:#FFF; background-repeat: no-repeat; background-position:center center; background-size: 20px; transition:all 0.2s ease; } .rf-socks-box { max-height:0; overflow:hidden; transition:all 0.2s ease; } max-height:300px; overflow:visible; } /* Dropdown related styling */ .WikiaArticle .rf-dropdown { text-align:center; width:100%; } .WikiaArticle #rf-dropdown-list { text-align:left; width:200px; display:inline-block; margin-left:10px; } .WikiaArticle #rf-dropdown-list li { list-style:none; text-indent:0; padding:3px; cursor: pointer; } .rf-dropdown .wds-dropdown, cursor:pointer; } /* When many users, create a scrollbox */ .reports-scrollbox { max-height:250px; overflow-y:scroll; background-image: radial-gradient(farthest-side at 50% 0px, rgba(26, 26, 26, 0.3), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.3), transparent); background-size: 100% 9px; position: relative; z-index: 1; background-position: 0px 0px, 0px 100%; background-repeat: no-repeat; } .reports-scrollbox::before { background-color: rgb(255, 255, 255); content: ""; display: block; height: 30px; position: relative; z-index: -1; margin: 0px 0px -30px; } .reports-scrollbox::after { background-color: rgb(255, 255, 255); content: ""; display: block; height: 30px; position: relative; z-index: -1; margin: 0px 0px -30px; } /* Responsive modal */ @media only screen and (max-width: 700px) { .modalWrapper { box-sizing:border-box; width:100% !important; left:auto !important; margin-left:0 !important; } }
 * 1) socks[type=checkbox]:checked ~ .rf-socks-box {
 * 1) bodyContent .rf-dropdown,
 * 1) bodyContent #rf-dropdown-list,
 * 1) bodyContent #rf-dropdown-list li,
 * 1) soap-report-profile,
 * 2) soap-report-vandalism,
 * 3) soap-report-spam,
 * 4) soap-report-phalanx,
 * 5) soap-report-wiki {