Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
input[type='text'],
textarea,
select,
input[type='date'] {
margin-bottom: 12px;
width: 100%;
padding: $padding-sm;
display: inline-block;
-webkit-border-radius: 0px; // this is for Chrome
border: 1px solid #bbb;
font-size: $font-size-md;
font-weight: 400;
}
textarea {
font-family: inherit;
font-size: $font-size-md;
resize: none;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: $typeface;
font-size: $font-size-md;
color: #767676;
}
input[type='text'],
select,
input[type='date'] {
height: 31px;
}
input[type='radio'],
input[type='checkbox'] {
position: relative;
top: 2px;
margin-right: 3px;
height: 16px;
width: 16px;
}
input[type='file'] {
position: absolute;
height: 0.1px;
width: 0.1px;
overflow: hidden;
opacity: 0;
z-index: -1;
}
.radio-label,
.checkbox-label {
margin-right: 15px;
font-size: $font-size-md;
font-weight: 400; // Save test
}
option {
padding: 2px 0;
}
.icon {
margin: 0 12px 2px;
vertical-align: middle;
&.info {
fill: $color-info;
}
&.danger img {
fill: $color-danger;
}
}
.required {
margin-left: 1px;
padding-left: 18px; // Makes room for the icon
padding-right: 6px;
color: $color-danger;
background: url('/assets/images/ic_asterisk_red_16px.svg') no-repeat left;
background-size: 15px auto;
}
.error {
margin-left: 3px;
padding-left: 21px; // Makes room for the icon
padding-right: 6px;
color: $color-danger;
background: url('/assets/images/ic_warning_red_16px.svg') no-repeat left;
}
.info {
// TODO: add to form field error states
margin-left: 6px;
padding-left: 9px; // padding-right: 4px;
color: $color-info;
border-left: 1px solid $color-info;
&.small {
margin-left: 0;
padding-left: 4px;
border-left: none;
}
}
.calendar {
background-image: url('/assets/images/ic_calendar_gray_24px.svg'); // Icon for calendar field
background-repeat: no-repeat;
background-position: 98.8% 1px; // Fine-tuning
}
.checkbox-align {
margin-top: 30px; // Helper class to align checkboxes and radio buttons
margin-bottom: 21px;
}
.form-fix {
// Helper class to vertically space series of checkboxes
height: 36px;
}
input.big-box {
height: 42px;
font-size: 18px;
}
.input-block {
margin-top: 27px;
margin-bottom: 12px;
display: block;
height: 28px; // background-color: red;
}
input::-webkit-calendar-picker-indicator {
// Disable Chrome datepicker
display: none;
}
input[type="date"]::-webkit-input-placeholder {
// Disable Chrome datepicker
visibility: hidden !important;
}
label.select-row {
display: block;
width: 100%;
}
label img {
margin-top: -2px;
vertical-align: middle;
}
.remove {
// Makes circle 'close' icon for dialog box
position: relative;
float: right;
margin: -1px 4px 0;
width: 20px;
height: 20px;
border-radius: 10px;
opacity: 1;
background-color: $color-danger;
font-size: 21px;
line-height: 20px;
text-align: center;
color: #fff;
text-decoration: none;
&:visited {
color: $gray-base;
}
&:active {
color: $gray-base;
}
&:hover {
opacity: 0.8;
color: #fff;
text-decoration: none;
}
&:focus {
outline: 1px solid $color-info;
}
cursor: pointer;
}