.wrap { font-size: 13px; } .w-180 { max-width: 180px; } .w-400 { max-width: 400px; } .w400 { width: 400px; } .field-block, .field-preview { float: left; } #typography { margin-right: 15px; max-width: 250px; } .field-preview { margin-top: 29px; margin-bottom: 10px; } .wrap fieldset { clear: both; border: 1px solid #dfdfdf; margin: 10px 0 25px; } .wrap legend { margin-left: 20px; font-weight: bold; padding: 12px; } .option-block { padding: 5px 14px; } .wrap label { font-weight: bold; font-style: italic; margin-right: 25px; } .wrap input[type="submit"] { margin: 10px; } .wrap .desc { font-style: italic; margin-top: 4px; font-size: 12px; } .font-test td { padding: 18px; } .font-test .sample { font-size: 28px; } #norm-page, #feat-page { display: block; } .target-col { background-color: #EBFFE8; border: 1px solid #0C0; } .page-elem { display: block; width: 360px; background-color: whitesmoke; border: 1px solid gainsboro; border-radius: 2px; margin: 5px 10px; cursor: move; } .thumb-placeholder { width: 370px; height: 120px; background-color: inherit; border: 0; } #feat-page .thumb-placeholder { background-color: #FFFBCC; border: 1px solid #E6DB55; border-radius: 3px; } .page-elem .page-title { color: #333; padding: 5px; font-family: Georgia, Times, "Times New Roman", serif; background: #F1F1F1; background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9)); background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9); background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9); background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9); background-image: linear-gradient(to top,#ececec,#f9f9f9); text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0; border-top-color: white; border-bottom-color: #DFDFDF; overflow: hidden; } .page-thumb { width: 350px; height: 80px; margin: 4px; } #norm-page .page-elem { float: left; }