Skip to content

T
taskonsite-архив-перенесен
Commit bc1295c7 authored by Олег Гиммельшпах's avatar Олег Гиммельшпах
Browse files
Options

update template

parent 2c2d7846
Hide whitespace changes
Inline Side-by-side
Showing with 2928 additions and 239 deletions
frontend/web/css/screen.css
View file @ bc1295c7
......@@ -119,6 +119,8 @@ body {
strong {
font-family: "RobotoBold";
color: #494949;
line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
......@@ -563,7 +565,7 @@ a.toggle_bottom:hover, a.toggle_bottom:active, a.toggle_bottom:focus {
transition: all 0.3s linear 0.1s;
}
a.toggle_bottom:hover .icon-arrowDown2:after {
a.toggle_bottom:hover .icon-arrowDown2:after, a.rosneft_btn:hover .icon-arrowDown2:after, a.gem_mail_top-btn:hover .icon-arrowDown2:after, a.appl_btn:hover .icon-arrowDown2:after {
background: url(../images/icon/arrow_down_black.png) no-repeat;
}
......@@ -3944,13 +3946,6 @@ footer {
text-align: center;
margin-bottom: 34px;
}
.popup_text {
font-size: 13px;
color: #698387;
line-height: 24px;
display: block;
margin-bottom: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.popup {
width: 300px;
......@@ -3974,7 +3969,7 @@ footer {
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
margin-bottom: 10px;
margin-bottom: 34px;
color: #698387;
font-size: 16px;
padding: 0px 18px;
......@@ -8778,7 +8773,7 @@ a.kurs_bt:active {
}
}
.sh_reg_form .input_st, .reg_form_popup .input_st {
.sh_reg_form .input_st {
width: 264px;
height: 50px;
background: #F5F5F5;
......@@ -8793,27 +8788,27 @@ a.kurs_bt:active {
font-size: 16px;
padding: 0px 18px;
}
.sh_reg_form .input_st::-webkit-input-placeholder, .reg_form_popup .input_st::-webkit-input-placeholder{
.sh_reg_form .input_st::-webkit-input-placeholder {
color: #698387;
font-size: 16px;
opacity: 1;
}
.sh_reg_form .input_st:-moz-placeholder, .reg_form_popup .input_st:-moz-placeholder {
.sh_reg_form .input_st:-moz-placeholder {
color: #698387;
font-size: 16px;
opacity: 1;
}
.sh_reg_form .input_st::-moz-placeholder, .reg_form_popup .input_st::-moz-placeholder {
.sh_reg_form .input_st::-moz-placeholder {
color: #698387;
font-size: 16px;
opacity: 1;
}
.sh_reg_form .input_st:-ms-input-placeholder, .reg_form_popup .input_st:-ms-input-placeholder {
.sh_reg_form .input_st:-ms-input-placeholder {
color: #698387;
font-size: 16px;
opacity: 1;
}
.sh_reg_form .field-input.input-error, .reg_form_popup .field-input.input-error {
.sh_reg_form .field-input.input-error {
background: #fff url(../images/icon-fail.png) no-repeat 96% center;
border: 1px solid #E9A2A2;
}
......@@ -8834,8 +8829,7 @@ a.kurs_bt:active {
color: #908505;
border: none;
border-bottom: 4px solid #D2BF00;
padding-top: 20px;
/* margin: 0 auto;*/
margin: 0 auto;
}
.sh_bt_send:hover, .sh_bt_send:focus {
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
......@@ -8884,13 +8878,13 @@ a.kurs_bt:active {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.sh_reg_form, .reg_form_popup {
.sh_reg_form {
width: 264px;
margin: 0 auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.sh_reg_form, .reg_form_popup {
.sh_reg_form {
width: 264px;
margin: 0 auto;
}
......@@ -9586,7 +9580,7 @@ thead tr th {
}
.les_list_top {
/*background: url(../images/les_top_bg.jpg) no-repeat center center;*/
background: url(../images/les_top_bg.jpg) no-repeat center center;
width: 100%;
height: 377px;
background-size: cover;
......@@ -11461,26 +11455,1648 @@ h6 {
margin-top: 30px;
}
}
.empty-text{
margin-bottom: 30px;
.first_neft {
width: 100%;
min-height: 552px;
background: url(../images/first_neft_bg.jpg) no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
padding-top: 57px;
}
.row li{
list-style: none;
.first_neft_title {
font-size: 36px;
color: #fff;
line-height: 50px;
font-family: "RobotoBold";
}
.teltext-block{
/*margin-top: -40px;*/
margin-bottom: 15px;
color: #698387;
font-size: 14px;
@media only screen and (min-width: 480px) and (max-width: 767px) {
.first_neft_title {
font-size: 30px;
}
}
a.submit_form_reg, a.submit_form_reg_popup{
text-decoration: none;
@media only screen and (min-width: 320px) and (max-width: 479px) {
.first_neft_title {
font-size: 31px;
line-height: 40px;
}
}
.errors-reg, .errors-reg_popup, .errors_login, .errors_login_popup{
color: #ff5b57;
margin-bottom: 10px;
.neft_zak {
font-size: 16px;
font-family: "RobotoBold";
display: block;
margin-top: 8px;
margin-bottom: 11px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.neft_zak {
display: inline-block;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.neft_zak {
display: inline-block;
}
}
.neft_zak_logo {
width: 122px;
height: 33px;
display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.neft_zak_logo {
display: inline-block;
position: relative;
left: 10px;
top: 8px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.neft_zak_logo {
display: inline-block;
position: relative;
left: 10px;
top: 8px;
}
}
.rosneft_par {
background: url(../images/rosneft_par.png) no-repeat center center;
width: 509px;
height: 346px;
top: 49px;
left: 2px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.rosneft_par {
top: 50px;
left: -149px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.rosneft_par {
position: static;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.rosneft_par {
width: 270px;
height: 182px;
top: 40px !important;
left: 0 !important;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
position: relative;
}
}
a.rosneft_btn {
display: block;
font-size: 20px;
color: #fff;
width: 201px;
height: 47px;
border: 2px solid #fff;
text-align: center;
line-height: 40px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
position: relative;
top: 270px;
left: 0px;
float: left;
-moz-transition: all 0.3s linear 0.1s;
-o-transition: all 0.3s linear 0.1s;
-webkit-transition: all 0.3s linear 0.1s;
-ms-transition: all 0.3s linear 0.1s;
transition: all 0.3s linear 0.1s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
a.rosneft_btn {
position: static;
top: 0;
left: 0;
float: none;
margin: 20px auto 40px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
a.rosneft_btn {
position: static;
top: 0;
left: 0;
float: none;
margin: 20px 0 40px;
}
}
a.rosneft_btn:hover, a.rosneft_btn:active, a.rosneft_btn:focus {
color: #000;
text-decoration: none;
background: #fff;
}
.how_rosneft {
background: #FFC100;
width: 100%;
min-height: 297px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.how_rosneft {
padding-bottom: 30px;
}
}
.how_rosneft_title {
font-size: 30px;
color: #fff;
font-family: "RobotoBold";
background: #262E38;
display: inline-block;
margin-top: 45px;
padding: 11px 20px 16px 14px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.how_rosneft_title {
font-size: 21px;
}
}
.how_rosneft_list {
margin-top: 48px;
}
.how_rosneft_list li {
background: url(../images/how_rosneft_list.png) no-repeat left center;
padding-left: 27px;
margin-bottom: 14px;
font-size: 21px;
color: #2d323a;
font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.how_rosneft_list li {
font-size: 18px;
}
}
.dev_concep {
background: #fff;
width: 100%;
min-height: 242px;
padding-top: 50px;
}
.dev_concep_p {
font-size: 17px;
color: #2d323a;
line-height: 26px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.dev_concep_p {
font-size: 16px;
}
}
.dev_concep_title {
font-size: 30px;
color: #2d323a;
background: #FFC100;
font-family: "RobotoBold";
display: inline-block;
position: relative;
top: 73px;
left: 0px;
padding: 10px 13px 17px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.dev_concep_title {
font-size: 23px;
top: 17px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.dev_concep_title {
font-size: 21px;
top: 25px;
}
}
.shem_dev_neft {
background: #F1F1F1;
width: 100%;
min-height: 504px;
color: #2d323a;
}
.shem_dev_neft_p {
font-size: 17px;
margin-top: 60px;
padding-left: 13px;
}
.ros_inf_block {
margin-top: 64px;
position: relative;
}
.arrow_neft1 {
background: url(../images/arrow_neft.png) no-repeat center center;
width: 79px;
height: 19px;
position: absolute;
left: 160px;
top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.arrow_neft1 {
left: 300px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.arrow_neft1 {
display: none;
}
}
.arrow_neft2 {
background: url(../images/arrow_neft.png) no-repeat center center;
width: 79px;
height: 19px;
position: absolute;
left: 415px;
top: 45px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.arrow_neft2 {
display: none;
}
}
.arrow_neft3 {
background: url(../images/arrow_neft.png) no-repeat center center;
width: 79px;
height: 19px;
position: absolute;
left: 652px;
top: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.arrow_neft3 {
left: 300px;
top: 280px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.arrow_neft3 {
display: none;
}
}
.ros_inf1 {
background: url(../images/ros_inf1.png) no-repeat center center;
width: 89px;
height: 120px;
position: relative;
left: 0;
right: 0;
margin: 0px auto 4px;
}
.ros_inf1-arrow_yel {
background: url(../images/ros_inf1-arrow_yel.png) no-repeat center center;
width: 7px;
height: 7px;
position: absolute;
top: 32px;
left: 25px;
animation: bounce 2s infinite ease;
}
@keyframes bounce {
0% {
left: 25px;
}
50% {
left: 57px;
}
100% {
left: 25px;
}
}
.ros_inf1-arrow_yel2 {
background: url(../images/ros_inf1-arrow_yel.png) no-repeat center center;
width: 7px;
height: 7px;
position: absolute;
top: 55px;
left: 25px;
animation: bounce2 2s infinite ease;
animation-delay: 0.1s;
}
@keyframes bounce2 {
0% {
left: 25px;
}
50% {
left: 57px;
}
100% {
left: 25px;
}
}
.ros_inf1-arrow_bl {
background: url(../images/ros_inf1-arrow_bl.png) no-repeat center center;
width: 7px;
height: 7px;
position: absolute;
top: 77px;
left: 25px;
animation: bounce3 2s infinite ease;
animation-delay: 0.2s;
}
@keyframes bounce3 {
0% {
left: 25px;
}
50% {
left: 57px;
}
100% {
left: 25px;
}
}
.ros_inf_num {
width: 23px;
height: 23px;
background: #FFD600;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
display: inline-block;
font-size: 15px;
color: #3c4755;
text-align: center;
line-height: 21px;
margin-top: 10px;
margin-bottom: 5px;
}
.ros_inf_txt {
font-size: 14px;
line-height: 20px;
color: #353535;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.ros_inf_txt {
margin-bottom: 30px;
}
}
.ros_inf2 {
background: url(../images/ros_inf2.png) no-repeat center center;
width: 92px;
height: 84px;
position: relative;
left: 0px;
right: 0px;
margin: 32px auto 8px;
}
.ros_inf2-lin1 {
width: 71px;
height: 41px;
background: url(../images/ros_inf2-lin1.png) no-repeat center center;
position: absolute;
top: -29px;
left: 21px;
opacity: 1;
filter: alpha(opacity=100);
animation: lin1 1.8s infinite ease;
animation-delay: 0.2s;
}
@keyframes lin1 {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
.ros_inf2-lin2 {
width: 42px;
height: 26px;
background: url(../images/ros_inf2-lin2.png) no-repeat center center;
position: absolute;
top: -14px;
left: 36px;
opacity: 1;
filter: alpha(opacity=100);
animation: lin2 1.8s infinite ease;
}
@keyframes lin2 {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
.ros_inf3 {
background: url(../images/ros_inf3.png) no-repeat center center;
width: 103px;
height: 116px;
position: relative;
left: 0px;
right: 0px;
margin: 8px auto 0px;
}
.ros_inf3_dop {
position: absolute;
bottom: 21px;
left: 42px;
background: url(../images/ros_inf3_dop.png) no-repeat center center;
width: 22px;
height: 17px;
opacity: 1;
filter: alpha(opacity=100);
animation: ros_inf3_dop 1.5s infinite linear;
}
@keyframes ros_inf3_dop {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
.ros_inf4 {
background: url(../images/ros_inf4.png) no-repeat center center;
width: 183px;
height: 115px;
position: relative;
left: 0px;
right: 0px;
margin: 1px auto 8px;
}
.ros_inf4-ligh1 {
width: 57px;
height: 71px;
background: url(../images/ros_inf4-ligh1.png) no-repeat center center;
position: absolute;
top: 52px;
left: 97px;
opacity: 1;
filter: alpha(opacity=100);
animation: ligh1 1.2s infinite ease;
}
@keyframes ligh1 {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
.ros_inf4-ligh2 {
width: 57px;
height: 71px;
background: url(../images/ros_inf4-ligh2.png) no-repeat center center;
position: absolute;
top: 39px;
left: 72px;
opacity: 1;
filter: alpha(opacity=100);
animation: ligh2 1.2s infinite ease;
}
@keyframes ligh2 {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
.prototype_neft {
width: 100%;
min-height: 100px;
background: #fff url(../images/prototype_bg.png) no-repeat bottom center;
color: #2d323a;
padding-top: 66px;
}
.prototype_neft_title {
font-size: 30px;
color: #2d323a;
background: #FFC100;
font-family: "RobotoBold";
display: inline-block;
padding: 10px 13px 17px;
margin-bottom: 25px;
}
.prototype_neft p {
font-size: 17px;
line-height: 26px;
}
p.prototype_txt_big {
font-size: 20px;
line-height: 26px;
margin-bottom: 27px;
}
.prot_neft1 {
width: 334px;
margin: 26px auto 20px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.prot_neft1 {
width: 100%;
}
}
.prot_neft1 img {
max-width: 100%;
height: auto;
}
.prot_neft2 {
width: 428px;
margin: 35px auto 12px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.prot_neft2 {
width: 100%;
}
}
.prot_neft2 img {
max-width: 100%;
height: auto;
}
.otd_des {
font-size: 17px;
color: #2d323a;
border-bottom: 1px solid #ABB7B1;
display: block;
padding-bottom: 11px;
}
.otd_des_prot {
width: 727px;
height: 416px;
margin: 29px auto 0px;
position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.otd_des_prot {
width: 100%;
height: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.otd_des_prot {
width: 100%;
height: 100%;
}
.otd_des_prot img {
max-width: 100%;
height: auto;
}
}
.otd_line1 {
font-size: 16px;
color: #647e8e;
position: absolute;
top: 49px;
left: -56px;
}
.otd_line1:after {
content: "";
background: url(../images/otd_line1.png) no-repeat;
width: 245px;
height: 12px;
display: block;
position: relative;
top: 3px;
left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.otd_line1 {
display: none;
}
}
.otd_line2 {
font-size: 16px;
color: #647e8e;
position: absolute;
top: 228px;
left: -62px;
}
.otd_line2:after {
content: "";
background: url(../images/otd_line2.png) no-repeat;
width: 276px;
height: 160px;
display: block;
position: relative;
top: -140px;
left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.otd_line2 {
display: none;
}
}
.otd_line3 {
font-size: 16px;
color: #647e8e;
position: absolute;
top: 4px;
right: -120px;
}
.otd_line3:after {
content: "";
background: url(../images/otd_line3.png) no-repeat;
width: 213px;
height: 12px;
display: block;
position: relative;
top: 3px;
left: -85px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.otd_line3 {
display: none;
}
}
.otd_line4 {
font-size: 16px;
color: #647e8e;
position: absolute;
top: 160px;
right: -195px;
}
.otd_line4:after {
content: "";
background: url(../images/otd_line4.png) no-repeat;
width: 282px;
height: 12px;
display: block;
position: relative;
top: 3px;
left: -160px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.otd_line4 {
display: none;
}
}
.prog_app {
background: #fff;
width: 100%;
min-height: 100px;
padding-top: 71px;
padding-bottom: 20px;
}
.prog_app_title {
font-size: 30px;
color: #2d323a;
background: #FFC100;
font-family: "RobotoBold";
display: inline-block;
padding: 10px 13px 17px;
margin-bottom: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.prog_app_title {
font-size: 25px;
}
}
.prog_app p {
font-size: 17px;
line-height: 26px;
color: #2d323a;
}
.prog_img1 {
width: 513px;
margin: 29px auto 0px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.prog_img1 {
width: 100%;
}
}
.prog_img1 img {
max-width: 100%;
height: auto;
}
.prog_img2 {
width: 524px;
margin: 29px auto 0px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.prog_img2 {
width: 100%;
}
}
.prog_img2 img {
max-width: 100%;
height: auto;
}
.prog_app_er {
width: 100%;
min-height: 355px;
background: #33363A;
position: relative;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.prog_app_er {
padding-bottom: 30px;
}
}
.prog_app_er p {
font-size: 17px;
line-height: 26px;
color: #fff;
display: block;
margin-top: 86px;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.prog_app_er p {
margin-top: 30px;
}
}
.prog_app_er_img1 {
position: relative;
top: -28px;
max-width: 100%;
}
.prog_app_er_img1 img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.prog_app_er_img1 {
top: 0;
}
}
.app_er_2 {
background: url(../images/app_er_2.png) no-repeat center center;
width: 407px;
height: 58px;
position: absolute;
top: 197px;
left: 80px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.app_er_2 {
top: 130px;
left: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.app_er_2 {
display: none;
}
}
.app_er_1 {
background: url(../images/app_er_1.png) no-repeat center center;
width: 469px;
height: 123px;
position: absolute;
top: 129px;
left: -63px;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.app_er_1 {
left: -19px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.app_er_1 {
left: 0;
top: 60px;
width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.app_er_1 {
display: none;
}
}
.sborka_shkafov {
background: #fff;
padding-top: 83px;
}
.sborka_shkafov_title {
font-size: 30px;
color: #2d323a;
background: #FFC100;
font-family: "RobotoBold";
display: inline-block;
padding: 10px 13px 17px;
margin-bottom: 25px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.sborka_shkafov_title {
font-size: 28px;
}
}
.sborka_shkafov p {
font-size: 17px;
line-height: 26px;
color: #2d323a;
}
p.sborka_shkafov_bigp {
font-size: 20px;
margin: 20px 0px;
}
.sborka_img1 {
max-width: 100%;
margin-top: 32px;
}
.sborka_img1 img {
max-width: 100%;
height: auto;
}
.sborka_img2 {
max-width: 100%;
margin-top: 32px;
margin-bottom: 42px;
}
.sborka_img2 img {
max-width: 100%;
height: auto;
}
.sborka_video {
margin-top: 33px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.sborka_video img {
max-width: 100%;
height: auto;
}
}
.work_vzryvo {
font-size: 30px;
color: #2d323a;
background: #FFC100;
font-family: "RobotoBold";
display: inline-block;
padding: 10px 13px 17px;
margin-bottom: 25px;
margin-top: 59px;
}
.book_work {
margin-top: 51px;
}
.short_keys_sect {
width: 100%;
min-height: 100px;
background: #fff;
color: #2d323a;
padding-bottom: 82px;
}
.short_keys_title {
font-size: 30px;
font-family: "RobotoBold";
display: block;
margin-left: 28px;
line-height: 35px;
margin-bottom: 29px;
}
.short_keys_block {
position: relative;
width: 455px;
height: 338px;
margin-bottom: 31px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #4B9C56;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.short_keys_block {
width: 100%;
}
}
.short_keys_block .short_keys_foot {
width: 100%;
height: 80px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(36, 51, 64, 0.56);
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.short_keys_block .short_keys_foot a.short_keys_tags {
display: inline-block;
float: right;
line-height: 80px;
font-family: "RobotoBold";
font-size: 14px;
color: #fff;
margin-right: 30px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.short_keys_block .short_keys_foot a.short_keys_tags:hover {
text-decoration: none;
}
.short_keys_block .short_keys_btn_more {
display: inline-block;
color: #fff;
font-size: 16px;
border: 2px solid #fff;
margin-top: 23px;
margin-left: 23px;
height: 34px;
width: 133px;
text-align: center;
line-height: 27px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.short_keys_block .short_keys_btn_more:hover, .short_keys_block .short_keys_btn_more:focus {
text-decoration: none;
}
.short_keys_block .short_keys_btn_more:active {
text-decoration: none;
}
.short_keys_block .short_keys_btn_more span:after {
content: "";
background: url(../images/icon/keys_small_btn_more.png) no-repeat;
width: 8px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.short_keys_block a.short_keys_title_link {
position: absolute;
top: 24px;
left: 20px;
right: 46px;
font-size: 24px;
line-height: 33px;
font-family: "RobotoBold";
color: #fff;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.short_keys_block a.short_keys_title_link {
font-size: 20px;
line-height: 26px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.short_keys_block a.short_keys_title_link {
font-size: 20px;
line-height: 26px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.short_keys_block a.short_keys_title_link {
font-size: 15px;
line-height: 20px;
}
}
.short_keys_block:hover {
box-shadow: 0px 0px 18px rgba(0, 1, 3, 0.26);
}
.short_keys_block:hover .short_keys_foot {
background: #FBFBFB;
}
.short_keys_block:hover .short_keys_foot .short_keys_tags {
color: #2d3642;
}
.short_keys_block:hover .short_keys_btn_more {
color: #4b78bb;
border: 2px solid #4b78bb;
}
.short_keys_block:hover .short_keys_btn_more span:after {
background: url(../images/icon/keys_small_btn_more-hover.png) no-repeat;
}
.subsc_block {
background: #F1F1F1;
height: 338px;
padding: 31px 20px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.subsc_block {
height: auto;
}
}
.subsc_block_title {
color: #2d323a;
font-size: 30px;
font-family: "RobotoBold";
}
.subsc_block_txt {
font-size: 17px;
color: #2d323a;
line-height: 26px;
margin: 39px 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.subsc_block_txt {
margin: 10px 0 15px;
}
}
.subsc_form input[type="email"] {
display: block;
width: 273px;
height: 49px;
background: #FDFDFD;
border: 1px solid #E9E9E9;
padding: 0 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
font-size: 16px;
color: #83999e;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.subsc_form input[type="email"] {
width: 100%;
}
}
.subsc_form input[type="email"]::-webkit-input-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_form input[type="email"]:-moz-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_form input[type="email"]::-moz-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_form input[type="email"]:-ms-input-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_form .field-input.input-error {
background: #fff url(../images/icon-fail.png) no-repeat 96% center;
border: 1px solid #E9A2A2;
}
.subsc_form button {
width: 178px;
height: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
text-align: center;
color: #655d04;
font-family: "RobotoBold";
font-size: 20px;
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-bottom: 4px solid #D2BF00;
line-height: 43px;
display: inline-block;
margin: 20px 0px 0px;
}
.subsc_form button:hover, .subsc_form button:focus {
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border-bottom: 4px solid #D2BF00;
text-decoration: none;
}
.subsc_form button:active {
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-top: 4px solid #D2BF00;
text-decoration: none;
}
.end_keys_neft {
height: 75px;
}
.gen_mail_top {
width: 100%;
min-height: 900px;
background: url(../images/gen_mail_topbg.jpg) no-repeat bottom center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
position: relative;
padding-top: 67px;
}
.gen_mail_top-title {
font-family: "RobotoBold";
font-size: 36px;
line-height: 50px;
letter-spacing: 0.8px;
}
.gen_mail_top-zadacha_title {
font-size: 16px;
font-family: "RobotoBold";
display: block;
margin-top: 17px;
}
.gen_mail_top-zadacha_txt {
font-size: 16px;
width: 540px;
margin-top: 15px;
line-height: 21px;
}
a.gen_mail_top-btn {
display: block;
font-size: 20px;
color: #fff;
width: 201px;
height: 47px;
border: 2px solid #fff;
text-align: center;
line-height: 40px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
margin-top: 66px;
float: left;
-moz-transition: all 0.3s linear 0.1s;
-o-transition: all 0.3s linear 0.1s;
-webkit-transition: all 0.3s linear 0.1s;
-ms-transition: all 0.3s linear 0.1s;
transition: all 0.3s linear 0.1s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
a.gen_mail_top-btn {
position: static;
top: 0;
left: 0;
float: none;
margin: 20px auto 40px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
a.gen_mail_top-btn {
position: static;
top: 0;
left: 0;
float: none;
margin: 20px 0 40px;
}
}
a.gen_mail_top-btn:hover, a.gen_mail_top-btn:active, a.gen_mail_top-btn:focus {
color: #000;
text-decoration: none;
background: #fff;
}
.gen_mail-title_list {
font-size: 30px;
color: #fff;
background: #64649B;
padding: 10px 15px;
display: inline-block;
margin-top: 206px;
}
.keys_appl_top {
width: 100%;
height: 444px;
background: #60AD26 url(../images/keys_appl_bg.png) no-repeat bottom center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
padding-top: 53px;
position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_appl_top {
height: 574px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_appl_top {
height: 535px;
}
}
.keys_appl_top h1 {
font-size: 36px;
line-height: 50px;
letter-spacing: 0.72px;
font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.keys_appl_top h1 {
font-size: 28px;
line-height: 45px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_appl_top h1 {
font-size: 25px;
line-height: 30px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_appl_top h1 {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
}
}
.appl_p1 {
background: url(../images/parallax/appl_p1.png) no-repeat center center;
width: 357px;
height: 321px;
position: absolute;
top: 90px;
left: 0;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
.appl_p1 {
display: none;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
.appl_p1 {
top: 60px;
left: -85px;
}
}
.appl_p2 {
background: url(../images/parallax/appl_p2.png) no-repeat center center;
width: 270px;
height: 295px;
position: absolute;
top: 333px;
left: 225px;
z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
.appl_p2 {
display: none;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
.appl_p2 {
left: 60px;
}
}
.appl_p3 {
background: url(../images/parallax/appl_p3.png) no-repeat center center;
width: 386px;
height: 448px;
position: absolute;
top: 109px;
right: 76px;
z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
.appl_p3 {
display: none;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
.appl_p3 {
right: 0;
top: 50px;
}
}
.appl_p4 {
background: url(../images/parallax/appl_p4.png) no-repeat center center;
width: 268px;
height: 279px;
position: absolute;
top: 352px;
right: 442px;
z-index: 4;
}
@media only screen and (min-width: 320px) and (max-width: 1300px) {
.appl_p4 {
display: none;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
.appl_p4 {
top: 390px;
right: 150px;
}
}
.appl_zak {
font-size: 16px;
font-family: "RobotoBold";
display: block;
margin-top: 18px;
margin-bottom: 33px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.appl_zak {
display: inline-block;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.appl_zak {
display: inline-block;
}
}
.appl_zak_logo {
width: 140px;
height: 41px;
display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.appl_zak_logo {
display: inline-block;
position: relative;
left: 10px;
top: 15px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.appl_zak_logo {
display: inline-block;
position: relative;
left: 10px;
top: 15px;
}
}
a.appl_btn {
display: block;
font-size: 20px;
color: #fff;
width: 201px;
height: 47px;
border: 2px solid #fff;
text-align: center;
line-height: 40px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
position: relative;
top: 157px;
left: 0px;
float: left;
-moz-transition: all 0.3s linear 0.1s;
-o-transition: all 0.3s linear 0.1s;
-webkit-transition: all 0.3s linear 0.1s;
-ms-transition: all 0.3s linear 0.1s;
transition: all 0.3s linear 0.1s;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
a.appl_btn {
position: static;
top: 0;
left: 0;
float: none;
margin: 20px auto 40px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
a.appl_btn {
position: static;
top: 0;
left: 0;
float: none;
margin: 20px 0 40px;
}
}
a.appl_btn:hover, a.appl_btn:active, a.appl_btn:focus {
color: #000;
text-decoration: none;
background: #fff;
}
.appl_par {
background: url(../images/appl_par.png) no-repeat center center;
max-width: 539px;
height: 389px;
top: 21px;
left: 10px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.appl_par {
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
height: 242px;
top: 42px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.appl_par {
position: static;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
height: 303px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.appl_par {
width: 270px;
height: 195px;
top: 10px !important;
left: 0 !important;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
position: relative;
}
}
.keys_appl_bt {
background: url(../images/keys_appl_bt.png) no-repeat bottom center;
width: 100%;
min-height: 62px;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
position: relative;
z-index: 2;
top: -62px;
}
.appl_how_works {
width: 100%;
background: #60AD26;
min-height: 100px;
position: relative;
top: -62px;
padding-top: 45px;
padding-bottom: 41px;
}
.appl_how_works h2 {
font-size: 30px;
color: #fff;
background: #262E38;
display: inline-block;
padding: 10px 15px 17px 23px;
font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.appl_how_works h2 {
font-size: 20px;
}
}
.appl_list {
margin-top: 23px;
}
.appl_list li {
background: url(../images/appl_list.png) no-repeat center left;
padding-left: 27px;
font-size: 21px;
margin-bottom: 14px;
font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.appl_list li {
font-size: 19px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.appl_list li {
font-size: 16px;
}
}
.appl_content {
background: #fff;
color: #2d323a;
margin-top: -62px;
padding-top: 70px;
padding-bottom: 48px;
}
.appl_content p {
margin-bottom: 15px;
font-size: 17px;
line-height: 26px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.appl_content p {
font-size: 14px;
}
}
.sh_kurs .alert {
margin-top: 10px;
margin-bottom: 10px;
}
\ No newline at end of file
frontend/web/js/common.js
View file @ bc1295c7
......@@ -347,36 +347,41 @@ $(document).ready(function() {
}
});
});
// $(function () {
// window.validation.init({
// container: '.valid_form',
// });
// });
// $(function () {
// window.validation.init({
// container: '.footer_form',
// });
// });
// $(function () {
// window.validation.init({
// container: '.sect_cont_form',
// });
// });
// $(function () {
// window.validation.init({
// container: '.validreg_form',
// });
// });
// $(function () {
// window.validation.init({
// container: '.sh_reg_form',
// });
// });
// $(function () {
// window.validation.init({
// container: '.keys_mail_form',
// });
// });
$(function () {
window.validation.init({
container: '.valid_form',
});
});
$(function () {
window.validation.init({
container: '.footer_form',
});
});
$(function () {
window.validation.init({
container: '.subsc_form',
});
});
$(function () {
window.validation.init({
container: '.sect_cont_form',
});
});
$(function () {
window.validation.init({
container: '.validreg_form',
});
});
$(function () {
window.validation.init({
container: '.sh_reg_form',
});
});
$(function () {
window.validation.init({
container: '.keys_mail_form',
});
});
$(".toggle-mnu").click(function () {
$(".menu").toggleClass("menu_active");
});
......@@ -422,6 +427,22 @@ $(window).scroll(function() {
"transform" : "translate(0%, -" + st /13 + "%"
});
});
$(window).scroll(function() {
var st = $(this).scrollTop();
$(".appl_p1").css({
"transform" : "translate(0%, -" + st /6 + "%"
});
$(".appl_p2").css({
"transform" : "translate(0%, -" + st /3 + "%"
});
$(".appl_p3").css({
"transform" : "translate(0%, -" + st /8 + "%"
});
$(".appl_p4").css({
"transform" : "translate(0%, -" + st /3 + "%"
});
});
jQuery(function($){
$(document).mouseup(function (e){
var div = $(".d_menu_hide");
......@@ -564,177 +585,20 @@ $(function() {
});
});
$(function() {
$('.ball-link_testing').hover(function() {
if($('.ball_hover').is(':visible')) {
$('.ball_hover').removeClass('show_ball_hover');
}
else {
$('.ball_hover').addClass('show_ball_hover');
}
});
$('.ball-link_testing').hover(function() {
if($('.ball_hover').is(':visible')) {
$('.ball_hover').removeClass('show_ball_hover');
}
else {
$('.ball_hover').addClass('show_ball_hover');
}
});
});
jQuery(document).ready(function(){
$(".box_off").on('click', function () {
$(this).parent().toggleClass("box_off_hide");
});
});
// prepare the form when the DOM is ready
$(document).ready(function() {
var options = {
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
// other available options:
url: '/users/user/registration', // override for form's 'action' attribute
dataType: 'json' // 'xml', 'script', or 'json' (expected server response type)
};
var optionsPopup = {
beforeSubmit: showRequest, // pre-submit callback
success: showResponsePopup, // post-submit callback
// other available options:
url: '/users/user/registration', // override for form's 'action' attribute
dataType: 'json' // 'xml', 'script', or 'json' (expected server response type)
};
var optionsLogin = {
beforeSubmit: showRequest, // pre-submit callback
success: showResponseLogin, // post-submit callback
// other available options:
url: '/site/login', // override for form's 'action' attribute
dataType: 'json' // 'xml', 'script', or 'json' (expected server response type)
};
var optionsLoginPopup = {
beforeSubmit: showRequest, // pre-submit callback
success: showResponseLoginPopup, // post-submit callback
// other available options:
url: '/site/login', // override for form's 'action' attribute
dataType: 'json' // 'xml', 'script', or 'json' (expected server response type)
};
// bind to the form's submit event
$('#login_form_popup').submit(function() {
$('.errors_login_popup').append('');
$(this).ajaxSubmit(optionsLoginPopup);
return false;
});
// bind to the form's submit event
$('#login_form').submit(function() {
$('.errors_login').append('');
$(this).ajaxSubmit(optionsLogin);
return false;
});
// bind to the form's submit event
$('#sh_reg_form').submit(function() {
$('.errors-reg').append('');
$(this).ajaxSubmit(options);
return false;
});
// bind to the form's submit event
$('#reg_form_popup').submit(function() {
$('.errors-reg_popup').append('');
$(this).ajaxSubmit(optionsPopup);
return false;
});
$(".submit_form_reg").on('click', function () {
$('#sh_reg_form').ajaxSubmit(options);
return false;
});
$(".submit_form_reg_popup").on('click', function () {
$('#reg_form_popup').ajaxSubmit(optionsPopup);
return false;
});
$(".submit_form_login_popup").on('click', function () {
$('#login_form_popup').ajaxSubmit(optionsLoginPopup);
return false;
});
$(".submit_form_login").on('click', function () {
$('#login_form').ajaxSubmit(optionsLogin);
return false;
});
$(".login_form_link").on('click', function () {
$('#login_form').show();
$('#sh_reg_form').hide();
});
$(".login_form_popup_link").on('click', function () {
$('#login_form_popup').show();
$('#reg_form_popup').hide();
});
$(".reg_popup_link").on('click', function () {
$('#reg_form_popup').show();
$('#login_form_popup').hide();
});
$(".reg_form_link").on('click', function () {
$('#sh_reg_form').show();
$('#login_form').hide();
});
});
// pre-submit callback
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
return true;
}
// post-submit callback
function showResponse(responseText, statusText, xhr, $form) {
if (responseText.errors){
$.each(responseText.errors, function(key,value) {
$('.errors-reg').append(value+'<br>');
$('#sh_reg_form .field-user-'+key).addClass('has-error');
});
}
else{
$('#sh_reg_form').html('<div class="alert alert-block alert-success">Регистрация успешно завершена. Вам отправлено письмо для активации аккаунта.</div>');
}
}
// post-submit callback
function showResponsePopup(responseText, statusText, xhr, $form) {
if (responseText.errors){
$.each(responseText.errors, function(key,value) {
$('.errors-reg_popup').append(value+'<br>');
$('#reg_form_popup .field-user-'+key).addClass('has-error');
});
}
else{
$('#sh_reg_form').html('<div class="alert alert-block alert-success">Регистрация успешно завершена. Вам отправлено письмо для активации аккаунта.</div>');
$('#reg_form_popup').html('<div class="alert alert-block alert-success">Регистрация успешно завершена. Вам отправлено письмо для активации аккаунта.</div>');
}
}
// post-submit callback
function showResponseLogin(responseText, statusText, xhr, $form) {
if (responseText.errors){
$.each(responseText.errors, function(key,value) {
$('.errors_login').append(value+'<br>');
$('#login_form .field-loginform-'+key).addClass('has-error');
});
}
}
// post-submit callback
function showResponseLoginPopup(responseText, statusText, xhr, $form) {
if (responseText.errors){
$.each(responseText.errors, function(key,value) {
$('.errors_login_popup').append(value+'<br>');
$('#login_form_popup .field-loginform-'+key).addClass('has-error');
});
}
}
\ No newline at end of file
$(this).parent().toggleClass("box_off_hide");
});
});
\ No newline at end of file
frontend/web/js/jquery.validate.min.js 0 → 100644
View file @ bc1295c7
/*! jQuery Validation Plugin - v1.14.0 - 6/30/2015
* http://jqueryvalidation.org/
* Copyright (c) 2015 Jörn Zaefferer; Licensed MIT */
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){a.extend(a.fn,{validate:function(b){if(!this.length)return void(b&&b.debug&&window.console&&console.warn("Nothing selected, can't validate, returning nothing."));var c=a.data(this[0],"validator");return c?c:(this.attr("novalidate","novalidate"),c=new a.validator(b,this[0]),a.data(this[0],"validator",c),c.settings.onsubmit&&(this.on("click.validate",":submit",function(b){c.settings.submitHandler&&(c.submitButton=b.target),a(this).hasClass("cancel")&&(c.cancelSubmit=!0),void 0!==a(this).attr("formnovalidate")&&(c.cancelSubmit=!0)}),this.on("submit.validate",function(b){function d(){var d,e;return c.settings.submitHandler?(c.submitButton&&(d=a("<input type='hidden'/>").attr("name",c.submitButton.name).val(a(c.submitButton).val()).appendTo(c.currentForm)),e=c.settings.submitHandler.call(c,c.currentForm,b),c.submitButton&&d.remove(),void 0!==e?e:!1):!0}return c.settings.debug&&b.preventDefault(),c.cancelSubmit?(c.cancelSubmit=!1,d()):c.form()?c.pendingRequest?(c.formSubmitted=!0,!1):d():(c.focusInvalid(),!1)})),c)},valid:function(){var b,c,d;return a(this[0]).is("form")?b=this.validate().form():(d=[],b=!0,c=a(this[0].form).validate(),this.each(function(){b=c.element(this)&&b,d=d.concat(c.errorList)}),c.errorList=d),b},rules:function(b,c){var d,e,f,g,h,i,j=this[0];if(b)switch(d=a.data(j.form,"validator").settings,e=d.rules,f=a.validator.staticRules(j),b){case"add":a.extend(f,a.validator.normalizeRule(c)),delete f.messages,e[j.name]=f,c.messages&&(d.messages[j.name]=a.extend(d.messages[j.name],c.messages));break;case"remove":return c?(i={},a.each(c.split(/\s/),function(b,c){i[c]=f[c],delete f[c],"required"===c&&a(j).removeAttr("aria-required")}),i):(delete e[j.name],f)}return g=a.validator.normalizeRules(a.extend({},a.validator.classRules(j),a.validator.attributeRules(j),a.validator.dataRules(j),a.validator.staticRules(j)),j),g.required&&(h=g.required,delete g.required,g=a.extend({required:h},g),a(j).attr("aria-required","true")),g.remote&&(h=g.remote,delete g.remote,g=a.extend(g,{remote:h})),g}}),a.extend(a.expr[":"],{blank:function(b){return!a.trim(""+a(b).val())},filled:function(b){return!!a.trim(""+a(b).val())},unchecked:function(b){return!a(b).prop("checked")}}),a.validator=function(b,c){this.settings=a.extend(!0,{},a.validator.defaults,b),this.currentForm=c,this.init()},a.validator.format=function(b,c){return 1===arguments.length?function(){var c=a.makeArray(arguments);return c.unshift(b),a.validator.format.apply(this,c)}:(arguments.length>2&&c.constructor!==Array&&(c=a.makeArray(arguments).slice(1)),c.constructor!==Array&&(c=[c]),a.each(c,function(a,c){b=b.replace(new RegExp("\\{"+a+"\\}","g"),function(){return c})}),b)},a.extend(a.validator,{defaults:{messages:{},groups:{},rules:{},errorClass:"error",validClass:"valid",errorElement:"label",focusCleanup:!1,focusInvalid:!0,errorContainer:a([]),errorLabelContainer:a([]),onsubmit:!0,ignore:":hidden",ignoreTitle:!1,onfocusin:function(a){this.lastActive=a,this.settings.focusCleanup&&(this.settings.unhighlight&&this.settings.unhighlight.call(this,a,this.settings.errorClass,this.settings.validClass),this.hideThese(this.errorsFor(a)))},onfocusout:function(a){this.checkable(a)||!(a.name in this.submitted)&&this.optional(a)||this.element(a)},onkeyup:function(b,c){var d=[16,17,18,20,35,36,37,38,39,40,45,144,225];9===c.which&&""===this.elementValue(b)||-1!==a.inArray(c.keyCode,d)||(b.name in this.submitted||b===this.lastElement)&&this.element(b)},onclick:function(a){a.name in this.submitted?this.element(a):a.parentNode.name in this.submitted&&this.element(a.parentNode)},highlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).addClass(c).removeClass(d):a(b).addClass(c).removeClass(d)},unhighlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).removeClass(c).addClass(d):a(b).removeClass(c).addClass(d)}},setDefaults:function(b){a.extend(a.validator.defaults,b)},messages:{required:"This field is required.",remote:"Please fix this field.",email:"Please enter a valid email address.",url:"Please enter a valid URL.",date:"Please enter a valid date.",dateISO:"Please enter a valid date ( ISO ).",number:"Please enter a valid number.",digits:"Please enter only digits.",creditcard:"Please enter a valid credit card number.",equalTo:"Please enter the same value again.",maxlength:a.validator.format("Please enter no more than {0} characters."),minlength:a.validator.format("Please enter at least {0} characters."),rangelength:a.validator.format("Please enter a value between {0} and {1} characters long."),range:a.validator.format("Please enter a value between {0} and {1}."),max:a.validator.format("Please enter a value less than or equal to {0}."),min:a.validator.format("Please enter a value greater than or equal to {0}.")},autoCreateRanges:!1,prototype:{init:function(){function b(b){var c=a.data(this.form,"validator"),d="on"+b.type.replace(/^validate/,""),e=c.settings;e[d]&&!a(this).is(e.ignore)&&e[d].call(c,this,b)}this.labelContainer=a(this.settings.errorLabelContainer),this.errorContext=this.labelContainer.length&&this.labelContainer||a(this.currentForm),this.containers=a(this.settings.errorContainer).add(this.settings.errorLabelContainer),this.submitted={},this.valueCache={},this.pendingRequest=0,this.pending={},this.invalid={},this.reset();var c,d=this.groups={};a.each(this.settings.groups,function(b,c){"string"==typeof c&&(c=c.split(/\s/)),a.each(c,function(a,c){d[c]=b})}),c=this.settings.rules,a.each(c,function(b,d){c[b]=a.validator.normalizeRule(d)}),a(this.currentForm).on("focusin.validate focusout.validate keyup.validate",":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'], [type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], [type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'], [type='radio'], [type='checkbox']",b).on("click.validate","select, option, [type='radio'], [type='checkbox']",b),this.settings.invalidHandler&&a(this.currentForm).on("invalid-form.validate",this.settings.invalidHandler),a(this.currentForm).find("[required], [data-rule-required], .required").attr("aria-required","true")},form:function(){return this.checkForm(),a.extend(this.submitted,this.errorMap),this.invalid=a.extend({},this.errorMap),this.valid()||a(this.currentForm).triggerHandler("invalid-form",[this]),this.showErrors(),this.valid()},checkForm:function(){this.prepareForm();for(var a=0,b=this.currentElements=this.elements();b[a];a++)this.check(b[a]);return this.valid()},element:function(b){var c=this.clean(b),d=this.validationTargetFor(c),e=!0;return this.lastElement=d,void 0===d?delete this.invalid[c.name]:(this.prepareElement(d),this.currentElements=a(d),e=this.check(d)!==!1,e?delete this.invalid[d.name]:this.invalid[d.name]=!0),a(b).attr("aria-invalid",!e),this.numberOfInvalids()||(this.toHide=this.toHide.add(this.containers)),this.showErrors(),e},showErrors:function(b){if(b){a.extend(this.errorMap,b),this.errorList=[];for(var c in b)this.errorList.push({message:b[c],element:this.findByName(c)[0]});this.successList=a.grep(this.successList,function(a){return!(a.name in b)})}this.settings.showErrors?this.settings.showErrors.call(this,this.errorMap,this.errorList):this.defaultShowErrors()},resetForm:function(){a.fn.resetForm&&a(this.currentForm).resetForm(),this.submitted={},this.lastElement=null,this.prepareForm(),this.hideErrors();var b,c=this.elements().removeData("previousValue").removeAttr("aria-invalid");if(this.settings.unhighlight)for(b=0;c[b];b++)this.settings.unhighlight.call(this,c[b],this.settings.errorClass,"");else c.removeClass(this.settings.errorClass)},numberOfInvalids:function(){return this.objectLength(this.invalid)},objectLength:function(a){var b,c=0;for(b in a)c++;return c},hideErrors:function(){this.hideThese(this.toHide)},hideThese:function(a){a.not(this.containers).text(""),this.addWrapper(a).hide()},valid:function(){return 0===this.size()},size:function(){return this.errorList.length},focusInvalid:function(){if(this.settings.focusInvalid)try{a(this.findLastActive()||this.errorList.length&&this.errorList[0].element||[]).filter(":visible").focus().trigger("focusin")}catch(b){}},findLastActive:function(){var b=this.lastActive;return b&&1===a.grep(this.errorList,function(a){return a.element.name===b.name}).length&&b},elements:function(){var b=this,c={};return a(this.currentForm).find("input, select, textarea").not(":submit, :reset, :image, :disabled").not(this.settings.ignore).filter(function(){return!this.name&&b.settings.debug&&window.console&&console.error("%o has no name assigned",this),this.name in c||!b.objectLength(a(this).rules())?!1:(c[this.name]=!0,!0)})},clean:function(b){return a(b)[0]},errors:function(){var b=this.settings.errorClass.split(" ").join(".");return a(this.settings.errorElement+"."+b,this.errorContext)},reset:function(){this.successList=[],this.errorList=[],this.errorMap={},this.toShow=a([]),this.toHide=a([]),this.currentElements=a([])},prepareForm:function(){this.reset(),this.toHide=this.errors().add(this.containers)},prepareElement:function(a){this.reset(),this.toHide=this.errorsFor(a)},elementValue:function(b){var c,d=a(b),e=b.type;return"radio"===e||"checkbox"===e?this.findByName(b.name).filter(":checked").val():"number"===e&&"undefined"!=typeof b.validity?b.validity.badInput?!1:d.val():(c=d.val(),"string"==typeof c?c.replace(/\r/g,""):c)},check:function(b){b=this.validationTargetFor(this.clean(b));var c,d,e,f=a(b).rules(),g=a.map(f,function(a,b){return b}).length,h=!1,i=this.elementValue(b);for(d in f){e={method:d,parameters:f[d]};try{if(c=a.validator.methods[d].call(this,i,b,e.parameters),"dependency-mismatch"===c&&1===g){h=!0;continue}if(h=!1,"pending"===c)return void(this.toHide=this.toHide.not(this.errorsFor(b)));if(!c)return this.formatAndAdd(b,e),!1}catch(j){throw this.settings.debug&&window.console&&console.log("Exception occurred when checking element "+b.id+", check the '"+e.method+"' method.",j),j instanceof TypeError&&(j.message+=". Exception occurred when checking element "+b.id+", check the '"+e.method+"' method."),j}}if(!h)return this.objectLength(f)&&this.successList.push(b),!0},customDataMessage:function(b,c){return a(b).data("msg"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase())||a(b).data("msg")},customMessage:function(a,b){var c=this.settings.messages[a];return c&&(c.constructor===String?c:c[b])},findDefined:function(){for(var a=0;a<arguments.length;a++)if(void 0!==arguments[a])return arguments[a];return void 0},defaultMessage:function(b,c){return this.findDefined(this.customMessage(b.name,c),this.customDataMessage(b,c),!this.settings.ignoreTitle&&b.title||void 0,a.validator.messages[c],"<strong>Warning: No message defined for "+b.name+"</strong>")},formatAndAdd:function(b,c){var d=this.defaultMessage(b,c.method),e=/\$?\{(\d+)\}/g;"function"==typeof d?d=d.call(this,c.parameters,b):e.test(d)&&(d=a.validator.format(d.replace(e,"{$1}"),c.parameters)),this.errorList.push({message:d,element:b,method:c.method}),this.errorMap[b.name]=d,this.submitted[b.name]=d},addWrapper:function(a){return this.settings.wrapper&&(a=a.add(a.parent(this.settings.wrapper))),a},defaultShowErrors:function(){var a,b,c;for(a=0;this.errorList[a];a++)c=this.errorList[a],this.settings.highlight&&this.settings.highlight.call(this,c.element,this.settings.errorClass,this.settings.validClass),this.showLabel(c.element,c.message);if(this.errorList.length&&(this.toShow=this.toShow.add(this.containers)),this.settings.success)for(a=0;this.successList[a];a++)this.showLabel(this.successList[a]);if(this.settings.unhighlight)for(a=0,b=this.validElements();b[a];a++)this.settings.unhighlight.call(this,b[a],this.settings.errorClass,this.settings.validClass);this.toHide=this.toHide.not(this.toShow),this.hideErrors(),this.addWrapper(this.toShow).show()},validElements:function(){return this.currentElements.not(this.invalidElements())},invalidElements:function(){return a(this.errorList).map(function(){return this.element})},showLabel:function(b,c){var d,e,f,g=this.errorsFor(b),h=this.idOrName(b),i=a(b).attr("aria-describedby");g.length?(g.removeClass(this.settings.validClass).addClass(this.settings.errorClass),g.html(c)):(g=a("<"+this.settings.errorElement+">").attr("id",h+"-error").addClass(this.settings.errorClass).html(c||""),d=g,this.settings.wrapper&&(d=g.hide().show().wrap("<"+this.settings.wrapper+"/>").parent()),this.labelContainer.length?this.labelContainer.append(d):this.settings.errorPlacement?this.settings.errorPlacement(d,a(b)):d.insertAfter(b),g.is("label")?g.attr("for",h):0===g.parents("label[for='"+h+"']").length&&(f=g.attr("id").replace(/(:|\.|\[|\]|\$)/g,"\\$1"),i?i.match(new RegExp("\\b"+f+"\\b"))||(i+=" "+f):i=f,a(b).attr("aria-describedby",i),e=this.groups[b.name],e&&a.each(this.groups,function(b,c){c===e&&a("[name='"+b+"']",this.currentForm).attr("aria-describedby",g.attr("id"))}))),!c&&this.settings.success&&(g.text(""),"string"==typeof this.settings.success?g.addClass(this.settings.success):this.settings.success(g,b)),this.toShow=this.toShow.add(g)},errorsFor:function(b){var c=this.idOrName(b),d=a(b).attr("aria-describedby"),e="label[for='"+c+"'], label[for='"+c+"'] *";return d&&(e=e+", #"+d.replace(/\s+/g,", #")),this.errors().filter(e)},idOrName:function(a){return this.groups[a.name]||(this.checkable(a)?a.name:a.id||a.name)},validationTargetFor:function(b){return this.checkable(b)&&(b=this.findByName(b.name)),a(b).not(this.settings.ignore)[0]},checkable:function(a){return/radio|checkbox/i.test(a.type)},findByName:function(b){return a(this.currentForm).find("[name='"+b+"']")},getLength:function(b,c){switch(c.nodeName.toLowerCase()){case"select":return a("option:selected",c).length;case"input":if(this.checkable(c))return this.findByName(c.name).filter(":checked").length}return b.length},depend:function(a,b){return this.dependTypes[typeof a]?this.dependTypes[typeof a](a,b):!0},dependTypes:{"boolean":function(a){return a},string:function(b,c){return!!a(b,c.form).length},"function":function(a,b){return a(b)}},optional:function(b){var c=this.elementValue(b);return!a.validator.methods.required.call(this,c,b)&&"dependency-mismatch"},startRequest:function(a){this.pending[a.name]||(this.pendingRequest++,this.pending[a.name]=!0)},stopRequest:function(b,c){this.pendingRequest--,this.pendingRequest<0&&(this.pendingRequest=0),delete this.pending[b.name],c&&0===this.pendingRequest&&this.formSubmitted&&this.form()?(a(this.currentForm).submit(),this.formSubmitted=!1):!c&&0===this.pendingRequest&&this.formSubmitted&&(a(this.currentForm).triggerHandler("invalid-form",[this]),this.formSubmitted=!1)},previousValue:function(b){return a.data(b,"previousValue")||a.data(b,"previousValue",{old:null,valid:!0,message:this.defaultMessage(b,"remote")})},destroy:function(){this.resetForm(),a(this.currentForm).off(".validate").removeData("validator")}},classRuleSettings:{required:{required:!0},email:{email:!0},url:{url:!0},date:{date:!0},dateISO:{dateISO:!0},number:{number:!0},digits:{digits:!0},creditcard:{creditcard:!0}},addClassRules:function(b,c){b.constructor===String?this.classRuleSettings[b]=c:a.extend(this.classRuleSettings,b)},classRules:function(b){var c={},d=a(b).attr("class");return d&&a.each(d.split(" "),function(){this in a.validator.classRuleSettings&&a.extend(c,a.validator.classRuleSettings[this])}),c},normalizeAttributeRule:function(a,b,c,d){/min|max/.test(c)&&(null===b||/number|range|text/.test(b))&&(d=Number(d),isNaN(d)&&(d=void 0)),d||0===d?a[c]=d:b===c&&"range"!==b&&(a[c]=!0)},attributeRules:function(b){var c,d,e={},f=a(b),g=b.getAttribute("type");for(c in a.validator.methods)"required"===c?(d=b.getAttribute(c),""===d&&(d=!0),d=!!d):d=f.attr(c),this.normalizeAttributeRule(e,g,c,d);return e.maxlength&&/-1|2147483647|524288/.test(e.maxlength)&&delete e.maxlength,e},dataRules:function(b){var c,d,e={},f=a(b),g=b.getAttribute("type");for(c in a.validator.methods)d=f.data("rule"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase()),this.normalizeAttributeRule(e,g,c,d);return e},staticRules:function(b){var c={},d=a.data(b.form,"validator");return d.settings.rules&&(c=a.validator.normalizeRule(d.settings.rules[b.name])||{}),c},normalizeRules:function(b,c){return a.each(b,function(d,e){if(e===!1)return void delete b[d];if(e.param||e.depends){var f=!0;switch(typeof e.depends){case"string":f=!!a(e.depends,c.form).length;break;case"function":f=e.depends.call(c,c)}f?b[d]=void 0!==e.param?e.param:!0:delete b[d]}}),a.each(b,function(d,e){b[d]=a.isFunction(e)?e(c):e}),a.each(["minlength","maxlength"],function(){b[this]&&(b[this]=Number(b[this]))}),a.each(["rangelength","range"],function(){var c;b[this]&&(a.isArray(b[this])?b[this]=[Number(b[this][0]),Number(b[this][1])]:"string"==typeof b[this]&&(c=b[this].replace(/[\[\]]/g,"").split(/[\s,]+/),b[this]=[Number(c[0]),Number(c[1])]))}),a.validator.autoCreateRanges&&(null!=b.min&&null!=b.max&&(b.range=[b.min,b.max],delete b.min,delete b.max),null!=b.minlength&&null!=b.maxlength&&(b.rangelength=[b.minlength,b.maxlength],delete b.minlength,delete b.maxlength)),b},normalizeRule:function(b){if("string"==typeof b){var c={};a.each(b.split(/\s/),function(){c[this]=!0}),b=c}return b},addMethod:function(b,c,d){a.validator.methods[b]=c,a.validator.messages[b]=void 0!==d?d:a.validator.messages[b],c.length<3&&a.validator.addClassRules(b,a.validator.normalizeRule(b))},methods:{required:function(b,c,d){if(!this.depend(d,c))return"dependency-mismatch";if("select"===c.nodeName.toLowerCase()){var e=a(c).val();return e&&e.length>0}return this.checkable(c)?this.getLength(b,c)>0:b.length>0},email:function(a,b){return this.optional(b)||/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(a)},url:function(a,b){return this.optional(b)||/^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i.test(a)},date:function(a,b){return this.optional(b)||!/Invalid|NaN/.test(new Date(a).toString())},dateISO:function(a,b){return this.optional(b)||/^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(a)},number:function(a,b){return this.optional(b)||/^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(a)},digits:function(a,b){return this.optional(b)||/^\d+$/.test(a)},creditcard:function(a,b){if(this.optional(b))return"dependency-mismatch";if(/[^0-9 \-]+/.test(a))return!1;var c,d,e=0,f=0,g=!1;if(a=a.replace(/\D/g,""),a.length<13||a.length>19)return!1;for(c=a.length-1;c>=0;c--)d=a.charAt(c),f=parseInt(d,10),g&&(f*=2)>9&&(f-=9),e+=f,g=!g;return e%10===0},minlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(b,c);return this.optional(c)||e>=d},maxlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(b,c);return this.optional(c)||d>=e},rangelength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(b,c);return this.optional(c)||e>=d[0]&&e<=d[1]},min:function(a,b,c){return this.optional(b)||a>=c},max:function(a,b,c){return this.optional(b)||c>=a},range:function(a,b,c){return this.optional(b)||a>=c[0]&&a<=c[1]},equalTo:function(b,c,d){var e=a(d);return this.settings.onfocusout&&e.off(".validate-equalTo").on("blur.validate-equalTo",function(){a(c).valid()}),b===e.val()},remote:function(b,c,d){if(this.optional(c))return"dependency-mismatch";var e,f,g=this.previousValue(c);return this.settings.messages[c.name]||(this.settings.messages[c.name]={}),g.originalMessage=this.settings.messages[c.name].remote,this.settings.messages[c.name].remote=g.message,d="string"==typeof d&&{url:d}||d,g.old===b?g.valid:(g.old=b,e=this,this.startRequest(c),f={},f[c.name]=b,a.ajax(a.extend(!0,{mode:"abort",port:"validate"+c.name,dataType:"json",data:f,context:e.currentForm,success:function(d){var f,h,i,j=d===!0||"true"===d;e.settings.messages[c.name].remote=g.originalMessage,j?(i=e.formSubmitted,e.prepareElement(c),e.formSubmitted=i,e.successList.push(c),delete e.invalid[c.name],e.showErrors()):(f={},h=d||e.defaultMessage(c,"remote"),f[c.name]=g.message=a.isFunction(h)?h(b):h,e.invalid[c.name]=!0,e.showErrors(f)),g.valid=j,e.stopRequest(c,j)}},d)),"pending")}}});var b,c={};a.ajaxPrefilter?a.ajaxPrefilter(function(a,b,d){var e=a.port;"abort"===a.mode&&(c[e]&&c[e].abort(),c[e]=d)}):(b=a.ajax,a.ajax=function(d){var e=("mode"in d?d:a.ajaxSettings).mode,f=("port"in d?d:a.ajaxSettings).port;return"abort"===e?(c[f]&&c[f].abort(),c[f]=b.apply(this,arguments),c[f]):b.apply(this,arguments)})});
\ No newline at end of file
frontend/web/js/libs/jscrollpane/jquery.jscrollpane.css 0 → 100644
View file @ bc1295c7
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 100%;
background:#E7E9E8;
border-radius:3px;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #E7E9E8;
position: relative;
border-radius:3px;
}
.jspDrag
{
background: #262E38;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
\ No newline at end of file
frontend/web/js/libs/jscrollpane/jquery.jscrollpane.min.js 0 → 100644
View file @ bc1295c7
/*
* jScrollPane - v2.0.0beta11 - 2011-06-11
* http://jscrollpane.kelvinluck.com/
*
* Copyright (c) 2010 Kelvin Luck
* Dual licensed under the MIT and GPL licenses.
*/
(function(b,a,c){b.fn.jScrollPane=function(e){function d(D,O){var az,Q=this,Y,ak,v,am,T,Z,y,q,aA,aF,av,i,I,h,j,aa,U,aq,X,t,A,ar,af,an,G,l,au,ay,x,aw,aI,f,L,aj=true,P=true,aH=false,k=false,ap=D.clone(false,false).empty(),ac=b.fn.mwheelIntent?"mwheelIntent.jsp":"mousewheel.jsp";aI=D.css("paddingTop")+" "+D.css("paddingRight")+" "+D.css("paddingBottom")+" "+D.css("paddingLeft");f=(parseInt(D.css("paddingLeft"),10)||0)+(parseInt(D.css("paddingRight"),10)||0);function at(aR){var aM,aO,aN,aK,aJ,aQ,aP=false,aL=false;az=aR;if(Y===c){aJ=D.scrollTop();aQ=D.scrollLeft();D.css({overflow:"hidden",padding:0});ak=D.innerWidth()+f;v=D.innerHeight();D.width(ak);Y=b('<div class="jspPane" />').css("padding",aI).append(D.children());am=b('<div class="jspContainer" />').css({width:ak+"px",height:v+"px"}).append(Y).appendTo(D)}else{D.css("width","");aP=az.stickToBottom&&K();aL=az.stickToRight&&B();aK=D.innerWidth()+f!=ak||D.outerHeight()!=v;if(aK){ak=D.innerWidth()+f;v=D.innerHeight();am.css({width:ak+"px",height:v+"px"})}if(!aK&&L==T&&Y.outerHeight()==Z){D.width(ak);return}L=T;Y.css("width","");D.width(ak);am.find(">.jspVerticalBar,>.jspHorizontalBar").remove().end()}Y.css("overflow","auto");if(aR.contentWidth){T=aR.contentWidth}else{T=Y[0].scrollWidth}Z=Y[0].scrollHeight;Y.css("overflow","");y=T/ak;q=Z/v;aA=q>1;aF=y>1;if(!(aF||aA)){D.removeClass("jspScrollable");Y.css({top:0,width:am.width()-f});n();E();R();w();ai()}else{D.addClass("jspScrollable");aM=az.maintainPosition&&(I||aa);if(aM){aO=aD();aN=aB()}aG();z();F();if(aM){N(aL?(T-ak):aO,false);M(aP?(Z-v):aN,false)}J();ag();ao();if(az.enableKeyboardNavigation){S()}if(az.clickOnTrack){p()}C();if(az.hijackInternalLinks){m()}}if(az.autoReinitialise&&!aw){aw=setInterval(function(){at(az)},az.autoReinitialiseDelay)}else{if(!az.autoReinitialise&&aw){clearInterval(aw)}}aJ&&D.scrollTop(0)&&M(aJ,false);aQ&&D.scrollLeft(0)&&N(aQ,false);D.trigger("jsp-initialised",[aF||aA])}function aG(){if(aA){am.append(b('<div class="jspVerticalBar" />').append(b('<div class="jspCap jspCapTop" />'),b('<div class="jspTrack" />').append(b('<div class="jspDrag" />').append(b('<div class="jspDragTop" />'),b('<div class="jspDragBottom" />'))),b('<div class="jspCap jspCapBottom" />')));U=am.find(">.jspVerticalBar");aq=U.find(">.jspTrack");av=aq.find(">.jspDrag");if(az.showArrows){ar=b('<a class="jspArrow jspArrowUp" />').bind("mousedown.jsp",aE(0,-1)).bind("click.jsp",aC);af=b('<a class="jspArrow jspArrowDown" />').bind("mousedown.jsp",aE(0,1)).bind("click.jsp",aC);if(az.arrowScrollOnHover){ar.bind("mouseover.jsp",aE(0,-1,ar));af.bind("mouseover.jsp",aE(0,1,af))}al(aq,az.verticalArrowPositions,ar,af)}t=v;am.find(">.jspVerticalBar>.jspCap:visible,>.jspVerticalBar>.jspArrow").each(function(){t-=b(this).outerHeight()});av.hover(function(){av.addClass("jspHover")},function(){av.removeClass("jspHover")}).bind("mousedown.jsp",function(aJ){b("html").bind("dragstart.jsp selectstart.jsp",aC);av.addClass("jspActive");var s=aJ.pageY-av.position().top;b("html").bind("mousemove.jsp",function(aK){V(aK.pageY-s,false)}).bind("mouseup.jsp mouseleave.jsp",ax);return false});o()}}function o(){aq.height(t+"px");I=0;X=az.verticalGutter+aq.outerWidth();Y.width(ak-X-f);try{if(U.position().left===0){Y.css("margin-left",X+"px")}}catch(s){}}function z(){if(aF){am.append(b('<div class="jspHorizontalBar" />').append(b('<div class="jspCap jspCapLeft" />'),b('<div class="jspTrack" />').append(b('<div class="jspDrag" />').append(b('<div class="jspDragLeft" />'),b('<div class="jspDragRight" />'))),b('<div class="jspCap jspCapRight" />')));an=am.find(">.jspHorizontalBar");G=an.find(">.jspTrack");h=G.find(">.jspDrag");if(az.showArrows){ay=b('<a class="jspArrow jspArrowLeft" />').bind("mousedown.jsp",aE(-1,0)).bind("click.jsp",aC);x=b('<a class="jspArrow jspArrowRight" />').bind("mousedown.jsp",aE(1,0)).bind("click.jsp",aC);
if(az.arrowScrollOnHover){ay.bind("mouseover.jsp",aE(-1,0,ay));x.bind("mouseover.jsp",aE(1,0,x))}al(G,az.horizontalArrowPositions,ay,x)}h.hover(function(){h.addClass("jspHover")},function(){h.removeClass("jspHover")}).bind("mousedown.jsp",function(aJ){b("html").bind("dragstart.jsp selectstart.jsp",aC);h.addClass("jspActive");var s=aJ.pageX-h.position().left;b("html").bind("mousemove.jsp",function(aK){W(aK.pageX-s,false)}).bind("mouseup.jsp mouseleave.jsp",ax);return false});l=am.innerWidth();ah()}}function ah(){am.find(">.jspHorizontalBar>.jspCap:visible,>.jspHorizontalBar>.jspArrow").each(function(){l-=b(this).outerWidth()});G.width(l+"px");aa=0}function F(){if(aF&&aA){var aJ=G.outerHeight(),s=aq.outerWidth();t-=aJ;b(an).find(">.jspCap:visible,>.jspArrow").each(function(){l+=b(this).outerWidth()});l-=s;v-=s;ak-=aJ;G.parent().append(b('<div class="jspCorner" />').css("width",aJ+"px"));o();ah()}if(aF){Y.width((am.outerWidth()-f)+"px")}Z=Y.outerHeight();q=Z/v;if(aF){au=Math.ceil(1/y*l);if(au>az.horizontalDragMaxWidth){au=az.horizontalDragMaxWidth}else{if(au<az.horizontalDragMinWidth){au=az.horizontalDragMinWidth}}h.width(au+"px");j=l-au;ae(aa)}if(aA){A=Math.ceil(1/q*t);if(A>az.verticalDragMaxHeight){A=az.verticalDragMaxHeight}else{if(A<az.verticalDragMinHeight){A=az.verticalDragMinHeight}}av.height(A+"px");i=t-A;ad(I)}}function al(aK,aM,aJ,s){var aO="before",aL="after",aN;if(aM=="os"){aM=/Mac/.test(navigator.platform)?"after":"split"}if(aM==aO){aL=aM}else{if(aM==aL){aO=aM;aN=aJ;aJ=s;s=aN}}aK[aO](aJ)[aL](s)}function aE(aJ,s,aK){return function(){H(aJ,s,this,aK);this.blur();return false}}function H(aM,aL,aP,aO){aP=b(aP).addClass("jspActive");var aN,aK,aJ=true,s=function(){if(aM!==0){Q.scrollByX(aM*az.arrowButtonSpeed)}if(aL!==0){Q.scrollByY(aL*az.arrowButtonSpeed)}aK=setTimeout(s,aJ?az.initialDelay:az.arrowRepeatFreq);aJ=false};s();aN=aO?"mouseout.jsp":"mouseup.jsp";aO=aO||b("html");aO.bind(aN,function(){aP.removeClass("jspActive");aK&&clearTimeout(aK);aK=null;aO.unbind(aN)})}function p(){w();if(aA){aq.bind("mousedown.jsp",function(aO){if(aO.originalTarget===c||aO.originalTarget==aO.currentTarget){var aM=b(this),aP=aM.offset(),aN=aO.pageY-aP.top-I,aK,aJ=true,s=function(){var aS=aM.offset(),aT=aO.pageY-aS.top-A/2,aQ=v*az.scrollPagePercent,aR=i*aQ/(Z-v);if(aN<0){if(I-aR>aT){Q.scrollByY(-aQ)}else{V(aT)}}else{if(aN>0){if(I+aR<aT){Q.scrollByY(aQ)}else{V(aT)}}else{aL();return}}aK=setTimeout(s,aJ?az.initialDelay:az.trackClickRepeatFreq);aJ=false},aL=function(){aK&&clearTimeout(aK);aK=null;b(document).unbind("mouseup.jsp",aL)};s();b(document).bind("mouseup.jsp",aL);return false}})}if(aF){G.bind("mousedown.jsp",function(aO){if(aO.originalTarget===c||aO.originalTarget==aO.currentTarget){var aM=b(this),aP=aM.offset(),aN=aO.pageX-aP.left-aa,aK,aJ=true,s=function(){var aS=aM.offset(),aT=aO.pageX-aS.left-au/2,aQ=ak*az.scrollPagePercent,aR=j*aQ/(T-ak);if(aN<0){if(aa-aR>aT){Q.scrollByX(-aQ)}else{W(aT)}}else{if(aN>0){if(aa+aR<aT){Q.scrollByX(aQ)}else{W(aT)}}else{aL();return}}aK=setTimeout(s,aJ?az.initialDelay:az.trackClickRepeatFreq);aJ=false},aL=function(){aK&&clearTimeout(aK);aK=null;b(document).unbind("mouseup.jsp",aL)};s();b(document).bind("mouseup.jsp",aL);return false}})}}function w(){if(G){G.unbind("mousedown.jsp")}if(aq){aq.unbind("mousedown.jsp")}}function ax(){b("html").unbind("dragstart.jsp selectstart.jsp mousemove.jsp mouseup.jsp mouseleave.jsp");if(av){av.removeClass("jspActive")}if(h){h.removeClass("jspActive")}}function V(s,aJ){if(!aA){return}if(s<0){s=0}else{if(s>i){s=i}}if(aJ===c){aJ=az.animateScroll}if(aJ){Q.animate(av,"top",s,ad)}else{av.css("top",s);ad(s)}}function ad(aJ){if(aJ===c){aJ=av.position().top}am.scrollTop(0);I=aJ;var aM=I===0,aK=I==i,aL=aJ/i,s=-aL*(Z-v);if(aj!=aM||aH!=aK){aj=aM;aH=aK;D.trigger("jsp-arrow-change",[aj,aH,P,k])}u(aM,aK);Y.css("top",s);D.trigger("jsp-scroll-y",[-s,aM,aK]).trigger("scroll")}function W(aJ,s){if(!aF){return}if(aJ<0){aJ=0}else{if(aJ>j){aJ=j}}if(s===c){s=az.animateScroll}if(s){Q.animate(h,"left",aJ,ae)
}else{h.css("left",aJ);ae(aJ)}}function ae(aJ){if(aJ===c){aJ=h.position().left}am.scrollTop(0);aa=aJ;var aM=aa===0,aL=aa==j,aK=aJ/j,s=-aK*(T-ak);if(P!=aM||k!=aL){P=aM;k=aL;D.trigger("jsp-arrow-change",[aj,aH,P,k])}r(aM,aL);Y.css("left",s);D.trigger("jsp-scroll-x",[-s,aM,aL]).trigger("scroll")}function u(aJ,s){if(az.showArrows){ar[aJ?"addClass":"removeClass"]("jspDisabled");af[s?"addClass":"removeClass"]("jspDisabled")}}function r(aJ,s){if(az.showArrows){ay[aJ?"addClass":"removeClass"]("jspDisabled");x[s?"addClass":"removeClass"]("jspDisabled")}}function M(s,aJ){var aK=s/(Z-v);V(aK*i,aJ)}function N(aJ,s){var aK=aJ/(T-ak);W(aK*j,s)}function ab(aW,aR,aK){var aO,aL,aM,s=0,aV=0,aJ,aQ,aP,aT,aS,aU;try{aO=b(aW)}catch(aN){return}aL=aO.outerHeight();aM=aO.outerWidth();am.scrollTop(0);am.scrollLeft(0);while(!aO.is(".jspPane")){s+=aO.position().top;aV+=aO.position().left;aO=aO.offsetParent();if(/^body|html$/i.test(aO[0].nodeName)){return}}aJ=aB();aP=aJ+v;if(s<aJ||aR){aS=s-az.verticalGutter}else{if(s+aL>aP){aS=s-v+aL+az.verticalGutter}}if(aS){M(aS,aK)}aQ=aD();aT=aQ+ak;if(aV<aQ||aR){aU=aV-az.horizontalGutter}else{if(aV+aM>aT){aU=aV-ak+aM+az.horizontalGutter}}if(aU){N(aU,aK)}}function aD(){return -Y.position().left}function aB(){return -Y.position().top}function K(){var s=Z-v;return(s>20)&&(s-aB()<10)}function B(){var s=T-ak;return(s>20)&&(s-aD()<10)}function ag(){am.unbind(ac).bind(ac,function(aM,aN,aL,aJ){var aK=aa,s=I;Q.scrollBy(aL*az.mouseWheelSpeed,-aJ*az.mouseWheelSpeed,false);return aK==aa&&s==I})}function n(){am.unbind(ac)}function aC(){return false}function J(){Y.find(":input,a").unbind("focus.jsp").bind("focus.jsp",function(s){ab(s.target,false)})}function E(){Y.find(":input,a").unbind("focus.jsp")}function S(){var s,aJ,aL=[];aF&&aL.push(an[0]);aA&&aL.push(U[0]);Y.focus(function(){D.focus()});D.attr("tabindex",0).unbind("keydown.jsp keypress.jsp").bind("keydown.jsp",function(aO){if(aO.target!==this&&!(aL.length&&b(aO.target).closest(aL).length)){return}var aN=aa,aM=I;switch(aO.keyCode){case 40:case 38:case 34:case 32:case 33:case 39:case 37:s=aO.keyCode;aK();break;case 35:M(Z-v);s=null;break;case 36:M(0);s=null;break}aJ=aO.keyCode==s&&aN!=aa||aM!=I;return !aJ}).bind("keypress.jsp",function(aM){if(aM.keyCode==s){aK()}return !aJ});if(az.hideFocus){D.css("outline","none");if("hideFocus" in am[0]){D.attr("hideFocus",true)}}else{D.css("outline","");if("hideFocus" in am[0]){D.attr("hideFocus",false)}}function aK(){var aN=aa,aM=I;switch(s){case 40:Q.scrollByY(az.keyboardSpeed,false);break;case 38:Q.scrollByY(-az.keyboardSpeed,false);break;case 34:case 32:Q.scrollByY(v*az.scrollPagePercent,false);break;case 33:Q.scrollByY(-v*az.scrollPagePercent,false);break;case 39:Q.scrollByX(az.keyboardSpeed,false);break;case 37:Q.scrollByX(-az.keyboardSpeed,false);break}aJ=aN!=aa||aM!=I;return aJ}}function R(){D.attr("tabindex","-1").removeAttr("tabindex").unbind("keydown.jsp keypress.jsp")}function C(){if(location.hash&&location.hash.length>1){var aL,aJ,aK=escape(location.hash);try{aL=b(aK)}catch(s){return}if(aL.length&&Y.find(aK)){if(am.scrollTop()===0){aJ=setInterval(function(){if(am.scrollTop()>0){ab(aK,true);b(document).scrollTop(am.position().top);clearInterval(aJ)}},50)}else{ab(aK,true);b(document).scrollTop(am.position().top)}}}}function ai(){b("a.jspHijack").unbind("click.jsp-hijack").removeClass("jspHijack")}function m(){ai();b("a[href^=#]").addClass("jspHijack").bind("click.jsp-hijack",function(){var s=this.href.split("#"),aJ;if(s.length>1){aJ=s[1];if(aJ.length>0&&Y.find("#"+aJ).length>0){ab("#"+aJ,true);return false}}})}function ao(){var aK,aJ,aM,aL,aN,s=false;am.unbind("touchstart.jsp touchmove.jsp touchend.jsp click.jsp-touchclick").bind("touchstart.jsp",function(aO){var aP=aO.originalEvent.touches[0];aK=aD();aJ=aB();aM=aP.pageX;aL=aP.pageY;aN=false;s=true}).bind("touchmove.jsp",function(aR){if(!s){return}var aQ=aR.originalEvent.touches[0],aP=aa,aO=I;Q.scrollTo(aK+aM-aQ.pageX,aJ+aL-aQ.pageY);aN=aN||Math.abs(aM-aQ.pageX)>5||Math.abs(aL-aQ.pageY)>5;
return aP==aa&&aO==I}).bind("touchend.jsp",function(aO){s=false}).bind("click.jsp-touchclick",function(aO){if(aN){aN=false;return false}})}function g(){var s=aB(),aJ=aD();D.removeClass("jspScrollable").unbind(".jsp");D.replaceWith(ap.append(Y.children()));ap.scrollTop(s);ap.scrollLeft(aJ)}b.extend(Q,{reinitialise:function(aJ){aJ=b.extend({},az,aJ);at(aJ)},scrollToElement:function(aK,aJ,s){ab(aK,aJ,s)},scrollTo:function(aK,s,aJ){N(aK,aJ);M(s,aJ)},scrollToX:function(aJ,s){N(aJ,s)},scrollToY:function(s,aJ){M(s,aJ)},scrollToPercentX:function(aJ,s){N(aJ*(T-ak),s)},scrollToPercentY:function(aJ,s){M(aJ*(Z-v),s)},scrollBy:function(aJ,s,aK){Q.scrollByX(aJ,aK);Q.scrollByY(s,aK)},scrollByX:function(s,aK){var aJ=aD()+Math[s<0?"floor":"ceil"](s),aL=aJ/(T-ak);W(aL*j,aK)},scrollByY:function(s,aK){var aJ=aB()+Math[s<0?"floor":"ceil"](s),aL=aJ/(Z-v);V(aL*i,aK)},positionDragX:function(s,aJ){W(s,aJ)},positionDragY:function(aJ,s){V(aJ,s)},animate:function(aJ,aM,s,aL){var aK={};aK[aM]=s;aJ.animate(aK,{duration:az.animateDuration,ease:az.animateEase,queue:false,step:aL})},getContentPositionX:function(){return aD()},getContentPositionY:function(){return aB()},getContentWidth:function(){return T},getContentHeight:function(){return Z},getPercentScrolledX:function(){return aD()/(T-ak)},getPercentScrolledY:function(){return aB()/(Z-v)},getIsScrollableH:function(){return aF},getIsScrollableV:function(){return aA},getContentPane:function(){return Y},scrollToBottom:function(s){V(i,s)},hijackInternalLinks:function(){m()},destroy:function(){g()}});at(O)}e=b.extend({},b.fn.jScrollPane.defaults,e);b.each(["mouseWheelSpeed","arrowButtonSpeed","trackClickSpeed","keyboardSpeed"],function(){e[this]=e[this]||e.speed});return this.each(function(){var f=b(this),g=f.data("jsp");if(g){g.reinitialise(e)}else{g=new d(f,e);f.data("jsp",g)}})};b.fn.jScrollPane.defaults={showArrows:false,maintainPosition:true,stickToBottom:false,stickToRight:false,clickOnTrack:true,autoReinitialise:false,autoReinitialiseDelay:500,verticalDragMinHeight:0,verticalDragMaxHeight:99999,horizontalDragMinWidth:0,horizontalDragMaxWidth:99999,contentWidth:c,animateScroll:false,animateDuration:300,animateEase:"linear",hijackInternalLinks:false,verticalGutter:4,horizontalGutter:4,mouseWheelSpeed:0,arrowButtonSpeed:0,arrowRepeatFreq:50,arrowScrollOnHover:false,trackClickSpeed:0,trackClickRepeatFreq:70,verticalArrowPositions:"split",horizontalArrowPositions:"split",enableKeyboardNavigation:true,hideFocus:false,keyboardSpeed:0,initialDelay:300,speed:30,scrollPagePercent:0.8}})(jQuery,this);
\ No newline at end of file
frontend/web/sass/screen.sass
View file @ bc1295c7
......@@ -55,6 +55,8 @@ body
display: none
strong
font-family: "RobotoBold"
color: #494949
line-height: 22px
.container
+r(768,970)
width: 750px
......@@ -330,7 +332,7 @@ a.toggle_bottom
vertical-align: middle
margin-left: 13px
+transition(all 0.3s linear 0.1s)
a.toggle_bottom
a.toggle_bottom, a.rosneft_btn, a.gem_mail_top-btn, a.appl_btn
&:hover
.icon-arrowDown2
......@@ -7585,4 +7587,1075 @@ h6
margin-top: 27px
+r(320,479)
font-size: 14px
margin-top: 30px
\ No newline at end of file
margin-top: 30px
.first_neft
width: 100%
min-height: 552px
background: url(../images/first_neft_bg.jpg) no-repeat center center
+cover
padding-top: 57px
&_title
font-size: 36px
color: #fff
line-height: 50px
font-family: "RobotoBold"
+r(480,767)
font-size: 30px
+r(320,479)
font-size: 31px
line-height: 40px
.neft_zak
font-size: 16px
font-family: "RobotoBold"
display: block
margin-top: 8px
margin-bottom: 11px
+r(480,767)
display: inline-block
+r(320,479)
display: inline-block
&_logo
width: 122px
height: 33px
display: block
+r(480,767)
display: inline-block
position: relative
left: 10px
top: 8px
+r(320,479)
display: inline-block
position: relative
left: 10px
top: 8px
.rosneft_par
background: url(../images/rosneft_par.png) no-repeat center center
width: 509px
height: 346px
top: 49px
left: 2px
position: relative
+r(768,970)
top: 50px
left: -149px
+r(480,767)
position: static
+r(320,479)
width: 270px
height: 182px
top: 40px!important
left: 0!important
+cover
position: relative
a.rosneft_btn
display: block
font-size: 20px
color: #fff
width: 201px
height: 47px
border: 2px solid #fff
text-align: center
line-height: 40px
+br(50px)
position: relative
top: 270px
left: 0px
float: left
+transition(all 0.3s linear 0.1s)
+r(480,767)
position: static
top: 0
left: 0
float: none
margin: 20px auto 40px
+r(320,479)
position: static
top: 0
left: 0
float: none
margin: 20px 0 40px
&:hover, &:active, &:focus
color: #000
text-decoration: none
background: #fff
.how_rosneft
background: #FFC100
width: 100%
min-height: 297px
+r(320,970)
padding-bottom: 30px
&_title
font-size: 30px
color: #fff
font-family: "RobotoBold"
background: #262E38
display: inline-block
margin-top: 45px
padding: 11px 20px 16px 14px
+r(320,479)
font-size: 21px
&_list
margin-top: 48px
li
background: url(../images/how_rosneft_list.png) no-repeat left center
padding-left: 27px
margin-bottom: 14px
font-size: 21px
color: #2d323a
font-family: "RobotoBold"
+r(320,479)
font-size: 18px
.dev_concep
background: #fff
width: 100%
min-height: 242px
padding-top: 50px
&_p
font-size: 17px
color: #2d323a
line-height: 26px
+r(320,479)
font-size: 16px
&_title
font-size: 30px
color: #2d323a
background: #FFC100
font-family: "RobotoBold"
display: inline-block
position: relative
top: 73px
left: 0px
padding: 10px 13px 17px
+r(480,767)
font-size: 23px
top: 17px
+r(320,479)
font-size: 21px
top: 25px
.shem_dev_neft
background: #F1F1F1
width: 100%
min-height: 504px
color: #2d323a
&_p
font-size: 17px
margin-top: 60px
padding-left: 13px
.ros_inf_block
margin-top: 64px
position: relative
.arrow_neft1
background: url(../images/arrow_neft.png) no-repeat center center
width: 79px
height: 19px
position: absolute
left: 160px
top: 45px
+r(768,970)
left: 300px
+r(320,767)
display: none
.arrow_neft2
background: url(../images/arrow_neft.png) no-repeat center center
width: 79px
height: 19px
position: absolute
left: 415px
top: 45px
+r(320,970)
display: none
.arrow_neft3
background: url(../images/arrow_neft.png) no-repeat center center
width: 79px
height: 19px
position: absolute
left: 652px
top: 45px
+r(768,970)
left: 300px
top: 280px
+r(320,767)
display: none
.ros_inf1
background: url(../images/ros_inf1.png) no-repeat center center
width: 89px
height: 120px
position: relative
left: 0
right: 0
margin: 0px auto 4px
.ros_inf1-arrow_yel
background: url(../images/ros_inf1-arrow_yel.png) no-repeat center center
width: 7px
height: 7px
position: absolute
top: 32px
left: 25px
animation: bounce 2s infinite ease
@keyframes bounce
0%
left: 25px
50%
left: 57px
100%
left: 25px
.ros_inf1-arrow_yel2
background: url(../images/ros_inf1-arrow_yel.png) no-repeat center center
width: 7px
height: 7px
position: absolute
top: 55px
left: 25px
animation: bounce2 2s infinite ease
animation-delay: 0.1s
@keyframes bounce2
0%
left: 25px
50%
left: 57px
100%
left: 25px
.ros_inf1-arrow_bl
background: url(../images/ros_inf1-arrow_bl.png) no-repeat center center
width: 7px
height: 7px
position: absolute
top: 77px
left: 25px
animation: bounce3 2s infinite ease
animation-delay: 0.2s
@keyframes bounce3
0%
left: 25px
50%
left: 57px
100%
left: 25px
.ros_inf_num
width: 23px
height: 23px
background: #FFD600
+br(50%)
display: inline-block
font-size: 15px
color: #3c4755
text-align: center
line-height: 21px
margin-top: 10px
margin-bottom: 5px
.ros_inf_txt
font-size: 14px
line-height: 20px
color: #353535
+r(320,970)
margin-bottom: 30px
.ros_inf2
background: url(../images/ros_inf2.png) no-repeat center center
width: 92px
height: 84px
position: relative
left: 0px
right: 0px
margin: 32px auto 8px
.ros_inf2-lin1
width: 71px
height: 41px
background: url(../images/ros_inf2-lin1.png) no-repeat center center
position: absolute
top: -29px
left: 21px
+opacity(1)
animation: lin1 1.8s infinite ease
animation-delay: 0.2s
@keyframes lin1
0%
+opacity(1)
50%
+opacity(0)
100%
+opacity(1)
.ros_inf2-lin2
width: 42px
height: 26px
background: url(../images/ros_inf2-lin2.png) no-repeat center center
position: absolute
top: -14px
left: 36px
+opacity(1)
animation: lin2 1.8s infinite ease
@keyframes lin2
0%
+opacity(1)
50%
+opacity(0)
100%
+opacity(1)
.ros_inf3
background: url(../images/ros_inf3.png) no-repeat center center
width: 103px
height: 116px
position: relative
left: 0px
right: 0px
margin: 8px auto 0px
.ros_inf3_dop
position: absolute
bottom: 21px
left: 42px
background: url(../images/ros_inf3_dop.png) no-repeat center center
width: 22px
height: 17px
+opacity(1)
animation: ros_inf3_dop 1.5s infinite linear
@keyframes ros_inf3_dop
0%
+opacity(1)
50%
+opacity(0)
100%
+opacity(1)
.ros_inf4
background: url(../images/ros_inf4.png) no-repeat center center
width: 183px
height: 115px
position: relative
left: 0px
right: 0px
margin: 1px auto 8px
.ros_inf4-ligh1
width: 57px
height: 71px
background: url(../images/ros_inf4-ligh1.png) no-repeat center center
position: absolute
top: 52px
left: 97px
+opacity(1)
animation: ligh1 1.2s infinite ease
@keyframes ligh1
0%
+opacity(1)
50%
+opacity(0)
100%
+opacity(1)
.ros_inf4-ligh2
width: 57px
height: 71px
background: url(../images/ros_inf4-ligh2.png) no-repeat center center
position: absolute
top: 39px
left: 72px
+opacity(1)
animation: ligh2 1.2s infinite ease
@keyframes ligh2
0%
+opacity(1)
50%
+opacity(0)
100%
+opacity(1)
.prototype_neft
width: 100%
min-height: 100px
background: #fff url(../images/prototype_bg.png) no-repeat bottom center
color: #2d323a
padding-top: 66px
&_title
font-size: 30px
color: #2d323a
background: #FFC100
font-family: "RobotoBold"
display: inline-block
padding: 10px 13px 17px
margin-bottom: 25px
p
font-size: 17px
line-height: 26px
p.prototype_txt_big
font-size: 20px
line-height: 26px
margin-bottom: 27px
.prot_neft1
width: 334px
margin: 26px auto 20px
+r(320,479)
width: 100%
img
max-width: 100%
height: auto
.prot_neft2
width: 428px
margin: 35px auto 12px
+r(320,479)
width: 100%
img
max-width: 100%
height: auto
.otd_des
font-size: 17px
color: #2d323a
border-bottom: 1px solid #ABB7B1
display: block
padding-bottom: 11px
.otd_des_prot
width: 727px
height: 416px
margin: 29px auto 0px
position: relative
+r(480,767)
width: 100%
height: 100%
+r(320,479)
width: 100%
height: 100%
img
max-width: 100%
height: auto
.otd_line1
font-size: 16px
color: #647e8e
position: absolute
top: 49px
left: -56px
&:after
content: ''
background: url(../images/otd_line1.png) no-repeat
width: 245px
height: 12px
display: block
position: relative
top: 3px
left: 0px
+r(320,970)
display: none
.otd_line2
font-size: 16px
color: #647e8e
position: absolute
top: 228px
left: -62px
&:after
content: ''
background: url(../images/otd_line2.png) no-repeat
width: 276px
height: 160px
display: block
position: relative
top: -140px
left: 0px
+r(320,970)
display: none
.otd_line3
font-size: 16px
color: #647e8e
position: absolute
top: 4px
right: -120px
&:after
content: ''
background: url(../images/otd_line3.png) no-repeat
width: 213px
height: 12px
display: block
position: relative
top: 3px
left: -85px
+r(320,970)
display: none
.otd_line4
font-size: 16px
color: #647e8e
position: absolute
top: 160px
right: -195px
&:after
content: ''
background: url(../images/otd_line4.png) no-repeat
width: 282px
height: 12px
display: block
position: relative
top: 3px
left: -160px
+r(320,970)
display: none
.prog_app
background: #fff
width: 100%
min-height: 100px
padding-top: 71px
padding-bottom: 20px
&_title
font-size: 30px
color: #2d323a
background: #FFC100
font-family: "RobotoBold"
display: inline-block
padding: 10px 13px 17px
margin-bottom: 25px
+r(320,479)
font-size: 25px
p
font-size: 17px
line-height: 26px
color: #2d323a
.prog_img1
width: 513px
margin: 29px auto 0px
+r(320,767)
width: 100%
img
max-width: 100%
height: auto
.prog_img2
width: 524px
margin: 29px auto 0px
+r(320,767)
width: 100%
img
max-width: 100%
height: auto
.prog_app_er
width: 100%
min-height: 355px
background: #33363A
position: relative
+r(320,970)
padding-bottom: 30px
p
font-size: 17px
line-height: 26px
color: #fff
display: block
margin-top: 86px
+r(320,970)
margin-top: 30px
.prog_app_er_img1
position: relative
top: -28px
max-width: 100%
img
max-width: 100%
height: auto
+r(320,970)
top: 0
.app_er_2
background: url(../images/app_er_2.png) no-repeat center center
width: 407px
height: 58px
position: absolute
top: 197px
left: 80px
+r(480,767)
top: 130px
left: 0
+r(320,479)
display: none
.app_er_1
background: url(../images/app_er_1.png) no-repeat center center
width: 469px
height: 123px
position: absolute
top: 129px
left: -63px
z-index: 2
+r(768,970)
left: -19px
+r(480,767)
left: 0
top: 60px
width: 100%
+r(320,479)
display: none
.sborka_shkafov
background: #fff
padding-top: 83px
&_title
font-size: 30px
color: #2d323a
background: #FFC100
font-family: "RobotoBold"
display: inline-block
padding: 10px 13px 17px
margin-bottom: 25px
+r(480,767)
font-size: 28px
p
font-size: 17px
line-height: 26px
color: #2d323a
p.sborka_shkafov_bigp
font-size: 20px
margin: 20px 0px
.sborka_img1
max-width: 100%
margin-top: 32px
img
max-width: 100%
height: auto
.sborka_img2
max-width: 100%
margin-top: 32px
margin-bottom: 42px
img
max-width: 100%
height: auto
.sborka_video
margin-top: 33px
+r(320,767)
img
max-width: 100%
height: auto
.work_vzryvo
font-size: 30px
color: #2d323a
background: #FFC100
font-family: "RobotoBold"
display: inline-block
padding: 10px 13px 17px
margin-bottom: 25px
margin-top: 59px
.book_work
margin-top: 51px
.short_keys_sect
width: 100%
min-height: 100px
background: #fff
color: #2d323a
padding-bottom: 82px
.short_keys_title
font-size: 30px
font-family: "RobotoBold"
display: block
margin-left: 28px
line-height: 35px
margin-bottom: 29px
.short_keys_block
position: relative
width: 455px
height: 338px
margin-bottom: 31px
+transition(all 0.2s linear)
background: #4B9C56
+r(320,970)
width: 100%
.short_keys_foot
width: 100%
height: 80px
position: absolute
bottom: 0
left: 0
background: rgba(36,51,64,0.56)
+transition(all 0.2s linear)
a.short_keys_tags
display: inline-block
float: right
line-height: 80px
font-family: "RobotoBold"
font-size: 14px
color: #fff
margin-right: 30px
+transition(all 0.2s linear)
&:hover
text-decoration: none
.short_keys_btn_more
display: inline-block
color: #fff
font-size: 16px
border: 2px solid #fff
margin-top: 23px
margin-left: 23px
height: 34px
width: 133px
text-align: center
line-height: 27px
+br(50px)
+transition(all 0.2s linear)
&:hover, &:focus
text-decoration: none
&:active
text-decoration: none
span
&:after
content: ''
background: url(../images/icon/keys_small_btn_more.png) no-repeat
width: 8px
height: 17px
display: inline-block
vertical-align: middle
margin-left: 15px
+transition(all 0.2s linear)
a.short_keys_title_link
position: absolute
top: 24px
left: 20px
right: 46px
font-size: 24px
line-height: 33px
font-family: "RobotoBold"
color: #fff
+transition(all 0.2s linear)
text-decoration: none
+r(768,970)
font-size: 20px
line-height: 26px
+r(480,767)
font-size: 20px
line-height: 26px
+r(320,479)
font-size: 15px
line-height: 20px
.short_keys_block
&:hover
box-shadow: 0px 0px 18px rgba(0, 1, 3, 0.26)
.short_keys_foot
background: #FBFBFB
.short_keys_tags
color: #2d3642
.short_keys_btn_more
color: #4b78bb
border: 2px solid #4b78bb
span
&:after
background: url(../images/icon/keys_small_btn_more-hover.png) no-repeat
.subsc_block
background: #F1F1F1
height: 338px
padding: 31px 20px
+r(320,479)
height: auto
&_title
color: #2d323a
font-size: 30px
font-family: "RobotoBold"
&_txt
font-size: 17px
color: #2d323a
line-height: 26px
margin: 39px 0 15px
+r(768,970)
margin: 10px 0 15px
.subsc_form
input[type="email"]
display: block
width: 273px
height: 49px
background: #FDFDFD
border: 1px solid #E9E9E9
padding: 0 10px
+br(10px)
font-size: 16px
color: #83999e
+r(320,479)
width: 100%
&::-webkit-input-placeholder
color: #83999e
font-size: 16px
opacity: 1
&:-moz-placeholder
color: #83999e
font-size: 16px
opacity: 1
&::-moz-placeholder
color: #83999e
font-size: 16px
opacity: 1
&:-ms-input-placeholder
color: #83999e
font-size: 16px
opacity: 1
.field-input.input-error
background: #fff url(../images/icon-fail.png) no-repeat 96% center
border: 1px solid #E9A2A2
button
width: 178px
height: 50px
+br(50px)
text-align: center
color: #655d04
font-family: "RobotoBold"
font-size: 20px
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-bottom: 4px solid #D2BF00
line-height: 43px
display: inline-block
margin: 20px 0px 0px
&:hover, &:focus
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border-bottom: 4px solid #D2BF00
text-decoration: none
&:active
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-top: 4px solid #D2BF00
text-decoration: none
.end_keys_neft
height: 75px
.gen_mail_top
width: 100%
min-height: 900px
background: url(../images/gen_mail_topbg.jpg) no-repeat bottom center
+cover
position: relative
padding-top: 67px
&-title
font-family: "RobotoBold"
font-size: 36px
line-height: 50px
letter-spacing: 0.8px
&-zadacha_title
font-size: 16px
font-family: "RobotoBold"
display: block
margin-top: 17px
&-zadacha_txt
font-size: 16px
width: 540px
margin-top: 15px
line-height: 21px
a.gen_mail_top-btn
display: block
font-size: 20px
color: #fff
width: 201px
height: 47px
border: 2px solid #fff
text-align: center
line-height: 40px
+br(50px)
margin-top: 66px
float: left
+transition(all 0.3s linear 0.1s)
+r(480,767)
position: static
top: 0
left: 0
float: none
margin: 20px auto 40px
+r(320,479)
position: static
top: 0
left: 0
float: none
margin: 20px 0 40px
&:hover, &:active, &:focus
color: #000
text-decoration: none
background: #fff
.gen_mail-title_list
font-size: 30px
color: #fff
background: #64649B
padding: 10px 15px
display: inline-block
margin-top: 206px
.keys_appl_top
width: 100%
height: 444px
background: #60AD26 url(../images/keys_appl_bg.png) no-repeat bottom center
+cover
padding-top: 53px
position: relative
+r(480,767)
height: 574px
+r(320,479)
height: 535px
h1
font-size: 36px
line-height: 50px
letter-spacing: 0.72px
font-family: "RobotoBold"
+r(768,970)
font-size: 28px
line-height: 45px
+r(480,767)
font-size: 25px
line-height: 30px
margin-bottom: 20px
+r(320,479)
font-size: 22px
line-height: 30px
margin-bottom: 20px
.appl_p1
background: url(../images/parallax/appl_p1.png) no-repeat center center
width: 357px
height: 321px
position: absolute
top: 90px
left: 0
+r(320,1300)
display: none
+r(1301,1600)
top: 60px
left: -85px
.appl_p2
background: url(../images/parallax/appl_p2.png) no-repeat center center
width: 270px
height: 295px
position: absolute
top: 333px
left: 225px
z-index: 4
+r(320,1300)
display: none
+r(1301,1600)
left: 60px
.appl_p3
background: url(../images/parallax/appl_p3.png) no-repeat center center
width: 386px
height: 448px
position: absolute
top: 109px
right: 76px
z-index: 4
+r(320,1300)
display: none
+r(1301,1600)
right: 0
top: 50px
.appl_p4
background: url(../images/parallax/appl_p4.png) no-repeat center center
width: 268px
height: 279px
position: absolute
top: 352px
right: 442px
z-index: 4
+r(320,1300)
display: none
+r(1301,1600)
top: 390px
right: 150px
.appl_zak
font-size: 16px
font-family: "RobotoBold"
display: block
margin-top: 18px
margin-bottom: 33px
+r(480,767)
display: inline-block
+r(320,479)
display: inline-block
&_logo
width: 140px
height: 41px
display: block
+r(480,767)
display: inline-block
position: relative
left: 10px
top: 15px
+r(320,479)
display: inline-block
position: relative
left: 10px
top: 15px
a.appl_btn
display: block
font-size: 20px
color: #fff
width: 201px
height: 47px
border: 2px solid #fff
text-align: center
line-height: 40px
+br(50px)
position: relative
top: 157px
left: 0px
float: left
+transition(all 0.3s linear 0.1s)
+r(480,767)
position: static
top: 0
left: 0
float: none
margin: 20px auto 40px
+r(320,479)
position: static
top: 0
left: 0
float: none
margin: 20px 0 40px
&:hover, &:active, &:focus
color: #000
text-decoration: none
background: #fff
.appl_par
background: url(../images/appl_par.png) no-repeat center center
max-width: 539px
height: 389px
top: 21px
left: 10px
position: relative
+r(768,970)
+cover
height: 242px
top: 42px!important
+r(480,767)
position: static
+cover
height: 303px
+r(320,479)
width: 270px
height: 195px
top: 10px!important
left: 0!important
+cover
position: relative
.keys_appl_bt
background: url(../images/keys_appl_bt.png) no-repeat bottom center
width: 100%
min-height: 62px
+cover
position: relative
z-index: 2
top: -62px
.appl_how_works
width: 100%
background: #60AD26
min-height: 100px
position: relative
top: -62px
padding-top: 45px
padding-bottom: 41px
h2
font-size: 30px
color: #fff
background: #262E38
display: inline-block
padding: 10px 15px 17px 23px
font-family: "RobotoBold"
+r(320,479)
font-size: 20px
.appl_list
margin-top: 23px
li
background: url(../images/appl_list.png) no-repeat center left
padding-left: 27px
font-size: 21px
margin-bottom: 14px
font-family: "RobotoBold"
+r(480,767)
font-size: 19px
+r(320,479)
font-size: 16px
.appl_content
background: #fff
color: #2d323a
margin-top: -62px
padding-top: 70px
padding-bottom: 48px
p
margin-bottom: 15px
font-size: 17px
line-height: 26px
+r(320,479)
font-size: 14px
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

task-on.com - ООО "Арт Проект"