multiselect-qa/less/_variables.less

Select с мультивыбором

// главный цвет фона
@bgGlobal : #fff;

// цвет фона некоторых блоков
@bgBlockColor : #eee;

// цвет фона минимизированного меню
@bgMenuColor : #eee;

@bgHover : #ffeeee;


// цвет полосок и стрелочек
@grayLineColor : #999;

// мягкий цвет полосок и стрелочек
@lightGrayLineColor : #dedede;

// цвет тени
@shadowColor : #ddd;
@blackShadowColor : #777;

// цвета форм
@formElementLine : #b8c6cd;

// серый цвет текста (контента)
@grayTextColor : #777;
@lightgrayTextColor : #aaa;
@whiteTextColor : #fff;

@grayTextBoldColor : #555;

// цвет текста меню
@textMenuColor : #000;

// цвет текста в шапке
@textHeadColor : #000;

// цвет текста контента
@textContentColor : #000;

// цвет текста синих "ссылок"
@textBlueHrefColor : #3871ff;

.textBlueHrefColor {
  color: @textBlueHrefColor;
}



// красный фирменный цвет текста
@red : #e73217;

// белый фирменный цвет текста
@white : #fff;


// шрифт шапки
@fontHead : 'PT Sans', Tahoma, Arial, sans-serif;

// шрифт контента
@fontText : 'PT Sans', Tahoma, Arial, sans-serif;


// формы и кнопки
@bgColorElement : #fff;
@bgGreenElement : #60af25;
@lineColorElement : #b8c6cd;
@lineGreenElement : #60af25;
@bgColorElement_hover : #fff9df;
@bgGreenElement_hover : #029a02;
@buttonColor_hover : #e73217;
@buttonColor_active : #FCD4D6;


@fontSizeUpLabel : 12px;
@fontSizeOption : 13px;
@fontSizeButton : 13px;
@backYellow : rgba(253, 255, 0, 0.41);



//inset 0 0 4px #666
.box-shadow(@params){
  -webkit-box-shadow: @params;
  -moz-box-shadow: @params;
  box-shadow: @params;
}

.border-radius(@params) {
  -webkit-border-radius: @params;
  -khtml-border-radius: @params;
  -moz-border-radius: @params;
  border-radius: @params;
}



.simpleFormElement {
  background-color: @bgColorElement;
  border: 1px solid @lineColorElement;
  font-size: @fontSizeButton;
  .border-radius(3px);
}

.simplebutton {
  .simpleFormElement;
  float: left;
  position: relative;

  margin: 10px 0 10px 0;
  padding: 2px 10px;
  background: linear-gradient(0deg, #f2f4f7, #fff);


  &:hover {
    color: @buttonColor_hover;
    border-color: @buttonColor_hover;
    cursor: pointer;
  }

  &:active {
    color: @buttonColor_active;
    border-color: @buttonColor_active;
  }
}

.bigbutton {
  background-color: @bgGreenElement;
  border: 1px solid @lineGreenElement;
  color: @whiteTextColor;
  .border-radius(3px);
  position: relative;
  margin: auto;
  padding: 8px 0;
  text-align: center;
  font-size: 24px;
  width: 300px;

  &:hover {
    background-color: @bgGreenElement_hover;
    cursor: pointer;
  }

  &:active {
    background-color: @bgGreenElement;
  }
}

.linkbutton {
  float: left;
  font-size: @fontSizeButton;
  margin: 10px 0 10px 0;
  padding: 2px 10px;

  &:hover {
    color: @buttonColor_hover;
    text-decoration: underline;
    cursor: pointer;
  }

  &:active {
    color: @buttonColor_active;
  }
}

// предопределенные стили для инпутов, селектов и textarea
.InputLargeFormElement {
  .border-radius(3px);
  width: 300px;
  padding: 4px 6px;
  font-size: 15px;
}
// элемент, встраиваемый в блок с фиксированной шириной
.InputRubber {
  .border-radius(3px);
  width: calc(100% - 6px);
  padding: 4px 0 4px 6px;
  font-size: 15px;
}
.TextareaLargeFormElement {
  .InputLargeFormElement;
  resize: none;
  height: 90px;
}


.cle {
  clear:left;
}