Files
AVEF/imports/ui/styles/forms.import.styl

117 lines
3.5 KiB
Stylus
Raw Normal View History

//Form Styles
.select2-container
font-size: 10px
.select2-selection
font-size: 13px //Make the font small enough the control can have a height similar to a standard input field.
margin-bottom: 0px
min-height: 10px !important //This is what really sets the height of the box containing the selection(s)
padding-bottom: 2px //Add a little space below the selections to balance it all out.
input
padding: 6px
border-radius: 4px
border-width: 1px
border-style: solid
border-color: #ccc
//input[type='button'].btn-success, input[type='submit'].btn-success
// background-color: #5cb85c
// :hover
// background-color:
//input[type='button'].btn-danger, input[type='submit'].btn-danger
// background-color: #e55b46
.form-control, .select2-selection //?
font-size: 14px
margin-bottom: 0px
.form-group
margin: 4px 0
.has-error .form-control
border-color: #a94442
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
@media screen and (-webkit-min-device-pixel-ratio: 0)
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control
line-height: 34px
.form-control
display: block
width: 100%
height: 34px
padding: 6px 12px
font-size: 14px
line-height: 1.42857143
color: #555
background-color: #fff
background-image: none
border: 1px solid #ccc
border-radius: 4px
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"]
align-items: center
-webkit-padding-start: 1px
overflow: hidden
padding-left: 10px
input
-webkit-appearance: textfield
background-color: white
-webkit-rtl-ordering: logical
user-select: text
cursor: auto
padding: 1px
border-width: 2px
border-style: inset
border-color: initial
border-image: initial
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
background-color: #eee
opacity: 1
input, textarea, keygen, select, button
text-rendering: auto
color: initial
letter-spacing: normal
word-spacing: normal
text-transform: none
text-indent: 0px
text-shadow: none
display: inline-block
text-align: start
margin: 0em 0em 0em 0em
font: 13.3333px Arial
input, textarea, keygen, select, button, meter, progress
-webkit-writing-mode: horizontal-tb
//.btn.disabled, .btn[disabled], fieldset[disabled] .btn
// cursor: not-allowed
// filter: unquote("alpha(opacity=65)")
// -webkit-box-shadow: none
// box-shadow: none
// opacity: .65
//button, html input[type="button"], input[type="reset"], input[type="submit"]
// -webkit-appearance: button
// cursor: pointer
//button, html input[type="button"], input[type="reset"], input[type="submit"]
// -webkit-appearance: button
// cursor: pointer
//.btn
// display: inline-block;
// padding: 6px 12px;
// margin-bottom: 0;
// font-size: 14px;
// font-weight: normal;
// line-height: 1.42857143;
// text-align: center;
// white-space: nowrap;
// vertical-align: middle;
// -ms-touch-action: manipulation;
// touch-action: manipulation;
// cursor: pointer;
// -webkit-user-select: none;
// -moz-user-select: none;
// -ms-user-select: none;
// user-select: none;
// background-image: none;
// border: 1px solid transparent;
// border-radius: 4px;