SeaCMS/pico
3
0
Fork 0
Code Issues Pull Requests Activity

Default theme: Improve form theming

Browse Source
This commit is contained in:
Daniel Rudolf 2016-08-03 02:01:44 +02:00
parent eef41698f1
commit 51e8f31692
No known key found for this signature in database
GPG Key ID: A061F02CD8DE4538
1 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
themes/default/style.css
View File

@ -297,38 +297,58 @@ blockquote {
/*** FORMS ***/ /*** FORMS ***/
label { font-weight: bold; } label, fieldset legend { font-weight: bold; }
input::-moz-focus-inner, button::-moz-focus-inner { input::-moz-focus-inner, button::-moz-focus-inner {
border: 0; border: 0;
padding: 0; padding: 0;
} }
input, button { input:not([type="checkbox"]):not([type="radio"]), button, select, textarea, fieldset, fieldset legend {
padding: 0.5em 1em;
outline: 0 none;
border: solid 1px #ccc; border: solid 1px #ccc;
border-radius: 0.3em; border-radius: 0.3em;
background: #fff; background: #fff;
-webkit-transition: none .2s ease-in;
transition: none .2s ease-in;
-webkit-transition-property: border-color, background, box-shadow;
transition-property: border-color, background, box-shadow;
}
input:not([type="checkbox"]):not([type="radio"]), button, select, textarea {
padding: 0.5em 1em;
outline: 0 none;
font-size: 1rem; font-size: 1rem;
} }
input:focus:not([type="checkbox"]):not([type="radio"]), button:focus { input:focus:not([type="checkbox"]):not([type="radio"]), button:focus, select:focus, textarea:focus {
border-color: #2EAE9B; border-color: #2EAE9B;
box-shadow: 0 0 8px #2EAE9B; box-shadow: 0 0 8px #2EAE9B;
} }
input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus,
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover { input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
background: #f5f5f5; background: #f5f5f5;
cursor: pointer; cursor: pointer;
} }
textarea, select[multiple] {
vertical-align: bottom;
overflow: auto;
}
fieldset { fieldset {
padding: 1em; padding: 1em;
border: solid 1px #ccc;
border-radius: 0.3em;
background: #f5f5f5; background: #f5f5f5;
} }
fieldset label, fieldset input, fieldset button { margin: 0.2em 0.5em; } fieldset legend { padding: 0 0.5em; }
fieldset label:first-child, fieldset input:first-child, fieldset button:first-child { margin-left: 0; }
fieldset label:last-child, fieldset input:last-child, fieldset button:last-child { margin-right: 0; } fieldset label, fieldset input, fieldset button,
fieldset select, fieldset textarea {
margin: 0.2em 0.5em;
}
fieldset label:first-child, fieldset input:first-child, fieldset button:first-child,
fieldset select:first-child, fieldset textarea:first-child {
margin-left: 0;
}
fieldset label:last-child, fieldset input:last-child, fieldset button:last-child,
fieldset select:last-child, fieldset textarea:last-child {
margin-right: 0;
}