Skip to content

T
taskonsite-архив-перенесен
Commit b49ad39a authored by andre's avatar andre
Browse files
Options

#1302

parent e8973d4a
Show whitespace changes
Inline Side-by-side
Showing with 223 additions and 139 deletions
frontend/web/css/main.css
View file @ b49ad39a
...@@ -10,18 +10,18 @@ html {overflow-x: hidden;} ...@@ -10,18 +10,18 @@ html {overflow-x: hidden;}
.green-project-content-block { .green-project-content-block {
min-height: 640px; min-height: 640px;
background: url(../images/green/header-bg.png) no-repeat 50% 50%; background: url(/images/green/header-bg.png) no-repeat 50% 50%;
width: 100%; width: 100%;
position: relative; position: relative;
background-position: center -25px; background-position: center -25px;
} }
.green-project-phone-hover-bg { .green-project-phone-hover-bg {
background: url(../images/green/phone_hover2.png) no-repeat; background: url(/images/green/phone_hover2.png) no-repeat;
} }
.green-project-phone-icon { .green-project-phone-icon {
background: url(../images/green/phone.png) no-repeat; background: url(/images/green/phone.png) no-repeat;
} }
.green-project-devices-img { .green-project-devices-img {
...@@ -101,18 +101,18 @@ html {overflow-x: hidden;} ...@@ -101,18 +101,18 @@ html {overflow-x: hidden;}
.green-project-target-block {padding-top: 85px;} .green-project-target-block {padding-top: 85px;}
.e_cat_two_scroll4 {background-color: #fff;} .e_cat_two_scroll4 {background-color: #fff;}
.e_cat_two_scroll4 h2 {background-color: #2d323a;color: #fff;} .e_cat_two_scroll4 h2 {background-color: #2d323a;color: #fff;}
.e_cat_two_scroll4 li {background: url(../images/green/check.png) no-repeat 0% 50%;} .e_cat_two_scroll4 li {background: url(/images/green/check.png) no-repeat 0% 50%;}
.e_cat_two_scroll4 a.keys_test_btn {position: absolute;top: -220px;} .e_cat_two_scroll4 a.keys_test_btn {position: absolute;top: -220px;}
.e_cat_list li {color: #093d4a;} .e_cat_list li {color: #093d4a;}
.e_cat_two h2 {top: -60px;} .e_cat_two h2 {top: -60px;}
.top_phone::before {background: url(../images/green/phone.png) no-repeat;} .top_phone::before {background: url(/images/green/phone.png) no-repeat;}
.icon-arrowDown::before {background: url(../images/green/arrow_down.png) no-repeat;} .icon-arrowDown::before {background: url(/images/green/arrow_down.png) no-repeat;}
.icon-arrowRight::before {background: url(../images/green/arrow_right.png) no-repeat;} .icon-arrowRight::before {background: url(/images/green/arrow_right.png) no-repeat;}
.phone_menu::before {background: url(../images/green/phone.png) no-repeat;} .phone_menu::before {background: url(/images/green/phone.png) no-repeat;}
.icon-arrowDown2::after {background: url(../images/green/arrow_down2.png) no-repeat;} .icon-arrowDown2::after {background: url(/images/green/arrow_down2.png) no-repeat;}
.keys-btn:hover .icon-arrowDown2:after, .keys-btn:active .icon-arrowDown2:after, .keys-btn:focus .icon-arrowDown2:after {background: url(../images/green/arrow_down_black.png) no-repeat;} .keys-btn:hover .icon-arrowDown2:after, .keys-btn:active .icon-arrowDown2:after, .keys-btn:focus .icon-arrowDown2:after {background: url(/images/green/arrow_down_black.png) no-repeat;}
@media only screen and (max-width: 1199px) { @media only screen and (max-width: 1199px) {
.green-project-devices-img img {width: 80%;margin-left: 50px;margin-top: 50px;} .green-project-devices-img img {width: 80%;margin-left: 50px;margin-top: 50px;}
...@@ -157,17 +157,18 @@ html {overflow-x: hidden;} ...@@ -157,17 +157,18 @@ html {overflow-x: hidden;}
/*****************Project v1.1******************/ /*****************Project v1.1******************/
.taskon-project-taskmanager-header {
.taskon-project-content-block { background: url(../images/taskon_2/taskon-header-bg.jpg) no-repeat center 0;
background: url(../images/taskon_1/head-bg-2.1.jpg) no-repeat center 0;
} }
.taskon-tool-list { .taskon-taskmanager-tool-list {
background: url(../images/taskon_1/section-top-bg.png) no-repeat 0 -25px; background: url(../images/taskon_1/section-top-bg.png) no-repeat 0 -25px;
-webkit-background-size: cover; -webkit-background-size: cover;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
margin-top: -100px; margin-top: -100px;
position: relative;
z-index: 5;
} }
.taskon-1-target strong { .taskon-1-target strong {
...@@ -185,11 +186,18 @@ html {overflow-x: hidden;} ...@@ -185,11 +186,18 @@ html {overflow-x: hidden;}
background: #2d323a; background: #2d323a;
} }
.taskon-1-tablet-img { .taskon-taskmanager-header-image {
position: absolute; position: absolute;
top: 320px; top: 300px;
left: 340px; right: -165px;
z-index: 3; z-index: 1;
}
.taskon-taskmanager-parallax-window {
position: absolute;
bottom: -180px;
right: -90px;
z-index: 10;
} }
.taskon-tool-1 h2 { .taskon-tool-1 h2 {
...@@ -202,7 +210,7 @@ html {overflow-x: hidden;} ...@@ -202,7 +210,7 @@ html {overflow-x: hidden;}
} }
.taskon-1-list-style { .taskon-1-list-style {
padding: 30px 0 50px; padding: 30px 0;
margin: 0; margin: 0;
} }
...@@ -216,156 +224,220 @@ html {overflow-x: hidden;} ...@@ -216,156 +224,220 @@ html {overflow-x: hidden;}
color: #2d323a; color: #2d323a;
} }
.taskon-project-section {
background: #fff;
}
.taskon-section-padding {
padding: 20px 0;
.taskon-task-list li:last-child {
margin-bottom: 0;
} }
.taskon-project-section .introduction { .taskon-task-vista-system {
font-family: Tahoma, Arial, sans-serif; margin-top: 50px;
font-size: 16px;
line-height: 25px;
color: #2a2f33;
padding: 60px 0;
} }
.create-payment { .taskon-taskmanager-section {
font-family: Tahoma, Arial, sans-serif; background: #fff;
font-size: 15px;
text-align: left;
color: #2a2f33;
position: relative;
} }
.taskon-project-section h3 { .taskon-taskmanager-section h3 {
display: inline-block;
font-family: "RobotoBold", Arial, Tahoma, sans-serif; font-family: "RobotoBold", Arial, Tahoma, sans-serif;
font-size: 30px; font-size: 30px;
margin-top: 70px;
padding: 10px 15px;
color: #fff; color: #fff;
padding: 13px 15px;
background: #2d323a; background: #2d323a;
display: inline-block;
} }
.create-payment-text-1 { .taskon-text-default {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 18px;
color: #389b30;
}
.taskon-taskmanagement-complex img {
margin: 7% 0 0;
}
.taskon-taskmanagement-text-1 {
display: inline-block; display: inline-block;
max-width: 300px;
position: absolute; position: absolute;
top: 0; max-width: 280px;
left: 470px; top: 60px;
left: 145px;
text-align: right;
} }
.taskon-taskmanagement-text-2 {
.create-payment-text-2 { display: inline-block;
max-width: 300px;
position: absolute; position: absolute;
top: 190px; max-width: 280px;
left: 0; top: 60px;
padding-right: 60px; left: 405px;
text-align: right;
padding-left: 90px;
} }
.taskon-taskmanagement-text-3 {
.create-payment-text-3 { display: inline-block;
max-width: 300px;
position: absolute; position: absolute;
left: 0; max-width: 280px;
top: 340px; top: 60px;
padding-right: 50px; right: -10px;
text-align: right;
padding-left: 70px;
} }
.taskon-taskmanagement-text-4 {
.create-payment-text-4 { display: inline-block;
max-width: 300px;
position: absolute; position: absolute;
left: 0; max-width: 280px;
top: 610px; bottom: 7px;
padding-right: 50px; left: 260px;
}
.taskon-taskmanagement-text-5 {
display: inline-block;
position: absolute;
max-width: 280px;
bottom: 0;
right: -65px;
padding-right: 115px;
} }
.create-pay-mobile {display: none;} .taskon-mobile-all {
display: none;
.serial-number-over {
position: absolute; position: absolute;
top: 0;
left: 0;
font-size: 20px; font-size: 20px;
color: #2d323a; color: #389b30;
display: none;
} }
.create-payment img { .taskon-task-setting-text-1 {
float: right; max-width: 700px;
padding-right: 30px;
position: absolute;
top: 63px;
left: 190px;
} }
.report-operations { .taskon-task-setting img {margin: 7% 0 0;}
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height: 15px;
color: #2a2f33;
margin-bottom: 40px;
}
.report-operations-text-1 { .taskon-task-sorting-text-1 {
display: inline-block;
position: absolute; position: absolute;
top: -20px;
right: 30px;
max-width: 300px; max-width: 300px;
padding-right: 30px; top: 60px;
left: 185px;
} }
.report-operations-text-2 { .taskon-task-sorting-text-2 {
display: inline-block;
position: absolute; position: absolute;
bottom: -15px; bottom: 0;
left: 250px; left: 185px;
max-width: 300px;
padding-right: 70px;
} }
.create-catalog-paragraph { .taskon-task-sorting img {margin: 7% 0 0;}
padding: 30px 0;
font-size: 15px;
color: #2a2f33;
}
.create-catalog { .taskon-task-add-text-1 {
position: relative; display: inline-block;
font-family: Tahoma, Arial, sans-serif; max-width: 250px;
font-size: 15px; position: absolute;
color: #2b2e32; top: 35px;
padding-bottom: 50px; left: 375px;
padding-right: 30px;
} }
.taskon-task-add-text-2 {
.create-catalog img {float: right;} display: inline-block;
max-width: 250px;
.create-catalog-text-1 { position: absolute;
max-width: 200px; top: 35px;
right: 35px;
padding-right: ;
}
.taskon-task-add-text-3 {
display: inline-block;
max-width: 250px;
position: absolute; position: absolute;
top: 165px; top: 165px;
left: 0; left: 0;
padding-right: 60px;
} }
.create-catalog-text-2 { .taskon-task-add-text-4 {
max-width: 200px; display: inline-block;
max-width: 250px;
position: absolute; position: absolute;
top: 265px; top: 295px;
left: 0; left: 0;
padding-right: 90px;
} }
.create-catalog-text-3 { .taskon-task-add-text-5 {
max-width: 200px; display: inline-block;
max-width: 250px;
position: absolute; position: absolute;
top: 425px; bottom: 230px;
left: 0; left: 0;
padding-right: 100px;
}
.taskon-task-add img {
margin: 10% 0 0;
float: right;
} }
.taskon-under-header-and-preview {padding-top: 200px;} .taskon-task-notification-description p {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #2d323a;
margin: 25px 0 0;
padding-right: 110px;
}
.taskon-task-notification-text-1 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 45px;
left: 85px;
}
.taskon-task-notification-text-2 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 45px;
left: 395px;
}
.taskon-task-notification-text-3 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 45px;
right: 45px;
}
.taskon-task-notification img {margin: 5% 0 10%;}
.taskon-under-section { .taskon-taskmanager-section-sixth {
min-height: 800px; min-height: 800px;
max-height: 100%; max-height: 100%;
margin-top: -240px; margin-top: -240px;
background: #fff url(../images/taskon_1/section-down-bg.png) no-repeat center center / cover; background: #fff url(../images/taskon_2/sbg.png) no-repeat center center / cover;
} }
.taskon-under-header-and-preview h2 { .taskon-task-create-process {
position: relative;
padding-top: 200px;
}
.taskon-task-create-process h2,
.taskon-task-data-protection h2 {
display: inline-block; display: inline-block;
font-family: "RobotoBold", Tahoma, Arial, sans-serif; font-family: "RobotoBold", Tahoma, Arial, sans-serif;
font-size: 30px; font-size: 30px;
...@@ -374,27 +446,36 @@ html {overflow-x: hidden;} ...@@ -374,27 +446,36 @@ html {overflow-x: hidden;}
background: #7db337; background: #7db337;
} }
.taskon-under-header-and-preview p { .taskon-task-create-process p {
padding-top: 80px; padding: 100px 0 200px;
max-width: 450px;
font-family: Tahoma, Arial, sans-serif; font-family: Tahoma, Arial, sans-serif;
font-size: 16px; font-size: 16px;
line-height: 25px; line-height: 20px;
color: #fff; color: #fff;
} }
.taskon-under-advantage { .taskon-task-create-process img {
padding: 30px 0 0; position: absolute;
right: -35px;
top: 110px;
} }
.taskon-advantage-item { .taskon-task-data-protection p {
margin-bottom: 30px; padding: 50px 0 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
} }
.taskon-advantage-item img { .taskon-task-worth {padding: 30px 0 0;}
margin-left: -50px;
} .taskon-task-worth-item {margin-bottom: 30px;}
.taskon-advantage-item h4 { .taskon-task-worth-item img {margin-left: -50px;}
.taskon-task-worth-item h4 {
font-family: Tahoma, Arial, sans-serif; font-family: Tahoma, Arial, sans-serif;
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
...@@ -404,38 +485,40 @@ html {overflow-x: hidden;} ...@@ -404,38 +485,40 @@ html {overflow-x: hidden;}
background: url(../images/taskon_1/check-under.png) no-repeat 0 50%; background: url(../images/taskon_1/check-under.png) no-repeat 0 50%;
} }
.taskon-advantage-item p { .taskon-task-worth-item p {
font-family: Tahoma, Arial, sans-serif; font-family: Tahoma, Arial, sans-serif;
font-size: 16px; font-size: 16px;
padding-top: 30px; padding-top: 30px;
padding-right: 50px; padding-right: 50px;
line-height: 25px; line-height: 20px;
color: #fff; color: #fff;
} }
.taskon-advantage-full {margin-bottom: 100px;} .taskon-task-worth-full {margin-bottom: 100px;}
.taskon-project-parallax-img-1 { .taskon-taskmanager-parallax-img-1 {
position: absolute; position: absolute;
top: 145px; top: 400px;
left: -375px; left: -420px;
} }
.taskon-project-parallax-img-2 { .taskon-taskmanager-parallax-img-2 {
position: absolute; position: absolute;
bottom: -30px; bottom: 0;
left: -320px; left: -330px;
} }
.taskon-project-parallax-img-3 { .taskon-taskmanager-parallax-img-3 {
position: absolute; position: absolute;
bottom: 330px; top: 740px;
right: -140px; right: -400px;
} }
.taskon-project-parallax-img-4 { .taskon-taskmanager-parallax-img-4 {
position: absolute; position: absolute;
top: 170px; bottom: 190px;
right: -340px; right: -100px;
} }
#footer { #footer {
background: url(../images/taskon_1/footer_bg.png) no-repeat center center; background: url(../images/taskon_1/footer_bg.png) no-repeat center center;
-webkit-background-size: cover; -webkit-background-size: cover;
...@@ -444,6 +527,7 @@ html {overflow-x: hidden;} ...@@ -444,6 +527,7 @@ html {overflow-x: hidden;}
padding-top: 75px; padding-top: 75px;
} }
/*****************Project v1.1******************/ /*****************Project v1.1******************/
/****************Media querys*****************/ /****************Media querys*****************/
......
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 - ООО "Арт Проект"