Changeset 2196013
- Timestamp:
- 11/18/2019 10:48:42 PM (5 years ago)
- Location:
- old-style-admin-ui/trunk
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
old-style-admin-ui/trunk/css/oldstyle.css
r2195956 r2196013 1 /* Legacy styles */ 2 3 input, select, textarea { 4 font-size: 14px; 5 } 6 7 input[type=text] { 8 border: 1px solid #ddd; 9 box-shadow: inset 0 1px 2px rgba(0,0,0,.07); 10 background-color: #fff; 11 border-radius: 0px; 12 color: #32373c; 13 outline: 0; 14 transition: 50ms border-color ease-in-out; 15 } 16 input[type=text]:focus { 17 border-color: #5b9dd9; 18 box-shadow: 0 0 2px rgba(30,140,190,.8); 19 outline: 2px solid transparent; 20 } 21 22 textarea { 23 border: 1px solid #ddd; 24 box-shadow: inset 0 1px 2px rgba(0,0,0,.07); 25 background-color: #fff; 26 color: #32373c; 27 outline: 0; 28 transition: 50ms border-color ease-in-out; 29 } 30 textarea:focus { 31 border-color: #5b9dd9; 32 box-shadow: 0 0 2px rgba(30,140,190,.8); 33 outline: 2px solid transparent; 34 } 35 36 select { 37 padding: 2px; 38 line-height: 28px; 39 height: 28px; 40 vertical-align: middle; 41 border: 1px solid #ddd!important; 42 border-radius: 0px!important; 43 box-shadow: inset 0 1px 2px rgba(0,0,0,.07)!important; 44 background: #fff; 45 /* background-image:none!important; */ 46 color: #32373c; 47 outline: 0; 48 transition: 50ms border-color ease-in-out; 49 } 50 select:focus { 51 border-color: #5b9dd9!important; 52 box-shadow: 0 0 2px rgba(30,140,190,.8)!important; 53 outline: 2px solid transparent; 54 color: #32373c; 55 } 56 option { 57 color: #32373c; 58 } 59 input[type=radio] { 60 border: 1px solid #b4b9be; 61 border-radius: 50%; 62 background: #fff; 63 color: #555; 64 clear: none; 65 cursor: pointer; 66 display: inline-block; 67 line-height: 0; 68 height: 16px; 69 margin: -4px 4px 0 0; 70 outline: 0; 71 padding: 0!important; 72 text-align: center; 73 vertical-align: middle; 74 width: 16px; 75 min-width: 16px; 76 -webkit-appearance: none; 77 box-shadow: inset 0 1px 2px rgba(0,0,0,.1); 78 transition: .05s border-color ease-in-out; 79 } 80 input[type=radio]:checked:before { 81 content: "\2022"; 82 text-indent: -9999px; 83 border-radius: 50px; 84 font-size: 24px; 85 width: 6px; 86 height: 6px; 87 margin: 4px; 88 line-height: 16px; 89 background-color: #1e8cbe; 90 } 91 92 input[type=checkbox] { 93 border: 1px solid #b4b9be; 94 background: #fff; 95 color: #555; 96 clear: none; 97 cursor: pointer; 98 display: inline-block; 99 line-height: 0; 100 height: 16px; 101 margin: -4px 4px 0 0; 102 outline: 0; 103 padding: 0!important; 104 text-align: center; 105 vertical-align: middle; 106 width: 16px; 107 min-width: 16px; 108 -webkit-appearance: none; 109 box-shadow: inset 0 1px 2px rgba(0,0,0,.1); 110 transition: .05s border-color ease-in-out; 111 border-radius: 0px; 112 } 113 input[type=checkbox]:checked:before { 114 font-family: dashicons; 115 line-height: 1; 116 font-weight: 400; 117 font-style: normal; 118 speak: none; 119 text-decoration: inherit; 120 text-transform: none; 121 text-rendering: auto; 122 -webkit-font-smoothing: antialiased; 123 -moz-osx-font-smoothing: grayscale; 124 width: 20px; 125 height: 20px; 126 font-size: 20px; 127 vertical-align: top; 128 text-align: center; 129 transition: color 0.1s ease-in; 130 content: "\f147"; 131 margin: -3px 0 0 -4px; 132 color: #1e8cbe; 133 } 134 input[type=checkbox]:focus { 135 border-color: #5b9dd9; 136 box-shadow: 0 0 2px rgba(30,140,190,.8); 137 outline: 2px solid transparent; 138 } 139 140 input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { 141 border-radius: 0px; 142 border: 1px solid #ddd; 143 } 144 145 input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus { 146 border-color: #5b9dd9; 147 box-shadow: 0 0 2px rgba(30,140,190,.8); 148 outline: 2px solid transparent; 149 } 150 151 /* 152 * Legacy styles for buttons 153 */ 154 155 /* General */ 156 .wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary { 157 display: inline-block; 158 text-decoration: none; 159 font-size: 13px; 160 line-height: 26px; 161 height: 28px; 162 margin: 0; 163 padding: 0 10px 1px; 164 cursor: pointer; 165 border-width: 1px; 166 border-style: solid; 167 -webkit-appearance: none; 168 border-radius: 3px; 169 white-space: nowrap; 170 box-sizing: border-box; 171 } 172 173 /* Primary buttons styles */ 174 .wp-core-ui .button-primary { 175 background: #0085ba!important; 176 border-color: #0073aa #006799 #006799!important; 177 box-shadow: 0 1px 0 #006799!important; 178 color: #fff!important; 179 text-decoration: none; 180 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; 181 } 182 /* Primary buttons :hover styles */ 183 .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover { 184 background: #008ec2!important; 185 border-color: #006799; 186 color: #fff!important; 187 } 188 /* Primary buttons :focus styles */ 189 .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus { 190 box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db!important; 191 } 192 193 /* Secondary buttons styles */ 194 .wp-core-ui .button, .wp-core-ui .button-secondary { 195 color: #555; 196 border-color: #ccc; 197 background: #f7f7f7; 198 box-shadow: 0 1px 0 #ccc; 199 vertical-align: top; 200 } 201 /* Secondary buttons :hover styles */ 202 .wp-core-ui .button-secondary:focus, .wp-core-ui .button-secondary:hover, .wp-core-ui .button.focus, .wp-core-ui .button.hover, .wp-core-ui .button:focus, .wp-core-ui .button:hover { 203 background: #fafafa; 204 border-color: #999; 205 color: #23282d; 206 } 207 208 /* Secondary buttons :focus styles */ 209 .wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus { 210 border-color: #5b9dd9; 211 box-shadow: 0 0 3px rgba(0,115,170,.8); 212 } 213 214 /* Other */ 215 216 .wrap .page-title-action, 217 .wrap .page-title-action:active { 218 margin-left:4px; 219 padding:4px 8px; 220 position:relative; 221 top:-3px; 222 text-decoration:none; 223 border:none; 224 border:1px solid #ccc; 225 border-radius:2px; 226 background:#f7f7f7; 227 text-shadow:none; 228 font-weight:600; 229 font-size:13px; 230 line-height:normal; 231 color:#0073aa; 232 cursor:pointer 233 } 234 235 .wrap .wp-heading-inline+.page-title-action { 236 margin-left:0; 237 } 238 239 .wrap .add-new-h2:hover, 240 .wrap .page-title-action:hover { 241 border-color:#008ec2; 242 background:#00a0d2; 243 color:#fff; 244 } 245 246 .page-title-action:focus { 247 color:#124964; 248 } 249 250 .wrap .page-title-action:focus { 251 border-color:#5b9dd9; 252 box-shadow:0 0 2px rgba(30,140,190,.8); 253 outline:2px solid transparent; 254 } 255 256 .wp-hide-pw:hover { 257 border:0px!important; 258 } 259 260 .wp-filter, 261 #screen-meta, 262 #screen-meta-links .show-settings, 263 #contextual-help-back, 264 .card, 265 .welcome-panel, 266 .postbox, 267 #post-status-info, 268 #wp-content-editor-tools, 269 .upload-plugin .wp-upload-form, 270 .upload-theme .wp-upload-form, 271 .menu-item-settings, 272 .wp-editor-expand #wp-content-editor-tools { 273 border-color: #e5e5e5; 274 } 275 276 #post-status-info{border-top:1px solid #e5e5e5} 277 .postbox .hndle,.stuffbox .hndle{border-bottom:1px solid #e5e5e5} 278 .notice,div.error,div.updated { 279 border-top:1px solid #e5e5e5; 280 border-bottom:1px solid #e5e5e5; 281 border-right:1px solid #e5e5e5; 282 } 1 input,select,textarea{font-size:14px}input[type=text]{border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);background-color:#fff;border-radius:0;color:#32373c;outline:0;transition:50ms border-color ease-in-out}input[type=text]:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8);outline:2px solid transparent}textarea{border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);background-color:#fff;color:#32373c;outline:0;transition:50ms border-color ease-in-out}textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8);outline:2px solid transparent}select{padding:2px;line-height:28px;height:28px;vertical-align:middle;border:1px solid #ddd!important;border-radius:0!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.07)!important;background:#fff;color:#32373c;outline:0;transition:50ms border-color ease-in-out}select:focus{border-color:#5b9dd9!important;box-shadow:0 0 2px rgba(30,140,190,.8)!important;outline:2px solid transparent;color:#32373c}option{color:#32373c}input[type=radio]{border:1px solid #b4b9be;border-radius:50%;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;margin:-4px 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transition:.05s border-color ease-in-out}input[type=radio]:checked:before{content:"\2022";text-indent:-9999px;border-radius:50px;font-size:24px;width:6px;height:6px;margin:4px;line-height:16px;background-color:#1e8cbe}input[type=checkbox]{border:1px solid #b4b9be;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;margin:-4px 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transition:.05s border-color ease-in-out;border-radius:0}input[type=checkbox]:checked:before{font-family:dashicons;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in;content:"\f147";margin:-3px 0 0 -4px;color:#1e8cbe}input[type=checkbox]:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8);outline:2px solid transparent}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{border-radius:0;border:1px solid #ddd}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8);outline:2px solid transparent}.wp-core-ui .button,.wp-core-ui .button-primary,.wp-core-ui .button-secondary{display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;border-radius:3px;white-space:nowrap;box-sizing:border-box}.wp-core-ui .button-primary{background:#0085ba!important;border-color:#0073aa #006799 #006799!important;box-shadow:0 1px 0 #006799!important;color:#fff!important;text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#008ec2!important;border-color:#006799;color:#fff!important}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db!important}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#555;border-color:#ccc;background:#f7f7f7;box-shadow:0 1px 0 #ccc;vertical-align:top}.wp-core-ui .button-secondary:focus,.wp-core-ui .button-secondary:hover,.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wrap .page-title-action,.wrap .page-title-action:active{margin-left:4px;padding:4px 8px;position:relative;top:-3px;text-decoration:none;border:none;border:1px solid #ccc;border-radius:2px;background:#f7f7f7;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#0073aa;cursor:pointer}.wrap .wp-heading-inline+.page-title-action{margin-left:0}.wrap .add-new-h2:hover,.wrap .page-title-action:hover{border-color:#008ec2;background:#00a0d2;color:#fff}.page-title-action:focus{color:#124964}.wrap .page-title-action:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8);outline:2px solid transparent}.wp-hide-pw:hover{border:0!important}#contextual-help-back,#post-status-info,#screen-meta,#screen-meta-links .show-settings,#wp-content-editor-tools,.acf-editor-wrap .wp-editor-container,.acf-flexible-content .layout,.acf-flexible-content .layout .acf-fc-layout-handle,.acf-gallery,.acf-gallery .acf-gallery-toolbar,.acf-table,.acf-table>thead>tr>th,.card,.menu-item-settings,.postbox,.select2-container.-acf .select2-selection,.upload-plugin .wp-upload-form,.upload-theme .wp-upload-form,.welcome-panel,.wp-editor-expand #wp-content-editor-tools,.wp-filter{border-color:#e5e5e5}#post-status-info{border-top:1px solid #e5e5e5}.postbox .hndle,.stuffbox .hndle{border-bottom:1px solid #e5e5e5}.notice,div.error,div.updated{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5} -
old-style-admin-ui/trunk/readme.txt
r2195007 r2196013 4 4 Tags: wordpress, admin, ui, ux, interface, old school, style, wp-admin 5 5 Requires at least: 4.2.3 6 Tested up to: 5. 2.27 Stable tag: 5. 26 Tested up to: 5.3 7 Stable tag: 5.3 8 8 License: GPLv2 or later 9 9 License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset
for help on using the changeset viewer.