Commit 0c90865d957e8866be6daab9a31424530ab63614
Merge remote-tracking branch 'origin/master'
Showing
11 changed files
with
645 additions
and
5 deletions
Show diff stats
frontend/views/accounts/general.php
@@ -19,6 +19,7 @@ | @@ -19,6 +19,7 @@ | ||
19 | <h1><?= $this->title ?></h1> | 19 | <h1><?= $this->title ?></h1> |
20 | <div class="" id="form_definition"> | 20 | <div class="" id="form_definition"> |
21 | <?php | 21 | <?php |
22 | + | ||
22 | $form = ActiveForm::begin (); | 23 | $form = ActiveForm::begin (); |
23 | echo $form->field ($user, 'isPerformer', ['template' => "{label}:\n{input}\n{hint}\n{error}"]) | 24 | echo $form->field ($user, 'isPerformer', ['template' => "{label}:\n{input}\n{hint}\n{error}"]) |
24 | ->label ('<span></span>Я - исполнитель') | 25 | ->label ('<span></span>Я - исполнитель') |
frontend/views/layouts/main.php
@@ -122,6 +122,14 @@ AppAsset::register($this); | @@ -122,6 +122,14 @@ AppAsset::register($this); | ||
122 | <form action=""> | 122 | <form action=""> |
123 | <input type="search"/> | 123 | <input type="search"/> |
124 | <input type="submit" value=""/> | 124 | <input type="submit" value=""/> |
125 | + <div class="search-list"> | ||
126 | + <span>Исполнители</span> | ||
127 | + <ul> | ||
128 | + <li>Проекты</li> | ||
129 | + <li>Исполнители</li> | ||
130 | + <li>Заказчики</li> | ||
131 | + </ul> | ||
132 | + </div> | ||
125 | </form> | 133 | </form> |
126 | </div> | 134 | </div> |
127 | <?php | 135 | <?php |
1 | +<div class="section-box content"> | ||
2 | + <div class="section-box registration"> | ||
3 | + <div class="box-wr"> | ||
4 | + <div class="box-all"> | ||
5 | + <div class="registration-title style">Регистрация</div> | ||
6 | + <div class="registration-form style"> | ||
7 | + <form action="" method=""> | ||
8 | + | ||
9 | + <div class="input-blocks-wrapper"> | ||
10 | + <div class="input-blocks"> | ||
11 | + <div class="form-group field-accountsform-email require has-erro"> | ||
12 | + <label for="input-txt-1">Логин</label> | ||
13 | + <input class="custom-input-2" id="input-txt-1" type="text"> | ||
14 | + <div class="help-block">Значение «E-mail (Логин)» не является правильным email адресом.</div> | ||
15 | + </div> | ||
16 | + </div> | ||
17 | + <div class="input-blocks-help-wr"> | ||
18 | + <div class="input-blocks-help">Логин должен содержать не менее 3-х символов, начинаться с английской буквы и заканчиваться буквой или цифрой. Допускаются английские буквы, цифры и знаки 'тире', 'подчеркивание', 'точка'</div> | ||
19 | + </div> | ||
20 | + </div> | ||
21 | + | ||
22 | + <div class="input-blocks-wrapper"> | ||
23 | + <div class="input-blocks"> | ||
24 | + | ||
25 | + <label for="input-txt-2">Пароль</label> | ||
26 | + <input class="custom-input-2" id="input-txt-2" type="text"> | ||
27 | + | ||
28 | + </div> | ||
29 | + <div class="input-blocks-help-wr"> | ||
30 | + <div class="input-blocks-help">Пароль должен содержать не менее 6-ти символов.</div> | ||
31 | + </div> | ||
32 | + </div> | ||
33 | + | ||
34 | + <div class="input-blocks-wrapper"> | ||
35 | + <div class="input-blocks"> | ||
36 | + <label for="input-txt-3">E-mail</label> | ||
37 | + <input class="custom-input-2" id="input-txt-3" type="text"> | ||
38 | + </div> | ||
39 | + <div class="input-blocks-help-wr"> | ||
40 | + <div class="input-blocks-help">На этот адрес электронной почты будет отправлено уведомление о регистрации.</div> | ||
41 | + </div> | ||
42 | + </div> | ||
43 | + | ||
44 | + <div class="who-you-are style"> | ||
45 | + <div class="who-you-are-title style">Кто Вы</div> | ||
46 | + <div class="who-you-are-form-wr style"> | ||
47 | + <div class="who-you-are-form"> | ||
48 | + <div class="check-radio-wr"> | ||
49 | + <div class="custom-form-buttons"> | ||
50 | + <input class="custom-radio" id="custom-radio-1" name="group-1" checked="checked" type="radio"> | ||
51 | + <label for="custom-radio-1"><span></span>Частное лицо copy</label> | ||
52 | + </div> | ||
53 | + | ||
54 | + <div class="custom-form-buttons"> | ||
55 | + <input class="custom-radio" id="custom-radio-2" name="group-1" type="radio"> | ||
56 | + <label for="custom-radio-2"><span></span>Компания</label> | ||
57 | + </div> | ||
58 | + </div> | ||
59 | + <div class="check-radio-wr"> | ||
60 | + <div class="custom-form-buttons"> | ||
61 | + <input class="custom-check" id="custom-check-1" type="checkbox" checked> | ||
62 | + <label for="custom-check-1"><span></span>Я - Фрилансер</label> | ||
63 | + </div> | ||
64 | + | ||
65 | + <div class="custom-form-buttons"> | ||
66 | + <input class="custom-check" id="custom-check-2" type="checkbox"> | ||
67 | + <label for="custom-check-2"><span></span>Я - Заказчик</label> | ||
68 | + </div> | ||
69 | + </div> | ||
70 | + | ||
71 | + | ||
72 | + <div class="input-blocks-wrapper"> | ||
73 | + <div class="input-blocks"> | ||
74 | + <label for="input-txt-4">Имя</label> | ||
75 | + <input class="custom-input-2" id="input-txt-4" type="text"> | ||
76 | + </div> | ||
77 | + </div> | ||
78 | + <div class="input-blocks-wrapper"> | ||
79 | + <div class="input-blocks"> | ||
80 | + <label for="input-txt-5">Фамилия</label> | ||
81 | + <input class="custom-input-2" id="input-txt-5" type="text"> | ||
82 | + </div> | ||
83 | + </div> | ||
84 | + <div class="input-blocks-wrapper city" > | ||
85 | + | ||
86 | + <div class="control-group"> | ||
87 | + <div id="btnClear" style=""></div> | ||
88 | + | ||
89 | + <label for="select-beast-w">Город</label> | ||
90 | + <select id="select-beast-w" placeholder=""> | ||
91 | + <option value="">Выберите город</option> | ||
92 | + <option value="4">Киев</option> | ||
93 | + <option value="1">Одесса</option> | ||
94 | + <option value="3">Харьков</option> | ||
95 | + <option value="2">Днепр</option> | ||
96 | + <option value="6">Чернигов</option> | ||
97 | + <option value="8">Черкасы</option> | ||
98 | + <option value="9">Черкасы</option> | ||
99 | + <option value="5">Черкасы</option> | ||
100 | + </select> | ||
101 | + </div> | ||
102 | + | ||
103 | + <!--<div class="input-blocks">--> | ||
104 | + <!--<select name="" id="" >--> | ||
105 | + <!--<option selected disabled></option>--> | ||
106 | + <!--<option value="">Киев</option>--> | ||
107 | + <!--<option value="">Киев</option>--> | ||
108 | + <!--<option value="">Киев</option>--> | ||
109 | + <!--</select>--> | ||
110 | + <!--</div>--> | ||
111 | + </div> | ||
112 | + | ||
113 | + <div class="input-blocks-wrapper city-two"> | ||
114 | + <div class="input-blocks"> | ||
115 | + <label for="input-txt-7">Город не в списке</label> | ||
116 | + <input class="custom-input-2" id="input-txt-7" type="text"> | ||
117 | + </div> | ||
118 | + <div class="form-help-two">Если вашего города нет в списке, введите его. </div> | ||
119 | + </div> | ||
120 | + | ||
121 | + <div class="input-blocks-wrapper captcha"> | ||
122 | + <div class="input-blocks-captcha"> | ||
123 | + <img id="accountsform-verifycode-image" src="images/captcha.png" alt=""> | ||
124 | + </div> | ||
125 | + </div> | ||
126 | + | ||
127 | + <div class="input-blocks-wrapper"> | ||
128 | + <div class="input-blocks"> | ||
129 | + <label for="input-txt-8">Введите проверочный код</label> | ||
130 | + <input class="custom-input-2" id="input-txt-8" type="text"> | ||
131 | + </div> | ||
132 | + </div> | ||
133 | + <div class="input-blocks-wrapper button"> | ||
134 | + <button type="submit" value="Submit">Зарегистрироваться</button> | ||
135 | + </div> | ||
136 | + </div> | ||
137 | + </div> | ||
138 | + </div> | ||
139 | + | ||
140 | + </form> | ||
141 | + </div> | ||
142 | + </div> | ||
143 | + </div> | ||
144 | + </div> | ||
145 | + | ||
146 | +</div> | ||
0 | \ No newline at end of file | 147 | \ No newline at end of file |
frontend/web/css/style.css
@@ -252,7 +252,7 @@ ul.main-menu li span:after{ | @@ -252,7 +252,7 @@ ul.main-menu li span:after{ | ||
252 | margin-top: 6px; | 252 | margin-top: 6px; |
253 | } | 253 | } |
254 | .search-main-menu form input { | 254 | .search-main-menu form input { |
255 | - width: 100%; | 255 | + width: 268px; |
256 | height: 29px; | 256 | height: 29px; |
257 | border: none; | 257 | border: none; |
258 | box-sizing: border-box; | 258 | box-sizing: border-box; |
@@ -260,12 +260,11 @@ ul.main-menu li span:after{ | @@ -260,12 +260,11 @@ ul.main-menu li span:after{ | ||
260 | } | 260 | } |
261 | .search-main-menu form input[type="submit"] { | 261 | .search-main-menu form input[type="submit"] { |
262 | width: 29px; | 262 | width: 29px; |
263 | - height: 27px; | ||
264 | - margin-top: 1px; | 263 | + height: 29px; |
265 | position: absolute; | 264 | position: absolute; |
266 | top: 0; | 265 | top: 0; |
267 | right: 1px; | 266 | right: 1px; |
268 | - background: #fff url("/images/ico-search.png") 7px 6px no-repeat; | 267 | + background: #fff url("/images/ico-search.png") 50% 50% no-repeat; |
269 | border: none; | 268 | border: none; |
270 | outline: none; | 269 | outline: none; |
271 | cursor: pointer; | 270 | cursor: pointer; |
@@ -4503,4 +4502,490 @@ ul.download-list-files li:hover .download-link {transition: 0.2s; opacity: 1; -m | @@ -4503,4 +4502,490 @@ ul.download-list-files li:hover .download-link {transition: 0.2s; opacity: 1; -m | ||
4503 | .all-table tr:first-child td {border-top: none} | 4502 | .all-table tr:first-child td {border-top: none} |
4504 | 4503 | ||
4505 | .tb-team-wr {margin-top: 15px} | 4504 | .tb-team-wr {margin-top: 15px} |
4506 | -.tb-team-wr table img{vertical-align: middle} | ||
4507 | \ No newline at end of file | 4505 | \ No newline at end of file |
4506 | +.tb-team-wr table img{vertical-align: middle} | ||
4507 | + | ||
4508 | + | ||
4509 | + | ||
4510 | + | ||
4511 | + | ||
4512 | +/**registration**/ | ||
4513 | +.register-a {font-size: 18px !important;color: inherit !important; text-decoration: none !important; float: none !important; margin:0 !important;} | ||
4514 | +.register-a span {border-bottom: 1px dashed #333} | ||
4515 | +.header-cabinet-wr span {} | ||
4516 | +.registration-title { | ||
4517 | + font-size: 21px; | ||
4518 | + text-align: center; | ||
4519 | + margin-top: 25px; | ||
4520 | +} | ||
4521 | +.registration-form {margin-top: 24px; margin-bottom: 50px} | ||
4522 | +.input-blocks-wrapper { | ||
4523 | + width: 100%;float: left;margin-top: 11px; position: relative; | ||
4524 | +} | ||
4525 | +.input-blocks-wrapper:first-child{margin-top: 0} | ||
4526 | +.input-blocks { | ||
4527 | + width: 300px; | ||
4528 | + float: left; | ||
4529 | +} | ||
4530 | + | ||
4531 | +.custom-input-2 { | ||
4532 | + width: 300px; | ||
4533 | + height: 29px; | ||
4534 | + border: 1px solid #dcdcdc; | ||
4535 | + box-sizing: border-box; | ||
4536 | + outline: none; | ||
4537 | + color: #636363; | ||
4538 | + font-size: 13px; | ||
4539 | + line-height: 27px; | ||
4540 | + padding-left: 8px; | ||
4541 | + margin-top: 5px; | ||
4542 | +} | ||
4543 | + | ||
4544 | +.custom-input-2:focus, .selectize-input input:focus {box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s} | ||
4545 | + | ||
4546 | +.input-blocks label { | ||
4547 | + font-size: 13px; | ||
4548 | + color: inherit; | ||
4549 | + font-weight: 700; | ||
4550 | +} | ||
4551 | + | ||
4552 | +.input-blocks-help-wr { | ||
4553 | + width: 620px; | ||
4554 | + height: 29px; | ||
4555 | + float: right; | ||
4556 | + margin-top: 23px; | ||
4557 | +} | ||
4558 | +.input-blocks-help { | ||
4559 | + width: 620px; | ||
4560 | + height: 29px; | ||
4561 | + display: table-cell; | ||
4562 | + vertical-align: middle; | ||
4563 | + font-size: 13px; | ||
4564 | + color: #b7b7b7; | ||
4565 | +} | ||
4566 | +.who-you-are { | ||
4567 | + border-top: 1px solid #dbdbdb; | ||
4568 | + margin-top: 28px; | ||
4569 | + padding-top: 30px; | ||
4570 | + width: 100%; | ||
4571 | +} | ||
4572 | +.who-you-are-title {font-size: 15px; font-weight: 700; text-align: center} | ||
4573 | +.who-you-are-form { | ||
4574 | + margin: 0 auto; | ||
4575 | + width: 300px; | ||
4576 | +} | ||
4577 | +.custom-form-buttons { | ||
4578 | + height: 15px; | ||
4579 | + line-height: 15px; | ||
4580 | + margin-top: 11px; | ||
4581 | +} | ||
4582 | +input.custom-radio, input.custom-check { | ||
4583 | + display: none; | ||
4584 | +} | ||
4585 | +input.custom-radio + label, input.custom-check + label { | ||
4586 | + color: inherit; | ||
4587 | + font-size: 13px; | ||
4588 | + cursor: pointer; | ||
4589 | + margin-left: 6px; | ||
4590 | +} | ||
4591 | +input.custom-radio:checked + label, input.custom-check:checked + label { | ||
4592 | + color: #0072bc; | ||
4593 | + border-bottom: 1px solid #0072bc; | ||
4594 | +} | ||
4595 | +input.custom-radio + label span, input.custom-check + label span { | ||
4596 | + margin-top: 2px; | ||
4597 | +} | ||
4598 | +input.custom-radio + label span { | ||
4599 | + width: 12px; | ||
4600 | + height: 12px; | ||
4601 | + background: url(/images/sets-ico/radio-active.png) no-repeat; | ||
4602 | + float: left; | ||
4603 | +} | ||
4604 | +input.custom-radio:checked + label span, input.custom-radio:checked + label:hover span { | ||
4605 | + background: url(/images/sets-ico/radio.png) no-repeat;transition: .2s; | ||
4606 | +} | ||
4607 | +input.custom-check + label span { | ||
4608 | + width: 12px; | ||
4609 | + height: 12px; | ||
4610 | + background: url(/images/sets-ico/check.png) no-repeat; | ||
4611 | + float: left; | ||
4612 | + margin-left: 46px; | ||
4613 | +} | ||
4614 | +input.custom-check:checked + label span, input.custom-check:checked + label:hover span { | ||
4615 | + background: url(/images/sets-ico/check-active.png) no-repeat;transition: .2s; | ||
4616 | +} | ||
4617 | +.check-radio-wr { | ||
4618 | + width: 50%; | ||
4619 | + float: left; | ||
4620 | +} | ||
4621 | +.input-blocks select { | ||
4622 | + width: 300px; | ||
4623 | + height: 29px; | ||
4624 | + border: 1px solid #dcdcdc; | ||
4625 | + box-sizing: border-box; | ||
4626 | + outline: none; | ||
4627 | + color: #333!important; | ||
4628 | + font-size: 13px !important; | ||
4629 | + line-height: 27px; | ||
4630 | + padding-left: 8px; | ||
4631 | + cursor: pointer; | ||
4632 | + -webkit-appearance: none; | ||
4633 | + -moz-appearance: none; | ||
4634 | + appearance: none; | ||
4635 | + background: url("/images/sets-ico/select-arrow.jpg")right center no-repeat ; | ||
4636 | + font-family: 'Roboto'!important; | ||
4637 | + font-style: normal!important; | ||
4638 | + font-weight: 400!important; | ||
4639 | +} | ||
4640 | +.input-blocks-wrapper.button { | ||
4641 | + height: 29px; | ||
4642 | + text-align: center; | ||
4643 | + margin-top: 36px; | ||
4644 | +} | ||
4645 | +.input-blocks-wrapper.button button{ | ||
4646 | + width: 180px; | ||
4647 | + height: 29px; | ||
4648 | + border: 1px solid #0072bc; | ||
4649 | + background: #0072bc;; | ||
4650 | + color: #fff; | ||
4651 | + text-align: center; | ||
4652 | + font-size: 13px; | ||
4653 | + border-radius: 4px; | ||
4654 | + cursor: pointer; | ||
4655 | + line-height: 29px; | ||
4656 | + outline: none; | ||
4657 | + | ||
4658 | +} | ||
4659 | +.input-blocks-wrapper.button button:hover{ | ||
4660 | + background: #fff; | ||
4661 | + color: #0072bc; | ||
4662 | + transition: 0.2s; | ||
4663 | +} | ||
4664 | +.input-blocks-wrapper.button button:focus { | ||
4665 | + color: #fff; | ||
4666 | + background: #00568e; | ||
4667 | + transition: 0s; | ||
4668 | +} | ||
4669 | +.input-blocks-captcha img { | ||
4670 | + width: 139px !important; | ||
4671 | + height: 59px !important; | ||
4672 | + opacity: 0.7; | ||
4673 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | ||
4674 | + cursor: pointer; | ||
4675 | + position: relative; | ||
4676 | + | ||
4677 | +} | ||
4678 | + | ||
4679 | +.input-blocks-wrapper.captcha { | ||
4680 | + height: 59px; | ||
4681 | + text-align: center; | ||
4682 | + margin-top: 18px; | ||
4683 | +} | ||
4684 | +.input-blocks-captcha { | ||
4685 | + width: 139px; | ||
4686 | + height: 59px; | ||
4687 | + margin: 0 auto; | ||
4688 | + background: url("/images/captcha-bg.jpg"); | ||
4689 | +} | ||
4690 | + | ||
4691 | +.who-you-are-form .check-radio-wr { | ||
4692 | + margin-top: 15px; | ||
4693 | +} | ||
4694 | +.input-blocks-wrapper.city { | ||
4695 | + /*margin-top: 34px;*/ | ||
4696 | +} | ||
4697 | +.input-blocks-wrapper.city-two {position: relative} | ||
4698 | +.form-help-two { | ||
4699 | + position: absolute; | ||
4700 | + height: 29px; | ||
4701 | + line-height: 29px; | ||
4702 | + font-size: 13px; | ||
4703 | + color: #b7b7b7; | ||
4704 | + top: 23px; | ||
4705 | + left: 320px; | ||
4706 | + width: 300px; | ||
4707 | +} | ||
4708 | + | ||
4709 | + | ||
4710 | +/***selectize***/ | ||
4711 | +.selectize-control { | ||
4712 | + width: 300px; | ||
4713 | + height: 29px; | ||
4714 | + position: relative; | ||
4715 | + margin-top: 5px; | ||
4716 | +} | ||
4717 | +.selectize-input { | ||
4718 | + width: 100%; | ||
4719 | + height: 100%; | ||
4720 | +} | ||
4721 | + | ||
4722 | +.control-group label { | ||
4723 | + font-size: 13px; | ||
4724 | + color: inherit; | ||
4725 | + font-weight: 700; | ||
4726 | +} | ||
4727 | + | ||
4728 | +.selectize-dropdown, .selectize-input, .selectize-input input { | ||
4729 | + font-family: inherit; | ||
4730 | + font-size: 13px; | ||
4731 | + -webkit-font-smoothing: inherit; | ||
4732 | + line-height: 18px; | ||
4733 | + color: #303030; | ||
4734 | +} | ||
4735 | +.selectize-input, .selectize-control.single .selectize-input.input-active { | ||
4736 | + display: inline-block; | ||
4737 | + cursor: text; | ||
4738 | + background: #fff; | ||
4739 | +} | ||
4740 | +.selectize-input { | ||
4741 | + position: relative; | ||
4742 | + z-index: 1; | ||
4743 | + display: inline-block; | ||
4744 | + width: 100%; | ||
4745 | + overflow: hidden; | ||
4746 | + border: 1px solid #d0d0d0; | ||
4747 | + -webkit-box-sizing: border-box; | ||
4748 | + -moz-box-sizing: border-box; | ||
4749 | + box-sizing: border-box; | ||
4750 | +} | ||
4751 | +.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { | ||
4752 | + cursor: pointer; | ||
4753 | +} | ||
4754 | +.selectize-control.single .selectize-input { | ||
4755 | + background: #fff; | ||
4756 | +} | ||
4757 | + | ||
4758 | +.selectize-control.single .selectize-input, .selectize-dropdown.single { | ||
4759 | + border-color: #dcdcdc; | ||
4760 | +} | ||
4761 | +.selectize-input > * { | ||
4762 | + display: -moz-inline-stack; | ||
4763 | + display: inline-block; | ||
4764 | + vertical-align: 29px; | ||
4765 | + zoom: 1; | ||
4766 | +} | ||
4767 | + | ||
4768 | +.selectize-input > input { | ||
4769 | + max-width: 298px !important; | ||
4770 | + width: 298px !important; | ||
4771 | + height: 27px !important; | ||
4772 | + max-height: none !important; | ||
4773 | + min-height: 0 !important; | ||
4774 | + padding: 0 0 0 8px !important; | ||
4775 | + margin: 0 0 !important; | ||
4776 | + line-height: 27px !important; | ||
4777 | + text-indent: 0 !important; | ||
4778 | + background: none !important; | ||
4779 | + border: 0 none !important; | ||
4780 | + -webkit-box-shadow: none !important; | ||
4781 | + box-shadow: none !important; | ||
4782 | + -webkit-user-select: auto !important; | ||
4783 | + outline: none; | ||
4784 | + -webkit-appearance: none; | ||
4785 | + -moz-appearance: none; | ||
4786 | +} | ||
4787 | + | ||
4788 | +.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { | ||
4789 | + cursor: pointer; | ||
4790 | +} | ||
4791 | +.selectize-input::before { | ||
4792 | + display: block; | ||
4793 | + content: ''; | ||
4794 | +} | ||
4795 | +.selectize-control.single .selectize-input:before { | ||
4796 | + position: absolute; | ||
4797 | + top: 0; | ||
4798 | + right: 0; | ||
4799 | + display: block; | ||
4800 | + width: 25px; | ||
4801 | + height: 28px; | ||
4802 | + margin-top: 0; | ||
4803 | + content: ''; | ||
4804 | + background: url("/images/sets-ico/select-arrow.jpg") no-repeat; | ||
4805 | +} | ||
4806 | + | ||
4807 | +.selectize-dropdown { | ||
4808 | + position: absolute; | ||
4809 | + z-index: 10; | ||
4810 | + margin: -1px 0 0 0; | ||
4811 | + background: #ffffff; | ||
4812 | + border: 1px solid #d0d0d0; | ||
4813 | + border-top: 0 none; | ||
4814 | + -webkit-border-radius: 0 0 3px 3px; | ||
4815 | + -moz-border-radius: 0 0 3px 3px; | ||
4816 | + border-radius: 0 0 3px 3px; | ||
4817 | + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | ||
4818 | + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | ||
4819 | + -webkit-box-sizing: border-box; | ||
4820 | + -moz-box-sizing: border-box; | ||
4821 | + box-sizing: border-box; | ||
4822 | +} | ||
4823 | + | ||
4824 | +.selectize-control.single .selectize-input, .selectize-dropdown.single { | ||
4825 | + border-color: #dcdcdc; | ||
4826 | +} | ||
4827 | + | ||
4828 | +.selectize-dropdown-content { | ||
4829 | + max-height: 203px; | ||
4830 | + overflow-x: hidden; | ||
4831 | + overflow-y: auto; | ||
4832 | +} | ||
4833 | +.selectize-dropdown-content div:hover{background: #009bff; color: #fff} | ||
4834 | +.selectize-dropdown [data-selectable] { | ||
4835 | + overflow: hidden; | ||
4836 | + cursor: pointer; | ||
4837 | +} | ||
4838 | +.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { | ||
4839 | + padding: 5px 8px; | ||
4840 | +} | ||
4841 | +.selectize-dropdown [data-selectable] .highlight { | ||
4842 | + background: #0072bc; | ||
4843 | + background: rgba(0, 114, 168, 0.9); | ||
4844 | + color: #fff; | ||
4845 | + -webkit-border-radius: 1px; | ||
4846 | + -moz-border-radius: 1px; | ||
4847 | + border-radius: 1px; | ||
4848 | +} | ||
4849 | +.control-group {position: relative} | ||
4850 | +#btnClear { | ||
4851 | + width: 300px; | ||
4852 | + height: 29px; | ||
4853 | + background: none; | ||
4854 | + position: absolute; | ||
4855 | + top: 23px; | ||
4856 | + left: 0; | ||
4857 | + opacity: 0; | ||
4858 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
4859 | + z-index: 2; | ||
4860 | + display: none; | ||
4861 | + cursor: pointer; | ||
4862 | +} | ||
4863 | +.selectize-input .item { | ||
4864 | + width: 298px; | ||
4865 | + height: 27px; | ||
4866 | + line-height: 27px; | ||
4867 | + box-sizing: border-box; | ||
4868 | + padding-left: 8px; | ||
4869 | +} | ||
4870 | +.help-block { | ||
4871 | + width: 330px; | ||
4872 | + margin-left: -20px; | ||
4873 | + text-align: center; | ||
4874 | + position: relative; | ||
4875 | + border: 1px solid #c1c1c1; | ||
4876 | + margin-top: 25px; | ||
4877 | + box-shadow: 3px 3px 7px 0 rgba(200, 200, 200, .5), inset 0 -3px 0 0 #c1c1c1; | ||
4878 | + padding: 15px 0; | ||
4879 | + display: none; | ||
4880 | +} | ||
4881 | +.has-error .help-block {display: block} | ||
4882 | +.help-block:before { | ||
4883 | + content: ''; | ||
4884 | + width: 20px; | ||
4885 | + height: 20px; | ||
4886 | + background: #fff; | ||
4887 | + border: 1px solid #c1c1c1; | ||
4888 | + transform: rotate(45deg); | ||
4889 | + position: absolute; | ||
4890 | + top: -12px; | ||
4891 | + left: 50%; | ||
4892 | + margin-left: -10px; | ||
4893 | +} | ||
4894 | + | ||
4895 | +.help-block:after { | ||
4896 | + content: ''; | ||
4897 | + width: 20px; | ||
4898 | + height: 20px; | ||
4899 | + transform: rotate(45deg); | ||
4900 | + position: absolute; | ||
4901 | + top: -10px; | ||
4902 | + left: 50%; | ||
4903 | + margin-left: -10px; | ||
4904 | + background: #fff; | ||
4905 | + border: 1px solid #fff; | ||
4906 | +} | ||
4907 | + | ||
4908 | +.input-blocks .required:before { | ||
4909 | + display: block; | ||
4910 | + content: "*"; | ||
4911 | + color: #D40000; | ||
4912 | + position: absolute; | ||
4913 | + top: 32px; | ||
4914 | + left: -15px; | ||
4915 | + width: 15px; | ||
4916 | +} | ||
4917 | + | ||
4918 | +.input-blocks .has-success:before { | ||
4919 | + display: block; | ||
4920 | + content: "*"; | ||
4921 | + color: #D40000; | ||
4922 | + position: absolute; | ||
4923 | + top: 32px; | ||
4924 | + left: -15px; | ||
4925 | + width: 15px; | ||
4926 | +} | ||
4927 | + | ||
4928 | +.form-group.required:after { | ||
4929 | + display: none !important; | ||
4930 | +} | ||
4931 | +.has-success {} | ||
4932 | +.input-blocks .has-error label {color: #D40000; !important;} | ||
4933 | +.input-blocks .has-error input{ | ||
4934 | + box-shadow: 1px 2px 2px 0px rgba(212, 0, 0, 0.2) inset; | ||
4935 | +} | ||
4936 | +.header-cabinet-wr.not-register { | ||
4937 | + padding-top: 58px; | ||
4938 | +} | ||
4939 | +/**search-header**/ | ||
4940 | +.search-list { | ||
4941 | + position: absolute; | ||
4942 | + top: 0; | ||
4943 | + left: 0; | ||
4944 | + height: 29px; | ||
4945 | +} | ||
4946 | +.search-list span { | ||
4947 | + display: block; | ||
4948 | + height: 19px; | ||
4949 | + line-height: 19px; | ||
4950 | + font-size: 13px; | ||
4951 | + color: #b7b7b7; | ||
4952 | + padding-left: 10px; | ||
4953 | + border-right: 1px solid #b7b7b7; | ||
4954 | + margin-top: 7px; | ||
4955 | + cursor: pointer; | ||
4956 | + padding-right: 28px; | ||
4957 | +} | ||
4958 | +.search-list:before { | ||
4959 | + position: absolute; | ||
4960 | + right: 9px; | ||
4961 | + top: 50%; | ||
4962 | + margin-top: -3px; | ||
4963 | + width: 9px; | ||
4964 | + height: 6px; | ||
4965 | + background: url("/images/arrow-search.png"); | ||
4966 | + content: ''; | ||
4967 | +} | ||
4968 | +.search-list ul { | ||
4969 | + position: absolute; | ||
4970 | + z-index: 2; | ||
4971 | + left: 0; | ||
4972 | + top: 35px; | ||
4973 | + border-left: 1px solid #b7b7b7; | ||
4974 | + border-right: 1px solid #b7b7b7; | ||
4975 | + border-bottom: 1px solid #b7b7b7; | ||
4976 | +} | ||
4977 | +.search-list li { | ||
4978 | + list-style: none; | ||
4979 | + padding: 0 20px 0 10px; | ||
4980 | + border-top: 1px solid #b7b7b7; | ||
4981 | + height: 20px; | ||
4982 | + line-height: 20px; | ||
4983 | + background: #fff; | ||
4984 | + font-size: 13px; | ||
4985 | + color: #b7b7b7; | ||
4986 | + cursor: pointer; | ||
4987 | +} | ||
4988 | +.search-list li:hover { | ||
4989 | + transition: 0.2s; | ||
4990 | + background: #62b8ef; | ||
4991 | + color: #fff; | ||
4992 | +} | ||
4508 | \ No newline at end of file | 4993 | \ No newline at end of file |
2.83 KB
8.75 KB
2.93 KB
2.76 KB
2.95 KB
3.04 KB
1.39 KB