| @@ -1,154 +1,127 @@ | ||
| 1 | -/* first row can't be deleted */ | |
| 2 | -.boxzilla-rule-row-0 .boxzilla-close{ | |
| 3 | - visibility: hidden; | |
| 4 | -} | |
| 5 | - | |
| 6 | -.column-box_id { | |
| 7 | - width: 80px; | |
| 8 | -} | |
| 9 | - | |
| 10 | -.boxzilla-sm { | |
| 11 | - width:150px; | |
| 12 | -} | |
| 13 | - | |
| 14 | -.boxzilla-xsm { | |
| 15 | - width: 15px; | |
| 16 | -} | |
| 17 | - | |
| 18 | -.boxzilla-title{ | |
| 19 | - margin-top:2em !important; | |
| 20 | -} | |
| 21 | - | |
| 22 | -.boxzilla-label{ | |
| 23 | - display:block; | |
| 24 | - font-weight: bold; | |
| 25 | - margin-bottom:6px; | |
| 26 | -} | |
| 27 | - | |
| 28 | -.boxzilla-close{ | |
| 29 | - padding: 0; | |
| 30 | - cursor: pointer; | |
| 31 | - background: transparent; | |
| 32 | - border: 0; | |
| 33 | - -webkit-appearance: none; | |
| 34 | - font-size: 21px; | |
| 35 | - font-weight: bold; | |
| 36 | - line-height: 26px; | |
| 37 | - text-shadow: 0 1px 0 #fff; | |
| 38 | - opacity: .3; | |
| 39 | - filter: alpha(opacity=30); | |
| 40 | -} | |
| 41 | - | |
| 42 | -.boxzilla-close:hover, .boxzilla-close:focus { | |
| 43 | - color: #000; | |
| 44 | - text-decoration: none; | |
| 45 | - cursor: pointer; | |
| 46 | - opacity: .6; | |
| 47 | - filter: alpha(opacity=60); | |
| 48 | -} | |
| 49 | - | |
| 50 | -.post-type-boxzilla-box .form-table{ | |
| 51 | - table-layout:fixed; | |
| 52 | -} | |
| 53 | - | |
| 54 | -.post-type-boxzilla-box .wp-picker-container{ | |
| 55 | - white-space: nowrap; | |
| 56 | -} | |
| 57 | - | |
| 58 | -.post-type-boxzilla-box .wp-picker-clear, | |
| 59 | -.post-type-boxzilla-box .wp-picker-holder, | |
| 60 | -.post-type-boxzilla-box .wp-picker-input-wrap { | |
| 61 | - background:white; | |
| 62 | - z-index: 999 !important; | |
| 63 | - position: absolute !important; | |
| 64 | -} | |
| 65 | - | |
| 66 | -#boxzilla-admin .status { | |
| 67 | - display: inline-block; | |
| 68 | - padding: 3px 6px; | |
| 69 | - color: white; | |
| 70 | - text-transform: uppercase; | |
| 71 | - font-weight: bold; | |
| 72 | -} | |
| 73 | - | |
| 74 | -#boxzilla-admin .status.positive { | |
| 75 | - background-color: limeGreen; | |
| 76 | -} | |
| 77 | - | |
| 78 | -#boxzilla-admin .status.negative { | |
| 79 | - background: #c3c3c3; | |
| 80 | -} | |
| 81 | - | |
| 82 | -/* Radio Switches */ | |
| 83 | -.radio-label { | |
| 84 | - font-weight: normal; | |
| 85 | -} | |
| 86 | - | |
| 87 | -.radio-label > input { | |
| 88 | - margin-top: 0 !important; | |
| 89 | -} | |
| 90 | - | |
| 91 | -/** Grid */ | |
| 92 | -.boxzilla-row{ | |
| 93 | - margin: 0 -20px; | |
| 94 | -} | |
| 95 | - | |
| 96 | -.boxzilla-col-one-third, | |
| 97 | -.boxzilla-col-two-third { | |
| 98 | - float: left; | |
| 99 | - -webkit-box-sizing: border-box; | |
| 100 | - box-sizing: border-box; | |
| 101 | - padding: 0 20px; | |
| 102 | -} | |
| 103 | - | |
| 104 | -.boxzilla-col-two-third { | |
| 105 | - width: 66.66%; | |
| 106 | -} | |
| 107 | - | |
| 108 | -.boxzilla-col-one-third{ | |
| 109 | - width: 33.33%; | |
| 110 | -} | |
| 111 | - | |
| 112 | - | |
| 113 | -/* admin sidebar */ | |
| 114 | -.boxzilla-sidebar{ | |
| 115 | - margin-top: 10px; | |
| 116 | -} | |
| 117 | - | |
| 118 | -.boxzilla-box { | |
| 119 | - background: white; | |
| 120 | - padding: 20px; | |
| 121 | - margin-bottom: 20px; | |
| 122 | - border: 1px solid #ccc; | |
| 123 | -} | |
| 124 | - | |
| 125 | -.boxzilla-box h3, | |
| 126 | -.boxzilla-box:first-child { | |
| 127 | - margin-top: 0; | |
| 128 | -} | |
| 129 | - | |
| 130 | -.boxzilla-box:last-child { | |
| 131 | - margin-bottom: 0; | |
| 132 | -} | |
| 133 | - | |
| 134 | -.boxzilla-sidebar form label { | |
| 135 | - display: block; | |
| 136 | - font-weight: bold; | |
| 137 | - margin-bottom: 6px; | |
| 138 | -} | |
| 139 | - | |
| 140 | -@media( max-width: 920px ) { | |
| 141 | - .boxzilla-row { | |
| 142 | - margin: 0; | |
| 143 | - } | |
| 144 | - .boxzilla-col-one-third, | |
| 145 | - .boxzilla-col-two-third { | |
| 146 | - float: none; | |
| 147 | - padding: 0; | |
| 148 | - width: auto; | |
| 149 | - } | |
| 150 | - | |
| 151 | - .boxzilla-sidebar { | |
| 152 | - margin-top: 40px; | |
| 153 | - } | |
| 154 | -} | |
| 1 | +/* first row can't be deleted */ | |
| 2 | +.boxzilla-rule-row-0 .boxzilla-close { | |
| 3 | + visibility: hidden; } | |
| 4 | + | |
| 5 | +.column-box_id { | |
| 6 | + width: 80px; } | |
| 7 | + | |
| 8 | +.boxzilla-sm { | |
| 9 | + width: 150px; } | |
| 10 | + | |
| 11 | +.boxzilla-xsm { | |
| 12 | + width: 15px; } | |
| 13 | + | |
| 14 | +.boxzilla-title { | |
| 15 | + margin-top: 2em !important; } | |
| 16 | + | |
| 17 | +.boxzilla-label { | |
| 18 | + display: block; | |
| 19 | + font-weight: bold; | |
| 20 | + margin-bottom: 6px; } | |
| 21 | + | |
| 22 | +.boxzilla-close { | |
| 23 | + padding: 0; | |
| 24 | + cursor: pointer; | |
| 25 | + background: transparent; | |
| 26 | + border: 0; | |
| 27 | + -webkit-appearance: none; | |
| 28 | + font-size: 21px; | |
| 29 | + font-weight: bold; | |
| 30 | + line-height: 26px; | |
| 31 | + text-shadow: 0 1px 0 #fff; | |
| 32 | + opacity: .3; | |
| 33 | + filter: alpha(opacity=30); } | |
| 34 | + .boxzilla-close:hover, .boxzilla-close:focus { | |
| 35 | + color: #000; | |
| 36 | + text-decoration: none; | |
| 37 | + cursor: pointer; | |
| 38 | + opacity: .6; | |
| 39 | + filter: alpha(opacity=60); } | |
| 40 | + | |
| 41 | +.post-type-boxzilla-box .form-table { | |
| 42 | + table-layout: fixed; } | |
| 43 | + | |
| 44 | +.post-type-boxzilla-box .window-positions { | |
| 45 | + border: 1px solid #EEE; } | |
| 46 | + .post-type-boxzilla-box .window-positions td { | |
| 47 | + padding: 3px; | |
| 48 | + margin-bottom: 0; } | |
| 49 | + | |
| 50 | +.post-type-boxzilla-box .wp-picker-container { | |
| 51 | + white-space: nowrap; } | |
| 52 | + | |
| 53 | +.post-type-boxzilla-box .wp-picker-clear, | |
| 54 | +.post-type-boxzilla-box .wp-picker-holder, | |
| 55 | +.post-type-boxzilla-box .wp-picker-input-wrap { | |
| 56 | + background: white; | |
| 57 | + z-index: 999 !important; | |
| 58 | + position: absolute !important; } | |
| 59 | + | |
| 60 | +#boxzilla-admin .status { | |
| 61 | + display: inline-block; | |
| 62 | + padding: 3px 6px; | |
| 63 | + color: white; | |
| 64 | + text-transform: uppercase; | |
| 65 | + font-weight: bold; } | |
| 66 | + #boxzilla-admin .status.positive { | |
| 67 | + background-color: limeGreen; } | |
| 68 | + #boxzilla-admin .status.negative { | |
| 69 | + background: #c3c3c3; } | |
| 70 | + | |
| 71 | +.boxzilla-is-dismissible { | |
| 72 | + padding-right: 38px; | |
| 73 | + position: relative; } | |
| 74 | + | |
| 75 | +/* Radio Switches */ | |
| 76 | +.radio-label { | |
| 77 | + font-weight: normal; } | |
| 78 | + .radio-label > input { | |
| 79 | + margin-top: 0 !important; } | |
| 80 | + | |
| 81 | +/** Grid */ | |
| 82 | +.boxzilla-row { | |
| 83 | + margin: 0 -20px; } | |
| 84 | + | |
| 85 | +.boxzilla-col-one-third, | |
| 86 | +.boxzilla-col-two-third { | |
| 87 | + float: left; | |
| 88 | + -webkit-box-sizing: border-box; | |
| 89 | + box-sizing: border-box; | |
| 90 | + padding: 0 20px; } | |
| 91 | + | |
| 92 | +.boxzilla-col-two-third { | |
| 93 | + width: 66.66%; } | |
| 94 | + | |
| 95 | +.boxzilla-col-one-third { | |
| 96 | + width: 33.33%; } | |
| 97 | + | |
| 98 | +/* admin sidebar */ | |
| 99 | +.boxzilla-sidebar { | |
| 100 | + margin-top: 10px; } | |
| 101 | + | |
| 102 | +.boxzilla-box { | |
| 103 | + background: white; | |
| 104 | + padding: 20px; | |
| 105 | + margin-bottom: 20px; | |
| 106 | + border: 1px solid #ccc; } | |
| 107 | + .boxzilla-box h3, | |
| 108 | + .boxzilla-box :first-child { | |
| 109 | + margin-top: 0; } | |
| 110 | + .boxzilla-box :last-child { | |
| 111 | + margin-bottom: 0; } | |
| 112 | + | |
| 113 | +.boxzilla-sidebar form label { | |
| 114 | + display: block; | |
| 115 | + font-weight: bold; | |
| 116 | + margin-bottom: 6px; } | |
| 117 | + | |
| 118 | +@media (max-width: 920px) { | |
| 119 | + .boxzilla-row { | |
| 120 | + margin: 0; } | |
| 121 | + .boxzilla-col-one-third, | |
| 122 | + .boxzilla-col-two-third { | |
| 123 | + float: none; | |
| 124 | + padding: 0; | |
| 125 | + width: auto; } | |
| 126 | + .boxzilla-sidebar { | |
| 127 | + margin-top: 40px; } } | |
