MediaWiki:Adoptions.css

/* General report form styling */ .af-wrapper, .af-section textarea { font-family:'San Francisco', 'Helvetica Neue', 'Roboto', 'Segoe UI', 'Ubuntu', 'Droid Sans', sans-serif; } .af-section { margin:0 0 10px 0; } .af-section-title { font-size:16px; margin-bottom:3px; clear:both; }

/* input and text area */ .af-section input, .af-section textarea { background:#EEE; width:100%; padding:10px; box-sizing:border-box; margin:3px 0; border:2px #FFF solid; transition:all 0.2s ease; } .af-section input:focus, .af-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 */ .af-checkbox label { font-size:16px; padding:10px; vertical-align:middle; cursor:pointer; } .af-checkbox input[type=checkbox] { width: 25px; height: 25px; border-radius:2px; -moz-appearance: none; -webkit-appearance: none; outline: 0; cursor: pointer; vertical-align:middle; }

.af-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; }

.af-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; } .af-socks-box { max-height:0; overflow:hidden; transition:all 0.2s ease; }	max-height:300px; overflow:visible; }
 * 1) socks[type=checkbox]:checked ~ .af-socks-box {

/* Dropdown related styling */ .WikiaArticle .af-dropdown { text-align:center; width:100%; } .WikiaArticle #af-dropdown-list { text-align:left; width:200px; display:inline-block; margin-left:10px; } .WikiaArticle #af-dropdown-list li { list-style:none; text-indent:0; padding:3px; cursor: pointer; }
 * 1) bodyContent .af-dropdown,
 * 1) bodyContent #af-dropdown-list,
 * 1) bodyContent #af-dropdown-list li,

.af-dropdown .wds-dropdown { cursor:pointer; }

/* Responsive modal */ @media only screen and (max-width: 700px) { .modalWrapper { box-sizing:border-box; width:calc(100% - 20px) !important; left:auto !important; margin-left:10px !important; } }