first commit
This commit is contained in:
@@ -0,0 +1,180 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap Duallistbox
|
||||
*
|
||||
* Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap
|
||||
*
|
||||
* Version: 1.1
|
||||
* Latest update: Mar 10, 2016
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
.bootstrap-duallistbox-container {
|
||||
|
||||
//
|
||||
// Layout
|
||||
//
|
||||
|
||||
// Add bottom spacing to the first box
|
||||
.box1 {
|
||||
margin-bottom: @line-height-computed;
|
||||
}
|
||||
|
||||
// Move option on select
|
||||
&.moveonselect {
|
||||
|
||||
// Hide "Move single" button
|
||||
.move,
|
||||
.remove {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Visible buttons
|
||||
.moveall,
|
||||
.removeall {
|
||||
width: 100%;
|
||||
border-radius: @border-radius-base!important;
|
||||
}
|
||||
|
||||
// Add border to the next buttons
|
||||
.btn-group {
|
||||
.btn + .btn {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Buttons
|
||||
//
|
||||
|
||||
// Main buttons
|
||||
.buttons {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// Clear buttons
|
||||
.clear1,
|
||||
.clear2 {
|
||||
display: none;
|
||||
margin-top: @line-height-computed;
|
||||
|
||||
// Reset styles
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
color: @link-color;
|
||||
padding: 0;
|
||||
.box-shadow(none);
|
||||
}
|
||||
}
|
||||
.box1.filtered .clear1,
|
||||
.box2.filtered .clear2 {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// Control buttons
|
||||
.move,
|
||||
.remove,
|
||||
.moveall,
|
||||
.removeall {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
// Button group
|
||||
.btn-group .btn {
|
||||
margin: 0;
|
||||
|
||||
// Borders
|
||||
& + .btn {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
// Icons
|
||||
> i {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Elements
|
||||
//
|
||||
|
||||
// Filter
|
||||
.filter {
|
||||
margin-bottom: @line-height-computed;
|
||||
position: relative;
|
||||
|
||||
&.placeholder {
|
||||
color: @input-color-placeholder;
|
||||
}
|
||||
}
|
||||
|
||||
// Bottom info
|
||||
.info-container {
|
||||
.info {
|
||||
display: inline-block;
|
||||
margin-top: @line-height-computed;
|
||||
|
||||
.label {
|
||||
margin-right: @element-horizontal-spacing;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Inside sidebar
|
||||
//
|
||||
|
||||
.sidebar & {
|
||||
text-align: center;
|
||||
|
||||
.box1,
|
||||
.box2 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
&:after {
|
||||
content: '\e9c9';
|
||||
font-size: @icon-font-size;
|
||||
font-family: 'icomoon';
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
margin: 10px 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
.opacity(0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Responsive stuff
|
||||
//
|
||||
|
||||
@media (min-width: @screen-md) {
|
||||
.box1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sidebar & {
|
||||
.box1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap maxlength
|
||||
*
|
||||
* Styles for maxlength.min.js - input characters counter
|
||||
*
|
||||
* Version: 1.0
|
||||
* Latest update: Mar 10, 2016
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Give it a look of help block
|
||||
.bootstrap-maxlength {
|
||||
margin-top: @padding-base-vertical;
|
||||
font-size: @font-size-small;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,111 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Touchspin spinners
|
||||
*
|
||||
* Styles for touchspin.min.js - spinner form control library
|
||||
*
|
||||
* Version: 1.1
|
||||
* Latest update: Oct 20, 2015
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
.bootstrap-touchspin {
|
||||
|
||||
// Vertical buttons
|
||||
.input-group-btn-vertical {
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
|
||||
// Button
|
||||
> .btn {
|
||||
height: @input-height-base;
|
||||
line-height: @line-height-base;
|
||||
}
|
||||
|
||||
// Icon
|
||||
i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -(@icon-font-size / 2);
|
||||
margin-top: -(@icon-font-size / 2);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// Arrow up
|
||||
.bootstrap-touchspin-up {
|
||||
.border-right-radius(0);
|
||||
}
|
||||
|
||||
// Arrow down
|
||||
.bootstrap-touchspin-down {
|
||||
margin-left: 1px;
|
||||
.border-left-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Sizing
|
||||
//
|
||||
|
||||
// Large
|
||||
&.input-group-lg .input-group-btn-vertical {
|
||||
> .btn {
|
||||
height: @input-height-large;
|
||||
line-height: @line-height-large;
|
||||
padding-left: @padding-large-horizontal;
|
||||
padding-right: @padding-large-horizontal;
|
||||
}
|
||||
}
|
||||
|
||||
// Small
|
||||
&.input-group-sm .input-group-btn-vertical {
|
||||
> .btn {
|
||||
height: @input-height-small;
|
||||
line-height: @line-height-small;
|
||||
padding-left: @padding-small-horizontal;
|
||||
padding-right: @padding-small-horizontal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Elements
|
||||
// ------------------------------
|
||||
|
||||
.bootstrap-touchspin-postfix {
|
||||
padding-right: 0;
|
||||
|
||||
// In default size
|
||||
& + .input-group-btn,
|
||||
& + .input-group-btn-vertical {
|
||||
padding-left: @padding-base-horizontal;
|
||||
}
|
||||
|
||||
// In large size
|
||||
.input-group-lg & {
|
||||
padding-right: 0;
|
||||
|
||||
& + .input-group-btn,
|
||||
& + .input-group-btn-vertical {
|
||||
padding-left: @padding-large-horizontal;
|
||||
}
|
||||
}
|
||||
|
||||
// In small size
|
||||
.input-group-sm & {
|
||||
padding-right: 0;
|
||||
|
||||
& + .input-group-btn,
|
||||
& + .input-group-btn-vertical {
|
||||
padding-left: @padding-small-horizontal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user