| @@ -1,4 +1,28 @@ | ||
| 1 | +tr.element_section_title_area { | |
| 2 | + background: #ffff; | |
| 3 | +} | |
| 4 | +h2.element_section_title.margin_0 { | |
| 5 | + margin: 0; | |
| 6 | +} | |
| 7 | + | |
| 8 | +tr.element_section_title_area[class*="message-"] h2{ | |
| 9 | + font-size: 12px; | |
| 10 | + font-weight: 400; | |
| 11 | +} | |
| 12 | +tr.element_section_title_area[class*="message-"]{ | |
| 13 | + border: 1px solid #c3c4c7; | |
| 14 | + border-left-width: 4px; | |
| 15 | + box-shadow: 0 1px 1px rgb(0 0 0 / 4%); | |
| 16 | +} | |
| 17 | +tr.element_section_title_area.message-info{ | |
| 18 | + border-left-color: #17a2b8 | |
| 19 | +} | |
| 20 | + | |
| 21 | +.form-table tr.element_section_title_area[class*="message-"] td { | |
| 22 | + padding: 0 10px; | |
| 23 | +} | |
| 24 | + | |
| 1 | 25 | /* Check box */ |
| 2 | 26 | .htoptions_element_checkbox label { |
| 3 | 27 | padding: 2px; |
| 4 | 28 | width: 43px; |
| @@ -48,5 +72,71 @@ | ||
| 48 | 72 | } |
| 49 | 73 | .htoptions_element_checkbox input:checked + label::after { |
| 50 | 74 | background-color: #22b9ff; |
| 51 | 75 | margin-left: 23px; |
| 76 | +} | |
| 77 | + | |
| 78 | +.button.htoption-remove { | |
| 79 | + margin-left: 10px; | |
| 80 | +} | |
| 81 | +.htoption_display { | |
| 82 | + max-width: 120px; | |
| 83 | +} | |
| 84 | +.htoption_seleted_image{ | |
| 85 | + border: 1px solid #ddd; | |
| 86 | + margin-bottom: 10px; | |
| 87 | +} | |
| 88 | +.htoption_display img{ | |
| 89 | + width: 100%; | |
| 90 | +} | |
| 91 | + | |
| 92 | +ul.htoption_shortable li { | |
| 93 | + position: relative; | |
| 94 | + box-shadow: 0 0px 4px rgb(0 0 0 / 10%); | |
| 95 | + padding: 8px 0 7px 25px; | |
| 96 | +} | |
| 97 | +ul.htoption_shortable li:before { | |
| 98 | + position: absolute; | |
| 99 | + content: "::"; | |
| 100 | + left: 9px; | |
| 101 | + top: 4px; | |
| 102 | + font-size: 22px; | |
| 103 | +} | |
| 104 | +ul.htoption_shortable li.ui-sortable-helper{ | |
| 105 | + background: #fff; | |
| 106 | + border: 1px dashed #ccc; | |
| 107 | +} | |
| 108 | + | |
| 109 | +/* Dimensions Field */ | |
| 110 | +.htoption_dimensions li { | |
| 111 | + float: left; | |
| 112 | + width: 75px; | |
| 113 | +} | |
| 114 | +.htoption_dimensions li input { | |
| 115 | + display: block; | |
| 116 | + text-align: center; | |
| 117 | + width: 100%; | |
| 118 | + border-color: #d5dadf; | |
| 119 | + height: 30px; | |
| 120 | + border-left: none; | |
| 121 | + border-radius: 0; | |
| 122 | + padding: 4px 4px 4px 0; | |
| 123 | +} | |
| 124 | +.htoption_dimensions li input:focus{ | |
| 125 | + outline: none; | |
| 126 | + box-shadow: none; | |
| 127 | + border:1px solid #007cba !important; | |
| 128 | +} | |
| 129 | +.htoption_dimensions li:first-child input { | |
| 130 | + border-left: 1px solid #d5dadf; | |
| 131 | + border-radius: 3px 0 0 3px; | |
| 132 | +} | |
| 133 | +.htoption_dimensions li:last-child input { | |
| 134 | + border-right: 1px solid #d5dadf; | |
| 135 | + border-radius: 0 3px 3px 0; | |
| 136 | +} | |
| 137 | +.htoption_dimensions li label { | |
| 138 | + display: block !important; | |
| 139 | + text-align: center; | |
| 140 | + font-size: 13px; | |
| 141 | + text-transform: uppercase; | |
| 52 | 142 | } |
