Skip to content

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

2949

parent 72f6a5c3
Hide whitespace changes
Inline Side-by-side
Showing with 3244 additions and 17 deletions
frontend/assets/DocumentationAsset.php → common/modules/documentation/assets/DocumentationAsset.php
View file @ 599eb5cd
<?php
namespace frontend\assets;
namespace common\modules\documentation\assets;
use yii\web\AssetBundle;
......@@ -10,9 +10,15 @@ use yii\web\AssetBundle;
class DocumentationAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $sourcePath = '@common/modules/documentation/assets/src';
// public $basePath = '@webroot';
// public $baseUrl = '@web';
public $css = [
'css/generator.css',
'css/style.css',
'css/responsive.css',
"css/editormd.css",
"css/vendor.min.css",
"css/styles.css",
......
common/modules/documentation/assets/src/css/generator.css 0 → 100644
View file @ 599eb5cd
._sidebar_form_response_hidden{
display: none !important;
}
#_sidebar_form_response{
min-height: 100px;
background: #ffffff ;
margin-bottom: 25px;
border-radius: 3px;
padding-top: 35px;
}
#_sidebar_form_response span{
display: block;
color: #a94442;
text-align: center;
padding: 0 20px;
}
/*.form_wr.radio_like_result.hidden{*/
/*display: none;*/
/*}*/
.keys_list_bl {
background: #fff;
/*padding-top: 56px;*/
}
.faq_sec {
width: 100%;
background: #fff;
}
common/modules/documentation/assets/src/css/responsive.css 0 → 100644
View file @ 599eb5cd
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1500px) {
.crystal_3, .crystal_2, .crystal_1 {
overflow: hidden;
}
.crystal_1 {
position: absolute;
width: 120px;
top: -50px;
}
.crystal_2 {
position: absolute;
width: 160px;
top: 240px;
}
.crystal_3 {
position: absolute;
width: 180px;
top: 130px;
}
.crystal_3 img {
float: right;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_td .help_pop_up {
right: auto;
top: 30px;
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@media only screen and (max-width: 1290px){
.crystal_3, .crystal_2, .crystal_1 {
display: none;
}
}
@media only screen and (max-width: 971px) {
body{min-width:768px;}
.logo {
margin-top: 15px !important;
}
.menu {
display: block;
}
header .top_nav, header .lang_check, header .top_phone {
display: none;
}
a.logo{
margin-top: 1px;
}
header {
padding: 0;
min-height: 60px;
}
.geentxt span {
font-size: 30px;
}
.horizontal_tab .resp-tabs-list li {
padding: 15px;
}
.btn_green {
font-size: 18px;
line-height: 18px;
}
.sentence_plas {
margin: 0;
}
.sentence {
margin-bottom: 20px;
}
.doc_cont .doc_line {
right: 247px;
}
.doc_cont span {
padding-top: 3px;
font-size: 11px;
line-height: 13px;
display: inline-block;
}
.doc_poz_4_img, .doc_line_4 {
display: none;
}
.doc_line_5 {
right: 315px;
}
.doc_line_5_next {
right: 315px;
}
.doc_line_16 {
right: 390px;
}
.vertical_tab .resp-tabs-list li span {
font-size: 12px;
}
.vertical_tab .resp-tabs-list {
margin-top: 50px !important;
}
.graph_box_text_1 {
right: 75px;
}
.graph_box_text_2 {
right: 285px;
top: 32px;
}
.graph_box_1:after, .graph_box_3:after {
display: none;
}
.graph_box_2 h4 {
padding-top: 40px;
}
.server_box img {
margin-left: 0;
margin-bottom: 10px;
}
.server_or {
left: 180px;
}
.server_box {
font-size: 16px;
}
.sample_box {
display: none;
}
.footer_info {
margin-top: 20px;
}
.footer_security {
margin-top: 20px;
}
.top_phone {
display: block;
}
.footer_nav {
display: none;
}
.form_message_1 {
padding-top: 20px;
}
.box_4 {
min-height: auto;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_td {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
body{min-width:420px;}
.geentxt span {
display: block;
margin-bottom: 0;
text-align: center;
margin-top: -1px;
line-height: 44px;
}
.bluetext span {
display: block;
margin-bottom: 0;
text-align: center;
margin-top: -1px;
font-size: 30px;
line-height: 44px;
}
.video_box {
max-width: none;
}
.resp-tab-content {
margin-bottom: 0;
}
.horizontal_tab {
margin-bottom: 30px !important;
}
.btn_green {
max-width: 270px;
font-size: 20px;
line-height: 34px;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
.btn_1 {
float: none;
width: 120px;
margin: 0 auto;
margin-top: 25px;
display: block;
}
.doc_cont {
display: none;
}
.doc_box_img {
position: relative;
text-align: center;
margin: 0 auto;
}
.doc_box_img>img {
max-width: 100%;
height: auto;
}
.doc_title {
margin-left: 0;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.vertical_tab .img_box, .vertical_tab .resp-tab-content {
padding: 10px;
}
.graph_box_1 span {
font-size: 12px;
}
.graph_box_text_1 {
right: 0;
top: -5px;
}
.graph_box_text_2 {
right: 80px;
top: 20px;
}
.graph_box_2 img, .graph_box_3 img {
float: none;
max-width: 100%;
height: auto;
}
.graph_box_2 h4 {
padding-top: 20px;
padding-left: 0;
display: block;
}
.box_3 {
padding: 50px 0;
}
.box_3 h2 {
margin-bottom: 30px;
}
.server_box .img_box {
margin-bottom: 0;
}
.server_box {
width: 400px;
margin: 0 auto;
margin-bottom: 20px;
}
.server_text_1 {
padding-right: 100px;
}
.btn_pink {
max-width: 270px;
font-size: 20px;
line-height: 33px;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
.box_5_arrow {
display: none;
}
.box_5 {
padding-top: 55px;
}
.form_message_1 {
padding-top: 0px;
padding-bottom: 20px;
}
footer {
text-align: center;
}
footer .top_phone, footer .footer_mail {
float: none;
margin-top: 20px;
}
.footer_bottom {
padding-top: 0;
}
.zvonok_bt {
margin: 20px auto;
}
.social_link {
display: inline-block;
}
.vertical_tab {
padding-bottom: 30px;
}
.graph_box_2 {
margin-top: -50px;
}
.reference_box:after {
display: none;
}
.form_wr {
margin-bottom: 20px;
}
.reference_right_box, .reference_left_box {
padding: 0;
}
.reference_right_box {
background-color: #e8eaec;
padding: 20px;
margin-bottom: 40px;
border-radius: 5px;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_table {
display: block;
}
.rates_tr {
display: none;
}
.rates_td {
display: block;
width: 100%;
border: 1px solid #acacac;
background-color: #fff !important;
}
.rates_td_title {
display: none;
}
.rates_td_img {
height: 170px;
}
.rates_tr_top {
display: block;
}
.btn_rates_open {
display: block;
}
.rates_top_img {
right: auto;
left: 0;
}
}
@media only screen and (max-width: 479px) {
body{min-width:300px;}
.box_2 {
padding: 35px 0;
}
.doc_box_img {
left: 0;
}
h2 {
font-family: "RobotoBold";
font-size: 26px;
line-height: 35px;
}
h3 {
font-family: "RobotoBold";
font-size: 22px;
line-height: 32px;
}
.graph_box_1 span {
font-size: 10px;
line-height: 12px;
}
.graph_box_text_1 {
top: -15px;
}
.graph_box_text_2 {
right: 50px;
top: 9px;
}
.graph_box_2 {
margin-top: -20px;
margin-bottom: 35px;
}
.server_box {
width: auto;
}
.server_box span {
display: none;
}
.box_4 {
padding: 35px 0;
}
.box_5 {
padding-top: 35px;
}
.popup {
width: 250px;
padding: 20px;
}
.popup_bt_send {
width: 210px;
}
.top_line_inf li a {
padding: 10px;
}
.video_box>* {
min-height: 240px
}
.graph_box_12 span {
font-size: 13px;
}
.resp-arrow {
margin-top: 12px;
}
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
.rates_table {
margin-bottom: 50px;
}
.rates_td .help_pop_up {
width: 230px;
}
.description_box .rates_td {
padding: 8px 3px;
}
.description_box .rates_td:first-child {
width: 60%;
}
.bluetext_2 span {
font-size: 40px;
line-height: 55px;
}
.darktext span {
font-size: 30px;
line-height: 55px;
}
.rates_top_title_poz {
padding-top: 150px;
}
}
\ No newline at end of file
common/modules/documentation/assets/src/css/style.css 0 → 100644
View file @ 599eb5cd
/*
-----------------------------------------------------
Stylesheet Guide
-----------------------------------------------------
1. Default stylesheets
1.1. Color Schemes
2. General classes
3. Main
3.1 Offsets
4. Header
5. Basic Elements
5.1. Typography
5.2. Buttons
5.3. Icon
5.4. Crystals
5.5. Tabs
5.6. Forms
6. Main
7. Footer
8. PopUp
9. Social link
10. Rubric
11. Reference
12. Rates
/**!*/
/*@import "reset.css";*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);*/
/*!* ------------------------------------------------*/
/*1. Default stylesheets*/
/*------------------------------------------------ *!*/
/*body {*/
/*font-family: 'RobotoRegular', sans-serif;*/
/*color:#0a0a0a;*/
/*font-size:13px;*/
/*line-height:26px;*/
/*background:#fff;*/
/*-webkit-text-size-adjust: none;*/
/*overflow-x: hidden !important;*/
/*}*/
/*::-webkit-input-placeholder{*/
/*color:#8d8d8d;*/
/*-webkit-transition: text-indent .5s ease, color .5s ease;*/
/*transition: text-indent .5s ease, color .5s ease;*/
/*}*/
/*input::-moz-placeholder{*/
/*color:#8d8d8d;*/
/*opacity:1;*/
/*}*/
/*textarea::-moz-placeholder{*/
/*color: #8d8d8d;*/
/*opacity: 1;*/
/*}*/
/*::ms-input-placeholder{*/
/*color:#8d8d8d;*/
/*}*/
/*[placeholder]:focus::-webkit-input-placeholder{*/
/*text-indent:10em;*/
/*color:transparent;*/
/*}*/
/** {*/
/*outline: none;*/
/*}*/
/*!* --------------------------------------------*/
/*1.1. Color Schemes*/
/*-------------------------------------------- *!*/
/*!* ------------------------------------------------*/
/*2. General Classes*/
/*------------------------------------------------ *!*/
/*.align_left{*/
/*text-align: left;*/
/*}*/
/*.align_right{*/
/*text-align: right;*/
/*}*/
/*.align_center{*/
/*text-align: center;*/
/*}*/
/*.alignleft{*/
/*float: left;*/
/*}*/
/*.alignright{*/
/*float: right;*/
/*}*/
/*.wrapper{overflow: hidden;}*/
/*.hide{ display: none;}*/
/*.show{ display: block;}*/
/*.d_ib{display: inline-block;}*/
/*.transparent{ opacity:0; }*/
/*.invisible{*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*}*/
/*.visible{*/
/*opacity:1;*/
/*visibility: visible;*/
/*}*/
/*.p_abs{position: absolute;}*/
/*.p_rel{position: relative;}*/
/*.p_fix{position: fixed;}*/
/*.clear {clear:both;width:100%;line-height:0;font-size:0;}*/
/*.clearfix:after {*/
/*content: "";*/
/*display: block;*/
/*height: 0;*/
/*clear: both;*/
/*visibility: hidden;*/
/*}*/
/*.reg {text-transform:uppercase}*/
/*!* ------------------------------------------------*/
/*3. Main*/
/*------------------------------------------------ *!*/
/*#content {padding:0px 0px 0px 0px;}*/
/*!* --------------------------------------------*/
/*3.1. Offsets*/
/*-------------------------------------------- *!*/
/*.section_offset{*/
/*padding: 55px 0;*/
/*}*/
/*.section_offset:first-child{*/
/*padding: 0 0 55px;*/
/*}*/
/*.cont_pad{*/
/*padding: 75px 0 0;*/
/*}*/
/*!* ------------------------------------------------*/
/*4. Header*/
/*------------------------------------------------ *!*/
/*header {*/
/*background: #0e3242;*/
/*width: 100%;*/
/*min-height: 100px;*/
/*color: #fff;*/
/*padding-bottom: 24px;*/
/*}*/
/*a.logo {*/
/*display: block;*/
/*margin-top: 14px;*/
/*}*/
/*.top_phone {*/
/*font-size: 21px;*/
/*font-family: "RobotoLight";*/
/*float: right;*/
/*margin-top: 36px;*/
/*color: #fff;*/
/*display: inline-block;*/
/*}*/
/*.top_phone:before {*/
/*content: "";*/
/*background: url(/images/phone.png) no-repeat;*/
/*width: 18px;*/
/*height: 18px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-right: 14px;*/
/*margin-top: -2px;*/
/*}*/
/*.top_nav {*/
/*height: 37px;*/
/*line-height: 37px;*/
/*display: block;*/
/*float: left;*/
/*margin-left: 40px;*/
/*}*/
/*.top_nav ul li {*/
/*float: left;*/
/*padding: 0 5px;*/
/*}*/
/*.top_nav ul li a {*/
/*color: #fff;*/
/*font-size: 15px;*/
/*display: block;*/
/*float: left;*/
/*padding: 0px 8px;*/
/*margin-top: 30px;*/
/*height: 38px;*/
/*line-height: 34px;*/
/*border: 2px solid transparent;*/
/*border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*-webkit-border-radius: 5px;*/
/*-o-border-radius: 5px;*/
/*-ms-border-radius: 5px;*/
/*text-decoration: none;*/
/*-moz-transition: border 0.3s linear 0.1s;*/
/*-o-transition: border 0.3s linear 0.1s;*/
/*-webkit-transition: border 0.3s linear 0.1s;*/
/*-ms-transition: border 0.3s linear 0.1s;*/
/*transition: border 0.3s linear 0.1s;*/
/*}*/
/*.top_nav ul li a:hover {*/
/*border: 2px solid #6def0d;*/
/*color: #6def0d;*/
/*text-decoration: none;*/
/*}*/
/*.top_nav ul li a:active {*/
/*text-decoration: none;*/
/*color: #6def0d;*/
/*border: 2px solid #6def0d;*/
/*}*/
/*.top_nav ul li a:focus {*/
/*text-decoration: none;*/
/*color: #6def0d;*/
/*border: 2px solid #6def0d;*/
/*}*/
/*.top_nav ul li .act_bt {*/
/*background: #fff;*/
/*color: #303e48;*/
/*border: 2px solid #262E38;*/
/*-moz-transition: all 0.3s linear 0.1s;*/
/*-o-transition: all 0.3s linear 0.1s;*/
/*-webkit-transition: all 0.3s linear 0.1s;*/
/*-ms-transition: all 0.3s linear 0.1s;*/
/*transition: all 0.3s linear 0.1s;*/
/*}*/
/*.top_nav ul li .act_bt:hover {*/
/*border: 2px solid #fff;*/
/*background: none;*/
/*color: #fff;*/
/*}*/
/*.lang_check {
height: 37px;
line-height: 37px;
display: block;
float: left;
margin-top: 30px;
}
.lang_check a {
color: #fff;
font-size: 15px;
display: block;
padding: 0px 8px;
height: 38px;
line-height: 34px;
border: 2px solid transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-moz-transition: border 0.3s linear 0.1s;
-o-transition: border 0.3s linear 0.1s;
-webkit-transition: border 0.3s linear 0.1s;
-ms-transition: border 0.3s linear 0.1s;
transition: border 0.3s linear 0.1s;
}
.lang_check a:hover {
border: 2px solid #fff;
text-decoration: none;
color: #fff;
}
.lang_check a:active {
text-decoration: none;
border: 2px solid #fff;
color: #fff;
}
.lang_check a:focus {
text-decoration: none;
border: 2px solid #fff;
color: #fff;
}
.lang_check a:last-child {
background: #fff;
text-decoration: none;
color: #262E38;
z-index: 555;
position: relative;
}
a.d_menu_hide {
display: none !important;
}
a.show_d_menu {
display: block !important;
}*/
.foot_phone{
color: #fff2e3;
}
.copyring {
font-size: 11px;
margin-left: 4px;
line-height: 11px;
color: rgb(249, 249, 250);
}
.icon-arrowDown:before {
content: "";
background: url(/images/arrow_down.png) no-repeat;
width: 6px;
height: 3px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
.icon-arrowRight:before {
content: "";
background: url(/images/arrow_right.png) no-repeat;
width: 6px;
height: 6px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
.showitems {
display: block;
}
.phone_hover_foot {
background: url(/images/phone_hover_bg.png) no-repeat center center;
width: 222px;
height: 88px;
display: none;
position: absolute;
top: -76px;
right: 56px;
color: #3c4755;
font-family: "RobotoLight";
font-size: 14px;
line-height: 21px;
text-align: center;
padding-top: 15px;
}
.show_phone_inf {
display: block;
}
.phone_hover_head {
background: url(/images/phone_hover2.png) no-repeat center center;
width: 222px;
height: 88px;
display: none;
position: absolute;
top: 58px;
right: -14px;
color: #3c4755;
font-family: "RobotoLight";
font-size: 14px;
line-height: 21px;
text-align: center;
padding-top: 25px;
z-index: 4;
}
.show_phone_inf_head {
display: block;
}
.menu {
width: 260px;
height: 100vh;
z-index: 9999;
position: fixed;
top: 0;
right: -260px;
background: #333942;
-webkit-transition: right 0.5s ease-out 0.4s;
-moz-transition: right 0.5s ease-out 0.4s;
-o-transition: right 0.5s ease-out 0.4s;
transition: right 0.5s ease-out 0.4s;
display: none;
}
.menu_active {
right: 0px;
}
.menu ul {
list-style: none;
}
.menu ul li {
padding-left: 20px;
height: 42px;
line-height: 40px;
border-bottom: 1px solid #2D323A;
display: block;
}
.menu ul li:hover {
background: #93A5BD;
}
.menu ul li:last-child {
margin-bottom: 0;
}
.menu ul li a {
font-size: 15px;
color: #fff;
text-decoration: none;
display: block;
}
.menu ul li a:hover {
color: #181818;
}
.phone_menu {
display: block;
font-size: 21px;
font-family: "RobotoLight";
height: 60px;
line-height: 60px;
padding-left: 20px;
background: #262E38;
color: #fff;
}
.phone_menu:active, .phone_menu:focus {
color: #fff;
}
.phone_menu:before {
content: "";
background: url(/images/phone.png) no-repeat;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 14px;
margin-top: -2px;
}
.toggle_block {
width: 60px;
height: 60px;
position: absolute;
background: #22252B;
left: -60px;
}
.toggle-mnu {
display: block;
width: 60px;
height: 60px;
padding: 19px 16px 16px;
}
.toggle-mnu span:after, .toggle-mnu span:before {
content: "";
position: absolute;
left: 0;
top: 9px;
}
.toggle-mnu span:after {
top: 18px;
}
.toggle-mnu span {
position: relative;
display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
width: 100%;
height: 2px;
background-color: #fff;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
}
.toggle-mnu.on span {
background: transparent;
}
.toggle-mnu.on span:before {
-webkit-transform: rotate(45deg) translate(-1px, 0px);
-ms-transform: rotate(45deg) translate(-1px, 0px);
-o-transform: rotate(45deg) translate(-1px, 0px);
transform: rotate(45deg) translate(-1px, 0px);
}
.toggle-mnu.on span:after {
-webkit-transform: rotate(-45deg) translate(6px, -7px);
-ms-transform: rotate(-45deg) translate(6px, -7px);
-o-transform: rotate(-45deg) translate(6px, -7px);
transform: rotate(-45deg) translate(6px, -7px);
}
/* ------------------------------------------------
5. Basic Elements
------------------------------------------------ */
/* --------------------------------------------
5.1. Typography
-------------------------------------------- */
h1,h2,h3,h4,h5,h6{
font-family: 'Roboto', sans-serif;
font-weight:normal;
line-height: 1.23em;
color: #333333;
margin: 0;
margin-bottom: 17px;
}
h1{
font-family: "RobotoBold";
font-size: 40px;
line-height: 54px;
color: #0c2733;
margin-bottom: 33px;
}
h2{
font-family: "RobotoBold";
font-size: 40px;
line-height: 47px;
color: #243340;
margin-bottom: 10px;
}
h3{
font-family: "RobotoBold";
font-size: 30px;
line-height: 37px;
color: #243340;
margin-bottom: 20px;
}
h4{
font-family: "RobotoBold";
font-size: 22px;
line-height: 36px;
color: #243340;
margin-bottom: 20px;
}
h5{
font-family: "RobotoRegular";
font-size: 30px;
line-height: 36px;
color: #243340;
margin-bottom: 30px;
}
h6{
font-family: "RobotoRegular";
font-size: 25px;
line-height: 28px;
color: #050505;
margin-bottom: 25px;
}
p:not(:last-child){margin-bottom: 20px;}
mark{background-color: #20cfef;padding: 0 2px;color: #fff;}
mark.red{background-color: #ee352f;}
a{
color: #009ad4;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
a:hover{
color: #333;
text-decoration: none;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a:focus,
a:visited{
text-decoration: none;
}
.geentxt span {
font-family: "RobotoBold";
font-size: 40px;
line-height: 54px;
color: #0c2733;
background-color: #93f82f;
display: inline;
padding: 0 16px;
margin-bottom: 2px;
}
.green_text{
color: #93f82f;
}
.blue_text {
color: #009ad4;
}
button {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/* --------------------------------------------
5.2. Buttons
-------------------------------------------- */
.btn_1{
height: 46px;
padding: 10px 15px;
line-height: 26px;
font-size: 17px;
display: inline-block;
outline: none;
background: #aad2d8;
color: #0e3242;
border-radius: 3px;
}
.btn_1:hover{
background-color: #93f82f;
color: #0e3242;
}
.btn_green {
height: 64px;
width: 100%;
display: inline-block;
outline: none;
background: #97e107 url(/images/btn_green.png) 0 0 no-repeat;
background-size: cover;
color: #0e3242;
font-size: 20px;
line-height: 34px;
font-family: "RobotoBold";
text-align: center;
padding: 15px;
border-radius: 5px;
margin-bottom: 40px;
border: none;
}
.btn_green:hover{
box-shadow: 0 0 25px 5px #7fff00;
}
.btn_blue {
display: inline-block;
outline: none;
background-color: #59b3ce;
color: #fff;
font-size: 18px;
line-height: 20px;
text-align: center;
padding: 15px 18px;
border-radius: 3px;
margin-bottom: 10px;
border: none;
}
.btn_blue:hover{
background-color: #488fd3;
color: #fff;
}
.btn_pink {
height: 69px;
width: 100%;
display: inline-block;
outline: none;
background: url(/images/btn_pink.png) 0px 0 no-repeat;
background-size: cover;
color: #fff;
font-size: 27px;
line-height: 34px;
font-family: "RobotoBold";
text-align: center;
padding: 16px;
border-radius: 3px;
border: none;
}
.btn_pink:hover{
box-shadow: 0 0 25px 5px #ff7290;
}
/* --------------------------------------------
5.3. Icon
-------------------------------------------- */
.icon_load {
margin-right: 10px;
width: 32px;
height: 24px;
display: inline-block;
background: url(/images/icon_load.png) 0 0 no-repeat;
}
/* --------------------------------------------
5.4. Crystals
-------------------------------------------- */
.crystal_1 {
position: absolute;
right: -50px;
top: -50px;
}
.crystal_2 {
position: absolute;
right: -50px;
top: 240px;
}
.crystal_3 {
position: absolute;
left: -50px;
top: 100px;
}
/* --------------------------------------------
5.5. Tabs
-------------------------------------------- */
.horizontal_tab .resp-tabs-list {
border: 1px solid #0076a3;
text-align: center;
max-width: 568px;
}
.horizontal_tab .resp-tabs-list li {
display: inline-block;
background-color: transparent !important;
cursor: pointer;
padding: 15px 30px;
position: relative;
}
.horizontal_tab .resp-tabs-list li span {
font-size: 15px;
line-height: 20px;
display: inline-block;
color: #00d2ff;
border-bottom: 2px dotted #00d2ff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.horizontal_tab .resp-tabs-list li:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 20px;
height: 15px;
width: 3px;
background-color: #93f82f;
border-right: 1px solid #4a8432;
border-left: 1px solid #4a8432;
}
.horizontal_tab .resp-tabs-list li:last-child:after {
display: none;
}
.horizontal_tab .resp-tabs-list li:hover span {
color: #80d930;
border-bottom: 2px dotted #80d930;
}
.horizontal_tab .resp-tabs-list .resp-tab-active span {
color: #fff;
border-bottom: 2px dotted transparent;
}
.vertical_tab {
padding-bottom: 100px;
}
.vertical_tab .resp-tabs-list {
margin-top: 66px !important;
}
.vertical_tab .resp-tabs-list li {
background-color: transparent !important;
cursor: pointer;
padding: 17px 16px;
position: relative;
/*border: 1px solid #fff;*/
border-right: none !important;
border-radius: 3px 0 0 3px;
}
.vertical_tab .resp-tabs-list li span {
font-family: "RobotoBold";
font-size: 15px;
line-height: 20px;
display: inline-block;
color: #488fd3;
border-bottom: 2px dotted #488fd3;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.vertical_tab .resp-tabs-list li:hover span {
/*color: #488fd3;*/
border-bottom: 2px dotted transparent;
}
.vertical_tab .resp-tabs-list .resp-tab-active span {
color: #243340;
border-bottom: 2px dotted transparent;
}
.vertical_tab .resp-tabs-list .resp-tab-active {
background-color: #f1f0f0 !important;
border: 1px solid #dddddd;
border-right: none !important;
}
.vertical_tab .resp-tabs-list i {
display: inline-block;
margin-right: 15px;
height: 22px;
width: 22px;
}
.vertical_tab .resp-tab-active i {
background-position: 0 100%;
}
.tab_icon_1 {
background: url(/images/tab_icon_1.png) 0 0 no-repeat;
}
.tab_icon_2 {
background: url(/images/tab_icon_2.png) 0 0 no-repeat;
}
.tab_icon_3 {
height: 20px !important;
background: url(/images/tab_icon_3.png) 0 0 no-repeat;
}
.vertical_tab .img_box, .vertical_tab .resp-tab-content {
margin-bottom: 0;
}
.vertical_tab .resp-tabs-container {
box-shadow: 0 3px 8px 2px #cbcbcc;
position: relative;
z-index: 2;
}
.vertical_tab_poz {
margin-top: -50px;
}
h2.resp-accordion {
background-color: #f1f0f0 !important;
padding: 0 20px !important;
}
.resp-arrow {
margin-top: 17px;
}
/* --------------------------------------------
5.6. Forms
-------------------------------------------- */
/*input:not([type="radio"]):not([type="checkbox"]) {*/
/*border: none;*/
/*height: 50px;*/
/*padding: 0 20px;*/
/*border-radius: 3px;*/
/*font-size: 20px !important;*/
/*font-family: "Open Sans" !important;*/
/*font-weight: 400 !important;*/
/*margin-bottom: 25px;*/
/*width: 100%;*/
/*outline: none;*/
/*}*/
.input_lg {
height: 58px !important;
}
label.error {
color: #d10000;
font-size: 12px;
line-height: 12px;
font-style: italic;
margin-top: -18px;
}
input:not([type="radio"]):not([type="checkbox"]).error {
box-shadow: inset 0 0 5px 1px #d10000;
}
textarea {
border: none;
height: 175px;
padding: 10px 20px;
border-radius: 3px;
font-size: 20px;
font-family: "Open Sans", "RobotoBold";
font-weight: 400;
margin-bottom: 25px;
width: 100%;
max-height: 100%;
outline: none;
}
.checkbox {
vertical-align: top;
width: 17px;
height: 17px;
margin: 0 3px 0 0;
}
.checkbox + label {
cursor: pointer;
}
.checkbox:not(checked) {
position: absolute;
opacity: 0;
}
.checkbox:not(checked) + label {
position: relative;
padding: 0 0 0 60px;
}
.checkbox:not(checked) + label:before {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 50px;
height: 26px;
border-radius: 13px;
background: #CDD1DA;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.checkbox:not(checked) + label:after {
content: '';
position: absolute;
top: -2px;
left: 2px;
width: 22px;
height: 22px;
border-radius: 10px;
background: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
transition: all .2s;
}
.checkbox:checked + label:before {
background: #9FD468;
}
.checkbox:checked + label:after {
left: 26px;
}
.checkbox:focus + label:before {
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
.radio_wr {
display: inline-block;
margin-right: 35px;
}
.radio_wr:last-child {
margin-right: 0;
}
.radio_2 {
vertical-align: top;
width: 17px;
height: 17px;
margin: 0 3px 0 0;
}
.radio_2 + label {
cursor: pointer;
height: 52px;
background-color: #67ac1d;
padding: 10px 17px;
border-radius: 5px;
margin-bottom: 10px;
box-shadow: 2px 2px 4px 2px #e7e7e7;
color: #fff;
line-height: 32px;
}
.radio_2:checked + label {
cursor: pointer;
height: 52px;
background-color: #67ac1d;
padding: 10px 17px;
color: #fff;
}
.radio_2:not(checked) {
position: absolute;
opacity: 0;
}
.radio_2:not(checked) + label {
position: relative;
background-color: #f4f4f4;
color: #7d7d7d;
/*padding: 0 0 0 35px;*/
}
.icon_like {
content: '';
display: inline-block;
float: left;
margin-right: 18px;
width: 20px;
height: 32px;
background: url(/images/icon_like.png) 0 center no-repeat;
}
.icon_not_like {
content: '';
display: inline-block;
float: left;
margin-right: 18px;
width: 20px;
height: 32px;
background: url(/images/icon_not_like.png) 0 center no-repeat;
}
.radio_2.radio_like + label {
background-color: #67ac1d;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.radio_2.radio_like + label:hover {
box-shadow: 2px 2px 8px 2px #7fd028;
}
.radio_2.radio_not_like + label {
background-color: #f4f4f4;
color: #7d7d7d;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.radio_2.radio_not_like + label:hover {
background-color: #ff5b57;
color: #fff;
box-shadow: 2px 2px 8px 2px #ff5b57;
}
/*.radio:not(checked) + label:before {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 22px;
height: 22px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #FFF;
}*/
/*.radio:not(checked) + label:after {
content: '';
position: absolute;
top: 1px;
left: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #9FD468;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
opacity: 0;
transition: all .2s;
}*/
/*.radio:checked + label:after {
opacity: 1;
}
.radio:focus + label:before {
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}*/
input[type='reset'] {
padding: 12px 15px;
border: none;
border-radius: 5px;
background: #CDD1DA;
color: #FFF;
cursor: pointer;
font-size: 15px;
}
input[type='reset']:active {
background: #BDC0CC;
}
input[type='reset']:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
/* ------------------------------------------------
6. Main
------------------------------------------------ */
.box_1 {
padding-top: 40px;
padding-bottom: 55px;
background: #0c2733 url(/images/box_1_bg.jpg) 0 0 repeat;
}
.sentence {
font-family: "RobotoBold";
font-size: 30px;
line-height: 33px;
color: #fff;
text-align: center;
margin-bottom: 50px;
}
.sentence span {
font-size: 33px;
}
.sentence_plas {
display: block;
margin: 10px;
}
.video_box {
position: relative;
max-width: 568px;
}
.video_box_2 {
width: 100%;
}
.video_box>* {
width: 100%;
height: auto;
min-height: 320px
}
.box_2 {
padding-top: 80px;
padding-bottom: 85px;
}
.doc_box_1 {
position: relative;
}
.doc_box_img {
position: absolute;
top: -17px;
left: -18px;
}
.doc_title {
font-size: 17px;
line-height: 35px;
color: #fff;
background-color: #65bb11;
padding: 0 10px;
display: inline-block;
margin-left: 35px;
margin-top: 20px;
}
.doc_cont {
padding-left: 485px;
color: #1f9ebe;
font-size: 14px;
line-height: 18px;
font-family: "Open Sans", "RobotoBold";
font-weight: 600;
}
.doc_cont span {
font-size: 14px;
line-height: 18px;
font-family: "Open Sans", "RobotoBold";
font-weight: 600;
color: #1f9ebe;
cursor: pointer;
}
.doc_cont>div:hover span {
color: #65bb11;
}
.doc_cont strong {
position: absolute;
display: block;
border: 2px dotted #258ab0;
cursor: pointer;
}
.doc_cont>div:hover strong {
border: 2px solid #c7dacf;
background: url(/images/doc_active_bg.png) 0 0 repeat;
}
.doc_line {
position: absolute;
border-bottom: 1px solid #5ec36c;
height: 1px;
}
.doc_line:after {
content: '';
display: block;
position: absolute;
bottom: -4px;
right: 0;
height: 7px;
width: 7px;
background-color: #5ec36c;
border-radius: 100%;
}
.doc_poz_1 {
padding-top: 30px;
margin-bottom: 30px;
height: 70px;
}
.doc_poz_1 strong {
height: 48px;
width: 105px;
top: 18px;
left: 35px;
}
.doc_poz_1 .doc_line {
top: 40px;
right: 468px;
width: 330px;
}
.doc_poz_2 {
height: 40px;
margin-bottom: 24px;
}
.doc_poz_2 strong {
height: 78px;
width: 177px;
top: 87px;
left: 210px;
}
.doc_poz_2 .doc_line {
top: 109px;
right: 468px;
width: 83px;
}
.doc_poz_3 {
height: 40px;
margin-bottom: 16px;
}
.doc_poz_3 strong {
height: 78px;
width: 160px;
top: 87px;
left: 35px;
}
.doc_poz_3 .doc_line {
top: 166px;
right: 468px;
width: 355px;
height: 8px;
border-left: 1px solid #5ec36c;
}
.doc_poz_4 {
height: 40px;
margin-bottom: 210px;
}
.doc_poz_4 strong {
height: 268px;
width: 357px;
top: 180px;
left: 32px;
}
.doc_poz_4 .doc_line {
top: 229px;
right: 468px;
width: 81px;
}
.doc_poz_4_img {
margin-top: 35px;
margin-left: 35px;
}
.doc_line_4 {
position: absolute;
border-bottom: 1px solid #5ec36c;
border-left: 1px solid #5ec36c;
height: 105px;
top: 229px;
right: 433px;
width: 95px;
}
.doc_line_4:after {
content: '';
display: block;
position: absolute;
bottom: -6px;
right: 0;
height: 10px;
width: 10px;
background-color: #65bb11;
border-radius: 100%;
}
.doc_poz_5 {
height: 40px;
margin-bottom: 10px;
}
.doc_poz_5 strong {
height: 28px;
width: 95px;
top: 464px;
left: 290px;
}
.doc_poz_5 .doc_line {
top: 479px;
right: 468px;
width: 83px;
}
.doc_poz_5 strong.doc_poz_5_box {
height: 28px;
width: 102px;
top: 464px;
left: 35px;
}
.doc_line_5 {
position: absolute;
border-top: 1px solid #5ec36c;
border-left: 1px solid #5ec36c;
border-right: 1px solid #5ec36c;
height: 5px;
top: 459px;
right: 535px;
width: 320px;
}
.doc_line_5_next {
position: absolute;
border-right: 1px solid #5ec36c;
height: 20px;
top: 459px;
right: 535px;
width: 1px;
}
.doc_poz_6 {
height: 40px;
margin-bottom: 12px;
}
.doc_poz_6 strong {
height: 90px;
width: 95px;
top: 464px;
left: 185px;
}
.doc_poz_6 .doc_line {
top: 529px;
right: 468px;
width: 187px;
}
.doc_poz_7 {
height: 40px;
margin-bottom: 10px;
}
.doc_poz_7 strong {
height: 40px;
width: 135px;
top: 497px;
left: 35px;
}
.doc_poz_7 .doc_line {
top: 540px;
right: 468px;
width: 375px;
height: 42px;
border-left: 1px solid #5ec36c;
}
.doc_poz_11 {
padding-top: 13px;
height: 45px;
}
.doc_poz_11 strong {
height: 55px;
width: 105px;
top: 18px;
left: 35px;
}
.doc_poz_11 .doc_line {
top: 23px;
right: 468px;
width: 330px;
}
.doc_poz_12 {
height: 40px;
margin-bottom: 30px;
}
.doc_poz_12 strong {
height: 45px;
width: 230px;
top: 32px;
left: 158px;
}
.doc_poz_12 .doc_line {
top: 55px;
right: 468px;
width: 80px;
}
.doc_poz_13 {
height: 40px;
margin-bottom: 80px;
}
.doc_poz_13 strong {
height: 68px;
width: 354px;
top: 90px;
left: 35px;
}
.doc_poz_13 .doc_line {
top: 124px;
right: 468px;
width: 80px;
}
.doc_poz_14 {
height: 40px;
margin-bottom: 7px;
}
.doc_poz_14 strong {
height: 47px;
width: 354px;
top: 223px;
left: 35px;
}
.doc_poz_14 .doc_line {
top: 246px;
right: 468px;
width: 80px;
}
.doc_poz_15 {
height: 40px;
margin-bottom: 55px;
}
.doc_poz_15 strong {
height: 15px;
width: 119px;
top: 284px;
left: 270px;
}
.doc_poz_15 .doc_line {
top: 291px;
right: 468px;
width: 80px;
}
.doc_poz_16 {
height: 40px;
margin-bottom: 280px;
}
.doc_poz_16 strong {
height: 102px;
width: 115px;
top: 315px;
left: 80px;
}
.doc_poz_16 .doc_line {
top: 385px;
right: 468px;
width: 274px;
}
.doc_poz_16 strong.doc_poz_16_box {
height: 40px;
width: 119px;
top: 310px;
left: 270px;
}
.doc_line_16 {
position: absolute;
border-left: 1px solid #5ec36c;
height: 33px;
top: 352px;
right: 610px;
width: 1px;
}
.img_box {
/*text-align: center;*/
margin: 0 auto;
margin-bottom: 20px;
}
.img_box img {
max-width: 100%;
height: auto;
}
.graph_box_1 {
position: relative;
margin-top: 40px;
padding-top: 15px;
}
.graph_box_1 span {
font-size: 14px;
line-height: 18px;
font-family: "Open Sans", "RobotoBold";
font-weight: 600;
color: #1f9ebe;
display: inline-block;
position: absolute;
}
.graph_box_text_1 {
right: 100px;
top: 0;
}
.graph_box_text_2 {
right: 395px;
top: 42px;
}
.graph_box_1:after {
content: '';
position: absolute;
right: 235px;
bottom: -20px;
display: block;
width: 102px;
height: 91px;
background: url(/images/graph_box_1_arrow.png) 0 0 no-repeat;
}
.graph_box_2 {
position: relative;
margin-top: -70px;
margin-bottom: 55px;
}
.graph_box_2 img {
float: left;
}
.graph_box_2 h4 {
padding-top: 140px;
padding-left: 30px;
overflow: hidden;
}
.graph_box_3 {
position: relative;
}
.graph_box_3 img {
float: right;
}
.graph_box_3 h4 {
padding-right: 30px;
overflow: hidden;
}
.graph_box_3:after {
content: '';
position: absolute;
left: 325px;
top: 105px;
display: block;
width: 110px;
height: 80px;
background: url(/images/graph_box_3_arrow.png) 0 0 no-repeat;
}
.box_3 {
background: url(/images/box_3_bg.jpg) 0 0 no-repeat;
background-size: cover;
padding: 100px 0;
color: #fff;
}
.box_3 * {
color: #fff;
}
.box_3 h2 {
margin-bottom: 90px;
}
.server_box {
position: relative;
font-size: 20px;
line-height: 20px;
font-family: "RobotoBold";
}
.form_message_1 {
font-size: 35px;
color: #127dba;
font-family: "RobotoBold";
text-align: center;
display: block;
padding-top: 40px;
}
.form_message_2 {
color: #127dba;
font-family: "RobotoBold";
}
.form_message_3 {
color: #9fe306;
font-size: 20px;
line-height: 30px;
font-family: "RobotoBold";
}
.server_box img {
margin-left: 30px;
margin-bottom: 36px;
}
.server_or {
display: inline-block;
position: absolute;
top: 40px;
left: 210px;
font-size: 11px;
line-height: 11px;
font-family: "RobotoBold";
}
.server_text_1 {
padding-right: 102px;
}
.server_box_cont {
font-size: 20px;
line-height: 29px;
font-family: "RobotoBold";
}
.box_4 {
background-color: #e3e3e3;
padding: 70px 0;
min-height: 375px
}
.box_4 h2 {
margin-bottom: 35px;
position: relative;
z-index: 2;
}
.box_4 p {
color: #1d303b;
font-size: 15px;
line-height: 24px;
}
.sample_box {
position: relative;
}
.sample_box img {
position: absolute;
top: -190px;
}
.box_5 {
background-color: #0e3242;
padding-top: 135px;
}
.bluetext span {
font-family: "RobotoBold";
font-size: 40px;
line-height: 54px;
color: #0e3242;
background-color: #00daff;
display: inline;
padding: 0 16px;
margin-bottom: 2px;
}
.box_5_arrow {
margin-top: 30px;
float: right;
width: 150px;
height: 95px;
background: url(/images/box_5_arrow.png) 0 0 no-repeat;
}
.form_br{
margin-bottom: 10px;
}
/* ------------------------------------------------
7. Footer
------------------------------------------------ */
footer {
padding-top: 45px;
padding-bottom: 55px;
background: #0e3242 url(/images/footer_bg.png) center 100% no-repeat;
background-size: cover;
}
footer .top_phone {
margin-top: 24px;
}
footer .phone_hover_head {
top: 66px;
}
.footer_mail {
font-size: 21px;
font-family: "RobotoLight";
float: right;
margin-top: 44px;
color: #fff;
display: inline-block;
}
.footer_mail:hover {
color: #fff;
}
.footer_mail:before {
content: "";
background: url(/images/mail.png) no-repeat;
width: 21px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: 2px;
}
.footer_info {
color: #93f82f;
font-size: 15px;
text-decoration: underline;
display: inline-block;
margin-top: 44px;
}
.footer_info:hover {
color: #93f82f;
text-decoration: none;
}
.footer_info:before{
content: "";
background: url(/images/icon_info.png) no-repeat;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
.footer_security {
color: #93f82f;
font-size: 15px;
text-decoration: underline;
display: inline-block;
margin-top: 44px;
}
.footer_security:hover {
color: #93f82f;
text-decoration: none;
}
.footer_security:before{
content: "";
background: url(/images/icon_security.png) no-repeat;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
.footer_nav {
padding-top: 10px;
}
.footer_nav a {
color: #fff;
font-size: 15px;
line-height: 20px;
text-decoration: none;
}
.footer_nav a:hover {
text-decoration: none;
color: #b2e938;
}
.footer_nav ul {
padding-left: 20px;
}
.footer_nav li {
margin-bottom: 10px;
}
.footer_nav span {
color: #b2e938;
font-size: 16px;
line-height: 22px;
display: inline-block;
margin-bottom: 15px;
}
.footer_nav span:before {
content: "";
width: 5px;
height: 5px;
background-color: #b2e938;
border-radius: 100%;
display: inline-block;
margin-right: 15px;
}
.footer_bottom {
padding-top: 45px;
font-size: 11px;
color: #fff;
}
.footer_bottom_text {
display: inline-block;
margin-top: 20px;
}
/* ------------------------------------------------
8. PopUp
------------------------------------------------ */
/*.popup {*/
/*width: 383px;*/
/*background: #fff;*/
/*margin: 0 auto;*/
/*position: relative;*/
/*border-radius: 8px;*/
/*-moz-border-radius: 8px;*/
/*-webkit-border-radius: 8px;*/
/*-o-border-radius: 8px;*/
/*-ms-border-radius: 8px;*/
/*padding: 50px 58px 40px;*/
/*}*/
/*.popup__title {*/
/*font-size: 31px;*/
/*line-height: 39px;*/
/*color: #698387;*/
/*text-align: center;*/
/*display: block;*/
/*margin-bottom: 25px;*/
/*}*/
/*.popup__title_2 {*/
/*font-size: 26px;*/
/*line-height: 32px;*/
/*color: #698387;*/
/*text-align: center;*/
/*display: block;*/
/*margin-bottom: 15px;*/
/*}*/
/*.popup__subtittle {*/
/*font-size: 15px;*/
/*color: #698387;*/
/*line-height: 24px;*/
/*display: block;*/
/*text-align: center;*/
/*margin-bottom: 34px;*/
/*}*/
/*.box-modal_close {*/
/*width: 44px;*/
/*height: 44px;*/
/*line-height: 44px;*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*text-decoration: none;*/
/*text-align: center;*/
/*opacity: 0.65;*/
/*filter: alpha(opacity=65);*/
/*padding: 0 0 18px 10px;*/
/*color: #FFF;*/
/*font-style: normal;*/
/*font-size: 28px;*/
/*font-family: Arial, monospace;*/
/*color: #5C8488;*/
/*font-weight: bold;*/
/*cursor: pointer;*/
/*}*/
/* ------------------------------------------------
9. Social link
------------------------------------------------ */
/*.social_link {*/
/*margin-left: 0px;*/
/*margin-top: 3px;*/
/*}*/
/*.social_link li {*/
/*float: left;*/
/*margin-right: 12px;*/
/*}*/
/*.social_link li:last-child {*/
/*margin-right: 0;*/
/*}*/
/*.soc_item {*/
/*width: 44px;*/
/*height: 44px;*/
/*border-radius: 50%;*/
/*-moz-border-radius: 50%;*/
/*-webkit-border-radius: 50%;*/
/*-o-border-radius: 50%;*/
/*-ms-border-radius: 50%;*/
/*background: #fff;*/
/*display: block;*/
/*text-align: center;*/
/*font-size: 24px;*/
/*line-height: 40px;*/
/*color: #283C4C;*/
/*}*/
/*.soc_item:hover {*/
/*background: #b2e938;*/
/*color: #283C4C;*/
/*text-decoration: none;*/
/*}*/
/*.soc_item:focus {*/
/*background: #b2e938;*/
/*color: #283C4C;*/
/*text-decoration: none;*/
/*}*/
/*.soc_item:active {*/
/*background: #b2e938;*/
/*color: #283C4C;*/
/*text-decoration: none;*/
/*}*/
/*.social_link i {*/
/*line-height: 44px;*/
/*}*/
/*.fbicon:before {*/
/*content: "";*/
/*background: url(/images/fb.png) no-repeat;*/
/*width: 9px;*/
/*height: 19px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-right: 2px;*/
/*margin-top: -2px;*/
/*}*/
/*.gplusicon:before {*/
/*content: "";*/
/*background: url(/images/gplus.png) no-repeat;*/
/*width: 23px;*/
/*height: 22px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin-right: 2px;*/
/*margin-top: -2px;*/
/*}*/
/* ------------------------------------------------
10. Rubric
------------------------------------------------ */
.way {
font-size: 13px;
color: #b4b4b4;
padding: 30px 0;
}
.way a {
font-size: 13px;
color: #009ad4;
text-decoration: underline;
}
.way span {
color: #b4b4b4;
}
.way a:hover {
text-decoration: none;
}
.top_line_inf {
min-height: 44px;
background-color: #051922;
}
.icon_info_2 {
margin-right: 12px;
display: inline-block;
width: 25px;
height: 25px;
background: url(images/icon_info_2.png) 0 -26px no-repeat;
}
.icon_video {
margin-right: 12px;
margin-top: 3px;
display: inline-block;
width: 23px;
height: 18px;
background: url(images/icon_video.png) 0 100% no-repeat;
}
.top_line_inf li {
display: inline-block;
border-right: 1px solid #0e3242;
position: relative;
}
.top_line_inf li:last-child {
border: none;
}
.top_line_inf li a {
color: #6def0d;
font-size: 13px;
line-height: 25px;
padding: 10px 25px;
display: inline-block;
text-decoration: underline;
}
.top_line_inf li a:hover {
text-decoration: none;
color: #fffcf4;
}
.top_line_inf li a:hover span {
background-position: 0 0;
}
.top_line_inf li.active a {
text-decoration: none;
color: #fffcf4;
}
.top_line_inf li.active a span {
background-position: 0 0;
}
.top_line_inf li.active:after {
position: absolute;
content: '';
left: 50%;
margin-left: -3px;
bottom: -6px;
width: 0px;
height: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #051922;
}
.faq_rubric{
}
.rubric_icon {
height: 36px;
width: 36px;
margin-right: 12px;
display: block;
float: left;
}
.wiht_icon {
overflow: hidden;
display: block;
}
.rubric_list {
font-size: 16px;
margin-bottom: 40px;
}
.rubric_list li {
margin-bottom: 10px;
padding-left: 15px;
}
/* ------------------------------------------------
11. Reference
------------------------------------------------ */
.reference_box {
position: relative;
}
.reference_box:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 62%;
background-color: #e8eaec;
}
.reference_right_box {
position: relative;
z-index: 1;
padding-top: 88px;
padding-left: 15px;
}
.reference_list {
font-size: 14px;
margin-bottom: 40px;
}
.reference_list li {
margin-bottom: 10px;
}
.reference_list li a:hover {
color: #66a91f;
text-decoration: underline;
}
.reference_left_box {
padding-right: 45px;
}
::-webkit-input-placeholder{
color:#8d8d8d;
-webkit-transition: text-indent .5s ease, color .5s ease;
transition: text-indent .5s ease, color .5s ease;
}
input::-moz-placeholder{
color:#8d8d8d;
opacity:1;
}
textarea::-moz-placeholder{
color: #8d8d8d;
opacity: 1;
}
::ms-input-placeholder{
color:#8d8d8d;
}
[placeholder]:focus::-webkit-input-placeholder{
text-indent:10em;
color:transparent;
}
.has-error input, .has-error textarea {
background-image: none !important;
box-shadow: inset 0 0 5px 1px #d10000 !important;
border: none !important;
}
.has-error .help-block {
color: #d10000;
font-size: 12px;
line-height: 12px;
font-style: italic;
margin-top: -18px;
font-weight: bold;
}
/*ol {*/
/*counter-reset:li; !* Инициализируем счетчик *!*/
/*padding:0; !* Удаляем установленное по умолчанию левое поле*!*/
/*list-style:none; !* Отменяем нумерацию установленную по умолчанию *!*/
/*}*/
/*ol li {*/
/*position:relative; !* Создаем контекст для позиционирования элементов *!*/
/*margin:0 0 10px 0; !* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации *!*/
/*padding-left: 45px;*/
/*font-size: 13px;*/
/*line-height: 20px;*/
/*min-height: 28px;*/
/*}*/
/*ol li:before {*/
/*content:counter(li); !* В качестве данных используем счетчик *!*/
/*counter-increment:li; !* Увеличиваем значение счетчика на 1 *!*/
/*!* Позиционируем и оформляем цифры *!*/
/*position:absolute;*/
/*top:-4px;*/
/*left:0;*/
/*width: 28px;*/
/*height: 28px;*/
/*border-radius: 100%;*/
/*background-color: #67ac1d;*/
/*color:#fff;*/
/*font-weight:bold;*/
/*font-family: "RobotoBold";*/
/*font-size: 11px;*/
/*line-height: 28px;*/
/*text-align:center;*/
/*}*/
/*.graph_box_12 {*/
/*position: relative;*/
/*margin-top: 40px;*/
/*padding-top: 25px;*/
/*margin-bottom: 50px;*/
/*}*/
/*.graph_box_12 span {*/
/*font-size: 17px;*/
/*line-height: 21px;*/
/*font-family: "Open Sans", "RobotoBold";*/
/*font-weight: 600;*/
/*color: #1f9ebe;*/
/*display: inline-block;*/
/*position: absolute;*/
/*}*/
/*.graph_box_text_12 {*/
/*right: 0px;*/
/*top: 0;*/
/*}*/
/*.graph_box_text_22 {*/
/*bottom: 0;*/
/*left: 30px;*/
/*}*/
/*.box_info {*/
/*background-color: #bce094;*/
/*border-left: 7px solid #67ac1d;*/
/*padding: 25px 20px;*/
/*border-radius: 0 5px 5px 0;*/
/*font-size: 13px;*/
/*line-height: 26px;*/
/*margin-bottom: 20px;*/
/*}*/
/*.box_info_green {*/
/*background-color: #bce094;*/
/*border-color: #67ac1d;*/
/*}*/
/*.box_info_pick {*/
/*background-color: #ffb0ae;*/
/*border-color: #ff5b57;*/
/*}*/
/*.box_info_blue {*/
/*background-color: #bde7e5;*/
/*border-color: #2a8e89;*/
/*}*/
.form_wr {
margin-bottom: 20px;
}
/*.parallaxify {*/
/*position: relative;*/
/*}*/
/* ------------------------------------------------
12. Rates
------------------------------------------------ */
/*.way_2 {*/
/*min-height: 44px;*/
/*background-color: #051922;*/
/*}*/
/*.way_2 {*/
/*font-size: 13px;*/
/*color: #fff;*/
/*line-height: 44px;*/
/*}*/
/*.way_2 a {*/
/*font-size: 13px;*/
/*color: #cdf10c;*/
/*text-decoration: underline;*/
/*}*/
/*.way_2 span {*/
/*color: #cdf10c;*/
/*padding: 0 10px;*/
/*}*/
/*.way_2 a:hover {*/
/*text-decoration: none;*/
/*}*/
/*.rates_top {*/
/*background: url(/images/rates_top_bg.jpg) center 0 no-repeat;*/
/*background-size: cover;*/
/*min-height: 545px;*/
/*}*/
/*.rates_top_img_poz {*/
/*width: 100%;*/
/*height: 1px;*/
/*position: relative;*/
/*}*/
/*.rates_top_img {*/
/*position: absolute;*/
/*top: 60px;*/
/*right: -60px;*/
/*}*/
/*.rates_top_title_poz {*/
/*padding-top: 190px;*/
/*position: relative;*/
/*}*/
/*.bluetext_2 span {*/
/*font-family: "RobotoBold";*/
/*font-size: 50px;*/
/*line-height: 70px;*/
/*color: #fff;*/
/*background-color: #0097d0;*/
/*display: inline-block;*/
/*padding: 0 16px;*/
/*}*/
/*.darktext span {*/
/*font-family: "RobotoBold";*/
/*font-size: 35px;*/
/*line-height: 70px;*/
/*color: #fff;*/
/*background-color: #051922;*/
/*display: inline-block;*/
/*padding: 0 16px;*/
/*}*/
/*.line {*/
/*margin-bottom: 50px;*/
/*display: block;*/
/*height: 7px;*/
/*background: url(/images/line_bg.png) 0 0 repeat-x;*/
/*}*/
/*.rates_cont {*/
/*color: #243340;*/
/*font-size: 16px;*/
/*line-height: 24px;*/
/*}*/
/*.rates_cont_box {*/
/*margin-bottom: 60px;*/
/*}*/
/*.payment-methods-left li {*/
/*display: -moz-inline-stack;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*zoom: 1;*/
/*margin: 4px 15px;*/
/*}*/
/*.payment-methods-left {*/
/*margin-left: -15px;*/
/*}*/
/*.payment-icons-bankcards {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -32px -32px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-yandex-dengi {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -129px -64px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-webmoney-rub {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -129px -32px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-terminals {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -129px 0 no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-alfa-click {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -96px -96px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-sb-online {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -64px -96px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-promsvyaz {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -97px -32px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-masterpass {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -64px -64px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-kupivkredit {*/
/*background: url(/images/payment-icons-bec23d56ad.png) 0 -64px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.payment-icons-qppiru {*/
/*background: url(/images/payment-icons-bec23d56ad.png) -32px -96px no-repeat;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.frame_box {*/
/*border: 1px solid #aee705;*/
/*padding: 40px 35px;*/
/*color: #243340;*/
/*font-size: 16px;*/
/*line-height: 24px;*/
/*margin-bottom: 50px;*/
/*}*/
/*.rates_table {*/
/*display: table;*/
/*width: 100%;*/
/*margin-bottom: 80px;*/
/*margin-top: -60px;*/
/*}*/
/*.rates_tr {*/
/*display: table-row;*/
/*}*/
/*.rates_tr:not(:first-child):hover .rates_td {*/
/*background-color: #f5f5f5;*/
/*}*/
/*!*.rates_tr:first-child:hover .rates_td {*/
/*background-color: #fff;*/
/*}*!*/
/*.rates_table .rates_tr .rates_td:hover {*/
/*background-color: #ececec;*/
/*}*/
/*.rates_td.active_hover {*/
/*background-color: #f5f5f5;*/
/*}*/
/*.rates_td.hover_cell_2 {*/
/*background-color: #f5f5f5;*/
/*}*/
/*.border_top {*/
/*border-top: 1px solid #acacac;*/
/*}*/
/*.border_left {*/
/*border-left: 1px solid #acacac;*/
/*}*/
/*.border_right {*/
/*border-right: 1px solid #acacac;*/
/*}*/
/*.border_bottom {*/
/*border-bottom: 1px solid #acacac;*/
/*}*/
/*.rates_td {*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*text-align: center;*/
/*padding: 20px;*/
/*width: 25%;*/
/*background-color: #fff;*/
/*color: #245a5e;*/
/*font-size: 16px;*/
/*line-height: 30px;*/
/*}*/
/*.rates_td_title {*/
/*background-color: transparent !important;*/
/*}*/
/*.rates_table_title {*/
/*font-family: "RobotoBold";*/
/*font-size: 26px;*/
/*line-height: 33px;*/
/*color: #0097d0;*/
/*}*/
/*.rates_table_title_arrow_wr {*/
/*width: 100%;*/
/*height: 1px;*/
/*position: relative;*/
/*}*/
/*.rates_table_title_arrow {*/
/*position: absolute;*/
/*right: 15px;*/
/*top: 20px;*/
/*}*/
/*.rates_td_img {*/
/*height: 80px;*/
/*position: relative;*/
/*margin-bottom: 25px;*/
/*}*/
/*.rates_td_img img {*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 50%;*/
/*margin-left: -85px;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/
/*.rates_td_img_cont {*/
/*position: absolute;*/
/*color: #fff;*/
/*font-size: 11px;*/
/*bottom: 60px;*/
/*width: 100%;*/
/*text-align: center;*/
/*margin-left: -20px;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/
/*.rates_td_img_cont_1 {*/
/*padding-bottom: 2px;*/
/*padding-right: 22px;*/
/*}*/
/*.rates_td.active .rates_td_img img{*/
/*bottom: 20px;*/
/*}*/
/*.rates_td.active .rates_td_img_cont{*/
/*bottom: 80px;*/
/*}*/
/*.rates_td_cont h6 {*/
/*margin-bottom: 3px;*/
/*}*/
/*.rates_td_cont p {*/
/*line-height: 20px;*/
/*}*/
/*.rates_td_cont .rates_price {*/
/*color: #122730;*/
/*font-family: "RobotoBold";*/
/*font-size: 27px;*/
/*line-height: 30px;*/
/*margin-bottom: 12px;*/
/*}*/
/*.rates_td_cont .rates_price span {*/
/*color: #e75b3a;*/
/*font-family: "RobotoBold";*/
/*font-size: 18px;*/
/*line-height: 30px;*/
/*text-decoration: line-through;*/
/*padding-right: 8px;*/
/*}*/
/*.btn_rates_1 {*/
/*background: #0097d0;*/
/*display: block;*/
/*padding: 15px 20px;*/
/*font-family: "RobotoBold";*/
/*font-size: 18px;*/
/*line-height: 24px;*/
/*color: #fff;*/
/*max-width: 300px;*/
/*margin: 0 auto;*/
/*}*/
/*.btn_rates_1:hover {*/
/*color: #245a5e;*/
/*background-color: #21dcb3;*/
/*}*/
/*.btn_rates_2 {*/
/*background: #b4f10f;*/
/*display: block;*/
/*padding: 15px 20px;*/
/*font-family: "RobotoBold";*/
/*font-size: 18px;*/
/*line-height: 24px;*/
/*color: #245a5e;*/
/*max-width: 300px;*/
/*margin: 0 auto;*/
/*}*/
/*.btn_rates_2:hover {*/
/*color: #245a5e;*/
/*background-color: #21dcb3;*/
/*}*/
/*.rates_table_title_sm {*/
/*display: table;*/
/*text-align: left;*/
/*line-height: 22px;*/
/*}*/
/*.rates_table_title_sm>span {*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*}*/
/*.rates_table_title_sm>span:first-child {*/
/*width: 50px;*/
/*padding-left: 15px;*/
/*}*/
/*.help_box {*/
/*position: relative;*/
/*height: 1px;*/
/*width: 1px;*/
/*}*/
/*.icon_question_rates {*/
/*position: absolute;*/
/*width: 16px;*/
/*height: 16px;*/
/*background-color: #4ea300;*/
/*top: 10px;*/
/*left: -15px;*/
/*color: #fff;*/
/*line-height: 16px;*/
/*text-align: center;*/
/*border-radius: 100%;*/
/*font-size: 12px;*/
/*cursor: pointer;*/
/*}*/
/*.icon_question_rates_imp {*/
/*background-color: #ff3232;*/
/*}*/
/*.rates_td .help_pop_up {*/
/*font-size: 14px;*/
/*line-height: 17px;*/
/*color: #243340;*/
/*display: block;*/
/*position: absolute;*/
/*right: 60px;*/
/*width: 270px;*/
/*background-color: #fff;*/
/*box-shadow: 3px 3px 7px 3px #b8b8b8;*/
/*padding: 15px 18px;*/
/*-webkit-transform: translate(0, -50%);*/
/*-ms-transform: translate(0, -50%);*/
/*-o-transform: translate(0, -50%);*/
/*transform: translate(0, -50%);*/
/*display: none;*/
/*z-index: 5;*/
/*}*/
/*.help_pop_up_title {*/
/*font-size: 16px;*/
/*margin-bottom: 7px;*/
/*font-family: "RobotoBold";*/
/*color: #243340;*/
/*display: block;*/
/*}*/
/*.help_box:hover .help_pop_up{*/
/*display: block;*/
/*}*/
/*.btn_rates_open {*/
/*font-size: 20px;*/
/*margin-top: 15px;*/
/*margin-bottom: 10px;*/
/*display: block;*/
/*cursor: pointer;*/
/*display: none;*/
/*}*/
/*.description_box {*/
/*display: none;*/
/*}*/
/*.description_box .rates_tr {*/
/*display: table;*/
/*width: 100%;*/
/*}*/
/*.description_box .rates_td {*/
/*display: table-cell;*/
/*width: 50%;*/
/*padding: 12px 15px;*/
/*line-height: 22px;*/
/*}*/
/*.btn_rates_open .s {*/
/*display: none;*/
/*}*/
/*.btn_rates_open.active .h {*/
/*display: none;*/
/*}*/
/*.btn_rates_open.active .s {*/
/*display: inline-block;*/
/*}*/
/*.has-error label {*/
/*color: inherit !important;*/
/*}*/
.icon_video, .icon_info_2 {
float: left;
}
.reference_right_box input:not([type="radio"]):not([type="checkbox"]) {
border: none;
height: 50px;
padding: 0 20px;
border-radius: 3px;
font-size: 20px !important;
/*font-family: "Open Sans" !important;*/
font-weight: 400 !important;
margin-bottom: 25px;
width: 100%;
outline: none;
}
.faq-text{
color: rgb(10, 10, 10);
margin-bottom: 40px;
line-height: 26px;
}
.reference_list{
line-height: 26px;
}
.blue_table_faq {
width: 100%;
}
.blue_table_faq th {
font-size: 16px;
line-height: 20px;
color: #fff;
font-family: "RobotoBold";
background-color: #49acc5 !important;
padding: 15px 20px;
border: 1px solid #fff;
border-bottom: none;
border-top: none;
}
.blue_table_faq th:first-child {
border-left: none;
}
.blue_table_faq th:last-child {
border-right: none;
}
.blue_table_faq td {
font-size: 14px;
line-height: 20px;
background-color: #fff;
padding: 15px 20px;
border: 1px solid #c2c2c2;
}
\ No newline at end of file
common/modules/documentation/views/page/view.php
View file @ 599eb5cd
<?php
use yii\widgets\Pjax;
use frontend\assets\DocumentationAsset;
use common\modules\documentation\assets\DocumentationAsset;
use execut\widget\TreeView;
use yii\web\JsExpression;
use common\modules\documentation\models\DocList;
......@@ -24,7 +24,7 @@ $ml = $model->lang;
<li class="active">
<a href="faq.html">
<span class="icon_info_2">
</span>Справка </a>
</span>Документация </a>
</li>
</ul>
</div>
......@@ -34,7 +34,10 @@ $ml = $model->lang;
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="way"> <a href="index.html">Главная</a> <span>|</span> Справка <br> <br>
<div class="way">
<a href="/">Главная</a>
<span>|</span> Документация
<span>|</span> <?php echo $ml->name ?>
</div>
</div>
</div>
......@@ -71,13 +74,6 @@ $ml = $model->lang;
<!-- Widget Categories-->
<section class="widget widget-categories">
<h3 class="widget-title text-muted">Разделы документации</h3>
<ul>
<li><a href="#">Что такое платформа Taskon</a></li>
<li><a href="#">Используемые технологии в Taskon</a></li>
<li><a href="#">Что такое платформа Taskon? 0 0 1</a></li>
<li><a href="#">Требования к серверу</a></li>
<li><a href="#">Установка платформы Taskon</a></li>
</ul>
<?php
$data = $modelDocList->getParentListForContent($model->list);
$onSelect = new JsExpression(<<<JS
......@@ -142,3 +138,5 @@ JS
</div>
</div>
</div>
<?=
$this->render('@app/views/layouts/footer')?>
\ No newline at end of file
frontend/web/.htaccess
View file @ 599eb5cd
......@@ -5,17 +5,17 @@ RewriteCond %{HTTP_HOST} ^www.task-on\.com$ [NC]
RewriteRule ^(.*)$ http://task-on.com/$1 [R=301,L]
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/
RewriteRule ^index\.php$ https://task-on.com/ [R=301,L]
RewriteRule ^index\.php$ http://task-on.com/ [R=301,L]
RewriteCond %{HTTP_HOST} ^www\.(.*) [NC]
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
RewriteCond %{HTTP} off
RewriteRule (.*) http://%{HTTP_HOST}%{REQUEST_URI} [R,L]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} ^(.+)/$
RewriteRule ^(.+)/$ https://task-on.com/$1 [R=301,L]
RewriteRule ^(.+)/$ http://task-on.com/$1 [R=301,L]
Redirect 301 /portfolio/appl /portfolio
......
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 - ООО "Арт Проект"