Skip to content

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

#1302

parent b25bf125
Hide whitespace changes
Inline Side-by-side
Showing with 1907 additions and 668 deletions
frontend/views/layouts/head.php
View file @ d13f3a98
......@@ -42,9 +42,10 @@ endif; ?>
<?php $this->registerCssFile('/css/style_add_06.06.16.css');?>
<?php $this->registerJsFile('/js/add_06.06.16.js', ['position' => yii\web\View::POS_END]); ?>
<?php $this->registerJsFile('/js/modernizr.js', ['position' => yii\web\View::POS_END]); ?>
<?php $this->registerCssFile('/css/main.css');?>
<link rel="stylesheet" href="/css/main.css">
<?php $this->registerCssFile('/css/style_add_4.css');?>
<script src=/js/modernizr.js"></script>
<?php $this->registerCssFile('/css/main-v1.css');?>
<?php $this->registerCssFile('/css/main-v2.css');?>
frontend/web/css/main-v1.css 0 → 100644
View file @ d13f3a98
html {overflow-x: hidden;}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.green-project-content-block {
min-height: 640px;
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;
}
.green-project-phone-icon {
background: url(../images/green/phone.png) no-repeat;
}
.green-project-devices-img {
position: absolute;
top: 210px;
right: -100px;
z-index: 3;
}
.green-project-triangle-1 {
position: absolute;
top: -100px;
left: -460px;
z-index: 4;
}
.green-project-triangle-2 {
position: absolute;
top: 270px;
left: -350px;
z-index: 4;
}
.green-project-triangle-3 {
position: absolute;
top: 350px;
right: -230px;
z-index: 4;
}
.green-project-triangle-4 {
position: absolute;
top: -80px;
right: -390px;
z-index: 4;
}
.green-project-cont {
min-height: 638px;
position: relative;
}
.green-project-headline-block {
padding-top: 50px;
}
.green-project-content-block h1 {
font-size: 45px;
line-height: 75px;
font-family: "RobotoBold";
color: #fff;
}
.green-project-content-block h1 span {
background: #2d323a;
padding: 5px;
}
.strong-task {
display: inline-block;
margin-bottom: 10px;
}
.green-project-headline-block {
font-size: 17px;
line-height: 29px;
color: #fff;
}
.green-project-headline-block strong {color: #fff;}
.logo_promteh {
position: absolute;
right: 0;
top: 70px;
font-size: 16px;
font-weight: bold;
}
.logo_promteh span {display: block;}
.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 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;}
@media only screen and (max-width: 1199px) {
.green-project-devices-img img {width: 80%;margin-left: 50px;margin-top: 50px;}
}
@media only screen and (max-width: 969px) {
.green-project-content-block h1 {font-size: 35px;line-height: 62px;}
.green-project-triangle-1,.green-project-triangle-2,.green-project-triangle-3,.green-project-triangle-4 {display: none;}
.green-project-cont {background-size: 55%;}
.logo_promteh {top: 60px;}
.logo_promteh img {float: right;}
.green-project-devices-img img {width: 60%;margin-left: 30%; margin-top: 10%;}
.green-project-list-style li {font-size: 20px;}
}
@media only screen and (max-width: 768px) {
.green-project-cont {min-height: 460px;}
.green-project-content-block {min-height: 460px;}
.green-project-content-block h1 {font-size: 28px;line-height: 53px;}
.logo_promteh {top: 220px;display: none;}
.green-project-devices-img {display: none;}
.green-project-target-block {padding-top: 65px;}
}
@media only screen and (max-width: 479px) {
.green-project-devices-img {
display: block;
margin-left: 30px;
margin-top: -20px;
}
.green-project-devices-img img {margin-left: 0; margin-top: 0;}
.green-project-content-block {min-height: 560px;}
.logo_promteh {display: none;}
.top_keys_promteh h1 {font-size: 26px;line-height: 30px;}
.green-project-cont {background: none;}
.green-project-content-block h1 {font-size: 18px;line-height: 40px;text-align: center;}
.green-project-target-block {padding-top: 35px;margin-top: 180px;}
.green-project-cont {min-height: 20px;}
.top_keys_promteh {min-height: 500px;}
}
/*****************Project v1.1******************/
.taskon-project-content-block {
background: url(../images/taskon_1/head-bg-2.1.jpg) no-repeat center 0;
}
.taskon-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;
}
.taskon-1-target strong {
color: #171b22;
font-size: 20px;
font-weight: bold;
}
.taskon-1-list a.keys_test_btn {
top: -170px;
display: inline-block;
}
.the_hat {
background: #2d323a;
}
.taskon-1-tablet-img {
position: absolute;
top: 320px;
left: 340px;
z-index: 3;
}
.taskon-tool-1 h2 {
display: inline-block;
padding: 10px 15px;
color: #2d323a;
font-weight: bold;
font-size: 30px;
background: #9fe306;
}
.taskon-1-list-style {
padding: 30px 0 50px;
margin: 0;
}
.taskon-1-list-style li {
color: #fff;
background-position: 0 50%;
}
.e_cat_two_scroll4 .taskon-tool-1 h2 {
background: #9fe306;
color: #2d323a;
}
.taskon-project-section {
background: #fff;
}
.taskon-section-padding {
padding: 20px 0;
}
.taskon-project-section .introduction {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
color: #2a2f33;
padding: 60px 0;
}
.create-payment {
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
text-align: left;
color: #2a2f33;
position: relative;
}
.taskon-project-section h3 {
font-family: "RobotoBold", Arial, Tahoma, sans-serif;
font-size: 30px;
color: #fff;
padding: 13px 15px;
background: #2d323a;
display: inline-block;
}
.create-payment-text-1 {
display: inline-block;
max-width: 300px;
position: absolute;
top: 0;
left: 470px;
}
.create-payment-text-2 {
max-width: 300px;
position: absolute;
top: 190px;
left: 0;
padding-right: 60px;
}
.create-payment-text-3 {
max-width: 300px;
position: absolute;
left: 0;
top: 340px;
padding-right: 50px;
}
.create-payment-text-4 {
max-width: 300px;
position: absolute;
left: 0;
top: 610px;
padding-right: 50px;
}
.create-pay-mobile {display: none;}
.serial-number-over {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
color: #2d323a;
display: none;
}
.create-payment img {
float: right;
}
.report-operations {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height: 15px;
color: #2a2f33;
margin-bottom: 40px;
}
.report-operations-text-1 {
position: absolute;
top: -20px;
right: 30px;
max-width: 300px;
padding-right: 30px;
}
.report-operations-text-2 {
position: absolute;
bottom: -15px;
left: 250px;
max-width: 300px;
padding-right: 70px;
}
.create-catalog-paragraph {
padding: 30px 0;
font-size: 15px;
color: #2a2f33;
}
.create-catalog {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
color: #2b2e32;
padding-bottom: 50px;
}
.create-catalog img {float: right;}
.create-catalog-text-1 {
max-width: 200px;
position: absolute;
top: 165px;
left: 0;
}
.create-catalog-text-2 {
max-width: 200px;
position: absolute;
top: 265px;
left: 0;
}
.create-catalog-text-3 {
max-width: 200px;
position: absolute;
top: 425px;
left: 0;
}
.taskon-under-header-and-preview {padding-top: 200px;}
.taskon-under-section {
min-height: 800px;
max-height: 100%;
margin-top: -240px;
background: #fff url(../images/taskon_1/section-down-bg.png) no-repeat center center / cover;
}
.taskon-under-header-and-preview h2 {
display: inline-block;
font-family: "RobotoBold", Tahoma, Arial, sans-serif;
font-size: 30px;
padding: 13px 15px;
color: #fff;
background: #7db337;
}
.taskon-under-header-and-preview p {
padding-top: 80px;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
color: #fff;
}
.taskon-under-advantage {
padding: 30px 0 0;
}
.taskon-advantage-item {
margin-bottom: 30px;
}
.taskon-advantage-item img {
margin-left: -50px;
}
.taskon-advantage-item h4 {
font-family: Tahoma, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin-top: -25px;
padding-left: 30px;
color: #a2f0e1;
background: url(../images/taskon_1/check-under.png) no-repeat 0 50%;
}
.taskon-advantage-item p {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
padding-top: 30px;
padding-right: 50px;
line-height: 25px;
color: #fff;
}
.taskon-advantage-full {margin-bottom: 100px;}
.taskon-project-parallax-img-1 {
position: absolute;
top: 145px;
left: -375px;
}
.taskon-project-parallax-img-2 {
position: absolute;
bottom: -30px;
left: -320px;
}
.taskon-project-parallax-img-3 {
position: absolute;
bottom: 330px;
right: -140px;
}
.taskon-project-parallax-img-4 {
position: absolute;
top: 170px;
right: -340px;
}
#footer {
background: url(../images/taskon_1/footer_bg.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
padding-top: 75px;
}
/*****************Project v1.1******************/
/****************Media querys*****************/
@media only screen and (max-width: 1199px) {
.green-project-devices-img img {width: 80%;margin: 0;}
}
@media only screen and (max-width: 991px) {
.create-payment img {width: 80%;}
.create-payment-text-1 {left: 405px; top: -25px;}
.create-payment-text-2 {top: 110px;}
.create-payment-text-3 {top: 210px; padding-right: 30px;}
.create-payment-text-4 {top: 390px; padding-right: 30px;}
.report-operations {margin: 55px 0;}
.report-operations img {width: 100%;}
.report-operations-text-1 {right: 20px;}
.report-operations-text-2 {left: 200px; bottom: -20px;}
.create-catalog img {width: 85%;}
.create-catalog-text-1 {top: 110px;}
.create-catalog-text-2 {top: 175px;}
.create-catalog-text-3 {top: 295px;}
.taskon-under-header-and-preview {padding-top: 270px;}
.taskon-under-section {margin-top: -350px;}
.taskon-under-header-and-preview h2 {margin-top: 30px;}
}
@media only screen and (max-width: 768px) {
.taskon-1-list a.keys_test_btn {top: -90px;}
.taskon-tool-1 {margin-top: 100px;}
.taskon-project-section .introduction {text-align: justify;}
.taskon-project-section h3 {font-size: 22px;}
.create-payment img {width: 100%;margin: 20% 0 60%;}
.create-payment-text-1 {top: 540px; left: 0;padding: 0; max-width: 100%;}
.create-payment-text-2 {top: 585px; left: 0;padding: 0; max-width: 100%;}
.create-payment-text-3 {top: 630px; left: 0;padding: 0; max-width: 100%;}
.create-payment-text-4 {top: 705px; left: 0;padding: 0; max-width: 100%;}
.serial-number-over {display: block;}
.create-pay-mobile {display: block;}
.create-pay-mobile-1 {left: 175px; top: 55px;}
.create-pay-mobile-2 {top: 183px;}
.create-pay-mobile-3 {top: 280px;}
.create-pay-mobile-4 {top: 410px;}
.report-operations {max-width: 65px 0;}
.report-operations-text-1 {right: 0;top: -30px;}
.report-operations-text-2 {bottom: -30px; left: 120px;}
.create-catalog-paragraph {text-align: justify;line-height: 22px;}
.create-catalog img {width: 100%; margin-bottom: 25%;}
.create-catalog-mobile-1 {top: 75px;}
.create-catalog-mobile-2 {top: 140px;}
.create-catalog-mobile-3 {top: 205px;}
.create-catalog-text-1 {top: 370px; max-width: 100%;}
.create-catalog-text-2 {top: 400px; max-width: 100%;}
.create-catalog-text-3 {top: 445px; max-width: 100%;}
.taskon-under-section {background: #2d323a; margin: 0;}
.taskon-down-parallax {display: none;}
.taskon-under-header-and-preview {padding-top: 0;}
.taskon-under-header-and-preview p {padding-top: 50px;}
}
@media only screen and (max-width: 479px) {
.taskon-1-tablet-img {display: block;width: 100%;margin: 0 auto;top: 210px;margin-right: 70px;}
.taskon-1-list a.keys_test_btn {display: none;}
.taskon-tool-list {background: #2d323a; margin: 0;}
.taskon-tool-1 {margin-top: 30px;}
.taskon-tool-1 h2 {text-align: center;}
.taskon-section-padding {padding: 15px 0;}
.taskon-project-section h3 {font-size: 20px; text-align: center;}
.taskon-project-section .introduction {padding: 30px 0 20px;}
.green-project-list-style li {font-size: 16px;}
.create-pay-mobile-1 {left: 110px; top: 30px;}
.create-pay-mobile-2 {top: 113px;}
.create-pay-mobile-3 {top: 173px;}
.create-pay-mobile-4 {top: 260px;}
.create-payment-text-1 {top: 345px;}
.create-payment-text-2 {top: 420px;}
.create-payment-text-3 {top: 480px;}
.create-payment-text-4 {top: 585px;}
.create-payment img {margin: 20% 0 345px;}
.report-operations {margin: 80px 0 30px;}
.report-operations-text-1 {padding: 0;text-align: right;right: 20px; top: -40px;}
.report-operations-text-2 {padding: 0;bottom: -25px; left: 70px;}
.create-catalog-mobile-1 {top: 40px;}
.create-catalog-mobile-2 {top: 84px;}
.create-catalog-mobile-3 {top: 125px;}
.create-catalog img {margin-bottom: 45%;}
.create-catalog-text-1 {top: 240px;}
.create-catalog-text-2 {top: 280px;}
.create-catalog-text-3 {top: 335px;}
.taskon-under-header-and-preview h2 {font-size: 20px;text-align: center;}
.taskon-under-header-and-preview p {padding-top: 40px;}
.taskon-advantage-item {text-align: center;}
.taskon-advantage-item img {margin: 0;}
.taskon-advantage-item h4 {padding-left: 20px;}
.taskon-advantage-item p {padding-right: 0;}
.taskon-advantage-full {margin-bottom: 50px;}
}
/****************Media querys*****************/
\ No newline at end of file
frontend/web/css/main-v2.css 0 → 100644
View file @ d13f3a98
html {overflow-x: hidden;}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* .green-project-content-block {
min-height: 640px;
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;
}
.green-project-phone-icon {
background: url(../images/green/phone.png) no-repeat;
}
.green-project-devices-img {
position: absolute;
top: 210px;
right: -100px;
z-index: 3;
}
.green-project-triangle-1 {
position: absolute;
top: -100px;
left: -460px;
z-index: 4;
}
.green-project-triangle-2 {
position: absolute;
top: 270px;
left: -350px;
z-index: 4;
}
.green-project-triangle-3 {
position: absolute;
top: 350px;
right: -230px;
z-index: 4;
}
.green-project-triangle-4 {
position: absolute;
top: -80px;
right: -390px;
z-index: 4;
}
.green-project-cont {
min-height: 638px;
position: relative;
}
.green-project-headline-block {
padding-top: 50px;
}
.green-project-content-block h1 {
font-size: 45px;
line-height: 75px;
font-family: "RobotoBold";
color: #fff;
}
.green-project-content-block h1 span {
background: #2d323a;
padding: 5px;
}
.strong-task {
display: inline-block;
margin-bottom: 10px;
}
.green-project-headline-block {
font-size: 17px;
line-height: 29px;
color: #fff;
}
.green-project-headline-block strong {color: #fff;}
.logo_promteh {
position: absolute;
right: 0;
top: 70px;
font-size: 16px;
font-weight: bold;
}
.logo_promteh span {display: block;}
.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 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;}
@media only screen and (max-width: 1199px) {
.green-project-devices-img img {width: 80%;margin-left: 50px;margin-top: 50px;}
}
@media only screen and (max-width: 969px) {
.green-project-content-block h1 {font-size: 35px;line-height: 62px;}
.green-project-triangle-1,.green-project-triangle-2,.green-project-triangle-3,.green-project-triangle-4 {display: none;}
.green-project-cont {background-size: 55%;}
.logo_promteh {top: 60px;}
.logo_promteh img {float: right;}
.green-project-devices-img img {width: 60%;margin-left: 30%; margin-top: 10%;}
.green-project-list-style li {font-size: 20px;}
}
@media only screen and (max-width: 768px) {
.green-project-cont {min-height: 460px;}
.green-project-content-block {min-height: 460px;}
.green-project-content-block h1 {font-size: 28px;line-height: 53px;}
.logo_promteh {top: 220px;display: none;}
.green-project-target-block {padding-top: 65px;}
}
@media only screen and (max-width: 479px) {
.green-project-devices-img {
display: block;
margin-left: 30px;
margin-top: -20px;
}
.green-project-devices-img img {margin-left: 0; margin-top: 0;}
.green-project-content-block {min-height: 560px;}
.logo_promteh {display: none;}
.top_keys_promteh h1 {font-size: 26px;line-height: 30px;}
.green-project-cont {background: none;}
.green-project-content-block h1 {font-size: 18px;line-height: 40px;text-align: center;}
.green-project-target-block {padding-top: 35px;margin-top: 180px;}
.green-project-cont {min-height: 20px;}
.top_keys_promteh {min-height: 500px;}
}
/*****************Project v1.1******************/
.taskon-project-taskmanager-header {
background: url(../images/taskon_2/taskon-header-bg.jpg) no-repeat center 0;
}
.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 {
color: #171b22;
font-size: 20px;
font-weight: bold;
}
.taskon-1-list a.keys_test_btn {
top: -170px;
display: inline-block;
}
.the_hat {
background: #2d323a;
}
.taskon-taskmanager-header-image {
position: absolute;
top: 300px;
right: -165px;
z-index: 1;
}
.taskon-taskmanager-parallax-window {
position: absolute;
bottom: -180px;
right: -90px;
z-index: 10;
}
.taskon-tool-1 h2 {
display: inline-block;
padding: 10px 15px;
color: #2d323a;
font-weight: bold;
font-size: 30px;
background: #9fe306;
}
.taskon-1-list-style {
padding: 30px 0;
margin: 0;
}
.taskon-1-list-style li {
color: #fff;
background-position: 0 50%;
}
.e_cat_two_scroll4 .taskon-tool-1 h2 {
background: #9fe306;
color: #2d323a;
}
.taskon-task-list li:last-child {
margin-bottom: 0;
}
.taskon-task-vista-system {
margin-top: 50px;
}
.taskon-taskmanager-section {
background: #fff;
}
.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;
background: #2d323a;
}
.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;
position: absolute;
max-width: 280px;
top: 60px;
left: 145px;
text-align: right;
}
.taskon-taskmanagement-text-2 {
display: inline-block;
position: absolute;
max-width: 280px;
top: 60px;
left: 405px;
text-align: right;
padding-left: 90px;
}
.taskon-taskmanagement-text-3 {
display: inline-block;
position: absolute;
max-width: 280px;
top: 60px;
right: -10px;
text-align: right;
padding-left: 70px;
}
.taskon-taskmanagement-text-4 {
display: inline-block;
position: absolute;
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;
}
.taskon-mobile-all {
display: none;
position: absolute;
font-size: 20px;
color: #389b30;
}
.taskon-task-setting-text-1 {
max-width: 700px;
padding-right: 30px;
position: absolute;
top: 63px;
left: 190px;
}
.taskon-task-setting img {margin: 7% 0 0;}
.taskon-task-sorting-text-1 {
display: inline-block;
position: absolute;
max-width: 300px;
top: 60px;
left: 185px;
}
.taskon-task-sorting-text-2 {
display: inline-block;
position: absolute;
bottom: 0;
left: 185px;
}
.taskon-task-sorting img {margin: 7% 0 0;}
.taskon-task-add-text-1 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 35px;
left: 375px;
padding-right: 30px;
}
.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;
}
.taskon-task-add-text-4 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 295px;
left: 0;
padding-right: 90px;
}
.taskon-task-add-text-5 {
display: inline-block;
max-width: 250px;
position: absolute;
bottom: 230px;
left: 0;
padding-right: 100px;
}
.taskon-task-add img {
margin: 10% 0 0;
float: right;
}
.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_2/sbg.png) no-repeat center center / cover;
}
.taskon-task-create-process {
position: relative;
padding-top: 200px;
}
.taskon-task-create-process h2,
.taskon-task-data-protection h2 {
display: inline-block;
font-family: "RobotoBold", Tahoma, Arial, sans-serif;
font-size: 30px;
padding: 13px 15px;
color: #fff;
background: #7db337;
}
.taskon-task-create-process p {
padding: 100px 0 200px;
max-width: 450px;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.taskon-task-create-process img {
position: absolute;
right: -35px;
top: 110px;
}
.taskon-task-data-protection p {
padding: 50px 0 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.taskon-task-worth {padding: 30px 0 0;}
.taskon-task-worth-item {margin-bottom: 30px;}
.taskon-task-worth-item img {margin-left: -50px;}
.taskon-task-worth-item h4 {
font-family: Tahoma, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin-top: -25px;
padding-left: 30px;
color: #a2f0e1;
background: url(../images/taskon_1/check-under.png) no-repeat 0 50%;
}
.taskon-task-worth-item p {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
padding-top: 30px;
padding-right: 50px;
line-height: 20px;
color: #fff;
}
.taskon-task-worth-full {margin-bottom: 100px;}
.taskon-taskmanager-parallax-img-1 {
position: absolute;
top: 400px;
left: -420px;
}
.taskon-taskmanager-parallax-img-2 {
position: absolute;
bottom: 0;
left: -330px;
}
.taskon-taskmanager-parallax-img-3 {
position: absolute;
top: 740px;
right: -400px;
}
.taskon-taskmanager-parallax-img-4 {
position: absolute;
bottom: 190px;
right: -100px;
}
#footer {
background: url(../images/taskon_1/footer_bg.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
padding-top: 75px;
}
/*****************Project v1.1******************/
/****************Media querys*****************/
@media only screen and (max-width: 1199px) {
.taskon-taskmanager-header-image {top: 330px;left: 340px;}
.taskon-taskmanager-header-image img {width: 80%;}
.taskon-taskmanager-parallax-window {bottom: -185px;right: -20px;}
.taskon-taskmanagement-complex img {width: 100%;}
.taskon-taskmanagement-text-1 {left: 110px;}
.taskon-taskmanagement-text-2 {left: 350px;}
.taskon-taskmanagement-text-3 {right: 63px;}
.taskon-taskmanagement-text-4 {left: 243px;}
.taskon-taskmanagement-text-5 {right: -13px;}
.taskon-taskmanager-section-sixth {margin-top: -160px;}
}
@media only screen and (max-width: 991px) {
.taskon-project-taskmanager-header {-webkit-background-size: cover;background-size: cover;}
.taskon-taskmanager-header-image {top: 450px; left: 340px;}
.taskon-taskmanager-header-image img {margin: 0;}
.taskon-taskmanager-parallax-window {right: -60px;bottom: -250px;}
.taskon-taskmanager-section h3 {font-size: 24px;}
.taskon-taskmanagement-complex img {margin: 10% 0;}
.taskon-taskmanagement-text-1 {left: 20px;}
.taskon-taskmanagement-text-2 {left: 205px; top: 35px; padding-left: 115px;}
.taskon-taskmanagement-text-3 {right: 50px;padding-left: 110px;top: 69px;}
.taskon-taskmanagement-text-4 {left: 185px; bottom: 60px;}
.taskon-taskmanagement-text-5 {right: -75px; bottom: 60px;}
.taskon-task-setting-text-1 {top: 48px;}
.taskon-task-sorting img {width: 100%;}
.taskon-task-sorting-text-1 {top: 45px; left: 155px;}
.taskon-task-sorting-text-2 {left: 155px;}
.taskon-task-add img {width: 90%; margin: 15% 0 0;}
.taskon-task-add-text-1 {padding-right: 0;max-width: 220px; top: 50px; left: 250px;}
.taskon-task-add-text-2 {top: 50px; right: -20px; max-width: 250px; padding-right: 0;}
.taskon-task-add-text-3 {padding-right: 0; max-width: 150px; top: 135px;}
.taskon-task-add-text-4 {top: 245px;}
.taskon-task-add-text-5 {bottom: 170px;}
.taskon-task-notification img {width: 100%; margin: 15% 0 0;}
.taskon-task-notification-text-1 {top: 65px; left: 0;}
.taskon-task-notification-text-2 {top: 65px; left: 235px;}
.taskon-task-notification-text-3 {top: 65px; right: 60px;}
.taskon-taskmanager-section-sixth {margin-top: -240px;}
.taskon-task-create-process {padding-top: 250px;}
.taskon-task-create-process img {top: 140px; width: 70%;}
}
@media only screen and (max-width: 768px) {
.taskon-1-list a.keys_test_btn {top: -90px;}
.taskon-tool-1 {margin-top: 100px;}
.taskon-project-section .introduction {text-align: justify;}
.taskon-project-section h3 {font-size: 22px;}
.taskon-task-top-parallax {display: none;}
.taskon-taskmanager-header-image {display: block;}
.taskon-taskmanager-parallax-window {display: block;}
.taskon-taskmanager-tool-list {margin-top: -190px;}
.taskon-taskmanager-header-image img {width: 60%;}
.taskon-taskmanager-header-image {left: 150px;top: 450px;}
.taskon-taskmanager-parallax-window img {width: 80%;}
.taskon-taskmanager-parallax-window {bottom: -220px; right: -80px;}
.taskon-task-list li {font-size: 16px;}
.taskon-taskmanager-section h3 {font-size: 22px;text-align: center;}
.taskon-mobile-all {display: block;}
.taskon-taskmanagement-complex img {margin: 10% 0 50%;}
.taskon-taskmanagement-text-1 {max-width: 100%;left: 0;top: 440px;text-align: left;padding: 0;}
.taskon-taskmanagement-text-2 {max-width: 100%;left: 0;top: 485px;text-align: left;padding: 0;}
.taskon-taskmanagement-text-3 {max-width: 100%;left: 0;top: 530px;text-align: left;padding: 0;}
.taskon-taskmanagement-text-4 {max-width: 100%;left: 0;top: 560px;text-align: left;padding: 0;}
.taskon-taskmanagement-text-5 {max-width: 100%;left: 0;top: 605px;text-align: left;padding: 0;}
.taskon-taskmanagement-mobile-1 {top: 40px; left: 155px;}
.taskon-taskmanagement-mobile-2 {top: 40px; left: 265px;}
.taskon-taskmanagement-mobile-3 {top: 40px; left: 373px;}
.taskon-taskmanagement-mobile-4 {bottom: 215px; left: 110px;}
.taskon-taskmanagement-mobile-5 {bottom: 215px; right: 100px;}
.taskon-task-setting img {width: 100%;margin: 7% 0 15%;}
.taskon-task-setting-mobile {left: 115px; top: 25px;}
.taskon-task-setting-text-1 {max-width: 100%; left: 0; top: 235px; text-align: left; padding: 0;}
.taskon-task-sorting img {margin: 10% 0 20%;}
.taskon-task-sorting-mobile-1 {top: 25px; left: 95px;}
.taskon-task-sorting-mobile-2 {bottom: 85px; left: 95px;}
.taskon-task-sorting-text-1 {left: 0; top: 280px;max-width: 100%;padding: 0;}
.taskon-task-sorting-text-2 {left: 0; bottom: 0;max-width: 100%;padding: 0;}
.taskon-task-add img {width: 100%; margin: 15% 0 60%;}
.taskon-task-add-text-1 {max-width: 100%; padding: 0; left: 0; top: 470px;}
.taskon-task-add-text-2 {max-width: 100%; padding: 0; left: 0; top: 520px;}
.taskon-task-add-text-3 {max-width: 100%; padding: 0; left: 0; top: 570px;}
.taskon-task-add-text-4 {max-width: 100%; padding: 0; left: 0; top: 618px;}
.taskon-task-add-text-5 {max-width: 100%; padding: 0; left: 0; bottom: 20px;}
.taskon-task-add-mobile-1 {top: 40px; left: 175px;}
.taskon-task-add-mobile-2 {top: 40px; right: 70px;}
.taskon-task-add-mobile-3 {top: 105px; left: 0;}
.taskon-task-add-mobile-4 {top: 188px; left: 0;}
.taskon-task-add-mobile-5 {top: 320px; left: 0;}
.taskon-task-notification-description p {text-align: left;padding: 0;}
.taskon-task-notification img {margin: 15% 0 30%;}
.taskon-task-notification-text-1 {max-width: 100%; left: 0; top: 270px;}
.taskon-task-notification-text-2 {max-width: 100%; left: 0; top: 300px;}
.taskon-task-notification-text-3 {max-width: 100%; left: 0; top: 330px;}
.taskon-task-notification-mobile-1 {left: 30px; top: 40px;}
.taskon-task-notification-mobile-2 {left: 175px; top: 40px;}
.taskon-task-notification-mobile-3 {right: 75px; top: 40px;}
.taskon-taskmanager-section-sixth {background: #2d323a; margin: 0;}
.taskon-task-create-process {padding-top: 50px;}
.taskon-task-create-process h2 {text-align: center;}
.taskon-task-create-process p {padding: 300px 0 50px; text-align: left;}
.taskon-task-create-process img {width: 100%; left: 0;}
.taskon-down-parallax {display: none;}
.taskon-task-worth-item {text-align: center;}
.taskon-task-worth-item img {margin: 0;}
.taskon-task-worth-item h4 {display: inline-block;}
.taskon-task-worth-item p {padding-right: 0;}
.taskon-task-data-protection p {text-align: left;}
}
@media only screen and (max-width: 479px) {
.taskon-1-tablet-img {display: block;width: 100%;margin: 0 auto;top: 210px;margin-right: 70px;}
.taskon-1-list a.keys_test_btn {display: none;}
.taskon-taskmanager-tool-list {background: #2d323a; margin: 0;}
.taskon-taskmanager-section h3 {margin-top: 40px;}
.taskon-tool-1 {margin-top: 30px;}
.taskon-tool-1 h2 {text-align: center;}
.taskon-project-section h3 {font-size: 20px; text-align: center;}
.green-project-list-style li {font-size: 16px;}
.taskon-taskmanager-header-image {width: 100%; margin: 0; top: 210px; left: 70px; z-index: 0;}
.taskon-taskmanager-parallax-window {width: 80%; margin: 0; top: 245px; left: 120px;}
.taskon-task-target-header {text-align: center; padding: 40px 0 30px;}
.taskon-taskmanagement-complex img {margin: 12% 0 270px;}
.taskon-taskmanagement-mobile-1 {top: 20px; left: 90px;}
.taskon-taskmanagement-mobile-2 {top: 20px; left: 160px;}
.taskon-taskmanagement-mobile-3 {top: 20px; left: 230px;}
.taskon-taskmanagement-mobile-4 {bottom: 270px; left: 75px;}
.taskon-taskmanagement-mobile-5 {bottom: 270px; right: 55px;}
.taskon-taskmanagement-text-1 {top: 295px; left: 0;}
.taskon-taskmanagement-text-2 {top: 340px; left: 0;}
.taskon-taskmanagement-text-3 {top: 405px; left: 0;}
.taskon-taskmanagement-text-4 {top: 450px; left: 0;}
.taskon-taskmanagement-text-5 {top: 515px; left: 0;}
.taskon-task-setting img {margin: 10% 0 95px;}
.taskon-task-setting-text-1 {top: 170px;}
.taskon-task-setting-mobile {top: 15px; left: 75px;}
.taskon-task-sorting img {margin: 15% 0 110px;}
.taskon-task-sorting-mobile-1 {left: 60px;}
.taskon-task-sorting-mobile-2 {left: 60px; bottom: 105px;}
.taskon-task-sorting-text-1 {top: 210px;}
.taskon-task-sorting-text-2 {bottom: 0;}
.taskon-task-add img {margin: 20% 0 275px;}
.taskon-task-add-mobile-1 {left: 115px; top: 30px;}
.taskon-task-add-mobile-2 {right: 38px; top: 30px;}
.taskon-task-add-mobile-3 {top: 73px; left: 0;}
.taskon-task-add-mobile-4 {top: 125px; left: 0;}
.taskon-task-add-mobile-5 {top: 210px; left: 0;}
.taskon-task-add-text-1 {top: 315px; left: 0;}
.taskon-task-add-text-2 {top: 360px; left: 0;}
.taskon-task-add-text-3 {top: 420px; left: 0;}
.taskon-task-add-text-4 {top: 470px; left: 0;}
.taskon-task-add-text-5 {bottom: 0; left: 0;}
.taskon-task-notification img {margin: 20% 0 150px;width: 100%;}
.taskon-task-notification-mobile-1 {top: 35px; left: 30px;}
.taskon-task-notification-mobile-2 {top: 35px; left: 120px;}
.taskon-task-notification-mobile-3 {top: 35px; right: 35px;}
.taskon-task-notification-text-1 {left: 0; top: 190px;}
.taskon-task-notification-text-2 {left: 0; top: 235px;}
.taskon-task-notification-text-3 {left: 0; top: 280px;}
.taskon-task-create-process p {padding: 190px 0 50px;}
.taskon-task-data-protection p {text-align: left;}
}
/****************Media querys*****************/
\ No newline at end of file
frontend/web/css/main.css
View file @ d13f3a98
......@@ -156,671 +156,671 @@ html {overflow-x: hidden;}
}
/*****************Project v1.1******************/
.taskon-project-taskmanager-header {
background: url(/images/taskon_2/taskon-header-bg.jpg) no-repeat center 0;
}
.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 {
color: #171b22;
font-size: 20px;
font-weight: bold;
}
.taskon-1-list a.keys_test_btn {
top: -170px;
display: inline-block;
}
.the_hat {
background: #2d323a;
}
.taskon-taskmanager-header-image {
position: absolute;
top: 300px;
right: -165px;
z-index: 1;
}
.taskon-taskmanager-parallax-window {
position: absolute;
bottom: -180px;
right: -90px;
z-index: 10;
}
.taskon-tool-1 h2 {
display: inline-block;
padding: 10px 15px;
color: #2d323a;
font-weight: bold;
font-size: 30px;
background: #9fe306;
}
.taskon-1-list-style {
padding: 30px 0;
margin: 0;
}
.taskon-1-list-style li {
color: #fff;
background-position: 0 50%;
}
.e_cat_two_scroll4 .taskon-tool-1 h2 {
background: #9fe306;
color: #2d323a;
}
.taskon-task-list li:last-child {
margin-bottom: 0;
}
.taskon-task-vista-system {
margin-top: 50px;
}
.taskon-taskmanager-section {
background: #fff;
}
.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;
background: #2d323a;
}
.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;
position: absolute;
max-width: 280px;
top: 60px;
left: 145px;
text-align: right;
}
.taskon-taskmanagement-text-2 {
display: inline-block;
position: absolute;
max-width: 280px;
top: 60px;
left: 405px;
text-align: right;
padding-left: 90px;
}
.taskon-taskmanagement-text-3 {
display: inline-block;
position: absolute;
max-width: 280px;
top: 60px;
right: -10px;
text-align: right;
padding-left: 70px;
}
.taskon-taskmanagement-text-4 {
display: inline-block;
position: absolute;
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;
}
.taskon-mobile-all {
display: none;
position: absolute;
font-size: 20px;
color: #389b30;
}
.taskon-task-setting-text-1 {
max-width: 700px;
padding-right: 30px;
position: absolute;
top: 63px;
left: 190px;
}
.taskon-task-setting img {margin: 7% 0 0;}
.taskon-task-sorting-text-1 {
display: inline-block;
position: absolute;
max-width: 300px;
top: 60px;
left: 185px;
}
.taskon-task-sorting-text-2 {
display: inline-block;
position: absolute;
bottom: 0;
left: 185px;
}
.taskon-task-sorting img {margin: 7% 0 0;}
.taskon-task-add-text-1 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 35px;
left: 375px;
padding-right: 30px;
}
.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;
}
.taskon-task-add-text-4 {
display: inline-block;
max-width: 250px;
position: absolute;
top: 295px;
left: 0;
padding-right: 90px;
}
.taskon-task-add-text-5 {
display: inline-block;
max-width: 250px;
position: absolute;
bottom: 230px;
left: 0;
padding-right: 100px;
}
.taskon-task-add img {
margin: 10% 0 0;
float: right;
}
.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_2/sbg.png) no-repeat center center / cover;
}
.taskon-task-create-process {
position: relative;
padding-top: 200px;
}
.taskon-task-create-process h2,
.taskon-task-data-protection h2 {
display: inline-block;
font-family: "RobotoBold", Tahoma, Arial, sans-serif;
font-size: 30px;
padding: 13px 15px;
color: #fff;
background: #7db337;
}
.taskon-task-create-process p {
padding: 100px 0 200px;
max-width: 450px;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.taskon-task-create-process img {
position: absolute;
right: -35px;
top: 110px;
}
.taskon-task-data-protection p {
padding: 50px 0 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.taskon-task-worth {padding: 30px 0 0;}
.taskon-task-worth-item {margin-bottom: 30px;}
.taskon-task-worth-item img {margin-left: -50px;}
.taskon-task-worth-item h4 {
font-family: Tahoma, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin-top: -25px;
padding-left: 30px;
color: #a2f0e1;
background: url(/images/taskon_1/check-under.png) no-repeat 0 50%;
}
.taskon-task-worth-item p {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
padding-top: 30px;
padding-right: 50px;
line-height: 20px;
color: #fff;
}
.taskon-task-worth-full {margin-bottom: 100px;}
.taskon-taskmanager-parallax-img-1 {
position: absolute;
top: 400px;
left: -420px;
}
.taskon-taskmanager-parallax-img-2 {
position: absolute;
bottom: 0;
left: -330px;
}
.taskon-taskmanager-parallax-img-3 {
position: absolute;
top: 740px;
right: -400px;
}
.taskon-taskmanager-parallax-img-4 {
position: absolute;
bottom: 190px;
right: -100px;
}
#footer {
background: url(/images/taskon_1/footer_bg.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
padding-top: 75px;
}
/*****************Project v1.1******************/
/*****************Project v1.1******************/
.taskon-project-content-block {
background: url(/images/taskon_1/head-bg-2.1.jpg) no-repeat center 0;
}
.taskon-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;
}
.taskon-1-target strong {
color: #171b22;
font-size: 20px;
font-weight: bold;
}
.taskon-1-list a.keys_test_btn {
top: -170px;
display: inline-block;
}
.the_hat {
background: #2d323a;
}
.taskon-1-tablet-img {
position: absolute;
top: 320px;
left: 340px;
z-index: 3;
}
.taskon-tool-1 h2 {
display: inline-block;
padding: 10px 15px;
color: #2d323a;
font-weight: bold;
font-size: 30px;
background: #9fe306;
}
.taskon-1-list-style {
padding: 30px 0 50px;
margin: 0;
}
.taskon-1-list-style li {
color: #fff;
background-position: 0 50%;
}
.e_cat_two_scroll4 .taskon-tool-1 h2 {
background: #9fe306;
color: #2d323a;
}
.taskon-project-section {
background: #fff;
}
.taskon-section-padding {
padding: 20px 0;
}
.taskon-project-section .introduction {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
color: #2a2f33;
padding: 60px 0;
}
.create-payment {
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
text-align: left;
color: #2a2f33;
position: relative;
}
.taskon-project-section h3 {
font-family: "RobotoBold", Arial, Tahoma, sans-serif;
font-size: 30px;
color: #fff;
padding: 13px 15px;
background: #2d323a;
display: inline-block;
}
.create-payment-text-1 {
display: inline-block;
max-width: 300px;
position: absolute;
top: 0;
left: 470px;
}
.create-payment-text-2 {
max-width: 300px;
position: absolute;
top: 190px;
left: 0;
padding-right: 60px;
}
.create-payment-text-3 {
max-width: 300px;
position: absolute;
left: 0;
top: 340px;
padding-right: 50px;
}
.create-payment-text-4 {
max-width: 300px;
position: absolute;
left: 0;
top: 610px;
padding-right: 50px;
}
.create-pay-mobile {display: none;}
.serial-number-over {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
color: #2d323a;
display: none;
}
.create-payment img {
float: right;
}
.report-operations {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height: 15px;
color: #2a2f33;
margin-bottom: 40px;
}
.report-operations-text-1 {
position: absolute;
top: -20px;
right: 30px;
max-width: 300px;
padding-right: 30px;
}
.report-operations-text-2 {
position: absolute;
bottom: -15px;
left: 250px;
max-width: 300px;
padding-right: 70px;
}
.create-catalog-paragraph {
padding: 30px 0;
font-size: 15px;
color: #2a2f33;
}
.create-catalog {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
color: #2b2e32;
padding-bottom: 50px;
}
.create-catalog img {float: right;}
.create-catalog-text-1 {
max-width: 200px;
position: absolute;
top: 165px;
left: 0;
}
.create-catalog-text-2 {
max-width: 200px;
position: absolute;
top: 265px;
left: 0;
}
.create-catalog-text-3 {
max-width: 200px;
position: absolute;
top: 425px;
left: 0;
}
.taskon-under-header-and-preview {padding-top: 200px;}
.taskon-under-section {
min-height: 800px;
max-height: 100%;
margin-top: -240px;
background: #fff url(/images/taskon_1/section-down-bg.png) no-repeat center center / cover;
}
.taskon-under-header-and-preview h2 {
display: inline-block;
font-family: "RobotoBold", Tahoma, Arial, sans-serif;
font-size: 30px;
padding: 13px 15px;
color: #fff;
background: #7db337;
}
.taskon-under-header-and-preview p {
padding-top: 80px;
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
color: #fff;
}
.taskon-under-advantage {
padding: 30px 0 0;
}
.taskon-advantage-item {
margin-bottom: 30px;
}
.taskon-advantage-item img {
margin-left: -50px;
}
.taskon-advantage-item h4 {
font-family: Tahoma, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin-top: -25px;
padding-left: 30px;
color: #a2f0e1;
background: url(/images/taskon_1/check-under.png) no-repeat 0 50%;
}
.taskon-advantage-item p {
font-family: Tahoma, Arial, sans-serif;
font-size: 16px;
padding-top: 30px;
padding-right: 50px;
line-height: 25px;
color: #fff;
}
.taskon-advantage-full {margin-bottom: 100px;}
.taskon-project-parallax-img-1 {
position: absolute;
top: 145px;
left: -375px;
}
.taskon-project-parallax-img-2 {
position: absolute;
bottom: -30px;
left: -320px;
}
.taskon-project-parallax-img-3 {
position: absolute;
bottom: 330px;
right: -140px;
}
.taskon-project-parallax-img-4 {
position: absolute;
top: 170px;
right: -340px;
}
#footer {
background: url(/images/taskon_1/footer_bg.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
padding-top: 75px;
}
/*****************Project v1.1******************/
/*!*****************Project v1.1******************!*/
/*.taskon-project-taskmanager-header {*/
/*background: url(/images/taskon_2/taskon-header-bg.jpg) no-repeat center 0;*/
/*}*/
/*.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 {*/
/*color: #171b22;*/
/*font-size: 20px;*/
/*font-weight: bold;*/
/*}*/
/*.taskon-1-list a.keys_test_btn {*/
/*top: -170px;*/
/*display: inline-block;*/
/*}*/
/*.the_hat {*/
/*background: #2d323a;*/
/*}*/
/*.taskon-taskmanager-header-image {*/
/*position: absolute;*/
/*top: 300px;*/
/*right: -165px;*/
/*z-index: 1;*/
/*}*/
/*.taskon-taskmanager-parallax-window {*/
/*position: absolute;*/
/*bottom: -180px;*/
/*right: -90px;*/
/*z-index: 10;*/
/*}*/
/*.taskon-tool-1 h2 {*/
/*display: inline-block;*/
/*padding: 10px 15px;*/
/*color: #2d323a;*/
/*font-weight: bold;*/
/*font-size: 30px;*/
/*background: #9fe306;*/
/*}*/
/*.taskon-1-list-style {*/
/*padding: 30px 0;*/
/*margin: 0;*/
/*}*/
/*.taskon-1-list-style li {*/
/*color: #fff;*/
/*background-position: 0 50%;*/
/*}*/
/*.e_cat_two_scroll4 .taskon-tool-1 h2 {*/
/*background: #9fe306;*/
/*color: #2d323a;*/
/*}*/
/*.taskon-task-list li:last-child {*/
/*margin-bottom: 0;*/
/*}*/
/*.taskon-task-vista-system {*/
/*margin-top: 50px;*/
/*}*/
/*.taskon-taskmanager-section {*/
/*background: #fff;*/
/*}*/
/*.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;*/
/*background: #2d323a;*/
/*}*/
/*.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;*/
/*position: absolute;*/
/*max-width: 280px;*/
/*top: 60px;*/
/*left: 145px;*/
/*text-align: right;*/
/*}*/
/*.taskon-taskmanagement-text-2 {*/
/*display: inline-block;*/
/*position: absolute;*/
/*max-width: 280px;*/
/*top: 60px;*/
/*left: 405px;*/
/*text-align: right;*/
/*padding-left: 90px;*/
/*}*/
/*.taskon-taskmanagement-text-3 {*/
/*display: inline-block;*/
/*position: absolute;*/
/*max-width: 280px;*/
/*top: 60px;*/
/*right: -10px;*/
/*text-align: right;*/
/*padding-left: 70px;*/
/*}*/
/*.taskon-taskmanagement-text-4 {*/
/*display: inline-block;*/
/*position: absolute;*/
/*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;*/
/*}*/
/*.taskon-mobile-all {*/
/*display: none;*/
/*position: absolute;*/
/*font-size: 20px;*/
/*color: #389b30;*/
/*}*/
/*.taskon-task-setting-text-1 {*/
/*max-width: 700px;*/
/*padding-right: 30px;*/
/*position: absolute;*/
/*top: 63px;*/
/*left: 190px;*/
/*}*/
/*.taskon-task-setting img {margin: 7% 0 0;}*/
/*.taskon-task-sorting-text-1 {*/
/*display: inline-block;*/
/*position: absolute;*/
/*max-width: 300px;*/
/*top: 60px;*/
/*left: 185px;*/
/*}*/
/*.taskon-task-sorting-text-2 {*/
/*display: inline-block;*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 185px;*/
/*}*/
/*.taskon-task-sorting img {margin: 7% 0 0;}*/
/*.taskon-task-add-text-1 {*/
/*display: inline-block;*/
/*max-width: 250px;*/
/*position: absolute;*/
/*top: 35px;*/
/*left: 375px;*/
/*padding-right: 30px;*/
/*}*/
/*.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;*/
/*}*/
/*.taskon-task-add-text-4 {*/
/*display: inline-block;*/
/*max-width: 250px;*/
/*position: absolute;*/
/*top: 295px;*/
/*left: 0;*/
/*padding-right: 90px;*/
/*}*/
/*.taskon-task-add-text-5 {*/
/*display: inline-block;*/
/*max-width: 250px;*/
/*position: absolute;*/
/*bottom: 230px;*/
/*left: 0;*/
/*padding-right: 100px;*/
/*}*/
/*.taskon-task-add img {*/
/*margin: 10% 0 0;*/
/*float: right;*/
/*}*/
/*.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_2/sbg.png) no-repeat center center / cover;*/
/*}*/
/*.taskon-task-create-process {*/
/*position: relative;*/
/*padding-top: 200px;*/
/*}*/
/*.taskon-task-create-process h2,*/
/*.taskon-task-data-protection h2 {*/
/*display: inline-block;*/
/*font-family: "RobotoBold", Tahoma, Arial, sans-serif;*/
/*font-size: 30px;*/
/*padding: 13px 15px;*/
/*color: #fff;*/
/*background: #7db337;*/
/*}*/
/*.taskon-task-create-process p {*/
/*padding: 100px 0 200px;*/
/*max-width: 450px;*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 16px;*/
/*line-height: 20px;*/
/*color: #fff;*/
/*}*/
/*.taskon-task-create-process img {*/
/*position: absolute;*/
/*right: -35px;*/
/*top: 110px;*/
/*}*/
/*.taskon-task-data-protection p {*/
/*padding: 50px 0 0;*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 16px;*/
/*line-height: 20px;*/
/*color: #fff;*/
/*}*/
/*.taskon-task-worth {padding: 30px 0 0;}*/
/*.taskon-task-worth-item {margin-bottom: 30px;}*/
/*.taskon-task-worth-item img {margin-left: -50px;}*/
/*.taskon-task-worth-item h4 {*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 22px;*/
/*font-weight: bold;*/
/*margin-top: -25px;*/
/*padding-left: 30px;*/
/*color: #a2f0e1;*/
/*background: url(/images/taskon_1/check-under.png) no-repeat 0 50%;*/
/*}*/
/*.taskon-task-worth-item p {*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 16px;*/
/*padding-top: 30px;*/
/*padding-right: 50px;*/
/*line-height: 20px;*/
/*color: #fff;*/
/*}*/
/*.taskon-task-worth-full {margin-bottom: 100px;}*/
/*.taskon-taskmanager-parallax-img-1 {*/
/*position: absolute;*/
/*top: 400px;*/
/*left: -420px;*/
/*}*/
/*.taskon-taskmanager-parallax-img-2 {*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: -330px;*/
/*}*/
/*.taskon-taskmanager-parallax-img-3 {*/
/*position: absolute;*/
/*top: 740px;*/
/*right: -400px;*/
/*}*/
/*.taskon-taskmanager-parallax-img-4 {*/
/*position: absolute;*/
/*bottom: 190px;*/
/*right: -100px;*/
/*}*/
/*#footer {*/
/*background: url(/images/taskon_1/footer_bg.png) no-repeat center center;*/
/*-webkit-background-size: cover;*/
/*background-size: cover;*/
/*width: 100%;*/
/*padding-top: 75px;*/
/*}*/
/*!*****************Project v1.1******************!*/
/*!*****************Project v1.1******************!*/
/*.taskon-project-content-block {*/
/*background: url(/images/taskon_1/head-bg-2.1.jpg) no-repeat center 0;*/
/*}*/
/*.taskon-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;*/
/*}*/
/*.taskon-1-target strong {*/
/*color: #171b22;*/
/*font-size: 20px;*/
/*font-weight: bold;*/
/*}*/
/*.taskon-1-list a.keys_test_btn {*/
/*top: -170px;*/
/*display: inline-block;*/
/*}*/
/*.the_hat {*/
/*background: #2d323a;*/
/*}*/
/*.taskon-1-tablet-img {*/
/*position: absolute;*/
/*top: 320px;*/
/*left: 340px;*/
/*z-index: 3;*/
/*}*/
/*.taskon-tool-1 h2 {*/
/*display: inline-block;*/
/*padding: 10px 15px;*/
/*color: #2d323a;*/
/*font-weight: bold;*/
/*font-size: 30px;*/
/*background: #9fe306;*/
/*}*/
/*.taskon-1-list-style {*/
/*padding: 30px 0 50px;*/
/*margin: 0;*/
/*}*/
/*.taskon-1-list-style li {*/
/*color: #fff;*/
/*background-position: 0 50%;*/
/*}*/
/*.e_cat_two_scroll4 .taskon-tool-1 h2 {*/
/*background: #9fe306;*/
/*color: #2d323a;*/
/*}*/
/*.taskon-project-section {*/
/*background: #fff;*/
/*}*/
/*.taskon-section-padding {*/
/*padding: 20px 0;*/
/*}*/
/*.taskon-project-section .introduction {*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 16px;*/
/*line-height: 25px;*/
/*color: #2a2f33;*/
/*padding: 60px 0;*/
/*}*/
/*.create-payment {*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 15px;*/
/*text-align: left;*/
/*color: #2a2f33;*/
/*position: relative;*/
/*}*/
/*.taskon-project-section h3 {*/
/*font-family: "RobotoBold", Arial, Tahoma, sans-serif;*/
/*font-size: 30px;*/
/*color: #fff;*/
/*padding: 13px 15px;*/
/*background: #2d323a;*/
/*display: inline-block;*/
/*}*/
/*.create-payment-text-1 {*/
/*display: inline-block;*/
/*max-width: 300px;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 470px;*/
/*}*/
/*.create-payment-text-2 {*/
/*max-width: 300px;*/
/*position: absolute;*/
/*top: 190px;*/
/*left: 0;*/
/*padding-right: 60px;*/
/*}*/
/*.create-payment-text-3 {*/
/*max-width: 300px;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 340px;*/
/*padding-right: 50px;*/
/*}*/
/*.create-payment-text-4 {*/
/*max-width: 300px;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 610px;*/
/*padding-right: 50px;*/
/*}*/
/*.create-pay-mobile {display: none;}*/
/*.serial-number-over {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*font-size: 20px;*/
/*color: #2d323a;*/
/*display: none;*/
/*}*/
/*.create-payment img {*/
/*float: right;*/
/*}*/
/*.report-operations {*/
/*position: relative;*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 15px;*/
/*line-height: 15px;*/
/*color: #2a2f33;*/
/*margin-bottom: 40px;*/
/*}*/
/*.report-operations-text-1 {*/
/*position: absolute;*/
/*top: -20px;*/
/*right: 30px;*/
/*max-width: 300px;*/
/*padding-right: 30px;*/
/*}*/
/*.report-operations-text-2 {*/
/*position: absolute;*/
/*bottom: -15px;*/
/*left: 250px;*/
/*max-width: 300px;*/
/*padding-right: 70px;*/
/*}*/
/*.create-catalog-paragraph {*/
/*padding: 30px 0;*/
/*font-size: 15px;*/
/*color: #2a2f33;*/
/*}*/
/*.create-catalog {*/
/*position: relative;*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 15px;*/
/*color: #2b2e32;*/
/*padding-bottom: 50px;*/
/*}*/
/*.create-catalog img {float: right;}*/
/*.create-catalog-text-1 {*/
/*max-width: 200px;*/
/*position: absolute;*/
/*top: 165px;*/
/*left: 0;*/
/*}*/
/*.create-catalog-text-2 {*/
/*max-width: 200px;*/
/*position: absolute;*/
/*top: 265px;*/
/*left: 0;*/
/*}*/
/*.create-catalog-text-3 {*/
/*max-width: 200px;*/
/*position: absolute;*/
/*top: 425px;*/
/*left: 0;*/
/*}*/
/*.taskon-under-header-and-preview {padding-top: 200px;}*/
/*.taskon-under-section {*/
/*min-height: 800px;*/
/*max-height: 100%;*/
/*margin-top: -240px;*/
/*background: #fff url(/images/taskon_1/section-down-bg.png) no-repeat center center / cover;*/
/*}*/
/*.taskon-under-header-and-preview h2 {*/
/*display: inline-block;*/
/*font-family: "RobotoBold", Tahoma, Arial, sans-serif;*/
/*font-size: 30px;*/
/*padding: 13px 15px;*/
/*color: #fff;*/
/*background: #7db337;*/
/*}*/
/*.taskon-under-header-and-preview p {*/
/*padding-top: 80px;*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 16px;*/
/*line-height: 25px;*/
/*color: #fff;*/
/*}*/
/*.taskon-under-advantage {*/
/*padding: 30px 0 0;*/
/*}*/
/*.taskon-advantage-item {*/
/*margin-bottom: 30px;*/
/*}*/
/*.taskon-advantage-item img {*/
/*margin-left: -50px;*/
/*}*/
/*.taskon-advantage-item h4 {*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 22px;*/
/*font-weight: bold;*/
/*margin-top: -25px;*/
/*padding-left: 30px;*/
/*color: #a2f0e1;*/
/*background: url(/images/taskon_1/check-under.png) no-repeat 0 50%;*/
/*}*/
/*.taskon-advantage-item p {*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-size: 16px;*/
/*padding-top: 30px;*/
/*padding-right: 50px;*/
/*line-height: 25px;*/
/*color: #fff;*/
/*}*/
/*.taskon-advantage-full {margin-bottom: 100px;}*/
/*.taskon-project-parallax-img-1 {*/
/*position: absolute;*/
/*top: 145px;*/
/*left: -375px;*/
/*}*/
/*.taskon-project-parallax-img-2 {*/
/*position: absolute;*/
/*bottom: -30px;*/
/*left: -320px;*/
/*}*/
/*.taskon-project-parallax-img-3 {*/
/*position: absolute;*/
/*bottom: 330px;*/
/*right: -140px;*/
/*}*/
/*.taskon-project-parallax-img-4 {*/
/*position: absolute;*/
/*top: 170px;*/
/*right: -340px;*/
/*}*/
/*#footer {*/
/*background: url(/images/taskon_1/footer_bg.png) no-repeat center center;*/
/*-webkit-background-size: cover;*/
/*background-size: cover;*/
/*width: 100%;*/
/*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 - ООО "Арт Проект"