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; ?> ...@@ -42,9 +42,10 @@ endif; ?>
<?php $this->registerCssFile('/css/style_add_06.06.16.css');?> <?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/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');?> <?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;} ...@@ -156,671 +156,671 @@ html {overflow-x: hidden;}
} }
/*****************Project v1.1******************/ /*!*****************Project v1.1******************!*/
.taskon-project-taskmanager-header { /*.taskon-project-taskmanager-header {*/
background: url(/images/taskon_2/taskon-header-bg.jpg) no-repeat center 0; /*background: url(/images/taskon_2/taskon-header-bg.jpg) no-repeat center 0;*/
} /*}*/
.taskon-taskmanager-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; /*position: relative;*/
z-index: 5; /*z-index: 5;*/
} /*}*/
.taskon-1-target strong { /*.taskon-1-target strong {*/
color: #171b22; /*color: #171b22;*/
font-size: 20px; /*font-size: 20px;*/
font-weight: bold; /*font-weight: bold;*/
} /*}*/
.taskon-1-list a.keys_test_btn { /*.taskon-1-list a.keys_test_btn {*/
top: -170px; /*top: -170px;*/
display: inline-block; /*display: inline-block;*/
} /*}*/
.the_hat { /*.the_hat {*/
background: #2d323a; /*background: #2d323a;*/
} /*}*/
.taskon-taskmanager-header-image { /*.taskon-taskmanager-header-image {*/
position: absolute; /*position: absolute;*/
top: 300px; /*top: 300px;*/
right: -165px; /*right: -165px;*/
z-index: 1; /*z-index: 1;*/
} /*}*/
.taskon-taskmanager-parallax-window { /*.taskon-taskmanager-parallax-window {*/
position: absolute; /*position: absolute;*/
bottom: -180px; /*bottom: -180px;*/
right: -90px; /*right: -90px;*/
z-index: 10; /*z-index: 10;*/
} /*}*/
.taskon-tool-1 h2 { /*.taskon-tool-1 h2 {*/
display: inline-block; /*display: inline-block;*/
padding: 10px 15px; /*padding: 10px 15px;*/
color: #2d323a; /*color: #2d323a;*/
font-weight: bold; /*font-weight: bold;*/
font-size: 30px; /*font-size: 30px;*/
background: #9fe306; /*background: #9fe306;*/
} /*}*/
.taskon-1-list-style { /*.taskon-1-list-style {*/
padding: 30px 0; /*padding: 30px 0;*/
margin: 0; /*margin: 0;*/
} /*}*/
.taskon-1-list-style li { /*.taskon-1-list-style li {*/
color: #fff; /*color: #fff;*/
background-position: 0 50%; /*background-position: 0 50%;*/
} /*}*/
.e_cat_two_scroll4 .taskon-tool-1 h2 { /*.e_cat_two_scroll4 .taskon-tool-1 h2 {*/
background: #9fe306; /*background: #9fe306;*/
color: #2d323a; /*color: #2d323a;*/
} /*}*/
.taskon-task-list li:last-child { /*.taskon-task-list li:last-child {*/
margin-bottom: 0; /*margin-bottom: 0;*/
} /*}*/
.taskon-task-vista-system { /*.taskon-task-vista-system {*/
margin-top: 50px; /*margin-top: 50px;*/
} /*}*/
.taskon-taskmanager-section { /*.taskon-taskmanager-section {*/
background: #fff; /*background: #fff;*/
} /*}*/
.taskon-taskmanager-section h3 { /*.taskon-taskmanager-section h3 {*/
display: inline-block; /*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; /*margin-top: 70px;*/
padding: 10px 15px; /*padding: 10px 15px;*/
color: #fff; /*color: #fff;*/
background: #2d323a; /*background: #2d323a;*/
} /*}*/
.taskon-text-default { /*.taskon-text-default {*/
position: relative; /*position: relative;*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 16px; /*font-size: 16px;*/
font-weight: normal; /*font-weight: normal;*/
line-height: 18px; /*line-height: 18px;*/
color: #389b30; /*color: #389b30;*/
} /*}*/
.taskon-taskmanagement-complex img { /*.taskon-taskmanagement-complex img {*/
margin: 7% 0 0; /*margin: 7% 0 0;*/
} /*}*/
.taskon-taskmanagement-text-1 { /*.taskon-taskmanagement-text-1 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
max-width: 280px; /*max-width: 280px;*/
top: 60px; /*top: 60px;*/
left: 145px; /*left: 145px;*/
text-align: right; /*text-align: right;*/
} /*}*/
.taskon-taskmanagement-text-2 { /*.taskon-taskmanagement-text-2 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
max-width: 280px; /*max-width: 280px;*/
top: 60px; /*top: 60px;*/
left: 405px; /*left: 405px;*/
text-align: right; /*text-align: right;*/
padding-left: 90px; /*padding-left: 90px;*/
} /*}*/
.taskon-taskmanagement-text-3 { /*.taskon-taskmanagement-text-3 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
max-width: 280px; /*max-width: 280px;*/
top: 60px; /*top: 60px;*/
right: -10px; /*right: -10px;*/
text-align: right; /*text-align: right;*/
padding-left: 70px; /*padding-left: 70px;*/
} /*}*/
.taskon-taskmanagement-text-4 { /*.taskon-taskmanagement-text-4 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
max-width: 280px; /*max-width: 280px;*/
bottom: 7px; /*bottom: 7px;*/
left: 260px; /*left: 260px;*/
} /*}*/
.taskon-taskmanagement-text-5 { /*.taskon-taskmanagement-text-5 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
max-width: 280px; /*max-width: 280px;*/
bottom: 0; /*bottom: 0;*/
right: -65px; /*right: -65px;*/
padding-right: 115px; /*padding-right: 115px;*/
} /*}*/
.taskon-mobile-all { /*.taskon-mobile-all {*/
display: none; /*display: none;*/
position: absolute; /*position: absolute;*/
font-size: 20px; /*font-size: 20px;*/
color: #389b30; /*color: #389b30;*/
} /*}*/
.taskon-task-setting-text-1 { /*.taskon-task-setting-text-1 {*/
max-width: 700px; /*max-width: 700px;*/
padding-right: 30px; /*padding-right: 30px;*/
position: absolute; /*position: absolute;*/
top: 63px; /*top: 63px;*/
left: 190px; /*left: 190px;*/
} /*}*/
.taskon-task-setting img {margin: 7% 0 0;} /*.taskon-task-setting img {margin: 7% 0 0;}*/
.taskon-task-sorting-text-1 { /*.taskon-task-sorting-text-1 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
max-width: 300px; /*max-width: 300px;*/
top: 60px; /*top: 60px;*/
left: 185px; /*left: 185px;*/
} /*}*/
.taskon-task-sorting-text-2 { /*.taskon-task-sorting-text-2 {*/
display: inline-block; /*display: inline-block;*/
position: absolute; /*position: absolute;*/
bottom: 0; /*bottom: 0;*/
left: 185px; /*left: 185px;*/
} /*}*/
.taskon-task-sorting img {margin: 7% 0 0;} /*.taskon-task-sorting img {margin: 7% 0 0;}*/
.taskon-task-add-text-1 { /*.taskon-task-add-text-1 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 35px; /*top: 35px;*/
left: 375px; /*left: 375px;*/
padding-right: 30px; /*padding-right: 30px;*/
} /*}*/
.taskon-task-add-text-2 { /*.taskon-task-add-text-2 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 35px; /*top: 35px;*/
right: 35px; /*right: 35px;*/
padding-right: ; /*padding-right: ;*/
} /*}*/
.taskon-task-add-text-3 { /*.taskon-task-add-text-3 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 165px; /*top: 165px;*/
left: 0; /*left: 0;*/
padding-right: 60px; /*padding-right: 60px;*/
} /*}*/
.taskon-task-add-text-4 { /*.taskon-task-add-text-4 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 295px; /*top: 295px;*/
left: 0; /*left: 0;*/
padding-right: 90px; /*padding-right: 90px;*/
} /*}*/
.taskon-task-add-text-5 { /*.taskon-task-add-text-5 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
bottom: 230px; /*bottom: 230px;*/
left: 0; /*left: 0;*/
padding-right: 100px; /*padding-right: 100px;*/
} /*}*/
.taskon-task-add img { /*.taskon-task-add img {*/
margin: 10% 0 0; /*margin: 10% 0 0;*/
float: right; /*float: right;*/
} /*}*/
.taskon-task-notification-description p { /*.taskon-task-notification-description p {*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 16px; /*font-size: 16px;*/
line-height: 20px; /*line-height: 20px;*/
color: #2d323a; /*color: #2d323a;*/
margin: 25px 0 0; /*margin: 25px 0 0;*/
padding-right: 110px; /*padding-right: 110px;*/
} /*}*/
.taskon-task-notification-text-1 { /*.taskon-task-notification-text-1 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 45px; /*top: 45px;*/
left: 85px; /*left: 85px;*/
} /*}*/
.taskon-task-notification-text-2 { /*.taskon-task-notification-text-2 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 45px; /*top: 45px;*/
left: 395px; /*left: 395px;*/
} /*}*/
.taskon-task-notification-text-3 { /*.taskon-task-notification-text-3 {*/
display: inline-block; /*display: inline-block;*/
max-width: 250px; /*max-width: 250px;*/
position: absolute; /*position: absolute;*/
top: 45px; /*top: 45px;*/
right: 45px; /*right: 45px;*/
} /*}*/
.taskon-task-notification img {margin: 5% 0 10%;} /*.taskon-task-notification img {margin: 5% 0 10%;}*/
.taskon-taskmanager-section-sixth { /*.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_2/sbg.png) no-repeat center center / cover; /*background: #fff url(/images/taskon_2/sbg.png) no-repeat center center / cover;*/
} /*}*/
.taskon-task-create-process { /*.taskon-task-create-process {*/
position: relative; /*position: relative;*/
padding-top: 200px; /*padding-top: 200px;*/
} /*}*/
.taskon-task-create-process h2, /*.taskon-task-create-process h2,*/
.taskon-task-data-protection 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;*/
padding: 13px 15px; /*padding: 13px 15px;*/
color: #fff; /*color: #fff;*/
background: #7db337; /*background: #7db337;*/
} /*}*/
.taskon-task-create-process p { /*.taskon-task-create-process p {*/
padding: 100px 0 200px; /*padding: 100px 0 200px;*/
max-width: 450px; /*max-width: 450px;*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 16px; /*font-size: 16px;*/
line-height: 20px; /*line-height: 20px;*/
color: #fff; /*color: #fff;*/
} /*}*/
.taskon-task-create-process img { /*.taskon-task-create-process img {*/
position: absolute; /*position: absolute;*/
right: -35px; /*right: -35px;*/
top: 110px; /*top: 110px;*/
} /*}*/
.taskon-task-data-protection p { /*.taskon-task-data-protection p {*/
padding: 50px 0 0; /*padding: 50px 0 0;*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 16px; /*font-size: 16px;*/
line-height: 20px; /*line-height: 20px;*/
color: #fff; /*color: #fff;*/
} /*}*/
.taskon-task-worth {padding: 30px 0 0;} /*.taskon-task-worth {padding: 30px 0 0;}*/
.taskon-task-worth-item {margin-bottom: 30px;} /*.taskon-task-worth-item {margin-bottom: 30px;}*/
.taskon-task-worth-item img {margin-left: -50px;} /*.taskon-task-worth-item img {margin-left: -50px;}*/
.taskon-task-worth-item h4 { /*.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;*/
margin-top: -25px; /*margin-top: -25px;*/
padding-left: 30px; /*padding-left: 30px;*/
color: #a2f0e1; /*color: #a2f0e1;*/
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-task-worth-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: 20px; /*line-height: 20px;*/
color: #fff; /*color: #fff;*/
} /*}*/
.taskon-task-worth-full {margin-bottom: 100px;} /*.taskon-task-worth-full {margin-bottom: 100px;}*/
.taskon-taskmanager-parallax-img-1 { /*.taskon-taskmanager-parallax-img-1 {*/
position: absolute; /*position: absolute;*/
top: 400px; /*top: 400px;*/
left: -420px; /*left: -420px;*/
} /*}*/
.taskon-taskmanager-parallax-img-2 { /*.taskon-taskmanager-parallax-img-2 {*/
position: absolute; /*position: absolute;*/
bottom: 0; /*bottom: 0;*/
left: -330px; /*left: -330px;*/
} /*}*/
.taskon-taskmanager-parallax-img-3 { /*.taskon-taskmanager-parallax-img-3 {*/
position: absolute; /*position: absolute;*/
top: 740px; /*top: 740px;*/
right: -400px; /*right: -400px;*/
} /*}*/
.taskon-taskmanager-parallax-img-4 { /*.taskon-taskmanager-parallax-img-4 {*/
position: absolute; /*position: absolute;*/
bottom: 190px; /*bottom: 190px;*/
right: -100px; /*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;*/
background-size: cover; /*background-size: cover;*/
width: 100%; /*width: 100%;*/
padding-top: 75px; /*padding-top: 75px;*/
} /*}*/
/*****************Project v1.1******************/ /*!*****************Project v1.1******************!*/
/*****************Project v1.1******************/ /*!*****************Project v1.1******************!*/
.taskon-project-content-block { /*.taskon-project-content-block {*/
background: url(/images/taskon_1/head-bg-2.1.jpg) no-repeat center 0; /*background: url(/images/taskon_1/head-bg-2.1.jpg) no-repeat center 0;*/
} /*}*/
.taskon-tool-list { /*.taskon-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;*/
} /*}*/
.taskon-1-target strong { /*.taskon-1-target strong {*/
color: #171b22; /*color: #171b22;*/
font-size: 20px; /*font-size: 20px;*/
font-weight: bold; /*font-weight: bold;*/
} /*}*/
.taskon-1-list a.keys_test_btn { /*.taskon-1-list a.keys_test_btn {*/
top: -170px; /*top: -170px;*/
display: inline-block; /*display: inline-block;*/
} /*}*/
.the_hat { /*.the_hat {*/
background: #2d323a; /*background: #2d323a;*/
} /*}*/
.taskon-1-tablet-img { /*.taskon-1-tablet-img {*/
position: absolute; /*position: absolute;*/
top: 320px; /*top: 320px;*/
left: 340px; /*left: 340px;*/
z-index: 3; /*z-index: 3;*/
} /*}*/
.taskon-tool-1 h2 { /*.taskon-tool-1 h2 {*/
display: inline-block; /*display: inline-block;*/
padding: 10px 15px; /*padding: 10px 15px;*/
color: #2d323a; /*color: #2d323a;*/
font-weight: bold; /*font-weight: bold;*/
font-size: 30px; /*font-size: 30px;*/
background: #9fe306; /*background: #9fe306;*/
} /*}*/
.taskon-1-list-style { /*.taskon-1-list-style {*/
padding: 30px 0 50px; /*padding: 30px 0 50px;*/
margin: 0; /*margin: 0;*/
} /*}*/
.taskon-1-list-style li { /*.taskon-1-list-style li {*/
color: #fff; /*color: #fff;*/
background-position: 0 50%; /*background-position: 0 50%;*/
} /*}*/
.e_cat_two_scroll4 .taskon-tool-1 h2 { /*.e_cat_two_scroll4 .taskon-tool-1 h2 {*/
background: #9fe306; /*background: #9fe306;*/
color: #2d323a; /*color: #2d323a;*/
} /*}*/
.taskon-project-section { /*.taskon-project-section {*/
background: #fff; /*background: #fff;*/
} /*}*/
.taskon-section-padding { /*.taskon-section-padding {*/
padding: 20px 0; /*padding: 20px 0;*/
} /*}*/
.taskon-project-section .introduction { /*.taskon-project-section .introduction {*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 16px; /*font-size: 16px;*/
line-height: 25px; /*line-height: 25px;*/
color: #2a2f33; /*color: #2a2f33;*/
padding: 60px 0; /*padding: 60px 0;*/
} /*}*/
.create-payment { /*.create-payment {*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 15px; /*font-size: 15px;*/
text-align: left; /*text-align: left;*/
color: #2a2f33; /*color: #2a2f33;*/
position: relative; /*position: relative;*/
} /*}*/
.taskon-project-section h3 { /*.taskon-project-section h3 {*/
font-family: "RobotoBold", Arial, Tahoma, sans-serif; /*font-family: "RobotoBold", Arial, Tahoma, sans-serif;*/
font-size: 30px; /*font-size: 30px;*/
color: #fff; /*color: #fff;*/
padding: 13px 15px; /*padding: 13px 15px;*/
background: #2d323a; /*background: #2d323a;*/
display: inline-block; /*display: inline-block;*/
} /*}*/
.create-payment-text-1 { /*.create-payment-text-1 {*/
display: inline-block; /*display: inline-block;*/
max-width: 300px; /*max-width: 300px;*/
position: absolute; /*position: absolute;*/
top: 0; /*top: 0;*/
left: 470px; /*left: 470px;*/
} /*}*/
.create-payment-text-2 { /*.create-payment-text-2 {*/
max-width: 300px; /*max-width: 300px;*/
position: absolute; /*position: absolute;*/
top: 190px; /*top: 190px;*/
left: 0; /*left: 0;*/
padding-right: 60px; /*padding-right: 60px;*/
} /*}*/
.create-payment-text-3 { /*.create-payment-text-3 {*/
max-width: 300px; /*max-width: 300px;*/
position: absolute; /*position: absolute;*/
left: 0; /*left: 0;*/
top: 340px; /*top: 340px;*/
padding-right: 50px; /*padding-right: 50px;*/
} /*}*/
.create-payment-text-4 { /*.create-payment-text-4 {*/
max-width: 300px; /*max-width: 300px;*/
position: absolute; /*position: absolute;*/
left: 0; /*left: 0;*/
top: 610px; /*top: 610px;*/
padding-right: 50px; /*padding-right: 50px;*/
} /*}*/
.create-pay-mobile {display: none;} /*.create-pay-mobile {display: none;}*/
.serial-number-over { /*.serial-number-over {*/
position: absolute; /*position: absolute;*/
top: 0; /*top: 0;*/
left: 0; /*left: 0;*/
font-size: 20px; /*font-size: 20px;*/
color: #2d323a; /*color: #2d323a;*/
display: none; /*display: none;*/
} /*}*/
.create-payment img { /*.create-payment img {*/
float: right; /*float: right;*/
} /*}*/
.report-operations { /*.report-operations {*/
position: relative; /*position: relative;*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 15px; /*font-size: 15px;*/
line-height: 15px; /*line-height: 15px;*/
color: #2a2f33; /*color: #2a2f33;*/
margin-bottom: 40px; /*margin-bottom: 40px;*/
} /*}*/
.report-operations-text-1 { /*.report-operations-text-1 {*/
position: absolute; /*position: absolute;*/
top: -20px; /*top: -20px;*/
right: 30px; /*right: 30px;*/
max-width: 300px; /*max-width: 300px;*/
padding-right: 30px; /*padding-right: 30px;*/
} /*}*/
.report-operations-text-2 { /*.report-operations-text-2 {*/
position: absolute; /*position: absolute;*/
bottom: -15px; /*bottom: -15px;*/
left: 250px; /*left: 250px;*/
max-width: 300px; /*max-width: 300px;*/
padding-right: 70px; /*padding-right: 70px;*/
} /*}*/
.create-catalog-paragraph { /*.create-catalog-paragraph {*/
padding: 30px 0; /*padding: 30px 0;*/
font-size: 15px; /*font-size: 15px;*/
color: #2a2f33; /*color: #2a2f33;*/
} /*}*/
.create-catalog { /*.create-catalog {*/
position: relative; /*position: relative;*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 15px; /*font-size: 15px;*/
color: #2b2e32; /*color: #2b2e32;*/
padding-bottom: 50px; /*padding-bottom: 50px;*/
} /*}*/
.create-catalog img {float: right;} /*.create-catalog img {float: right;}*/
.create-catalog-text-1 { /*.create-catalog-text-1 {*/
max-width: 200px; /*max-width: 200px;*/
position: absolute; /*position: absolute;*/
top: 165px; /*top: 165px;*/
left: 0; /*left: 0;*/
} /*}*/
.create-catalog-text-2 { /*.create-catalog-text-2 {*/
max-width: 200px; /*max-width: 200px;*/
position: absolute; /*position: absolute;*/
top: 265px; /*top: 265px;*/
left: 0; /*left: 0;*/
} /*}*/
.create-catalog-text-3 { /*.create-catalog-text-3 {*/
max-width: 200px; /*max-width: 200px;*/
position: absolute; /*position: absolute;*/
top: 425px; /*top: 425px;*/
left: 0; /*left: 0;*/
} /*}*/
.taskon-under-header-and-preview {padding-top: 200px;} /*.taskon-under-header-and-preview {padding-top: 200px;}*/
.taskon-under-section { /*.taskon-under-section {*/
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_1/section-down-bg.png) no-repeat center center / cover;*/
} /*}*/
.taskon-under-header-and-preview h2 { /*.taskon-under-header-and-preview 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;*/
padding: 13px 15px; /*padding: 13px 15px;*/
color: #fff; /*color: #fff;*/
background: #7db337; /*background: #7db337;*/
} /*}*/
.taskon-under-header-and-preview p { /*.taskon-under-header-and-preview p {*/
padding-top: 80px; /*padding-top: 80px;*/
font-family: Tahoma, Arial, sans-serif; /*font-family: Tahoma, Arial, sans-serif;*/
font-size: 16px; /*font-size: 16px;*/
line-height: 25px; /*line-height: 25px;*/
color: #fff; /*color: #fff;*/
} /*}*/
.taskon-under-advantage { /*.taskon-under-advantage {*/
padding: 30px 0 0; /*padding: 30px 0 0;*/
} /*}*/
.taskon-advantage-item { /*.taskon-advantage-item {*/
margin-bottom: 30px; /*margin-bottom: 30px;*/
} /*}*/
.taskon-advantage-item img { /*.taskon-advantage-item img {*/
margin-left: -50px; /*margin-left: -50px;*/
} /*}*/
.taskon-advantage-item h4 { /*.taskon-advantage-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;*/
margin-top: -25px; /*margin-top: -25px;*/
padding-left: 30px; /*padding-left: 30px;*/
color: #a2f0e1; /*color: #a2f0e1;*/
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-advantage-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: 25px;*/
color: #fff; /*color: #fff;*/
} /*}*/
.taskon-advantage-full {margin-bottom: 100px;} /*.taskon-advantage-full {margin-bottom: 100px;}*/
.taskon-project-parallax-img-1 { /*.taskon-project-parallax-img-1 {*/
position: absolute; /*position: absolute;*/
top: 145px; /*top: 145px;*/
left: -375px; /*left: -375px;*/
} /*}*/
.taskon-project-parallax-img-2 { /*.taskon-project-parallax-img-2 {*/
position: absolute; /*position: absolute;*/
bottom: -30px; /*bottom: -30px;*/
left: -320px; /*left: -320px;*/
} /*}*/
.taskon-project-parallax-img-3 { /*.taskon-project-parallax-img-3 {*/
position: absolute; /*position: absolute;*/
bottom: 330px; /*bottom: 330px;*/
right: -140px; /*right: -140px;*/
} /*}*/
.taskon-project-parallax-img-4 { /*.taskon-project-parallax-img-4 {*/
position: absolute; /*position: absolute;*/
top: 170px; /*top: 170px;*/
right: -340px; /*right: -340px;*/
} /*}*/
#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;*/
background-size: cover; /*background-size: cover;*/
width: 100%; /*width: 100%;*/
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 - ООО "Арт Проект"