beenull/Pico
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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 ***/
label { font-weight: bold; }
label, fieldset legend { font-weight: bold; }
input::-moz-focus-inner, button::-moz-focus-inner {
border: 0;
padding: 0;
}
input, button {
padding: 0.5em 1em;
outline: 0 none;
input:not([type="checkbox"]):not([type="radio"]), button, select, textarea, fieldset, fieldset legend {
border: solid 1px #ccc;
border-radius: 0.3em;
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;
}
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;
box-shadow: 0 0 8px #2EAE9B;
}
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 {
background: #f5f5f5;
cursor: pointer;
}
textarea, select[multiple] {
vertical-align: bottom;
overflow: auto;
}
fieldset {
padding: 1em;
border: solid 1px #ccc;
border-radius: 0.3em;
background: #f5f5f5;
}
fieldset label, fieldset input, fieldset button { margin: 0.2em 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 legend { padding: 0 0.5em; }
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;
}