Skip to content

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

#1302

parent e8973d4a
Hide 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;}
.green-project-content-block {
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%;
position: relative;
background-position: center -25px;
}
.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 {
background: url(../images/green/phone.png) no-repeat;
background: url(/images/green/phone.png) no-repeat;
}
.green-project-devices-img {
......@@ -101,18 +101,18 @@ html {overflow-x: hidden;}
.green-project-target-block {padding-top: 85px;}
.e_cat_two_scroll4 {background-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_list li {color: #093d4a;}
.e_cat_two h2 {top: -60px;}
.top_phone::before {background: url(../images/green/phone.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;}
.phone_menu::before {background: url(../images/green/phone.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;}
.top_phone::before {background: url(/images/green/phone.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;}
.phone_menu::before {background: url(/images/green/phone.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;}
@media only screen and (max-width: 1199px) {
.green-project-devices-img img {width: 80%;margin-left: 50px;margin-top: 50px;}
......@@ -157,17 +157,18 @@ html {overflow-x: hidden;}
/*****************Project v1.1******************/
.taskon-project-content-block {
background: url(../images/taskon_1/head-bg-2.1.jpg) no-repeat center 0;
.taskon-project-taskmanager-header {
background: url(../images/taskon_2/taskon-header-bg.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;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
margin-top: -100px;
position: relative;
z-index: 5;
}
.taskon-1-target strong {
......@@ -185,11 +186,18 @@ html {overflow-x: hidden;}
background: #2d323a;
}
.taskon-1-tablet-img {
.taskon-taskmanager-header-image {
position: absolute;
top: 300px;
right: -165px;
z-index: 1;
}
.taskon-taskmanager-parallax-window {
position: absolute;
top: 320px;
left: 340px;
z-index: 3;
bottom: -180px;
right: -90px;
z-index: 10;
}
.taskon-tool-1 h2 {
......@@ -202,7 +210,7 @@ html {overflow-x: hidden;}
}
.taskon-1-list-style {
padding: 30px 0 50px;
padding: 30px 0;
margin: 0;
}
......@@ -216,156 +224,220 @@ html {overflow-x: hidden;}
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 {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
color: #2a2f33;
padding: 60px 0;
.taskon-task-vista-system {
margin-top: 50px;
}
.create-payment {
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
text-align: left;
color: #2a2f33;
position: relative;
.taskon-taskmanager-section {
background: #fff;
}
.taskon-project-section h3 {
.taskon-taskmanager-section h3 {
display: inline-block;
font-family: "RobotoBold", Arial, Tahoma, sans-serif;
font-size: 30px;
margin-top: 70px;
padding: 10px 15px;
color: #fff;
padding: 13px 15px;
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;
max-width: 300px;
position: absolute;
top: 0;
left: 470px;
max-width: 280px;
top: 60px;
left: 145px;
text-align: right;
}
.create-payment-text-2 {
max-width: 300px;
.taskon-taskmanagement-text-2 {
display: inline-block;
position: absolute;
top: 190px;
left: 0;
padding-right: 60px;
max-width: 280px;
top: 60px;
left: 405px;
text-align: right;
padding-left: 90px;
}
.create-payment-text-3 {
max-width: 300px;
.taskon-taskmanagement-text-3 {
display: inline-block;
position: absolute;
left: 0;
top: 340px;
padding-right: 50px;
max-width: 280px;
top: 60px;
right: -10px;
text-align: right;
padding-left: 70px;
}
.create-payment-text-4 {
max-width: 300px;
.taskon-taskmanagement-text-4 {
display: inline-block;
position: absolute;
left: 0;
top: 610px;
padding-right: 50px;
max-width: 280px;
bottom: 7px;
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;}
.serial-number-over {
.taskon-mobile-all {
display: none;
position: absolute;
top: 0;
left: 0;
font-size: 20px;
color: #2d323a;
display: none;
color: #389b30;
}
.create-payment img {
float: right;
.taskon-task-setting-text-1 {
max-width: 700px;
padding-right: 30px;
position: absolute;
top: 63px;
left: 190px;
}
.report-operations {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height: 15px;
color: #2a2f33;
margin-bottom: 40px;
}
.taskon-task-setting img {margin: 7% 0 0;}
.report-operations-text-1 {
.taskon-task-sorting-text-1 {
display: inline-block;
position: absolute;
top: -20px;
right: 30px;
max-width: 300px;
padding-right: 30px;
top: 60px;
left: 185px;
}
.report-operations-text-2 {
.taskon-task-sorting-text-2 {
display: inline-block;
position: absolute;
bottom: -15px;
left: 250px;
max-width: 300px;
padding-right: 70px;
bottom: 0;
left: 185px;
}
.create-catalog-paragraph {
padding: 30px 0;
font-size: 15px;
color: #2a2f33;
}
.taskon-task-sorting img {margin: 7% 0 0;}
.create-catalog {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
color: #2b2e32;
padding-bottom: 50px;
.taskon-task-add-text-1 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 35px;
left: 375px;
padding-right: 30px;
}
.create-catalog img {float: right;}
.create-catalog-text-1 {
max-width: 200px;
.taskon-task-add-text-2 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 35px;
right: 35px;
padding-right: ;
}
.taskon-task-add-text-3 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 165px;
left: 0;
padding-right: 60px;
}
.create-catalog-text-2 {
max-width: 200px;
.taskon-task-add-text-4 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 265px;
top: 295px;
left: 0;
padding-right: 90px;
}
.create-catalog-text-3 {
max-width: 200px;
.taskon-task-add-text-5 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 425px;
bottom: 230px;
left: 0;
padding-right: 100px;
}
.taskon-under-header-and-preview {padding-top: 200px;}
.taskon-task-add img {
margin: 10% 0 0;
float: right;
}
.taskon-under-section {
.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-taskmanager-section-sixth {
min-height: 800px;
max-height: 100%;
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-task-create-process {
position: relative;
padding-top: 200px;
}
.taskon-under-header-and-preview h2 {
.taskon-task-create-process h2,
.taskon-task-data-protection h2 {
display: inline-block;
font-family: "RobotoBold", Tahoma, Arial, sans-serif;
font-size: 30px;
......@@ -374,27 +446,36 @@ html {overflow-x: hidden;}
background: #7db337;
}
.taskon-under-header-and-preview p {
padding-top: 80px;
.taskon-task-create-process p {
padding: 100px 0 200px;
max-width: 450px;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
line-height: 20px;
color: #fff;
}
.taskon-under-advantage {
padding: 30px 0 0;
.taskon-task-create-process img {
position: absolute;
right: -35px;
top: 110px;
}
.taskon-advantage-item {
margin-bottom: 30px;
.taskon-task-data-protection p {
padding: 50px 0 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.taskon-advantage-item img {
margin-left: -50px;
}
.taskon-task-worth {padding: 30px 0 0;}
.taskon-task-worth-item {margin-bottom: 30px;}
.taskon-task-worth-item img {margin-left: -50px;}
.taskon-advantage-item h4 {
.taskon-task-worth-item h4 {
font-family: Tahoma, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
......@@ -404,38 +485,40 @@ html {overflow-x: hidden;}
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-size: 16px;
padding-top: 30px;
padding-right: 50px;
line-height: 25px;
line-height: 20px;
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;
top: 145px;
left: -375px;
top: 400px;
left: -420px;
}
.taskon-project-parallax-img-2 {
.taskon-taskmanager-parallax-img-2 {
position: absolute;
bottom: -30px;
left: -320px;
bottom: 0;
left: -330px;
}
.taskon-project-parallax-img-3 {
.taskon-taskmanager-parallax-img-3 {
position: absolute;
bottom: 330px;
right: -140px;
top: 740px;
right: -400px;
}
.taskon-project-parallax-img-4 {
.taskon-taskmanager-parallax-img-4 {
position: absolute;
top: 170px;
right: -340px;
bottom: 190px;
right: -100px;
}
#footer {
background: url(../images/taskon_1/footer_bg.png) no-repeat center center;
-webkit-background-size: cover;
......@@ -444,6 +527,7 @@ html {overflow-x: hidden;}
padding-top: 75px;
}
/*****************Project v1.1******************/
/****************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 - ООО "Арт Проект"