/* [Imgur](http://i.imgur.com/OjBPJL9.jpg) [Imgur](http://i.imgur.com/RNob7Yh.jpg) */ @font-face { font-family: 'Special Elite'; font-style: normal; font-weight: 400; src: local('Special Elite'), local('SpecialElite-Regular'), url(http://fonts.gstatic.com/s/specialelite/v5/9-wW4zu3WNoD5Fjka35Jm4kzzdU71mzyRvKBGWbyScU.woff) format('woff'); } li { list-style: none; } .charsheet .sheet-maindiv label { display: inline-block; width: auto; margin-left: 5px; font-family: 'Special Elite', 'Helvetica', sans-serif; font-weight: normal; } .charsheet .sheet-maindiv .sheet-col label { display: inline-block; width: auto; } .charsheet .sheet-maindiv .sheet-col label.sheet-harm { padding-right: 0; } .charsheet .sheet-maindiv label.sheet-name { font-weight: 400; font-size: 1.5em; } .charsheet .sheet-maindiv .sheet-col .sheet-section-title { background: url('http://i.imgur.com/OjBPJL9.jpg') repeat-x left center transparent; color: #FFFFFF; line-height: 43px; height: 36px; width: 100%; padding-left: 15px; margin-left: 0; margin-bottom: 0; font-size: 1.5em; box-sizing: border-box; -moz-box-sizing: border-box; } .charsheet .sheet-maindiv .sheet-col.sheet-even .sheet-section-title { background: url('http://i.imgur.com/RNob7Yh.jpg') repeat-x left center transparent; } .charsheet .sheet-maindiv .sheet-col .sheet-harm.sheet-section-title, .charsheet .sheet-maindiv .sheet-col .sheet-other.sheet-section-title, .charsheet .sheet-maindiv .sheet-col .sheet-improvements.sheet-section-title { margin-bottom: 10px; } label.sheet-lock { width: auto; font-size: 12px; font-weight: 400; } .charsheet .sheet-attr-box { padding: 5px; } .charsheet .sheet-attr-box input[type=text] { width: 35px; text-align: center; font-size: 1.2em; font-weight: bold; } .charsheet .sheet-attr-box input[type=checkbox] { width: auto; } label.sheet-cool.sheet-attr { width: auto; display: inline-block; float: left; line-height: 32px; } input.sheet-attr { display: inline-block; width: 40px; font-size: 18px; font-weight: bold; text-align: center; } .ui-dialog .charsheet button[type=roll] { float: right; } .sheet-move-box { } .charsheet div.sheet-roll-box { padding: 8px 4px; background: #EFEFEF; margin-top: 0; line-height: 16px; } .sheet-highlight { font-size: 0.85em; } .repcontainer div.repitem { padding: 5px; background: #EFEFEF; margin-bottom: 9px; } .repcontainer div.repitem { } div.repitem .sheet-movename, div.repitem .sheet-stat { width: 20%; box-sizing: border-box; } div.repitem input[type=text]{ width: 75%; } .repcontrol { margin-bottom: 15px; } .repcontainer div.repitem select { width: 75%; margin: 0; } div.repitem .sheet-desc { width: auto; } input[name="attr_movedesc"]{ width: auto; } .repitem textarea, .sheet-box textarea { height: 32px; box-sizing: border-box; } .largedialog textarea { height: 80px; } .sheet-roll-box label.sheet-buttonLbl { max-width: 80%; margin: 0; padding: 0; } .sheet-angel, .sheet-holder, .sheet-battlebabe, .sheet-operator, .sheet-chopper, .sheet-driver, .sheet-gunlugger, .sheet-hocus, .sheet-savvy, .sheet-skinner { display: none; } input[name="sheet-lock_class"]:checked ~ .sheet-class, input[name="sheet-lock_class"]:checked ~ .sheet-class + label { display: none; } input[name="sheet-lock_class"]:checked ~ .sheet-class:checked, input[name="sheet-lock_class"]:checked ~ .sheet-class:checked + label { display: inline-block; } input.sheet-showhide:checked ~ .sheet-subbox {display: none;} input[value="Angel"]:checked ~ .sheet-3colrow .sheet-col .sheet-angel { display: block; } input[value="Battlebabe"]:checked ~ .sheet-3colrow .sheet-col .sheet-battlebabe { display: block; } input[value="Hardholder"]:checked ~ .sheet-3colrow .sheet-col .sheet-holder { display: block; } input[value="Chopper"]:checked ~ .sheet-3colrow .sheet-col .sheet-chopper { display: block; } input[value="Driver"]:checked ~ .sheet-3colrow .sheet-col .sheet-driver { display: block; } input[value="Gunlugger"]:checked ~ .sheet-3colrow .sheet-col .sheet-gunlugger { display: block; } input[value="Hocus"]:checked ~ .sheet-3colrow .sheet-col .sheet-hocus { display: block; } input[value="Savvyhead"]:checked ~ .sheet-3colrow .sheet-col .sheet-savvy { display: block; } input[value="Skinner"]:checked ~ .sheet-3colrow .sheet-col .sheet-skinner { display: block; } /** * http://nicolasgallagher.com/micro-clearfix-hack/ * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .sheet-cf:before, .sheet-cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .sheet-cf:after { clear: both; }