|
|
@ -64,19 +64,25 @@ |
|
|
|
|
|
|
|
|
|
|
|
.ui.form textarea, |
|
|
|
.ui.form select, |
|
|
|
.ui.form input[type="text"], |
|
|
|
.ui.form input[type="email"], |
|
|
|
.ui.form input[type="date"], |
|
|
|
.ui.form input[type="password"], |
|
|
|
.ui.form input[type="number"], |
|
|
|
.ui.form input[type="tel"], |
|
|
|
.ui.form .ui.input { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.form textarea, |
|
|
|
.ui.form select, |
|
|
|
.ui.form input[type="text"], |
|
|
|
.ui.form input[type="email"], |
|
|
|
.ui.form input[type="date"], |
|
|
|
.ui.form input[type="password"] { |
|
|
|
.ui.form input[type="password"], |
|
|
|
.ui.form input[type="number"], |
|
|
|
.ui.form input[type="tel"]{ |
|
|
|
|
|
|
|
margin: 0em; |
|
|
|
padding: 0.85em 1.2em; |
|
|
@ -140,9 +146,7 @@ |
|
|
|
max-height: 24em; |
|
|
|
resize: vertical; |
|
|
|
} |
|
|
|
.ui.form select { |
|
|
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.form textarea, |
|
|
|
.ui.form input[type="checkbox"] { |
|
|
|
vertical-align: top; |
|
|
@ -206,7 +210,10 @@ |
|
|
|
.ui.form input[type="email"]:focus, |
|
|
|
.ui.form input[type="date"]:focus, |
|
|
|
.ui.form input[type="password"]:focus, |
|
|
|
.ui.form textarea:focus { |
|
|
|
.ui.form input[type="number"]:focus, |
|
|
|
.ui.form input[type="tel"]:focus, |
|
|
|
.ui.form textarea:focus, |
|
|
|
.ui.form select:focus{ |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
border-color: rgba(0, 0, 0, 0.2); |
|
|
|
border-bottom-left-radius: 0; |
|
|
@ -247,11 +254,15 @@ |
|
|
|
.ui.form .fields.error .field input[type="email"], |
|
|
|
.ui.form .fields.error .field input[type="date"], |
|
|
|
.ui.form .fields.error .field input[type="password"], |
|
|
|
.ui.form .fields.error .field input[type="number"], |
|
|
|
.ui.form .fields.error .field input[type="tel"], |
|
|
|
.ui.form .field.error textarea, |
|
|
|
.ui.form .field.error input[type="text"], |
|
|
|
.ui.form .field.error input[type="email"], |
|
|
|
.ui.form .field.error input[type="date"], |
|
|
|
.ui.form .field.error input[type="password"] { |
|
|
|
.ui.form .field.error input[type="password"], |
|
|
|
.ui.form .field.error input[type="number"], |
|
|
|
.ui.form .field.error input[type="tel"]{ |
|
|
|
background-color: #FFFAFA; |
|
|
|
border-color: #E7BEBE; |
|
|
|
border-left: none; |
|
|
@ -271,7 +282,9 @@ |
|
|
|
.ui.form .field.error input[type="text"]:focus, |
|
|
|
.ui.form .field.error input[type="email"]:focus, |
|
|
|
.ui.form .field.error input[type="date"]:focus, |
|
|
|
.ui.form .field.error input[type="password"]:focus { |
|
|
|
.ui.form .field.error input[type="password"]:focus, |
|
|
|
.ui.form .field.error input[type="number"]:focus, |
|
|
|
.ui.form .field.error input[type="tel"]:focus{ |
|
|
|
border-color: rgba(255, 80, 80, 1); |
|
|
|
color: rgba(255, 80, 80, 1); |
|
|
|
|
|
|
@ -385,12 +398,11 @@ |
|
|
|
} |
|
|
|
.ui.form .date.field > label:after { |
|
|
|
position: absolute; |
|
|
|
top: 1.4em; |
|
|
|
top: 2em; |
|
|
|
right: 0.5em; |
|
|
|
|
|
|
|
font-family: 'Icons'; |
|
|
|
content: '📅'; /* '\1f4c5' */ |
|
|
|
font-size: 1.5em; |
|
|
|
content: '\f133'; |
|
|
|
font-size: 1.2em; |
|
|
|
font-weight: normal; |
|
|
|
color: #CCCCCC; |
|
|
|
} |
|
|
@ -406,7 +418,9 @@ |
|
|
|
.ui.inverted.form .field.error input[type="text"], |
|
|
|
.ui.inverted.form .field.error input[type="email"], |
|
|
|
.ui.inverted.form .field.error input[type="date"], |
|
|
|
.ui.inverted.form .field.error input[type="password"]{ |
|
|
|
.ui.inverted.form .field.error input[type="password"], |
|
|
|
.ui.inverted.form .field.error input[type="number"], |
|
|
|
.ui.inverted.form .field.error input[type="tel"]{ |
|
|
|
background-color: #FFCCCC; |
|
|
|
} |
|
|
|
|
|
|
@ -442,7 +456,7 @@ |
|
|
|
line-height: 0; |
|
|
|
height: 0; |
|
|
|
} |
|
|
|
.ui.form .fields .field { |
|
|
|
.ui.form .fields > .field { |
|
|
|
clear: none; |
|
|
|
float: left; |
|
|
|
-webkit-box-sizing: border-box; |
|
|
@ -450,35 +464,37 @@ |
|
|
|
-ms-box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
.ui.form .fields .field:first-child { |
|
|
|
.ui.form .fields > .field:first-child { |
|
|
|
border-left: none; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* Other Combinations */ |
|
|
|
.ui.form .two.fields .field { |
|
|
|
.ui.form .two.fields > .fields, |
|
|
|
.ui.form .two.fields > .field { |
|
|
|
width: 50%; |
|
|
|
padding-left: 1%; |
|
|
|
padding-right: 1%; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.form .three.fields .field { |
|
|
|
.ui.form .three.fields > .fields, |
|
|
|
.ui.form .three.fields > .field { |
|
|
|
width: 33.333%; |
|
|
|
padding-left: 1%; |
|
|
|
padding-right: 1%; |
|
|
|
} |
|
|
|
.ui.form .four.fields .field { |
|
|
|
.ui.form .four.fields > .fields, |
|
|
|
.ui.form .four.fields > .field { |
|
|
|
width: 25%; |
|
|
|
padding-left: 1%; |
|
|
|
padding-right: 1%; |
|
|
|
} |
|
|
|
.ui.form .five.fields .field { |
|
|
|
.ui.form .five.fields > .fields, |
|
|
|
.ui.form .five.fields > .field { |
|
|
|
width: 20%; |
|
|
|
padding-left: 1%; |
|
|
|
padding-right: 1%; |
|
|
|
} |
|
|
|
|
|
|
|
/* override sides, ie8 no last-child */ |
|
|
|
.ui.form .fields .field:first-child { |
|
|
|
padding-left: 0%; |
|
|
|
} |
|
|
@ -498,11 +514,9 @@ |
|
|
|
.ui.form .inline.fields .field > label, |
|
|
|
.ui.form .inline.fields .field > p, |
|
|
|
.ui.form .inline.fields .field > input, |
|
|
|
.ui.form .inline.fields .field > select, |
|
|
|
.ui.form .inline.field > label, |
|
|
|
.ui.form .inline.field > p, |
|
|
|
.ui.form .inline.field > input, |
|
|
|
.ui.form .inline.field > select { |
|
|
|
.ui.form .inline.field > input { |
|
|
|
|
|
|
|
display: inline-block; |
|
|
|
width: auto; |
|
|
@ -541,7 +555,10 @@ |
|
|
|
.ui.small.form input[type="email"], |
|
|
|
.ui.small.form input[type="date"], |
|
|
|
.ui.small.form input[type="password"], |
|
|
|
.ui.small.form label { |
|
|
|
.ui.small.form input[type="number"], |
|
|
|
.ui.small.form input[type="tel"], |
|
|
|
.ui.small.form label, |
|
|
|
.ui.small.form select{ |
|
|
|
font-size: 1em; |
|
|
|
} |
|
|
|
|
|
|
|