Graphic Design

/* =Shortcodes -------------------------------------------------------------- */ #cpsh .cpsh-shortcodes { float: right; width: 46%; } #cpsh .cpsh-title { width: 100%; text-align: right; } #cpsh .columns { padding-left: 0; padding-right: 94px; text-align: right; background: transparent url(../images/columns-rtl.png) no-repeat right 6px; } #cpsh .cp-one_half { background-position: right 6px; } #cpsh .cp-one_half_last { background-position: right -14px; } #cpsh .cp-one_third { background-position: right -34px; } #cpsh .cp-one_third_last { background-position: right -54px; } #cpsh .cp-two_third { background-position: right -74px; } #cpsh .cp-two_third_last { background-position: right -94px; } #cpsh .cp-one_fourth { background-position: right -114px; } #cpsh .cp-one_fourth_last { background-position: right -134px; } #cpsh .cp-three_fourth { background-position: right -154px; } #cpsh .cp-three_fourth_last { background-position: right -174px; } #cpsh .cp-one_fifth { background-position: right -194px; } #cpsh .cp-one_fifth_last { background-position: right -214px; } #cpsh .cp-two_fifth { background-position: right -234px; } #cpsh .cp-two_fifth_last { background-position: right -254px; } #cpsh .cp-three_fifth { background-position: right -274px; } #cpsh .cp-three_fifth_last { background-position: right -294px; } #cpsh .cp-four_fifth { background-position: right -314px; } #cpsh .cp-four_fifth_last { background-position: right -334px; } #cpsh .cp-one_sixth { background-position: right -354px; } #cpsh .cp-one_sixth_last { background-position: right -374px; } #cpsh .cp-five_sixth { background-position: right -394px; } #cpsh .cp-five_sixth_last { background-position: right -414px; } #cpsh .cp-full_width { background-position: right -434px; } /* =Settings -------------------------------------------------------------- */ #cpsh .cpsh-settings { float: left; width: 50%; } #preview-padding { margin: 10px 0; } #preview-padding .column-container { width: 200px; max-height: 370px; border: 1px solid #808080; background: #f3fcff; position: relative; } #preview-padding .column-inner { border: 1px solid #fff; background: #fff; height: 130px; } #preview-padding .padding-fields input { position: absolute; width: 34px; border: 1px solid #DFDFDF; border-radius: 3px 3px 3px 3px; margin: 0; text-align: center; } #preview-padding .padding-fields input#padding-top { top: 10px; left: 50%; margin-left: -17px; } #preview-padding .padding-fields input#padding-right { top: 50%; margin-top: -10px; right: 10px; } #preview-padding .padding-fields input#padding-bottom { bottom: 10px; left: 50%; margin-left: -17px; } #preview-padding .padding-fields input#padding-left { top: 50%; margin-top: -10px; left: 10px; } #TB_window #preview-padding .padding-reset { color: #097BB4; text-decoration: none; display: inline-block; padding-left: 3px; padding-top: 3px; text-align: right; }