Логика установки доступных дат при выборе интервала в datepicker-х

parent 55f619f4
/* Таблица стилей к странице одного блога */
.b-content__title {
padding: 85px 0 25px;
display: -webkit-flex;
display: flex;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.b-content__title .wrapp {
margin: auto;
height: auto;
}
.b-content__title h1 {
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}
.b-content__title p.lead {
text-align: center;
margin-bottom: 10px;
color: #FFFFFF;
}
.b-content__title .date {
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}
.tag-container {
margin-left: 16.6667%;
width: 66.6666667%;
text-align: center;
line-height: 2.1rem;
}
.b-content__article {
}
.b-content__article .wrapp {
padding: 70px 0 80px;
border-bottom: 1px solid #B9CBD1;
}
.b-content__article h2,
.b-content__article p.lead,
.b-content__article p.text,
.b-content__article blockquote,
.b-content__article ul {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.b-content__article h2 {
font-size: 1.2rem;
line-height: 1.16em;
margin-bottom: 30px;
}
.b-content__article p.text,
.b-content__article li.text {
margin-bottom: 25px;
}
.b-content__article p.text + h2 {
margin-top: 50px;
}
.b-content__article figure {
margin-bottom: 30px;
}
.b-content__article img {
width: 100%;
margin: 15px 0 5px;
}
.b-content__article img + figcaption {
}
blockquote p.share {
margin-bottom: 40px;
}
blockquote p.share a {
margin-right: 30px;
color : #43BDEF;
}
blockquote p.share a:before {
position: relative;
top: 2px;
display: inline-block;
height: 1rem;
width: 1.2rem;
margin-right: 5px;
content: '';
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
blockquote p.share a.twitter:before {
background-image: url('../img/icon-share-tw.svg');
}
blockquote p.share a.facebook:before {
background-image: url('../img/icon-share-fb.svg');
}
.b-content__article ul {
margin-bottom: 50px;
}
.b-content__article li.text {
position: relative;
margin-left: 15px;
}
.b-content__article li.text:before {
position: absolute;
top: 0.5em;
left: -15px;
display: block;
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #39B54A;
}
.b-content__article .source {
}
.b-content__article .source:before {
content: 'источник: ';
}
.b-content__contact-social {
margin-top: 60px;
}
.b-content__similar {
padding: 70px 0 60px;
}
.b-content__similar h1 {
text-align: center;
margin-bottom: 75px;
}
.b-content__contact {
padding: 60px 0 70px;
background : rgba(185, 203, 209, 0.3);
}
.b-content__contact h1 {
text-align: center;
margin-bottom: 35px;
}
.b-content__contact .input.input--akira {
float: left;
width: 55%;
}
.b-content__contact input[type="submit"] {
margin-top: 30px;
float: right;
width: 40%;
}
@media (max-width: 768px) {
.b-content__title {
height: auto;
}
.b-content__title .date {
margin-bottom: 20px;
}
.tag-container {
margin-bottom: 20px;
}
.b-content__contact .input.input--akira {
width: 100%;
}
.b-content__contact input[type="submit"] {
width: 100%;
}
}
@media (max-width: 550px) {
.b-content__title {
padding: 100px 0 50px;
}
.b-content__title .date {
margin-bottom: 20px;
}
.tag-container {
margin-left: 0;
width: 100%;
}
.b-content__article .wrapp {
padding: 30px 0;
}
.b-content__article h2 {
margin-bottom: 20px;
}
.b-content__article p.text,
.b-content__article li.text {
margin-bottom: 10px;
}
.b-content__article figure {
margin-bottom: 10px;
}
.b-content__article img {
margin-top: 0;
}
.b-content__article p.text + h2 {
margin-top: 20px;
}
.b-content__article ul {
margin-bottom: 10px;
}
.b-content__contact-social {
margin-top: 30px;
}
.b-content__similar {
padding: 30px 0 30px;
}
.b-content__similar h1 {
margin-bottom: 20px;
}
.blog-container .blog-item__inner {
padding-left: 0;
padding-right: 0;
margin-bottom: 30px;
}
.blog-container .blog-item__inner {
padding-left: 0;
padding-right: 0;
margin-bottom: 30px;
}
.blog-item__bg {
margin-bottom: 10px;
}
.blog-item__inner .text.bold {
margin-bottom: 5px;
}
.b-content__contact {
padding: 30px 0;
}
.b-content__contact h1 {
margin-bottom: 10px;
}
}
\ No newline at end of file
/* Таблица стилей к странице блога */
.b-content__title {
padding: 85px 0 25px;
display: -webkit-flex;
display: flex;
background-image: url('../img/bg-tittle-blog.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.b-content__title .wrapp {
margin: auto;
height: auto;
}
.b-content__title h1 {
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}
.b-content__title p.lead {
text-align: center;
margin-bottom: 10px;
color: #FFFFFF;
}
.tag-container {
margin-left: 16.6667%;
width: 66.6666667%;
text-align: center;
line-height: 2.1rem;
}
.b-content__container {
padding: 60px 0 70px;
}
.blog-item__inner {
margin-bottom: 50px;
}
.blog-item__inner h2 {
}
.blog-item__inner p.text span {
color: #383838;
}
.b-content__paginator {
text-align: center;
font-size: 0;
margin-bottom: 70px;
}
.b-content__paginator span {
display: inline-block;
margin: 0 10px;
font-family: 'RalewayRegular', sans-serif;
font-size: 0.8rem;
line-height: 40px;
text-align: center;
background : rgba(185, 203, 209, 0.3);
width : 40px;
height : 40px;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.2s ease,
color 0.2s ease;
}
.b-content__paginator span.current-page,
.b-content__paginator span:hover {
background : rgba(24, 181, 74, 0.2);
}
.b-content__contact {
padding: 60px 0 70px;
background : rgba(185, 203, 209, 0.3);
}
.b-content__contact h1 {
text-align: center;
margin-bottom: 35px;
}
.b-content__contact .input.input--akira {
float: left;
width: 55%;
}
.b-content__contact input[type="submit"] {
margin-top: 30px;
float: right;
width: 40%;
}
@media (max-width: 768px) {
.b-content__title {
height: auto;
}
.tag-container {
margin-bottom: 20px;
}
.b-content__contact .input.input--akira {
width: 100%;
}
.b-content__contact input[type="submit"] {
width: 100%;
}
}
@media (max-width: 550px) {
.b-content__title {
padding: 100px 0 50px;
}
.b-content__title p.lead {
margin-bottom: 20px;
}
.tag-container {
margin-left: 0;
width: 100%;
text-align: center;
line-height: 2.1rem;
}
.tag {
margin: 6px 0;
}
.b-content__container {
padding: 30px 0 0;
}
.b-content__container .blog-item__inner {
padding-left: 0;
padding-right: 0;
margin-bottom: 30px;
}
.blog-item__bg {
margin-bottom: 10px;
}
.blog-item__inner .text.bold {
margin-bottom: 5px;
}
.b-content__paginator {
margin-bottom: 30px;
}
.b-content__contact {
padding: 30px 0;
}
.b-content__contact h1 {
margin-bottom: 10px;
}
}
\ No newline at end of file
/* Таблица стилей к странице статистики */
.l-content {
padding-top: 0;
}
.b-content__title {
padding-top: 120px;
height: 400px;
background-color: #EAEFF1;
}
.b-content__title picture {
display: block;
margin: 0 auto;
width: 90px;
margin-bottom: 25px;
}
.b-content__title picture source {
}
.b-content__title picture img {
height: 90px;
width: 90px;
object-fit: cover;
border-radius: 50%;
}
.b-content__title p.lead {
margin-bottom: 10px;
text-align: center;
}
.b-content__title-settings {
text-align: center;
}
.b-content__title-settings .annotation {
color : #0071BC;
}
.b-content__title-settings .annotation:hover {
color : #177FC5;
}
.b-content__title-settings .annotation:first-child {
margin-right: 30px;
}
.b-content__getstats {
}
.b-content__getstats .wrapp {
padding: 70px 0 80px;
}
section h1 {
margin-bottom: 15px;
text-align: center;
color: #000000;
}
section h1 + p.text {
text-align: center;
margin-bottom: 60px;
}
.b-content__message {
display: table;
padding-right: 190px;
padding-left: 20px;
margin: 0 auto;
margin-bottom: 80px;
height: 85px;
border-radius: 8px;
background-repeat: no-repeat;
}
.b-content__message a.text.bold {
display: table;
margin: 0 auto;
padding-left: 34px;
text-align: center;
font-size: 1rem;
color: #000000;
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: left center;
line-height: 85px;
}
.b-content__getstats a.text:hover {
color : #177FC5;
}
.b-content__help {
text-align: center;
}
.b-content__help a {
color : #0071BC;
}
.b-content__getstats-site {
position: relative;
background-color: #F9FDF9;
background-size: auto 25px;
background-position: 23px center;
}
.b-content__getstats-site:after {
position: absolute;
display: inline-block;
right: 20px;
top: 0;
padding-left: 20px;
line-height: 85px;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 12px;
}
.b-content__getstats-site[data-successful]:after {
content: attr(data-successful);
color: #39B54A;
background-image: url('../img/marker.svg');
}
.b-content__getstats-site[data-failure]:after {
content: attr(data-failure);
color: #FC031C;
background-image: url('../img/icon-failure.svg');
}
.b-content__getstats-site a.text.bold {
color: #383838;
}
@media (max-width: 1025px) {
section .wrapp {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 769px) {
.b-content__title {
padding-top: 120px;
}
.b-content__getstats-site {
margin-bottom: 60px;
}
}
@media (max-width: 670px) {
}
@media (max-width: 550px) {
.b-content__title {
padding-top: 80px;
}
.b-content__title p.lead {
margin-bottom: 20px;
}
.b-content__title-settings .annotation:first-child {
margin-right: 0;
margin-bottom: 20px;
display: block;
}
.b-content__getstats .wrapp {
padding: 30px 10px;
}
section h1 + p.text {
margin-bottom: 30px;
}
.b-content__message {
padding-right: 20px;
width: 100%;
margin-bottom: 30px;
}
.b-content__getstats-site:after {
display: none;
}
.b-content__help a.text {
line-height: normal;
}
}
\ No newline at end of file
/* Таблица стилей к странице контактов */
.b-content__title {
padding: 85px 0 25px;
display: -webkit-flex;
display: flex;
height: 260px;
background-image: url('../img/bg-tittle-contact.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.b-content__title .wrapp {
margin: auto;
height: auto;
}
.b-content__title h1 {
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}
.b-content__title p.lead {
text-align: center;
color: #FFFFFF;
}
.b-content__form {
padding: 60px 0 90px;
}
.b-content__form .wrapp {
}
.b-content__form h2 {
color : #333333;
margin-bottom: 50px;
}
.b-content__form-our-contacts {
}
.b-content__form-our-contacts li {
position: relative;
padding-top: 0.35em;
padding-left: 50px;
margin-bottom: 35px;
}
.b-content__form-our-contacts li:last-child {
margin-bottom: 0px;
}
.b-content__form-our-contacts li:before {
position: absolute;
display: block;
content: '';
left: 0;
height: 1.5rem;
width: 1.5rem;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
}
.b-content__form-our-contacts li.tel:before {
background-image: url('../img/icon-telephone.svg');
}
.b-content__form-our-contacts li.email:before {
background-image: url('../img/icon-email.svg');
}
.b-content__form-our-contacts li.skype:before {
background-image: url('../img/icon-skype.svg');
}
.b-content__form-our-contacts li a {
font-family: 'AABebasNeue';
font-size: 1.7rem;
color: #333333;
}
.b-content__form-container {
position: relative;
}
.b-content__form-container form h2 {
margin-bottom: 20px;
}
.b-content__form-container .textarea,
.b-content__form-container form textarea {
font-weight: normal;
}
.message-sent .b-content__form-container form {
opacity: 0;
pointer-events: none;
}
.b-content__form-finish {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
display: none;
background: #FFFFFF;
}
.b-content__form-finish-inner {
margin-top: 2.5rem;
padding-top: 115px;
background-image: url('../img/bg-send-message.svg');
background-size: 100px 75px;
background-repeat: no-repeat;
background-position: center top;
}
.b-content__form-finish-inner h2 {
text-align: center;
font-size: 1.2rem;
margin-bottom: 10px;
color: #39B54A;
}
.b-content__form-finish-inner p {
text-align: center;
font-size: 1rem;
}
@media (max-width: 768px) {
.b-content__title {
height: auto;
}
.b-content__contact .input.input--akira {
width: 100%;
}
.b-content__contact input[type="submit"] {
width: 100%;
}
}
@media (max-width: 550px) {
.b-content__title {
padding: 100px 10px 50px;
}
.b-content__form {
padding: 30px 0 30px;
}
.b-content__form h2 {
text-align: center;
}
.b-content__form-container form {
margin-top: 50px;
}
span + input[type="submit"] {
margin-top: 20px;
}
}
\ No newline at end of file
.flag {
background-repeat: no-repeat;
padding: 0 0 0 18px;
background-position: left center;
}
.flag.flag-afg {background-image: url(/img/country-flag/AFG.png);}
.flag.flag-afg {background-image: url(/img/country-flag/AFG.png);}
.flag.flag-alb {background-image: url(/img/country-flag/ALB.png);}
.flag.flag-dza {background-image: url(/img/country-flag/DZA.png);}
.flag.flag-dza {background-image: url(/img/country-flag/DZA.png);}
.flag.flag-and {background-image: url(/img/country-flag/AND.png);}
.flag.flag-ago {background-image: url(/img/country-flag/AGO.png);}
.flag.flag-atg {background-image: url(/img/country-flag/ATG.png);}
.flag.flag-arg {background-image: url(/img/country-flag/ARG.png);}
.flag.flag-arm {background-image: url(/img/country-flag/ARM.png);}
.flag.flag-aus {background-image: url(/img/country-flag/AUS.png);}
.flag.flag-aut {background-image: url(/img/country-flag/AUT.png);}
.flag.flag-aze {background-image: url(/img/country-flag/AZE.png);}
.flag.flag-bhs {background-image: url(/img/country-flag/BHS.png);}
.flag.flag-bhr {background-image: url(/img/country-flag/BHR.png);}
.flag.flag-bgd {background-image: url(/img/country-flag/BGD.png);}
.flag.flag-brb {background-image: url(/img/country-flag/BRB.png);}
.flag.flag-blr {background-image: url(/img/country-flag/BLR.png);}
.flag.flag-bel {background-image: url(/img/country-flag/BEL.png);}
.flag.flag-blz {background-image: url(/img/country-flag/BLZ.png);}
.flag.flag-ben {background-image: url(/img/country-flag/BEN.png);}
.flag.flag-btn {background-image: url(/img/country-flag/BTN.png);}
.flag.flag-bol {background-image: url(/img/country-flag/BOL.png);}
.flag.flag-bih {background-image: url(/img/country-flag/BIH.png);}
.flag.flag-bwa {background-image: url(/img/country-flag/BWA.png);}
.flag.flag-bra {background-image: url(/img/country-flag/BRA.png);}
.flag.flag-brn {background-image: url(/img/country-flag/BRN.png);}
.flag.flag-bgr {background-image: url(/img/country-flag/BGR.png);}
.flag.flag-bfa {background-image: url(/img/country-flag/BFA.png);}
.flag.flag-bdi {background-image: url(/img/country-flag/BDI.png);}
.flag.flag-khm {background-image: url(/img/country-flag/KHM.png);}
.flag.flag-cmr {background-image: url(/img/country-flag/CMR.png);}
.flag.flag-can {background-image: url(/img/country-flag/CAN.png);}
.flag.flag-cpv {background-image: url(/img/country-flag/CPV.png);}
.flag.flag-caf {background-image: url(/img/country-flag/CAF.png);}
.flag.flag-tcd {background-image: url(/img/country-flag/TCD.png);}
.flag.flag-chl {background-image: url(/img/country-flag/CHL.png);}
.flag.flag-chn {background-image: url(/img/country-flag/CHN.png);}
.flag.flag-col {background-image: url(/img/country-flag/COL.png);}
.flag.flag-com {background-image: url(/img/country-flag/COM.png);}
.flag.flag-cod {background-image: url(/img/country-flag/COD.png);}
.flag.flag-cog {background-image: url(/img/country-flag/COG.png);}
.flag.flag-cri {background-image: url(/img/country-flag/CRI.png);}
.flag.flag-civ {background-image: url(/img/country-flag/CIV.png);}
.flag.flag-hrv {background-image: url(/img/country-flag/HRV.png);}
.flag.flag-cub {background-image: url(/img/country-flag/CUB.png);}
.flag.flag-cyp {background-image: url(/img/country-flag/CYP.png);}
.flag.flag-cze {background-image: url(/img/country-flag/CZE.png);}
.flag.flag-dnk {background-image: url(/img/country-flag/DNK.png);}
.flag.flag-dji {background-image: url(/img/country-flag/DJI.png);}
.flag.flag-dma {background-image: url(/img/country-flag/DMA.png);}
.flag.flag-dom {background-image: url(/img/country-flag/DOM.png);}
.flag.flag-ecu {background-image: url(/img/country-flag/ECU.png);}
.flag.flag-egy {background-image: url(/img/country-flag/EGY.png);}
.flag.flag-slv {background-image: url(/img/country-flag/SLV.png);}
.flag.flag-gnq {background-image: url(/img/country-flag/GNQ.png);}
.flag.flag-eri {background-image: url(/img/country-flag/ERI.png);}
.flag.flag-est {background-image: url(/img/country-flag/EST.png);}
.flag.flag-eth {background-image: url(/img/country-flag/ETH.png);}
.flag.flag-fji {background-image: url(/img/country-flag/FJI.png);}
.flag.flag-fin {background-image: url(/img/country-flag/FIN.png);}
.flag.flag-fra {background-image: url(/img/country-flag/FRA.png);}
.flag.flag-gab {background-image: url(/img/country-flag/GAB.png);}
.flag.flag-gmb {background-image: url(/img/country-flag/GMB.png);}
.flag.flag-geo {background-image: url(/img/country-flag/GEO.png);}
.flag.flag-deu {background-image: url(/img/country-flag/DEU.png);}
.flag.flag-gha {background-image: url(/img/country-flag/GHA.png);}
.flag.flag-grc {background-image: url(/img/country-flag/GRC.png);}
.flag.flag-grd {background-image: url(/img/country-flag/GRD.png);}
.flag.flag-gtm {background-image: url(/img/country-flag/GTM.png);}
.flag.flag-gin {background-image: url(/img/country-flag/GIN.png);}
.flag.flag-gnb {background-image: url(/img/country-flag/GNB.png);}
.flag.flag-guy {background-image: url(/img/country-flag/GUY.png);}
.flag.flag-hti {background-image: url(/img/country-flag/HTI.png);}
.flag.flag-hnd {background-image: url(/img/country-flag/HND.png);}
.flag.flag-hun {background-image: url(/img/country-flag/HUN.png);}
.flag.flag-isl {background-image: url(/img/country-flag/ISL.png);}
.flag.flag-ind {background-image: url(/img/country-flag/IND.png);}
.flag.flag-idn {background-image: url(/img/country-flag/IDN.png);}
.flag.flag-irn {background-image: url(/img/country-flag/IRN.png);}
.flag.flag-irq {background-image: url(/img/country-flag/IRQ.png);}
.flag.flag-irl {background-image: url(/img/country-flag/IRL.png);}
.flag.flag-isr {background-image: url(/img/country-flag/ISR.png);}
.flag.flag-ita {background-image: url(/img/country-flag/ITA.png);}
.flag.flag-jam {background-image: url(/img/country-flag/JAM.png);}
.flag.flag-jpn {background-image: url(/img/country-flag/JPN.png);}
.flag.flag-jor {background-image: url(/img/country-flag/JOR.png);}
.flag.flag-kaz {background-image: url(/img/country-flag/KAZ.png);}
.flag.flag-ken {background-image: url(/img/country-flag/KEN.png);}
.flag.flag-kir {background-image: url(/img/country-flag/KIR.png);}
.flag.flag-prk {background-image: url(/img/country-flag/PRK.png);}
.flag.flag-kor {background-image: url(/img/country-flag/KOR.png);}
.flag.flag-kwt {background-image: url(/img/country-flag/KWT.png);}
.flag.flag-kgz {background-image: url(/img/country-flag/KGZ.png);}
.flag.flag-lao {background-image: url(/img/country-flag/LAO.png);}
.flag.flag-lva {background-image: url(/img/country-flag/LVA.png);}
.flag.flag-lbn {background-image: url(/img/country-flag/LBN.png);}
.flag.flag-lso {background-image: url(/img/country-flag/LSO.png);}
.flag.flag-lbr {background-image: url(/img/country-flag/LBR.png);}
.flag.flag-lby {background-image: url(/img/country-flag/LBY.png);}
.flag.flag-lie {background-image: url(/img/country-flag/LIE.png);}
.flag.flag-ltu {background-image: url(/img/country-flag/LTU.png);}
.flag.flag-lux {background-image: url(/img/country-flag/LUX.png);}
.flag.flag-mkd {background-image: url(/img/country-flag/MKD.png);}
.flag.flag-mdg {background-image: url(/img/country-flag/MDG.png);}
.flag.flag-mwi {background-image: url(/img/country-flag/MWI.png);}
.flag.flag-mys {background-image: url(/img/country-flag/MYS.png);}
.flag.flag-mdv {background-image: url(/img/country-flag/MDV.png);}
.flag.flag-mli {background-image: url(/img/country-flag/MLI.png);}
.flag.flag-mlt {background-image: url(/img/country-flag/MLT.png);}
.flag.flag-mhl {background-image: url(/img/country-flag/MHL.png);}
.flag.flag-mrt {background-image: url(/img/country-flag/MRT.png);}
.flag.flag-mus {background-image: url(/img/country-flag/MUS.png);}
.flag.flag-mex {background-image: url(/img/country-flag/MEX.png);}
.flag.flag-fsm {background-image: url(/img/country-flag/FSM.png);}
.flag.flag-mda {background-image: url(/img/country-flag/MDA.png);}
.flag.flag-mco {background-image: url(/img/country-flag/MCO.png);}
.flag.flag-mng {background-image: url(/img/country-flag/MNG.png);}
.flag.flag-mne {background-image: url(/img/country-flag/MNE.png);}
.flag.flag-mar {background-image: url(/img/country-flag/MAR.png);}
.flag.flag-moz {background-image: url(/img/country-flag/MOZ.png);}
.flag.flag-mmr {background-image: url(/img/country-flag/MMR.png);}
.flag.flag-nam {background-image: url(/img/country-flag/NAM.png);}
.flag.flag-nru {background-image: url(/img/country-flag/NRU.png);}
.flag.flag-npl {background-image: url(/img/country-flag/NPL.png);}
.flag.flag-nld {background-image: url(/img/country-flag/NLD.png);}
.flag.flag-nzl {background-image: url(/img/country-flag/NZL.png);}
.flag.flag-nic {background-image: url(/img/country-flag/NIC.png);}
.flag.flag-ner {background-image: url(/img/country-flag/NER.png);}
.flag.flag-nga {background-image: url(/img/country-flag/NGA.png);}
.flag.flag-nor {background-image: url(/img/country-flag/NOR.png);}
.flag.flag-omn {background-image: url(/img/country-flag/OMN.png);}
.flag.flag-pak {background-image: url(/img/country-flag/PAK.png);}
.flag.flag-plw {background-image: url(/img/country-flag/PLW.png);}
.flag.flag-pan {background-image: url(/img/country-flag/PAN.png);}
.flag.flag-png {background-image: url(/img/country-flag/PNG.png);}
.flag.flag-pry {background-image: url(/img/country-flag/PRY.png);}
.flag.flag-per {background-image: url(/img/country-flag/PER.png);}
.flag.flag-phl {background-image: url(/img/country-flag/PHL.png);}
.flag.flag-pol {background-image: url(/img/country-flag/POL.png);}
.flag.flag-prt {background-image: url(/img/country-flag/PRT.png);}
.flag.flag-qat {background-image: url(/img/country-flag/QAT.png);}
.flag.flag-rou {background-image: url(/img/country-flag/ROU.png);}
.flag.flag-rus {background-image: url(/img/country-flag/RUS.png);}
.flag.flag-rwa {background-image: url(/img/country-flag/RWA.png);}
.flag.flag-kna {background-image: url(/img/country-flag/KNA.png);}
.flag.flag-lca {background-image: url(/img/country-flag/LCA.png);}
.flag.flag-vct {background-image: url(/img/country-flag/VCT.png);}
.flag.flag-wsm {background-image: url(/img/country-flag/WSM.png);}
.flag.flag-smr {background-image: url(/img/country-flag/SMR.png);}
.flag.flag-stp {background-image: url(/img/country-flag/STP.png);}
.flag.flag-sau {background-image: url(/img/country-flag/SAU.png);}
.flag.flag-sen {background-image: url(/img/country-flag/SEN.png);}
.flag.flag-srb {background-image: url(/img/country-flag/SRB.png);}
.flag.flag-syc {background-image: url(/img/country-flag/SYC.png);}
.flag.flag-sle {background-image: url(/img/country-flag/SLE.png);}
.flag.flag-sgp {background-image: url(/img/country-flag/SGP.png);}
.flag.flag-svk {background-image: url(/img/country-flag/SVK.png);}
.flag.flag-svn {background-image: url(/img/country-flag/SVN.png);}
.flag.flag-slb {background-image: url(/img/country-flag/SLB.png);}
.flag.flag-som {background-image: url(/img/country-flag/SOM.png);}
.flag.flag-zaf {background-image: url(/img/country-flag/ZAF.png);}
.flag.flag-esp {background-image: url(/img/country-flag/ESP.png);}
.flag.flag-lka {background-image: url(/img/country-flag/LKA.png);}
.flag.flag-sdn {background-image: url(/img/country-flag/SDN.png);}
.flag.flag-sur {background-image: url(/img/country-flag/SUR.png);}
.flag.flag-swz {background-image: url(/img/country-flag/SWZ.png);}
.flag.flag-swe {background-image: url(/img/country-flag/SWE.png);}
.flag.flag-che {background-image: url(/img/country-flag/CHE.png);}
.flag.flag-syr {background-image: url(/img/country-flag/SYR.png);}
.flag.flag-tjk {background-image: url(/img/country-flag/TJK.png);}
.flag.flag-tza {background-image: url(/img/country-flag/TZA.png);}
.flag.flag-tha {background-image: url(/img/country-flag/THA.png);}
.flag.flag-tls {background-image: url(/img/country-flag/TLS.png);}
.flag.flag-tgo {background-image: url(/img/country-flag/TGO.png);}
.flag.flag-ton {background-image: url(/img/country-flag/TON.png);}
.flag.flag-tto {background-image: url(/img/country-flag/TTO.png);}
.flag.flag-tun {background-image: url(/img/country-flag/TUN.png);}
.flag.flag-tur {background-image: url(/img/country-flag/TUR.png);}
.flag.flag-tkm {background-image: url(/img/country-flag/TKM.png);}
.flag.flag-tuv {background-image: url(/img/country-flag/TUV.png);}
.flag.flag-uga {background-image: url(/img/country-flag/UGA.png);}
.flag.flag-ukr {background-image: url(/img/country-flag/UKR.png);}
.flag.flag-are {background-image: url(/img/country-flag/ARE.png);}
.flag.flag-gbr {background-image: url(/img/country-flag/GBR.png);}
.flag.flag-usa {background-image: url(/img/country-flag/USA.png);}
.flag.flag-ury {background-image: url(/img/country-flag/URY.png);}
.flag.flag-uzb {background-image: url(/img/country-flag/UZB.png);}
.flag.flag-vut {background-image: url(/img/country-flag/VUT.png);}
.flag.flag-vat {background-image: url(/img/country-flag/VAT.png);}
.flag.flag-ven {background-image: url(/img/country-flag/VEN.png);}
.flag.flag-vnm {background-image: url(/img/country-flag/VNM.png);}
.flag.flag-yem {background-image: url(/img/country-flag/YEM.png);}
.flag.flag-zmb {background-image: url(/img/country-flag/ZMB.png);}
.flag.flag-zwe {background-image: url(/img/country-flag/ZWE.png);}
.flag.flag-sgs {background-image: url(/img/country-flag/SGS.png);}
.flag.flag-ala {background-image: url(/img/country-flag/ALA.png);}
.flag.flag-sjm {background-image: url(/img/country-flag/SJM.png);}
.flag.flag-atf {background-image: url(/img/country-flag/ATF.png);}
.flag.flag-pyf {background-image: url(/img/country-flag/PYF.png);}
.flag.flag-guf {background-image: url(/img/country-flag/GUF.png);}
.flag.flag-flk {background-image: url(/img/country-flag/FLK.png);}
.flag.flag-fro {background-image: url(/img/country-flag/FRO.png);}
.flag.flag-wlf {background-image: url(/img/country-flag/WLF.png);}
.flag.flag-tkl {background-image: url(/img/country-flag/TKL.png);}
.flag.flag-twn {background-image: url(/img/country-flag/TWN.png);}
.flag.flag-spm {background-image: url(/img/country-flag/SPM.png);}
.flag.flag-mnp {background-image: url(/img/country-flag/MNP.png);}
.flag.flag-shn {background-image: url(/img/country-flag/SHN.png);}
.flag.flag-reu {background-image: url(/img/country-flag/REU.png);}
.flag.flag-pri {background-image: url(/img/country-flag/PRI.png);}
.flag.flag-pcn {background-image: url(/img/country-flag/PCN.png);}
.flag.flag-pse {background-image: url(/img/country-flag/PSE.png);}
.flag.flag-tca {background-image: url(/img/country-flag/TCA.png);}
.flag.flag-cok {background-image: url(/img/country-flag/COK.png);}
.flag.flag-cym {background-image: url(/img/country-flag/CYM.png);}
.flag.flag-hmd {background-image: url(/img/country-flag/HMD.png);}
.flag.flag-cxr {background-image: url(/img/country-flag/CXR.png);}
.flag.flag-nfk {background-image: url(/img/country-flag/NFK.png);}
.flag.flag-bvt {background-image: url(/img/country-flag/BVT.png);}
.flag.flag-ncl {background-image: url(/img/country-flag/NCL.png);}
.flag.flag-niu {background-image: url(/img/country-flag/NIU.png);}
.flag.flag-ant {background-image: url(/img/country-flag/ANT.png);}
.flag.flag-msr {background-image: url(/img/country-flag/MSR.png);}
.flag.flag-mtq {background-image: url(/img/country-flag/MTQ.png);}
.flag.flag-umi {background-image: url(/img/country-flag/UMI.png);}
.flag.flag-myt {background-image: url(/img/country-flag/MYT.png);}
.flag.flag-mac {background-image: url(/img/country-flag/MAC.png);}
.flag.flag-cck {background-image: url(/img/country-flag/CCK.png);}
.flag.flag-esh {background-image: url(/img/country-flag/ESH.png);}
.flag.flag-gum {background-image: url(/img/country-flag/GUM.png);}
.flag.flag-grl {background-image: url(/img/country-flag/GRL.png);}
.flag.flag-hkg {background-image: url(/img/country-flag/HKG.png);}
.flag.flag-gib {background-image: url(/img/country-flag/GIB.png);}
.flag.flag-glp {background-image: url(/img/country-flag/GLP.png);}
.flag.flag-vir {background-image: url(/img/country-flag/VIR.png);}
.flag.flag-vgb {background-image: url(/img/country-flag/VGB.png);}
.flag.flag-iot {background-image: url(/img/country-flag/IOT.png);}
.flag.flag-bmu {background-image: url(/img/country-flag/BMU.png);}
.flag.flag-abw {background-image: url(/img/country-flag/ABW.png);}
.flag.flag-ata {background-image: url(/img/country-flag/ATA.png);}
.flag.flag-aia {background-image: url(/img/country-flag/AIA.png);}
.flag.flag-asm {background-image: url(/img/country-flag/ASM.png);}
/* Таблица стилей к странице списка офферов */
.b-partners-link
{
float: right;
margin-left: 10px;
line-height: 34px;
}
.b-offers-list_controls
{
margin-bottom: 5px;
}
.b-data-item_action,
.b-data-item_list-tpl-action
{
display: none;
}
.b-offers-list_controls select
{
display: inline-block;
margin: 0 15px 0 2px;
width: 120px;
height: 30px;
line-height: 15px;
}
.b-offers-list_controls select.data-period
{
margin-right: 0;
}
.b-offers-list_controls select.offer-partner
{
width: 220px;
}
.b-offers-list_controls select.offer-category,
.b-offers-list_controls select.offer-subcategory
{
width: 200px;
}
.b-offers-list_controls select.order-status
{
width: 120px;
}
.b-offers-list_controls select.order-orders,
.b-offers-list_controls select.order-clicks
{
width: 70px;
}
.b-offers-list_controls-subcategory
{
display: none;
}
.b-offers-list_controls.total-info
{
height: 28px;
border-bottom: solid 1px #ccc;
}
.b-filters
{
position: relative;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
min-height: 46px;
}
.b-filters .btn.apply
{
position: absolute;
bottom: 5px;
right: 0;
}
.b-data-item_list.orders-list .b-filters .btn.apply
{
position: static;
float: right;
margin-left: 10px;
}
.b-filters__show,
.b-filters-sites-zones__show
{
display: inline-block;
margin-top: 4px;
color: #337ab7;
border-bottom: 1px #337ab7 dashed;
cursor: pointer;
}
.b-filters input[type="checkbox"]
{
vertical-align: -2px;
}
.b-filters__items,
.b-filters_sites-zones
{
display: none;
margin-top: 10px;
}
.b-filters__current
{
}
.b-filters__current span,
.b-filters__items span
{
display: inline-block;
font-weight: bold;
min-width: 80px;
}
.b-filters .form-group
{
display: inline-block;
margin-bottom: 4px;
min-width: 100px;
}
.b-filters select.form-control.data-category,
.b-filters select.form-control.data-subcategory
{
display: inline-block;
width: 200px;
}
.b-filters .add-filter
{
float: left;
margin-bottom: 8px;
}
/* Фильтры стран-зон */
.b-filters_sites-zones
{
/*display: flex;*/
margin-bottom: 38px;
}
.b-filters_site-wrap
{
float: left;
padding-right: 5px;
width: 50%;
}
.b-filters_zone-wrap
{
float: right;
padding-left: 5px;
width: 50%;
}
.b-filters_geo,
.b-filters_site,
.b-filters_zone
{
float: left;
width: 100%;
border: 1px solid #CCC;
border-radius: 4px;
padding: 4px 6px 0;
}
.b-filters_geo
{
width: 585px;
}
.b-filters_zone
{
/*display: none;*/
margin-right: 0;
}
.b-filters_site .form-group,
.b-filters_zone .form-group
{
display: block;
}
.b-filters_sites-zones .filters-select
{
float: left;
padding-right: 3px;
width: 50%;
height: 200px;
}
.b-filters_sites-zones .filters-values
{
float: right;
padding-left: 3px;
width: 50%;
height: 200px;
}
.b-filters_sites-zones .filters-select .filter
{
margin-bottom: 8px;
}
.b-filters_sites-zones .filters-select div
{
display: inline-block;
width: 100%;
border: 1px solid #CCCCCC;
border-radius: 4px;
}
.b-filters_sites-zones .list-filter
{
padding-left: 4px;
height: 150px;
overflow-x: hidden;
overflow-y: scroll;
}
.b-filters_sites-zones .list-filter li
{
white-space: nowrap;
}
.b-filters_sites-zones .list-filter label,
.b-filters_sites-zones .values-string-list label
{
font-weight: normal;
}
.b-filters_sites-zones .values-string-list
{
padding: 2px 6px;
height: 194px;
min-height: 34px;
border: 1px solid #CCCCCC;
border-radius: 4px;
overflow-y: scroll;
}
.b-template-zones-list
{
display: none;
}
.b-export-xls
{
height: 30px;
clear: both;
}
.b-pager
{
}
.b-pager.state-loading
{
opacity: 0.5;
}
.b-pager li
{
display: inline-block;
margin-left: -1px;
width: 33px;
height: 34px;
line-height: 32px;
text-align: center;
border: 1px #DDDDDD solid;
color: #666666;
cursor: pointer;
background-color: #FAFAFA;
}
.b-pager li.not-active
{
cursor: default;
}
.b-pager li.current
{
background-color: #447CB5;
border-color: #447CB5;
color: #FFF;
cursor: default;
}
.b-pager__items
{
float: right;
}
.b-pager__step
{
float: left;
}
.b-pager__step select
{
display: inline-block;
width: 50px;
height: 24px;
padding: 0 15px 0 6px;
}
.b-pager__info
{
float: left;
margin-left: 50px;
line-height: 22px;
}
.table-data-loading
{
position: relative;
margin-bottom: -500px;
width: 100%;
height: 500px;
background: url(../img/ajax-loader-transp.gif) center center no-repeat;
z-index: 2;
}
.b-offers-list_controls input.date-value {
width: 100px;
}
.b-offers-list_controls .partners-status {
float: right;
}
.b-offers-list_controls .order-period {
width: 135px;
}
.panel-body.active table tbody tr.disabled
{
display: none !important;
}
.panel-body.disabled table tbody tr
{
display: none;
}
.panel-body.disabled table tbody tr.disabled
{
display: table-row;
}
.b-offers-list_disabled-count
{
display: none;
color: #A0A0A0;
}
.b-offers-list_controls-period
{
float: right;
}
table.offers thead tr th.is-br
{
font-size: 13px;
line-height: 14px;
}
table.offers tbody tr td .offer-info
{
font-size: 12px;
}
table.offers tbody tr td.stat
{
font-size: 12px;
font-family: monospace;
}
table.offers thead tr th input.select-all,
table.offers tbody tr td input.is-active
{
vertical-align: -2px;
margin-right: 2px;
}
table.offers thead tr th span[data-sort="id"]
{
margin-left: 4px;
}
/* Таблица стилей к странице списка объявлений */
table.adds input[type="checkbox"]
{
vertical-align: -2px;
}
table.adds td .title
{
font-weight: bold;
}
table.adds td .price
{
color: #337ab7;
}
table.adds td .link-offer
{
font-size: 12px;
font-weight: bold;
color: #337ab7;
}
table.adds tbody tr td.stat
{
font-size: 12px;
font-family: monospace;
white-space: nowrap;
}
table.table-striped.adds td.stat span
{
font-weight: normal;
}
\ No newline at end of file
/* Таблица стилей к странице офферов-объявлений */
.b-content__work.inner
{
max-width: 1240px;
margin: 0 auto;
}
.b-content__work.inner input[type="checkbox"]
{
vertical-align: -2px;
cursor: pointer;
}
.b-pattern
{
display: none;
}
.panel-heading h1
{
padding: 0 0 10px 0;
}
.edited
{
min-width: 100px;
min-height: 20px;
border-bottom: 1px dotted #ccc;
cursor: pointer;
}
.b-data-item_add-list .edited,
.b-data-item_add-list br,
.b-data-item_add-list input.is-active
{
display: none !important;
}
.edited span
{
font-weight: bold;
color: #697075;
}
.edited b
{
font-weight: bold;
color: #009444;
}
.edited.was-edited
{
border-bottom: 2px dashed #613101;
}
.edited.not-valid
{
color: red !important;
}
input.editing
{
display: none;
background-color: transparent;
border: 1px solid #ccc;
}
input.editing.not-valid
{
color: red !important;
}
.b-data-item_add-list input.editing
{
display: block;
padding-left: 5px;
background-color: #fff;
}
.b-clear
{
clear: both;
}
input.offer-title
{
width: 600px;
line-height: 34px;
color: #697075;
}
.offer-title.edited
{
display: inline-block;
min-width: 300px;
height: 30px;
line-height: 22px;
}
.form-group.left
{
float: left;
width: 50%;
padding: 2px;
}
.b-switch
{
}
.b-switch_header
{
height: 36px;
}
.b-switch_header ul
{
margin-left: 10px;
}
.b-switch_header li
{
float: left;
padding: 0 15px;
border: solid 1px #ccc;
border-radius: 4px 4px 0 0;
height: 36px;
line-height: 34px;
margin-left: -1px;
cursor: pointer;
}
.b-switch_header li.active
{
color: #0071BC;
border-bottom: solid 1px #fff;
}
.b-switch_content
{
margin-top: -1px;
border: solid 1px #ccc;
border-radius: 4px;
}
.b-switch_item
{
display: none;
}
.b-switch_item.active
{
display: block;
}
.b-data-item
{
}
.b-data-item_list-info,
.b-data-item_list-stat
{
float: left;
width: 50%;
}
.b-data-item_list-stat-content
{
margin: 5px 5px 5px 0;
padding: 4px;
background-color: #fff;
border-radius: 4px;
}
.b-data-item.settings label.title
{
display: block;
}
.b-data-item.settings .b-data-item_inner
{
border: solid 1px #ccc;
border-radius: 4px;
}
.b-data-item.active .ads-list-item.disabled,
.b-data-item.active .landing-item.disabled
{
display: none;
}
.b-data-item.disabled .ads-list-item,
.b-data-item.disabled .landing-item
{
display: none;
}
.b-data-item.disabled .ads-list-item.disabled,
.b-data-item.disabled .landing-item.disabled
{
display: block;
}
.b-data-item_inner
{
padding: 5px;
}
.b-data-item_list-tpl-stat
{
margin-right: 5px;
background-color: #fff;
border-radius: 4px;
padding: 4px;
}
.b-data-item_list-tpl-stat.state-loading
{
opacity: 0.5;
background: #fff url(../img/ajax-loader-transp.gif) center center no-repeat;
}
.b-data-item_list-tpl-header
{
padding-bottom: 5px;
border-bottom: solid 1px #ccc;
}
.b-data-item_list-tpl-header label
{
margin-top: 5px;
margin-bottom: 6px;
}
.b-data-item_list-tpl-header .btn.btn-primary
{
line-height: 16px;
}
.language-rating
{
float: left;
width: 50%;
}
select.offer-language
{
display: inline;
margin: 5px 47px 0 10px;
width: 110px;
}
select.offer-rating
{
display: inline;
width: 95px;
margin: 5px 0 0 10px;
}
.b-categories
{
float: left;
width: 50%;
}
.category-item
{
}
.category-item select
{
float: left;
margin: 2px 0 0 10px;
width: 200px;
}
.delete-category-item
{
display: inline-block;
margin: 7px 0 0 5px;
height: 25px;
font-size: 27px;
line-height: 25px;
color: #383838;
cursor: pointer;
}
.b-categories label
{
margin: 8px 0 0 10px;
}
.b-categories .add-row
{
margin: 5px 0 0 10px;
}
.b-controls
{
position: relative;
margin: 15px 19px 15px 0;
text-align: center;
}
.b-controls_fade
{
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.5;
}
.b-controls.disabled .b-controls_fade
{
display: block;
}
.b-data-item.adds .header,
.b-data-item.landings .header,
.b-data-item.orders .header,
.b-data-item.keys .header
{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: solid 1px #ccc;
}
.b-data-item.orders .header,
.b-data-item.keys .header
{
border: none;
}
.b-data-item.orders .header label,
.b-data-item.keys .header label
{
line-height: 30px;
margin-bottom: 0;
}
.b-data-item_action
{
display: none;
}
.b-data-item_add-list
{
display: none;
border-top: 2px solid #ccc;
}
.b-data-item_add-list .was-edited
{
background-color: #F9F9F9 !important;
}
.b-data-item_add-list-controls
{
height: 25px;
}
.b-data-item_add-list-controls .btn
{
float: right;
}
.b-data-item_add-list-controls .btn.cancel
{
height: 23px;
font-size: 12px;
line-height: 10px;
}
select.items-select,
select.tpls-select
{
display: inline-block;
margin: 0 15px;
width: 120px;
height: 30px;
line-height: 15px;
}
select.items-action,
select.tpls-action
{
display: inline-block;
padding-left: 5px;
width: 175px;
height: 30px;
line-height: 15px;
}
.ads-list .edited
{
display: inline-block;
}
.ads-list input.is-active
{
float: left;
}
.ads-list-item
{
margin: 10px 0;
background-color: #F9F9F9;
padding-left: 5px;
}
.ads-list-item.hidden
{
display: none;
}
.ads-list-item.disabled
{
opacity: 0.5;
}
.ads-list-item.was-edited
{
background-color: #fbf4df;
}
.ads-list-item.was-edited input[type="text"]
{
margin-bottom: 1px;
}
.ads-list-item.new
{
background-color: #ECFDF0;
}
.add-content
{
position: relative;
margin-left: 25px;
padding: 4px;
}
.image-wrap
{
float: left;
width:100px;
height:100px;
overflow: hidden;
cursor: pointer;
}
.image-wrap.is-loading
{
background: #FFF url('../img/gif-load.gif') center center no-repeat;
}
.image-wrap.is-loading img
{
display: none;
}
.image-wrap.was-edited
{
border: 2px dashed #613101;
}
.add-fields
{
margin-left: 120px;
}
.add-fields .title
{
font-weight: bold;
}
.add-fields .title.was-edited,
.add-fields .desc.was-edited
{
line-height: 18px;
}
.add-fields .price
{
color: #337ab7;
}
.add-fields .add-id
{
position: absolute;
left: 125px;
bottom: 5px;
font-size: 12px;
}
.add-fields .editing
{
margin-top: -1px;
width: 100%;
height: 22px;
line-height: 18px;
}
.offer-enable
{
margin-bottom: 0;
}
.landing-item,
.order-item
{
margin: 10px 0 25px 0;
padding: 2px 0 5px 4px;
background-color: #F9F9F9;
border: 1px #CCC solid;
border-radius: 4px;
}
.landing-item.hidden
{
display: none;
}
.landing-item.disabled
{
opacity: 0.5;
}
.landing-item.was-edited
{
background-color: #fbf4df;
}
.landing-item.new
{
background-color: #ECFDF0;
}
.landing-title.editing
{
margin-bottom: 5px;
width: 96%;
line-height: 19px;
font-weight: bold;
}
.b-data-item_add-list .landing-title.editing
{
display: inline-block;
margin-top: 10px;
margin-left: 15px;
}
.b-data-item_add-list .landing-item,
.b-data-item_add-list .ads-list-item
{
border: 1px solid #9EC7A9;
}
.landingdata-item
{
margin: 0 10px 5px 15px;
}
.landing-title.edited
{
max-width: 100%;
vertical-align: -11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.landing-link
{
display: inline-block;
color: #337ab7;
}
.landing-link.edited
{
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.landing-link.editing
{
margin-bottom: 5px;
width: 100%;
line-height: 19px;
}
.landing-title.edited.was-edited,
.landing-link.edited.was-edited
{
line-height: 18px;
}
.landing-partner
{
display: inline-block;
width: 215px;
height: 30px;
line-height: 15px;
background-color: #fff !important;
}
.landingdata-item.device label
{
font-size: 13px;
font-weight: normal;
}
.landingdata-item.geo .values-string
{
margin: 0 155px 0 0;
background-color: #fff;
}
.landingdata-item.geo .dropdown-menu>li>a
{
padding: 3px 10px;
}
.landingdata-item.templates
{
margin-left: 10px;
padding: 0 4px;
background-color: #fff;
}
.landingdata-item.templates.hidden
{
display: none;
}
.order-item .field-name
{
color: #0071BC;
}
table.table.stats
{
font-family: monospace;
margin-bottom: 0;
font-size: 13px;
}
table.table.stats th,
table.table.stats td
{
line-height: 2px;
border: 1px solid #ddd !important;
}
table.table.stats th,
table.table.stats th.period,
table.table.stats td.period
{
/*color: #7D7D7D;*/
color: #0071BC
}
table.adds tbody tr td.stat {
font-size: 12px;
font-family: monospace;
white-space: nowrap;
}
table.table-striped.adds td.stat span {
font-weight: normal;
}
.btn.preview
{
position: absolute;
right: 10px;
bottom: 10px;
width: 20px;
height: 20px;
background: url(../img/bg-search.svg) #337ABD no-repeat center;
border-radius: 4px;
}
table.add-templates span.preview
{
margin: 0 2px;
padding: 0 4px;
vertical-align: 2px;
color: #fff;
background-color: #337ABD;
border-radius: 4px;
cursor: pointer;
}
.b-popup__window.preview
{
width: 860px;
min-width: 600px;
overflow: hidden;
}
.b-popup__window.preview .button-close
{
right: 20px;
}
.b-popup-content
{
min-height: 400px;
max-height: 800px;
padding: 10px;
overflow-y: scroll;
}
.b-popup-content .add-content
{
margin-left: 0;
}
.b-popup-content .ads-list-item
{
margin-top: 0;
}
.b-popup-content .edited
{
display: inline-block;
border: none;
cursor: default;
}
.b-popup-content .edited span,
.b-popup-content .edited b
{
color: inherit;
font-weight: inherit;
}
.b-popup-content a.edited
{
display: block;
color: #0071BC;
font-size: 14px;
cursor: pointer;
}
.b-popup-content h2
{
margin-bottom: 10px;
}
.b-popup-content h3.land-title
{
margin-top: 20px;
font-weight: bold;
color: #337ab7;
}
.b-popup-content .table
{
margin-top: 20px;
width: 100%;
table-layout: fixed;
}
.b-popup-content .table>thead>tr>th
{
padding: 0;
border-bottom-width: 1px;
}
.b-popup-content .table>tbody>tr>td
{
text-align: left !important;
width: 100%;
}
.b-popup-content .b-data-item_list-info
{
width: auto;
}
/* Таблица стилей к странице редактирования профиля */
main {
transition: opacity 0.2s ease;
}
main.show {
pointer-events: none;
opacity: 0.7;
}
.connection.b-popup__window {
width: 460px;
}
.connection.b-popup__window .form-wrapp {
padding: 150px 2rem 2rem 2rem;
background-image: url('../img/icon-popup-connection.svg');
background-position: center 40px;
background-repeat: no-repeat;
background-size: auto 75px;
}
.connection.b-popup__window .form-wrapp h1 {
margin-bottom: 20px;
text-align: center;
}
.connection.b-popup__window .form-wrapp h1 + p.text {
text-align: center;
}
.l-content {
padding-top: 0;
}
.b-content__title {
padding-top: 85px;
height: 33ex;
background-color: #EAEFF1;
}
.b-content__title picture {
display: block;
margin: 0 auto;
width: 90px;
margin-bottom: 5px;
}
.b-content__title picture source {
}
.b-content__title picture img {
height: 90px;
width: 90px;
object-fit: cover;
border-radius: 50%;
}
.b-content__title p.lead {
margin-bottom: 10px;
text-align: center;
}
.b-content__title-settings {
text-align: center;
}
.b-content__title-settings .annotation {
color : #0071BC;
}
.b-content__title-settings .annotation:first-child {
margin-right: 30px;
}
.b-content__form {
}
.b-content__form .wrapp {
padding: 40px 0 50px;
}
.b-content__form-set {
margin-left: 25%;
margin-right: 25%;
}
.b-content__form-set .input__field {
font-weight: normal;
opacity: 0.7;
transition: opacity 0.2s ease;
}
.input-site {
margin: 1rem 0 1rem;
}
.b-content__form-set .input__field:focus {
opacity: 1;
}
.b-content__form-set-item-label {
width: 32%;
font-size: 0;
}
.b-content__form-set-item-label p.text {
display: inline-block;
margin-top: 1.5rem;
line-height: normal;
}
.b-content__form-set-item-label p.text,
.wrapp-button.submit {
width: 32%;
}
.b-content__form-set span.input {
font-size: 0;
width: 66.666666%;
}
.b-content__form-set .droplist-current:after {
width: 10px;
background-image: url('../img/icon-droplist-pointter-dark.svg');
}
.wrapp-button {
display: inline-block;
}
.show.wrapp-button[data-action]:after {
position: fixed;
top: 100px;
left: 0;
width: 100%;
display: block;
height: auto;
content: attr(data-action);
background-color: #39B54A;
padding: 15px 0;
font-family: 'RalewayBold', sans-serif;
color: #FFFFFF;
font-size: 0.8rem;
line-height: 1.625em;
text-align: center;
box-shadow: 1px 1px 15px -2px rgba(0,0,0,0.5);
z-index: 10000;
}
.wrapp-button.submit {
margin-left: 32%;
}
.wrapp-button.submit,
.wrapp-button.reset {
width: 32%;
}
.wrapp-button.reset {
text-align: right;
}
.b-content__form-set input[type='submit'] {
width: 80%;
}
.b-content__form-set input[type='reset'] {
border: none;
outline: none;
background: transparent;
color: #B3B3B3;
cursor: pointer;
transition: color 0.2s ease;
}
.b-content__form-set input[type='reset']:hover {
color: #7F6363;
}
.b-content__form-set .wrapp-button.delete {
margin-left: 32%;
display: block;
margin-top: 80px;
line-height: 46px;
}
.b-content__form-set .wrapp-button.delete button {
display: block;
margin: 0 auto;
border: none;
outline: none;
background-color: transparent;
color: #FF3B3B;
cursor: pointer;
}
.b-content__form-set .wrapp-button.delete button:hover {
color: #A51515;
}
@media (max-width: 1025px) {
section .wrapp {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 768px) {
.b-content__title {
padding-top: 120px;
}
.b-content__form-set {
margin-left: 10%;
margin-right: 10%;
}
.b-content__form-set .wrapp-button.delete {
margin-top: 60px;
}
.b-content__form-set .wrapp-button.delete button {
margin: 0;
}
}
@media (max-width: 550px) {
.b-content__title {
padding-top: 80px;
}
.b-content__form .wrapp {
padding: 10px 10px 30px;
}
.b-content__form-set {
margin-right: 0;
margin-left: 0;
}
.b-content__form-set-item-label p.text {
display: block;
width: 100%;
line-height: normal;
margin-top: 20px;
}
.b-content__form-set span.input {
margin-top: 10px;
width: 100%;
}
.wrapp-button.submit {
margin-left: 0;
width: 49%;
}
.b-content__form-set .wrapp-button.delete {
margin-left: 0;
margin-top: 50px;
}
.b-content__form-set .wrapp-button.delete button {
margin: 0 auto;
}
}
\ No newline at end of file
/* Таблица стилей к странице фида */
.b-content__work.inner
{
max-width: 1240px;
margin: 0 auto;
}
.b-content__work.inner input[type="checkbox"]
{
vertical-align: -2px;
cursor: pointer;
}
.b-clear
{
clear: both;
}
.b-left
{
position: relative;
float: left;
margin-bottom: 15px;
width: 50%;
}
.b-left-fade
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.b-right
{
float: left;
width: 50%;
padding-left: 25px;
}
.form-group
{
margin-bottom: 5px;
}
.editor,
.editor-base
{
height: 200px;
border: 1px solid #CCC;
border-radius: 4px;
}
.editor-base
{
height: 583px;
}
.form-group-config label
{
width: 70px;
}
.form-group-config span span
{
display: inline-block;
min-width: 45px;
}
.form-control.size,
.form-control.items,
.form-control.animation,
.form-control.logo
{
display: inline-block;
width: 120px;
}
.form-control.size.from-base,
.form-control.items.from-base,
.form-control.animation.from-base,
.form-control.logo.from-base
{
border-color: #337AB7;
color: #337AB7;
}
.form-group.logo div
{
padding-left: 20px;
}
.form-group.logo div label
{
width: 40px;
}
.form-group.logo div span
{
display: inline-block;
min-width: 45px;
}
.form-group.logo div input
{
margin-bottom: 5px;
}
.form-control.skin-base
{
width: 215px;
}
.b-save
{
display: none;
margin-left: 15px;
}
/* Таблица стилей к странице статистики */
.b-content__title {
padding-top: 100px;
padding-bottom: 50px;
}
.b-content__losses .wrapp {
padding-top: 10px;
}
.b-content__losses-left {
margin-bottom: 30px;
}
.b-content__losses-left-item {
margin: 0 10px;
}
.b-content__losses-right.col {
padding-left: 0;
padding-right: 0;
}
.b-content__losses-right table tr > th:nth-child(1) h2,
.b-content__losses-right table tbody tr > td:nth-child(1) h2,
.b-content__losses-right table tfoot tr > td:nth-child(1) h2 {
font-size: 0.7rem;
}
.b-content__losses-right table tr > th h1, .b-content__losses-right table tfoot tr > td h1 {
font-size: 1.1rem;
}
.b-content__use-block .wrapp {
padding: 30px 0 10px;
}
.b-content__use-block h2:first-child {
margin-bottom: 20px;
}
.b-content__use-block p.lead:last-child {
margin-bottom: 20px;
}
.b-content__use-block-circle.col {
margin-bottom: 20px;
padding-left: 30px;
}
.b-content__use-block-circle .circle {
float: left;
margin-bottom: 0;
margin-right: 20px;
}
.b-content__use-block-circle .percents,
.b-content__use-block-circle .percents + h2 {
text-align: left;
margin-top: 0.4em;
}
.b-content__traffic .wrapp {
padding-bottom: 30px;
padding-top: 30px;
}
.b-add-car__form-item.droplist[traffic] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
.b-add-car__form-item.droplist[category] {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
.b-add-car__form-item.droplist[category] .droplist-current.text {
background-color: #CECECE;
}
.b-filter__switch.display {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
}
.b-content__contact {
padding-bottom: 30px;
padding-top: 30px;
}
.b-content__contact .input.input--akira {
height: 46px;
width: 100%;
}
.b-content__contact input[type="submit"] {
height: 46px;
width: 100%;
}
\ No newline at end of file
/* Таблица стилей к странице статистики */
.l-content {
padding-top: 0;
}
.b-content__title {
padding-top: 120px;
height: 33ex;
background-color: #EAEFF1;
}
.b-content__title h1 {
text-align: center;
color: #000000;
margin-bottom: 30px;
}
.b-content__title p.lead {
text-align: center;
}
.b-content__losses {
}
.b-content__losses .wrapp {
padding-top: 70px;
padding-bottom: 40px;
border-bottom: 1px solid #E6E6E6;
}
.b-content__losses-left {
background-color: #F7F7F7;
border-radius: 10px;
}
.b-content__losses-left-item {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 30px;
padding: 40px 0;
}
.b-content__losses-left-item:not(:last-child) {
border-bottom: 1px solid #E6E6E6;
}
.b-content__losses-left-item {
}
.b-content__losses-left-item p.text {
max-width: 60%;
margin-right: 40px;
}
.b-content__losses-left-item h1 {
max-width: calc( 40% - 40px );
font-family : 'AABebasNeue', sans-serif;
font-size : 2.9rem;
line-height: normal;
color : #39B54A;
}
.b-content__losses-right.col {
padding-left: 40px;
}
.b-content__losses-right table {
width: 100%;
}
.b-content__losses-right table tr {
vertical-align: bottom;
}
.b-content__losses-right table tr > th:nth-child(1),
.b-content__losses-right table tbody tr > td:nth-child(1),
.b-content__losses-right table tfoot tr > td:nth-child(1) {
width: 30%;
}
.b-content__losses-right table tr > th:nth-child(1) h2,
.b-content__losses-right table tfoot tr > td:nth-child(1) h2 {
font-weight : bold;
font-size : 0.9rem;
line-height : 1.35em;
color : #000000;
}
.b-content__losses-right table tbody tr > td:nth-child(1) span {
padding-right: 10px;
}
.b-content__losses-right table tr > th:nth-child(2),
.b-content__losses-right table tbody tr > td:nth-child(2),
.b-content__losses-right table tfoot tr > td:nth-child(2) {
width: 60%;
padding-left: 10px;
text-align: right;
}
.b-content__losses-right table tr > th h1,
.b-content__losses-right table tfoot tr > td h1 {
margin-top: -0.2em;
margin-bottom: -0.2em;
font-size : 2.3rem;
font-family : 'AABebasNeue', sans-serif;
}
.b-content__losses-right table tr > th:nth-child(2) h1 {
color: #666666;
}
.b-content__losses-right table tfoot tr > td:nth-child(2) h1 {
color: #39B54A;
}
.b-content__losses-right table tbody tr > td:nth-child(2) span {
padding-left: 10px;
}
.b-content__losses-right table tr > th:nth-child(2) h1:after,
.b-content__losses-right table tfoot tr > td:nth-child(2) h1:after {
color: #CCCCCC;
}
.b-content__losses-right table tr > th:nth-child(3),
.b-content__losses-right table tr > td:nth-child(3) {
width: 10%;
padding-left: 40px;
}
.b-content__losses-right table tr > th:nth-child(3) h1,
.b-content__losses-right table tfoot tr > td:nth-child(3) h1 {
color: #CC4D23;
}
.b-content__losses-right table tr > td:nth-child(3) .percents,
.b-content__losses-right table tfoot tr > td:nth-child(3) .percents {
color: #CC4D23;
}
.percents:after {
content: '%';
}
[data-currency]:after {
content: ' 'attr(data-currency);
}
.b-content__losses-right table tbody {
}
.b-content__losses-right table tr > td {
padding-top: 10px;
}
.b-content__losses-right table tr > td span {
position: relative;
bottom: -0.55em;
background-color: #FFFFFF;
}
.b-content__losses-right table tbody tr > td:nth-child(1),
.b-content__losses-right table tbody tr > td:nth-child(2) {
border-bottom: 1px dotted rgba(179, 179, 179, 0.8);
}
.b-content__losses-right table tfoot {
}
.b-content__losses-right table tfoot td {
padding-top: 80px;
}
.b-content__losses-right table {
position: relative;
}
.b-content__losses-right table:after {
position: absolute;
bottom: 90px;
left: 0;
right: 0;
content: '';
display: block;
border-bottom: 1px solid #E6E6E6;
}
.b-content__use-block {
}
.b-content__use-block .wrapp {
padding-top: 70px;
padding-bottom: 50px;
border-bottom: 1px solid #E6E6E6;
}
.b-content__use-block h2:first-child {
margin-bottom: 70px;
font-size: 0.9rem;
color: #000000;
}
.b-content__use-block p.lead {
font-size: 0.8rem;
}
.b-content__use-block p.lead:not(:last-child) {
margin-bottom: 40px;
}
.b-content__use-block p.lead > span {
color: #39B54A;
}
.b-content__use-block p.lead > span:after {
content: '%';
}
.b-content__use-block-circle {
}
.circle {
margin-bottom: 35px;
}
.circle p {
margin: 0 auto;
height: 132px;
width: 132px;
border: 1px solid #CECECE;
border-radius: 50%;
}
.circle canvas {
margin: 0 calc((100% - 140px) / 2);
max-height: 140px;
max-width: 140px;
margin-top: -5px;
margin-left: -5px;
}
.b-content__use-block-circle .percents {
text-align: center;
font-family : 'AABebasNeue', sans-serif;
font-size : 2.9rem;
color : #333333;
}
.b-content__use-block-circle .percents + h2 {
text-align: center;
font-size : 0.9rem;
line-height : 1.35em;
color : #666666;
}
.b-content__traffic {
}
.b-content__traffic .wrapp {
padding-top: 50px;
padding-bottom: 100px;
}
.b-content__traffic-filter {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 35px;
margin-bottom: 25px;
border-bottom: 1px solid #E6E6E6;
}
.b-add-car__form-item.droplist[category] {
display: none;
}
/* Дроплист */
.droplist {
-ms-flex: 1 0 140px;
-webkit-flex: 1 0 140px;
flex: 1 0 140px;
position: relative;
height: 40px;
max-width: 140px;
}
.droplist-title {
position: absolute;
top: -20px;
left: 20px;
font-size: 0.7rem;
}
.droplist-current.text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
padding: 0 23px 0 18px;
font-size: 0.7rem;
line-height: 40px;
text-align: center;
color: #FFFFFF;
background-color: #39B54A;
border-radius: 4px;
z-index: 1;
cursor: pointer;
}
.droplist-current:after {
position: absolute;
top: 0;
bottom: 0;
right: 7px;
display: block;
content: '';
height: 100%;
width: 9px;
background-image: url('../img/icon-droplist-pointter.svg');
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.m-open-droplist.droplist-current:after {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.droplist-block {
position: absolute;
top: 50px;
left: 0;
opacity: 0;
pointer-events: none;
width: 100%;
max-height: 300px;
background: #FFFFFF;
border-radius: 4px;
box-shadow: 0px 0px 5px rgba(130, 130, 130, 0.2);
z-index: 100;
overflow-y: auto;
transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
}
.droplist-item {
padding: 7px 18px;
border-bottom: 1px dotted #CECECE;
cursor: pointer;
}
.droplist-item:hover,
.droplist-item_select {
background: #f7f7f7;
}
.droplist-item:first-child {
border-radius: 4px 4px 0 0;
}
.droplist-item:last-child {
border-bottom: none;
border-radius: 0 0 4px 4px;
}
.m-open-droplist.droplist-block {
opacity: 1;
pointer-events: auto;
}
.b-filter__switch {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.category.b-filter__switch {
-ms-flex: 4 0 600px;
-webkit-flex: 4 0 600px;
flex: 4 0 600px;
max-width: 600px;
}
.display.b-filter__switch {
-ms-flex: 1 0 110px;
-webkit-flex: 1 0 110px;
flex: 1 0 110px;
max-width: 110px;
}
.b-filter__switch-item {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 40px;
padding: 0 3px;
white-space: nowrap;
text-align: center;
font-size: 0.7rem;
line-height: 36px;
border: 1px solid #E6E6E6;
border-left: none;
background-color: #FFFFFF;
color: #383838;
cursor: pointer;
overflow: hidden;
transition: color 0.2s ease,
background-color 0.2s ease;
}
.b-filter__switch-item:first-child {
border-radius: 5px 0 0 5px;
border: 1px solid #E6E6E6;
}
.b-filter__switch-item:last-child {
border-radius: 0 5px 5px 0;
border: 1px solid #E6E6E6;
border-left: none;
}
.m-filter__switch-item_active.b-filter__switch-item {
background-color: #E6E6E6;
}
.b-content__traffic canvas {
max-height: 370px;
width: 100%;
/* background: url('../img/temp/chart-5.svg') center 100% no-repeat; */
}
.b-content__contact {
padding-top: 60px;
padding-bottom: 70px;
background : rgba(185, 203, 209, 0.3);
}
.b-content__contact h1 {
text-align: center;
color: #000000;
margin-bottom: 20px;
}
.b-content__contact h1 + p.text {
text-align: center;
margin-bottom: 10px;
}
.form-contact {
margin-bottom: 50px;
}
.b-content__contact .input.input--akira {
float: left;
width: 55%;
}
.b-content__contact input[type="submit"] {
margin-top: 1.5rem;
float: right;
width: 40%;
}
.b-content__contact .row + p.text {
text-align: center;
}
@media (max-width: 1100px) {
section .wrapp {
padding-left: 10px;
padding-right: 10px;
}
.b-content__losses .wrapp {
padding-top: 50px;
padding-bottom: 30px;
}
.b-content__losses-right table tr > th:nth-child(1) h2, .b-content__losses-right table tfoot tr > td:nth-child(1) h2 {
font-size: 0.7rem;
}
.b-content__losses-right table tr > th h1,
.b-content__losses-right table tfoot tr > td h1 {
font-size: 1.9rem;
}
.b-content__losses-right table tr > th:nth-child(3),
.b-content__losses-right table tr > td:nth-child(3) {
padding-left: 10px;
}
.b-content__use-block .wrapp {
padding-top: 40px;
}
.b-content__use-block h2:first-child {
margin-bottom: 30px;
text-align: center;
}
.b-content__use-block p.lead {
text-align: center;
}
.b-content__use-block p.lead:not(:last-child) {
margin-bottom: 10px;
}
.b-content__use-block p.lead:last-child {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.b-content__title {
padding: 100px 0 50px;
}
.b-content__losses-left-item {
margin: 0 10px;
}
.b-content__losses-left-item h1 {
font-size: 2.2rem;
}
.b-content__losses-left-item p.text {
max-width: 70%;
margin-right: 10px;
}
.b-content__losses-right table:after {
bottom: 60px;
}
.b-content__losses-right table tr > th h1, .b-content__losses-right table tfoot tr > td h1 {
font-size: 1.25rem;
}
.b-content__losses-right table tr > th:nth-child(1) h2, .b-content__losses-right table tfoot tr > td:nth-child(1) h2 {
font-size: 0.8rem;
}
.b-content__traffic .wrapp {
padding-top: 30px;
}
.b-content__traffic-filter {
}
.b-add-car__form-item.droplist[traffic] {
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: calc(33.333333% - 10px);
text-align: center;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.b-add-car__form-item.droplist[category] {
display: block;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: calc(33.333333% - 10px);
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.b-add-car__form-item.droplist[category] .droplist-current.text {
background-color: #CECECE;
}
.b-filter__switch.category {
display: none;
}
.b-filter__switch.display {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
margin-left: 8.333333%;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.b-content__contact .input.input--akira {
width: 100%;
}
.b-content__contact input[type="submit"] {
width: 100%;
}
}
@media (max-width: 670px) {
.b-content__losses-left-item {
margin: 0;
}
.b-content__losses-left-item p.text {
margin-right: 10px;
}
.b-content__losses-left-item h1 {
max-width: none;
}
.b-content__losses-right.col {
padding-left: 20px;
}
.b-content__losses-right table tr > th h1, .b-content__losses-right table tfoot tr > td h1 {
font-size: 1.1rem;
}
}
\ No newline at end of file
/* Таблица стилей к главной странице админки */
.b-content__work
{
padding: 0;
background : #FFFFFF;
}
.b-content__site
{
margin-top: -44px;
}
.b-content__site-currency.state-admin
{
display: none;
}
.panel-info {
min-width: 1244px;
min-width: 900px;
}
.p-support-users .row-user
{
padding-left: 30px;
}
.p-support-users .user-segment
{
position: absolute;
display: block;
margin: 0 0 0 -25px;
font-weight: bold;
}
.p-support-users .user-name,
.p-support-users .user-country
{
display: block;
float: left;
width: 100%
}
.p-support-users .user-country
{
color: #777;
}
.p-support-users .user-email,
.p-support-users .user-phone
{
display: block;
width: 100%
}
.p-support-users .user-phone
{
color: #777;
}
table.table-striped.state-loading
{
opacity: 0.5;
}
table.table-striped thead th input.select-all,
table.table-striped tbody td input.is-active
{
vertical-align: -2px;
margin-right: 2px;
}
table.table-striped thead tr th b.action
{
display: inline-block;
margin-left: 2px;
margin-right: 2px;
width: 22px;
height: 20px;
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
vertical-align: -5px;
cursor: pointer;
border: 1px #ccc solid;
border-radius: 4px;
}
table.table-striped thead tr th b.action.hidden
{
display: none;
}
table.table-striped thead tr th b.action.activate
{
background-image: url('../img/marker-check.svg');
}
table.table-striped thead tr th b.action.deactivate
{
background-image: url('../img/button-close.svg');
}
table.table-striped th .sort
{
color: #337ab7;
cursor: pointer;
}
table.table-striped th .sort b
{
display: none;
}
table.table-striped th .sort.current
{
font-weight: bold;
}
table.table-striped th .sort.current.asc b.asc
{
display: inline;
}
table.table-striped th .sort.current.desc b.desc
{
display: inline;
}
table.table-striped th .sort:hover
{
text-decoration: underline;
}
table.table-striped td .site-zones,
table.table-striped td .item-timestamp
{
white-space: nowrap;
}
table.table-striped td .item-status
{
font-weight: bold;
}
button#btnExport
{
float: right;
padding: 4px 12px;
color: #fff;
border-radius: 4px;
background-color: #337ab7;
border-color: #2e6da4;
border: 0;
}
.form-group .btn-group
{
margin-bottom: 10px;
}
.form-group.category,
.form-group.service
{
margin-bottom: 20px;
}
.form-group.service input,
.form-group.enable input
{
vertical-align: -2px;
}
.btn.btn-primary.disabled
{
display: none;
}
.btn.btn-primary.add-item,
.btn.btn-primary.edit-item,
.btn.btn-primary.save-item,
.btn.btn-primary.cancel-item,
.btn.btn-primary.add-code-item
{
margin-right: 8px;
padding: 2px 10px;
font-size: 12px;
}
.btn.btn-primary.save-item,
.btn.btn-primary.cancel-item
{
float: right;
}
.btn.btn-primary.service-action
{
float: right;
margin-left: 5px;
background-color: #009444;
border-color: #1B8636;
}
.form-group.category label,
.form-group.zone label,
.form-group.template label,
.form-group.code label,
.form-group.slot label
{
float: left;
width: 99px;
line-height: 35px;
}
.form-group.zone label
{
width: 75px;
}
.form-group.zone label.for-size
{
margin-right: 10px;
width: auto;
}
.form-group.zone .zone-info,
.form-group.code .code-info,
.form-group.slot .slot-info
{
line-height: 35px;
color: #2E6DA4;
font-size: 13px;
}
.form-group.zone .zone-info .info-comment,
.form-group.slot .slot-info .info-comment
{
display: inline-block;
margin-top: 0;
margin-left: 10px;
width: 500px;
font-style: italic;
color: #626262;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: -13px;
}
.form-group.service label
{
margin-right: 20px;
}
.form-group.code label,
.form-group.slot label
{
width: 50px;
}
/*
Hidezones
*/
.form-group .values-string
{
margin-top: 4px;
padding: 2px 6px;
line-height: 28px;
min-height: 34px;
font-family: monospace;
border: 1px solid #CCCCCC;
border-radius: 4px;
}
.form-group .values-string span
{
padding: 2px 4px;
border: 1px solid #CCCCCC;
background-color: #EDEDED;
border-radius: 3px;
}
.form-group .values-edit
{
display: none;
width: 325px;
}
.form-group.providers .values-edit,
.form-group.code-provider .values-edit,
.form-group.partners .values-edit
{
width: 825px;
}
.form-group .values-edit .controls
{
margin-top: 4px;
}
.form-group.providers .values-edit .controls,
.form-group.code-provider .values-edit .controls
{
width: 408px;
}
.form-group.partners .values-edit .controls
{
width: 308px;
}
.form-group.partner label
{
margin-top: 5px;
}
.form-group.partner input#login,
.form-group.partner input#pass
{
display: inline-block;
margin-top: 10px;
width: 250px;
}
.form-group .values-edit .temp-state
{
display: none;
}
.form-group .no-values
{
display: none;
color: #2E6DA4;
font-family: monospace;
border: 1px solid #ccc;
border-radius: 4px;
padding: 4px;
text-align: center;
}
.form-group .values-list,
.form-group .values-list
{
margin-top: 4px;
}
.form-group.hidezones .form-control,
.form-group.stophide .form-control,
.form-group.providers .form-control,
.form-group.code-provider .form-control,
.form-group.partners .form-control,
.form-group.zone .selectors-targets-codes .form-control
{
display: inline-block;
margin-bottom: 4px;
width: 300px;
}
.form-group.providers .form-control,
.form-group.code-provider .form-control
{
width: 400px;
}
.form-group .delete-category,
.form-group .delete-template,
.form-group .delete-code,
.form-group .delete-slot,
.form-group .delete-codezone,
.form-group .delete-zone,
.form-group .delete-addition-block,
.form-group .delete-addition-field,
.form-group .delete-input,
.form-group .delete-styles-field,
.form-group .delete-addStyles-item,
.form-group .delete-addStyles-rules-item,
.form-group .delete-prov-conf-field
{
float: left;
font-size: 27px;
color: #383838;
cursor: pointer;
}
.form-group .delete-input
{
float: none;
display: inline-block;
vertical-align: -4px;
}
.form-group .delete-zone,
.form-group .delete-addition-field,
.form-group .delete-addition-block,
.form-group .delete-styles-field,
.form-group .delete-addStyles-item,
.form-group .delete-addStyles-rules-item,
.form-group .delete-prov-conf-field
{
float: right;
}
.form-group .delete-addStyles-rules-item
{
margin-right: 18px;
}
.input-pattern,
.category-pattern,
.zone-pattern,
.template-pattern,
.code-pattern,
.codezone-pattern,
.providers-pattern,
.code-provider-pattern,
.slot-pattern,
.prov-conf-pattern
{
display: none;
}
.category-item,
.zone-item,
.service-item,
.template-item,
.codezone-item
{
margin-bottom: 5px;
clear: both;
}
.template-item .left,
.codezone-item .left
{
float: left;
}
.code-item .left
{
float: left;
}
.template-item .right
{
float: right;
}
.template-item .center
{
margin: 0 320px 0 130px;
}
.code-item .code-content span
{
display: inline-block;
min-width: 47px;
}
.code-item .center
{
margin: 8px 25px 0 50px;
}
.category-item select
{
float: left;
margin-right: 5px;
width: 250px;
}
.zone-item
{
}
.zone-item.is-hidden label.for-zone,
.slot-item.is-hidden label.for-slot
{
opacity: 0.5;
}
.zone-item .styles,
.zone-item .selectors,
.zone-item .more_selectors,
.zone-item .codes_id,
.zone-item .targets,
.zone-item .comment
{
margin: 10px 0 0 0;
}
.zone-item .is-hidden label,
.slot-item .is-hidden label
{
float: none;
display: inline;
vertical-align: 2px;
font-weight: normal;
}
.zone-item .size
{
}
.zone-item .size .form-control.min-window-width
{
width: 100px;
}
.zone-item .addition-data,
.zone-item .min-cpm-data
{
margin-top: 10px;
}
.zone-item .addition-data span.has-addition
{
font-weight: bold;
}
.zone-item .zone-content
{
float: left;
display: none;
margin-bottom: 20px;
min-width: 1075px;
min-width: 865px;
}
.code-item .code-content,
.slot-item .slot-content
{
display: none;
margin: 0 0 20px 75px;
min-width: 1075px;
min-width: 815px;
}
.zone-item.open .zone-content,
.code-item.open .code-content,
.slot-item.open .slot-content
{
display: block;
}
.zone-item.open .zone-info,
.code-item.open .code-info,
.slot-item.open .slot-info
{
display: none;
}
.zone-item .show-zone,
.code-item .show-code,
.slot-item .show-slot
{
float: left;
margin: 10px 10px 0 0;
width: 14px;
height: 14px;
font-size: 20px;
line-height: 12px;
border: 1px solid #CCCCCC;
border-radius: 2px;
cursor: pointer;
}
.zone-item .show-zone .open,
.zone-item.open .show-zone .close,
.code-item .show-code .open,
.code-item.open .show-code .close,
.slot-item .show-slot .open,
.slot-item.open .show-slot .close
{
display: none;
}
.zone-item.open .show-zone,
.code-item.open .show-code,
.slot-item.open .show-slot
{
line-height: 9px;
}
.zone-item.open .show-zone .open,
.code-item.open .show-code .open,
.slot-item.open .show-slot .open
{
display: inline;
line-height: 9px;
}
.zone-item .codes-content
{
float: left;
}
.zone-item .codes-content .form-control.access-codes
{
float: left;
margin-top: 5px;
width: 150px;
}
.zone-item .codes-content .add-code-id
{
float: left;
margin-top: 8px;
padding: 5px 10px;
font-size: 12px;
}
.slot-item
{
}
.slot-item .form-group.zones_id
{
max-width: 785px;
}
.slot-item .node-margin-offset
{
margin-bottom: 10px;
max-width: 790px;
}
.slot-item .form-group.styles-addStyles
{
float: left;
width: 370px;
}
.slot-item .form-group.node,
.slot-item .form-group.styles,
.slot-item .form-group.fixed,
.slot-item .form-group.addStyles,
.form-group.prov-conf
{
float: left;
margin-right: 10px;
padding: 5px;
width: 360px;
border: 1px solid #CCCCCC;
border-radius: 4px;
}
.form-group.prov-conf
{
width: 425px;
}
.slot-item .form-group.fixed .field-name,
.slot-item .node-margin-offset .field-name
{
display: inline-block;
margin-left: 20px;
min-width: 55px;
}
.slot-item .form-group.node .form-control,
.slot-item .form-group.fixed .form-control
{
display: inline-block;
margin-top: 4px;
width: 50px;
}
.slot-item .form-group.node .form-control.node-selector
{
width: 310px;
margin-left: 20px;
}
.slot-item .form-group.offset .form-control
{
display: inline-block;
position: absolute;
padding: 6px;
width: 50px;
text-align: center;
}
.slot-item .form-group.offset .form-control.offset-top
{
top: 6px; left: 60px;
}
.slot-item .form-group.offset .form-control.offset-bottom
{
bottom: 6px; left: 60px;
}
.slot-item .form-group.offset .form-control.offset-left
{
top: 46px; left: 6px;
}
.slot-item .form-group.offset .form-control.offset-right
{
top: 46px; right: 6px;
}
.slot-item .form-group.margin,
.slot-item .form-group.hAlign
{
float: left;
margin-bottom: 10px;
}
.slot-item .form-group.syncHeight,
.slot-item .form-group.clearBefore
{
float: left;
margin-bottom: 0;
}
.slot-item .form-group.syncHeight,
.slot-item .form-group.clearBefore
{
height: 20px;
min-width: 210px;
}
.slot-item .syncHeight-inner
{
display: none;
margin-left: 20px;
}
.slot-item .clearBefore-inner
{
margin-left: 20px;
}
.slot-item .form-group.margin .form-control.slot-margin,
.slot-item .form-group.hAlign .form-control.slot-hAlign
{
display: inline-block;
width: 165px;
}
.slot-item .form-group.fixed .form-control.fixed-bottomSync
{
display: inline-block;
margin-top: 4px;
width: 80px;
}
.slot-item .form-group.fixed .form-control.fixed-node-selector
{
width: 310px;
margin-left: 20px;
}
.slot-item .form-group.offset
{
position: relative;
float: left;
margin-right: 0;
padding: 5px;
padding-top: 50px;
height: 128px;
width: 172px;
text-align: center;
border: 1px solid #CCCCCC;
border-radius: 4px;
}
.slot-item .addStyles-item
{
margin: 10px 0 4px 10px;
padding: 5px;
border: 1px solid #DEDEDE;
border-radius: 4px;
}
.form-group.addStyles.disabled .addStyles-item,
.form-group.addStyles.disabled .add-addStyles
{
display: none;
}
.slot-item .addStyles-item .field-name
{
display: inline-block;
min-width: 55px;
}
.slot-item .addStyles-item .form-control
{
padding: 6px;
margin-bottom: 6px;
}
.slot-item .addStyles-item .form-control.addStyles-selector
{
width: 250px;
}
.slot-item .addStyles-item .form-control.name
{
width: 180px;
}
.slot-item .addStyles-item .form-control.value
{
width: 100px;
}
.form-group .form-control
{
font-family: monospace;
}
.form-group .form-control.not-valid
{
color: #FF0000;
}
.form-group select.form-control
{
cursor: pointer;
border-color: #BDCED4;
padding-right: 15px;
background: url('../img/icon-open-accordeon.svg') right 4px center no-repeat;
background-size: 10px;
}
.form-group.zone .form-control,
.form-group.slot .form-control
{
display: inline-block;
width: 120px;
}
.form-group.zone .styles input
{
margin: 0;
width: 800px;
}
.form-group.zone .form-control.size
{
width: 150px;
}
.form-group.zone .selectors .form-control,
.form-group.zone .more_selectors .form-control,
.form-group.zone .codes_id .form-control,
.form-group.slot .zones_id .form-control
{
margin: 0;
width: 300px;
}
.form-group.zone .targets .form-control
{
width: 300px;
}
.form-group.zone span.title
{
display: inline-block;
min-width: 60px;
}
.form-group.zone .zone-item span.codes-title
{
float: left;
margin-right: 4px;
line-height: 35px;
}
.form-group.zone .form-control.m-zone.size
{
width: 188px;
}
.form-group.zone .other-size
{
display: none;
}
.form-group.zone .addition-add,
.form-group.zone .addition-add-field,
.form-group.slot .add-styles,
.form-group.slot .add-addStyles,
.form-group.slot .add-addStyles-rules,
.form-group.serverdata .add-prov-conf
{
display: inline-block;
margin-top: 5px;
padding: 5px 10px;
color: #FFFFFF;
background-color: #337ab7;
border-color: #2e6da4;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
}
.form-group.zone .addition-add.disabled,
.form-group.zone .addition-add-field.disabled
{
display: none;
}
.form-group.zone .addition-add-field,
.form-group.slot .add-styles,
.form-group.slot .add-addStyles,
.form-group.serverdata .add-prov-conf
{
padding: 2px 10px;
font-size: 12px;
}
.form-group.slot .add-addStyles-rules
{
margin-right: 18px;
padding: 0 10px;
}
.form-group.slot .add-styles,
.form-group.slot .add-addStyles,
.form-group.slot .add-addStyles-rules,
.form-group.serverdata .add-prov-conf
{
float: right;
margin-top: 0;
}
.form-group.zone .addition-block-item
{
margin: 10px 0;
padding: 5px;
border: 1px solid #CCCCCC;
border-radius: 4px;
background-color: #D6E5F1;
}
.form-group.zone .addition-block-elem
{
float: left;
margin-right: 8px;
padding: 5px;
width: 270px;
border: 1px solid #CCCCCC;
border-radius: 4px;
background-color: #E7E7E7;
}
.form-group.zone .addition-block-elem .form-control
{
margin: 0 0 4px 0;
padding: 6px;
width: 90px;
}
.form-group.zone .addition-block-elem .form-control.value
{
width: 145px;
}
.form-group.slot .styles-field-item .form-control
{
margin: 0 0 4px 0;
padding: 6px;
width: 180px;
}
.form-group.slot .styles-field-item .form-control.value
{
width: 145px;
}
.form-group.serverdata .prov-conf-field-item .form-control
{
display: inline-block;
margin: 0 0 4px 0;
padding: 6px;
width: 200px;
}
.form-group.zone .add-tpl-id
{
float: right;
margin-top: 2px;
padding: 5px 10px;
font-size: 12px;
}
.form-group.zone .tpl-wrap
{
float: left;
margin-left: 5px;
padding: 5px;
border: 1px solid #CCCCCC;
border-radius: 4px;
background-color: #D6E5F1;
}
.form-group.zone .tpl-wrap .form-control
{
display: block;
margin-right: 0;
}
.form-group.zone .tpl-wrap .form-control.access-tpl
{
float: left;
}
.form-group.zone .min-cpm-fields
{
margin-top: 4px;
}
.form-group.zone .form-control.min-cpm-val
{
margin-right: 10px;
width: 100px;
}
.form-group.zone .form-control.min-cpm-cur
{
width: auto;
}
.form-group.template .form-control,
.form-group.code .form-control
{
display: inline-block;
margin-right: 10px;
width: 250px;
}
.form-group.code textarea.form-control,
.form-group.zone textarea.form-control,
.form-group.slot textarea.form-control
{
width: 100%;
height: 75px;
resize: none;
}
.form-group.zone textarea.form-control,
.form-group.slot textarea.form-control
{
height: 50px;
}
.form-group.slot textarea.form-control
{
width: 785px;
}
.form-group .delete-template,
.form-group .delete-code,
.form-group .delete-codezone,
.form-group .delete-slot
{
float: right;
}
.tokenfield .token .token-label
{
padding-right: 4px;
}
.tokenfield .token .token-label.disable
{
color: #9A9A9A;
}
input.date-value
{
width: 180px;
}
.sum-traffic
{
display:inline-block;
margin-left: 30px;
}
td.traffic,
td.money
{
text-align: right;
}
.user-create-date,
.site-create-date
{
white-space: nowrap;
}
.form-group-title
{
margin-bottom: 10px;
color: #2E6DA4;
font-size: 14px;
font-style: italic;
font-weight: bold;
}
.form-group-title.info
{
font-weight: normal;
color: #F84B4C;
}
.switch-data
{
margin-bottom: 20px;
padding-bottom: 10px;
line-height: 30px;
border-bottom: 1px solid #BCE8F1;
}
.switch-item
{
padding: 5px;
border: 1px solid #2E6DA4;
color: #2E6DA4;
border-radius: 4px;
cursor: pointer;
}
.switch-item:hover
{
color: #FFFFFF;
background-color: #2E6DA4;
}
.switch-item.selected
{
color: #FFFFFF;
background-color: #2E6DA4;
}
.form-group-data
{
display: none;
}
.form-group-data.selected
{
display: block;
}
.adds-column
{
float: left;
width: 50%;
padding-right: 10px;
}
.adds-column .img-wrap
{
float: right;
padding: 10px;
width: 108px;
height: 108px;
border: 1px solid #CCCCCC;
border-radius: 3px;
background-color: #CCCCCC;
cursor: pointer;
}
.adds-links
{
font-weight: bold;
}
.add-row
{
color: #0071BC;
font-size: 12px;
cursor: pointer;
}
.add-row:hover
{
color: #30A1EC;
}
.table.add-templates
{
margin-bottom: 0px;
font-size: 12px;
}
.table.add-templates th.del
{
width: 20px;
}
.table.add-templates>thead>tr>th,
.table.add-templates>tbody>tr>td
{
padding: 0;
}
.table.add-templates>thead>tr>th
{
color: #0071BC;
}
.table.add-templates b.del
{
color: #0071BC;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}
.table.add-templates>tbody>tr>td:last-child
{
text-align: center;
}
.form-control.template-value
{
display: block;
margin-top: -1px;
padding: 2px;
width: 100%;
height: 22px;
font-size: 12px;
line-height: 1.42857143;
border: none;
border-radius: unset;
}
table#table-site thead th.is-br,
table.adds thead th.is-br
{
font-size: 12px;
line-height: 12px;
}
.table.adds
{
margin-bottom: 2px;
}
.table.tpl-stat
{
margin-bottom: 2px;
}
.table.tpl-stat>thead.layout>tr>th
{
border-bottom: none;
}
.table.tpl-stat>thead>tr>th
{
border-top: none;
}
.table.tpl-stat>thead.layout>tr>th
{
padding: 0;
}
.table.tpl-stat>tbody>tr.not-active
{
opacity: 0.5;
}
.table.tpl-stat>thead>tr>th
{
color: #0071BC;
}
.table.tpl-stat td span
{
color: #697075;
}
.table.tpl-stat>tbody td.tpl
{
padding: 0;
}
.table.tpl-stat>tbody td.tpl input
{
height: 39px;
padding: 8px;
}
.table.tpl-stat th.check,
.table.tpl-stat th.del
{
width: 20px;
}
table.tpl-stat span.preview
{
display: inline-block;
margin-right: 2px;
width: 18px;
height: 18px;
vertical-align: -4px;
background: url('../img/bg-search.svg') #337ABD no-repeat center;
border-radius: 4px;
cursor: pointer;
}
.table.tpl-stat b.del
{
color: #0071BC;
font-size: 16px;
font-weight: normal;
cursor: pointer;
}
table.tpl-stat tbody tr td.stat
{
font-size: 12px;
font-family: monospace;
white-space: nowrap;
}
.form-group.preview
{
margin-top: 14px;
padding: 10px 0;
border-top: 1px solid #BCE8F1;
}
.form-group.preview .content *, *:after, *:before
{
box-sizing: unset;
}
.form-group.preview .content a, a:hover
{
text-decoration: none;
}
.table.table-striped .image-wrap
{
position: relative;
width: 100px;
}
.table.table-striped .image-wrap .price
{
position: absolute;
top: 0;
left: 0;
padding: 2px;
min-width: 20px;
font-size: 10px;
line-height: 12px;
color: #FFF;
background-color: #000;
}
.table.table-striped a.wrap
{
color: #000;
}
.table.table-striped tr.disabled
{
opacity: 0.5;
}
.table.table-striped tr.hidden
{
display: none;
}
.table.table-striped a.wrap .title
{
font-weight: bold;
}
.table.table-striped.adds td span {
color: #697075;
font-weight: bold;
}
.table.table-striped.adds td a b {
color: #697075;
}
.serverdata-inner.is-hidden
{
display: none;
}
.b-filters_serverdata
{
width: 50%;
float: left;
}
.b-filters_serverdata .form-group
{
margin-right: 5px;
padding: 4px 6px 0;
min-width: 440px;
border: 1px solid #CCC;
border-radius: 4px;
}
.b-filters_serverdata .form-group label
{
font-weight: normal;
}
.b-filters_serverdata .ssp-list label,
.b-filters_serverdata .dsp-list label
{
margin-right: 7px;
}
.b-filters_serverdata .form-group label.title
{
margin-bottom: 5px;
font-weight: bold;
}
.b-filters_serverdata .form-group .exclude
{
float: right;
}
.b-filters_serverdata input[type="checkbox"]
{
vertical-align: -2px;
}
.b-filters_serverdata .prov-conf
{
margin-top: 6px;
}
.b-filters_serverdata .prov-conf .title
{
display: inline-block;
margin-bottom: 2px;
}
.b-filters_serverdata .prov-conf .provider
{
margin-right: 30px;
font-weight: bold;
}
.b-filters_serverdata .prov-conf-field-item
{
clear: both;
}
\ No newline at end of file
/* Таблица стилей к странице вакансий */
.b-content__appeal {
}
.b-content__appeal-top {
background-color: #EAEFF1;
}
.b-content__appeal-top .wrapp {
padding: 120px 0 0;
height: 400px;
border-bottom: 1px solid rgba(185, 203, 209, 0.4);
}
.b-content__appeal-top-text {
}
.b-content__appeal-top-text h1 {
margin-bottom: 25px;
color : #39B54A
}
.b-content__appeal-top-img {
position: relative;
}
.b-content__appeal-top-img > div {
position: absolute;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
opacity: 0;
top: 40px;
left: -15%;
height: 300px;
width: 505px;
background-image: url('../img/bg-notebook.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: opacity 0.3s ease,
-webkit-transform 0.5s ease;
transition: transform 0.5s ease,
opacity 0.3s ease;
transition: transform 0.5s ease,
opacity 0.3s ease,
-webkit-transform 0.5s ease;
}
.start-animation.b-content__appeal-top-img > div {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.b-content__appeal-bottom {
padding: 35px 0 15px;
}
.b-content__knowledge {
padding: 35px 0;
}
.b-content__knowledge h1 {
margin-bottom: 40px;
padding: 0 10px;
}
.b-content__knowledge-inner {
margin-bottom: 10px;
}
.b-content__knowledge-item {
margin-bottom: 40px;
}
.b-content__knowledge-item h2 {
margin-bottom: 20px;
}
.b-content__knowledge-debugging.col {
padding-left: 16.6667%;
padding-right: 8.3333%;
padding-top: 25px;
padding-bottom: 25px;
background-color: #FCEAE9;
border-radius : 10px;
background-image: url('../img/bg-debugging.svg');
background-size: 105px 105px;
background-repeat: no-repeat;
background-position: 20px center;
}
.b-content__knowledge-debugging h2 {
margin-bottom: 10px;
}
.b-content__offer {
}
.b-content__offer h1 {
padding: 0 10px;
margin-bottom: 50px;
}
.b-content__offer-inner {
}
.b-content__offer-inner-item {
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
opacity: 0;
padding-top: 80px;
background-repeat: no-repeat;
background-position: 10px top;
}
.start-animation.b-content__offer .b-content__offer-inner-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.m-content__offer-inner-item_1.b-content__offer-inner-item {
background-position: center top;
background-size: 80px 45px;
background-image: url('../img/bg-offer-1.svg');
transition: opacity 0.3s ease,
-webkit-transform 0.3s ease;
transition: opacity 0.3s ease,
transform 0.3s ease;
transition: opacity 0.3s ease,
transform 0.3s ease,
-webkit-transform 0.3s ease;
}
.m-content__offer-inner-item_2.b-content__offer-inner-item {
background-size: 100px 45px;
background-image: url('../img/bg-offer-2.svg');
transition: opacity 0.3s ease 0.2s,
-webkit-transform 0.3s ease 0.2s;
transition: opacity 0.3s ease 0.2s,
transform 0.3s ease 0.2s;
transition: opacity 0.3s ease 0.2s,
transform 0.3s ease 0.2s,
-webkit-transform 0.3s ease 0.2s;
}
.m-content__offer-inner-item_3.b-content__offer-inner-item {
background-size: 140px 45px;
background-image: url('../img/bg-offer-3.svg');
transition: opacity 0.3s ease 0.5s,
-webkit-transform 0.3s ease 0.5s;
transition: opacity 0.3s ease 0.5s,
transform 0.3s ease 0.5s;
transition: opacity 0.3s ease 0.5s,
transform 0.3s ease 0.5s,
-webkit-transform 0.3s ease 0.5s;
}
.m-content__offer-inner-item_4.b-content__offer-inner-item {
background-size: 67px 50px;
background-image: url('../img/bg-offer-4.svg');
transition: opacity 0.3s ease 0.8s,
-webkit-transform 0.3s ease 0.8s;
transition: opacity 0.3s ease 0.8s,
transform 0.3s ease 0.8s;
transition: opacity 0.3s ease 0.8s,
transform 0.3s ease 0.8s,
-webkit-transform 0.3s ease 0.8s;
}
.b-content__offer-note {
margin: 50px auto 25px;
max-width: 50%;
}
.b-content__offer-note .text {
text-align: center;
opacity: 0.4;
}
.b-content__contact {
padding: 25px 0 110px;
}
.b-content__contact h1 {
text-align: center;
margin-bottom: 10px;
}
.b-content__contact h1.message-confirm {
display: none;
margin-bottom: 30px;
}
.b-content__contact-form {
margin-bottom: 40px;
}
.b-content__contact-form input:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.b-content__appeal .wrapp {
height: auto;
}
h1 {
text-align: center;
padding: 0;
}
.l-content {
padding-top: 0;
}
.b-content__offer h1 {
margin-bottom: 20px;
}
.b-content__offer-inner-item {
margin-top: 20px;
padding-top: 60px;
background-position: center top;
text-align: center;
}
.b-content__appeal-top-img {
height: 300px;
}
.b-content__appeal-top .wrapp {
padding: 100px 10px 30px;
}
.b-content__appeal-top-img > div {
width: 100%;
left: 0;
top: 20px;
height: 220px;
}
.b-content__appeal-bottom.wrapp {
margin-top: -200px;
padding-top: 130px;
background-color: #FFFFFF;
}
.b-content__knowledge-debugging.col {
padding: 25px;
background-image: none;
}
.b-content__contact {
padding-bottom: 50px;
}
}
@media (max-width: 550px) {
.b-content__appeal-top .wrapp {
padding: 100px 10px 30px;
}
.b-content__appeal-top-img > div {
top: 0;
height: 220px;
}
.b-content__appeal-bottom.wrapp {
margin-top: -200px;
padding-top: 90px;
background-color: #FFFFFF;
}
.b-content__knowledge {
padding: 30px 0;
}
.b-content__knowledge h1 {
margin-bottom: 20px;
}
.b-content__knowledge-item h2 {
margin-bottom: 10px;
}
.b-content__knowledge-item {
margin-bottom: 20px;
}
.b-content__offer-inner {
padding-top: 30px;
}
.b-content__offer-note {
margin: 20px auto;
max-width: 100%;
}
.b-content__contact {
padding: 10px 0 30px;
}
.b-content__contact h1 {
margin-bottom: 0;
}
span + input[type="submit"] {
margin-top: 20px;
}
.b-content__contact-form {
margin-bottom: 30px;
}
.b-content__social .wrapp {
padding: 10px 0 30px;
}
.b-content__contact-social p.text {
margin-bottom: 30px;
}
}
\ No newline at end of file
/* Таблица стилей к странице контактов */
.not-active,
.not-active *,
.not-active .b-content__transitions-link-item-info h2,
.not-active .b-content__transitions-link-item-info .annotation {
pointer-events: none;
color: #E6E6E6;
background-color: #E6E6E6;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.b-content__title {
padding: 120px 0 0;
height: 37ex;
background-image: url('../img/bg-tittle-vacancies.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.b-content__title h1 {
text-align: center;
font-size: 2.4rem;
color: #FFFFFF;
margin-bottom: 25px;
}
.b-content__title p.lead {
text-align: center;
margin-bottom: 50px;
color: #FFFFFF;
}
.b-content__transitions {
padding: 45px 0 80px;
}
.b-content__transitions-link-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
padding: 25px;
width: 100%;
border: 1px Solid #E6E6E6;
border-radius: 10px;
transition: box-shadow 0.2s ease;
}
.b-content__transitions-link-item:hover {
box-shadow : 4px 6px 7px rgba(14, 65, 68, 0.35);
}
.b-content__transitions-link-item:last-child {
margin-bottom: 0px;
}
.b-content__transitions-link-item-info {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.b-content__transitions-link-item-info h2 {
margin-bottom: 10px;
font-size: 0.9rem;
color: #0071BC;
}
.b-content__transitions-link-item-info .annotation {
color : #999999;
line-height: 1.6em;
}
.b-content__transitions-link-item-note {
-webkit-flex: 0 0 64%;
-ms-flex: 0 0 64%;
flex: 0 0 64%;
max-width: 64%;
}
.b-content__offer,
.b-content__social {
background-color: #F8FAFA;
}
.b-content__offer-inner {
padding: 50px 0 0;
}
.b-content__offer-inner-item {
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
opacity: 0;
padding-top: 80px;
background-repeat: no-repeat;
background-position: 10px top;
}
.start-animation.b-content__offer .b-content__offer-inner-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.m-content__offer-inner-item_1.b-content__offer-inner-item {
background-position: center top;
background-size: 80px 48px;
background-image: url('../img/bg-offer-1.svg');
transition: opacity 0.3s ease,
-webkit-transform 0.3s ease;
transition: opacity 0.3s ease,
transform 0.3s ease;
transition: opacity 0.3s ease,
transform 0.3s ease,
-webkit-transform 0.3s ease;
}
.m-content__offer-inner-item_2.b-content__offer-inner-item {
background-size: 100px 45px;
background-image: url('../img/bg-offer-2.svg');
transition: opacity 0.3s ease 0.2s,
-webkit-transform 0.3s ease 0.2s;
transition: opacity 0.3s ease 0.2s,
transform 0.3s ease 0.2s;
transition: opacity 0.3s ease 0.2s,
transform 0.3s ease 0.2s,
-webkit-transform 0.3s ease 0.2s;
}
.m-content__offer-inner-item_3.b-content__offer-inner-item {
background-size: 140px 45px;
background-image: url('../img/bg-offer-3.svg');
transition: opacity 0.3s ease 0.5s,
-webkit-transform 0.3s ease 0.5s;
transition: opacity 0.3s ease 0.5s,
transform 0.3s ease 0.5s;
transition: opacity 0.3s ease 0.5s,
transform 0.3s ease 0.5s,
-webkit-transform 0.3s ease 0.5s;
}
.m-content__offer-inner-item_4.b-content__offer-inner-item {
background-size: 67px 50px;
background-image: url('../img/bg-offer-4.svg');
transition: opacity 0.3s ease 0.8s,
-webkit-transform 0.3s ease 0.8s;
transition: opacity 0.3s ease 0.8s,
transform 0.3s ease 0.8s;
transition: opacity 0.3s ease 0.8s,
transform 0.3s ease 0.8s,
-webkit-transform 0.3s ease 0.8s;
}
.b-content__offer-note {
margin: 50px auto 25px;
max-width: 50%;
}
.b-content__offer-note .text {
text-align: center;
opacity: 0.4;
}
.b-content__social {
}
.b-content__social .wrapp {
padding: 40px 0 30px;
}
@media (max-width: 768px) {
.b-content__title {
height: auto;
}
h1 {
text-align: center;
padding: 0;
}
.l-content {
padding-top: 0;
}
.b-content__offer h1 {
margin-bottom: 20px;
}
.b-content__offer-inner-item {
margin-top: 20px;
padding-top: 60px;
background-position: center top;
text-align: center;
}
.b-content__offer-note {
max-width: 75%;
}
}
@media (max-width: 550px) {
.b-content__title {
padding: 90px 10px 30px;
}
.b-content__transitions {
padding: 30px 0;
}
.b-content__transitions .wrapp {
padding-left: 0;
padding-right: 0;
}
.b-content__transitions-link-item {
padding: 10px;
}
.b-content__transitions-link-item-info h2 {
font-size: 0.8rem;
}
.b-content__transitions-link-item-info .annotation,
.b-content__transitions-link-item-note {
font-size: 0.7rem;
}
.b-content__offer-inner {
padding-top: 30px;
}
.b-content__offer-note {
margin: 20px auto;
max-width: 100%;
}
.b-content__social .wrapp {
padding: 10px 0 30px;
}
}
a.b-content__transitions-link-item:hover {
text-decoration: none;
}
\ No newline at end of file
...@@ -10,15 +10,19 @@ $(document).ready(function(){ ...@@ -10,15 +10,19 @@ $(document).ready(function(){
isChangePeriod = false, isChangePeriod = false,
$dateFrom = $('#date-value-1'), $dateFrom = $('#date-value-1'),
$dateTo = $('#date-value-2'), $dateTo = $('#date-value-2'),
$periodSelect = $('.form-control.stat-period'),
isStartDatesSelected = false,
datepicker1 = $dateFrom.datepicker({ datepicker1 = $dateFrom.datepicker({
dateFormat: "yyyy-mm-dd", dateFormat: "yyyy-mm-dd",
autoClose: true, autoClose: true,
maxDate: nowDate, maxDate: nowDate,
onSelect: function(fd, d, picker) { onSelect: function(fd, d, picker) {
//console.log('AAA onSelect 1 ', fd, d, picker); if (isStartDatesSelected) {
if (!isChangePeriod) { datepicker2.update('minDate', d);
setPeriodSelectEmpty(); if (!isChangePeriod) {
requestDataPeriod(); setPeriodSelectEmpty();
requestDataPeriod();
}
} }
}, },
}).data('datepicker'), }).data('datepicker'),
...@@ -27,9 +31,12 @@ $(document).ready(function(){ ...@@ -27,9 +31,12 @@ $(document).ready(function(){
autoClose: true, autoClose: true,
maxDate: nowDate, maxDate: nowDate,
onSelect: function(fd, d, picker) { onSelect: function(fd, d, picker) {
if (!isChangePeriod) { if (isStartDatesSelected) {
setPeriodSelectEmpty(); datepicker1.update('maxDate', d);
requestDataPeriod(); if (!isChangePeriod) {
setPeriodSelectEmpty();
requestDataPeriod();
}
} }
}, },
}).data('datepicker'), }).data('datepicker'),
...@@ -42,10 +49,13 @@ $(document).ready(function(){ ...@@ -42,10 +49,13 @@ $(document).ready(function(){
periodStatsData, periodStatsData,
companyStatsData, companyStatsData,
dataLineChartStat; dataLineChartStat;
// Установка стартовых значений дат: // Установка стартовых значений дат:
//datepicker1.selectDate(new Date($('#date-value-1').val())); datepicker1.selectDate(new Date($dateFrom.val()));
//datepicker2.selectDate(new Date($('#date-value-2').val())); datepicker2.selectDate(new Date($dateTo.val()));
isStartDatesSelected = true;
// Получение данных для отрисовки графика Stat при старте: // Получение данных для отрисовки графика Stat при старте:
if ($('#period-stats').val()) { if ($('#period-stats').val()) {
...@@ -64,7 +74,6 @@ $(document).ready(function(){ ...@@ -64,7 +74,6 @@ $(document).ready(function(){
renderHourTable(); renderHourTable();
// Смена периода: // Смена периода:
var $periodSelect = $('.form-control.stat-period');
$periodSelect.on('change', function(){ $periodSelect.on('change', function(){
var var
period = $(this).val(), period = $(this).val(),
......
$(document).ready(function(){
if(window.innerWidth > WIDTH_MOBILE_DEVICE) {
$(window).on("load scroll", function(){
var heightWindow = $(window).height();
var distanseToBottom = $(".b-content__appeal")[0].getBoundingClientRect().bottom;
var distanseToTop = $(".b-content__appeal")[0].getBoundingClientRect().top;
if(distanseToBottom <= heightWindow && distanseToTop >= -10) {
$(".b-content__appeal-top-img").addClass("start-animation");
}
});
$(window).on("load scroll", function(){
var distanseToBottom = $(".b-content__offer")[0].getBoundingClientRect().bottom;
var distanseToTop = $(".b-content__offer")[0].getBoundingClientRect().top;
if(distanseToBottom <= (window.innerHeight+130) && distanseToTop >= -10) {
$(".b-content__offer").addClass("start-animation");
}
});
} else {
$(".b-content__offer,.b-content__appeal-top-img").addClass("start-animation");
}
var formVacancies = document.forms.vacancies;
$(formVacancies).validate({
focusCleanup: true,
submitHandler: function(form) {
var formData = new FormData(form);
$.ajax({
url: form.getAttribute("data-url"),
type: "POST",
contentType: false,
processData: false,
data: formData,
success: function(data) {
if (data.result) {
$(form).slideUp(200);
$(".b-content__contact .title").slideUp(200);
$(".message-confirm").show(200);
} else {
alert(data.msg.join("\n"));
}
},
error: function(e) {
alert("Message not sent. Try again later");
console.log("error: ", e);
}
});
},
rules: {
name: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true,
number: true,
minlength: 5
},
},
messages: {
name: {
required: "Вы не ввели свое имя",
},
email: {
required: "Вы не ввели свой e-mail",
email: "Пожалуйста, проверьте адресс"
},
phone: {
required: "Вы не ввели свой номер телефона",
},
}
});
});
\ No newline at end of file
$(document).ready(function(){
if(window.innerWidth > WIDTH_MOBILE_DEVICE) {
$(window).on('load scroll', function(){
var distanseToBottom = $('.b-content__offer')[0].getBoundingClientRect().bottom;
var distanseToTop = $('.b-content__offer')[0].getBoundingClientRect().top;
if(distanseToBottom <= (window.innerHeight + 300) && distanseToTop >= -10) {
$('.b-content__offer').addClass('start-animation');
}
});
} else {
$('.b-content__offer,.b-content__appeal-top-img').addClass('start-animation');
}
});
\ No newline at end of file
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