575 lines
24 KiB
CSS
575 lines
24 KiB
CSS
/**
|
|
* Framework7 1.5.0
|
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
*
|
|
* iOS Theme
|
|
*
|
|
* http://framework7.io/
|
|
*
|
|
* Copyright 2016, Vladimir Kharlampidi
|
|
* The iDangero.us
|
|
* http://www.idangero.us/
|
|
*
|
|
* Licensed under MIT
|
|
*
|
|
* Released on: November 8, 2016
|
|
*/
|
|
/*=============
|
|
Framework 7 RTL Additions
|
|
=============*/
|
|
html {
|
|
direction: rtl;
|
|
}
|
|
/* === Lists === */
|
|
.list-block ul ul {
|
|
padding-left: 0;
|
|
padding-right: 45px;
|
|
}
|
|
.list-block .item-content {
|
|
padding-left: 0;
|
|
padding-right: 15px;
|
|
}
|
|
.list-block .item-inner {
|
|
padding-right: 0;
|
|
padding-left: 15px;
|
|
}
|
|
.list-block .item-after {
|
|
margin-left: 0;
|
|
margin-right: 5px;
|
|
}
|
|
.list-block .item-media i + i,
|
|
.list-block .item-media i + img {
|
|
margin-left: 0;
|
|
margin-right: 5px;
|
|
}
|
|
.list-block .item-media + .item-inner {
|
|
margin-left: 0;
|
|
margin-right: 15px;
|
|
}
|
|
.list-block .item-link .item-inner {
|
|
padding-right: 0;
|
|
padding-left: 35px;
|
|
background-position: 15px center;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
.list-block.media-list .item-link .item-inner,
|
|
.list-block li.media-item .item-link .item-inner {
|
|
padding-right: 0;
|
|
padding-left: 15px;
|
|
}
|
|
.list-block.media-list .item-link .item-title-row,
|
|
.list-block li.media-item .item-link .item-title-row {
|
|
padding-right: 0;
|
|
padding-left: 20px;
|
|
background-position: center left;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
.list-block .sortable-handler {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.list-block.sortable-opened .item-inner,
|
|
.list-block.sortable-opened .item-link .item-inner {
|
|
padding-right: 0;
|
|
padding-left: 35px;
|
|
}
|
|
.list-block.sortable-opened .item-link .item-inner,
|
|
.list-block.sortable-opened .item-link .item-title-row {
|
|
background-image: none;
|
|
}
|
|
.list-block .swipeout-actions-left,
|
|
.list-block .swipeout-actions-right {
|
|
direction: ltr;
|
|
}
|
|
/* === Toolbars === */
|
|
.navbar a.link i + span,
|
|
.toolbar a.link i + span,
|
|
.navbar a.link i + i,
|
|
.toolbar a.link i + i,
|
|
.navbar a.link span + i,
|
|
.toolbar a.link span + i,
|
|
.navbar a.link span + span,
|
|
.toolbar a.link span + span {
|
|
margin-left: 0;
|
|
margin-right: 7px;
|
|
}
|
|
.navbar .left a + a,
|
|
.navbar .right a + a {
|
|
margin-left: 0;
|
|
margin-right: 15px;
|
|
}
|
|
.navbar .left {
|
|
margin-right: 0px;
|
|
margin-left: 10px;
|
|
}
|
|
.navbar .right {
|
|
margin-left: 0px;
|
|
margin-right: 10px;
|
|
}
|
|
.navbar .right:first-child {
|
|
right: auto;
|
|
left: 8px;
|
|
}
|
|
/* === Forms === */
|
|
.list-block input[type="text"],
|
|
.list-block input[type="password"],
|
|
.list-block input[type="email"],
|
|
.list-block input[type="tel"],
|
|
.list-block input[type="url"],
|
|
.list-block input[type="date"],
|
|
.list-block input[type="datetime-local"],
|
|
.list-block input[type="number"],
|
|
.list-block select,
|
|
.list-block textarea {
|
|
padding-left: 0;
|
|
padding-right: 5px;
|
|
}
|
|
.buttons-row .button:first-child {
|
|
border-radius: 0 5px 5px 0;
|
|
border-left: none;
|
|
}
|
|
.buttons-row .button:last-child {
|
|
border-radius: 5px 0 0 5px;
|
|
border-left-width: 1px;
|
|
border-left-style: solid;
|
|
}
|
|
.buttons-row .button.button-round:first-child {
|
|
border-radius: 0 27px 27px 0;
|
|
}
|
|
.buttons-row .button.button-round:last-child {
|
|
border-radius: 27px 0 0 27px;
|
|
}
|
|
.label-switch input[type="checkbox"] + .checkbox:before {
|
|
left: auto;
|
|
right: 2px;
|
|
}
|
|
.label-switch input[type="checkbox"] + .checkbox:after {
|
|
right: 2px;
|
|
left: auto;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.label-switch input[type="checkbox"]:checked + .checkbox:after {
|
|
left: auto;
|
|
-webkit-transform: translateX(-20px);
|
|
transform: translateX(-20px);
|
|
}
|
|
.range-slider {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin-left: 0;
|
|
padding-right: 3px;
|
|
padding-left: 3px;
|
|
margin-right: -1px;
|
|
}
|
|
.range-slider input[type="range"]:after {
|
|
left: auto;
|
|
right: -5px;
|
|
}
|
|
.range-slider input[type="range"]::-webkit-slider-thumb:after {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.range-slider input[type="range"]::-webkit-slider-thumb:before {
|
|
right: auto;
|
|
left: 100%;
|
|
}
|
|
label.label-radio input[type="checkbox"] ~ .item-inner,
|
|
label.label-radio input[type="radio"] ~ .item-inner {
|
|
padding-left: 35px;
|
|
padding-right: 0;
|
|
}
|
|
label.label-radio input[type="checkbox"]:checked ~ .item-inner,
|
|
label.label-radio input[type="radio"]:checked ~ .item-inner {
|
|
background-position: 15px center;
|
|
}
|
|
/* === Search Bar === */
|
|
.searchbar input[type="search"] {
|
|
background-position: right center;
|
|
background-position: -webkit-calc(100% - 8px) center;
|
|
background-position: calc(100% - 8px) center;
|
|
}
|
|
.searchbar .searchbar-clear {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.searchbar.searchbar-active .searchbar-cancel {
|
|
margin-left: 0;
|
|
margin-right: 8px;
|
|
}
|
|
/* === Message Bar === */
|
|
.messagebar .link + textarea {
|
|
margin-left: 0;
|
|
margin-right: 8px;
|
|
}
|
|
.messagebar textarea + .link {
|
|
margin-left: 0;
|
|
margin-right: 8px;
|
|
}
|
|
/* === Modals === */
|
|
.modal-button:first-child {
|
|
border-radius: 0 0 7px 0;
|
|
border-right: none;
|
|
}
|
|
.modal-button:last-child {
|
|
border-right: 1px solid #b5b5b5;
|
|
border-radius: 0 0 0 7px;
|
|
}
|
|
.modal-button:first-child:last-child {
|
|
border-radius: 0 0 7px 7px;
|
|
}
|
|
/* === Content Block === */
|
|
.content-block-inner {
|
|
margin-left: 0;
|
|
margin-right: -15px;
|
|
}
|
|
/* === Pages === */
|
|
.page-from-right-to-center:before,
|
|
.page-from-center-to-right:before,
|
|
.page-fake-shadow {
|
|
right: auto;
|
|
left: 100%;
|
|
background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
|
|
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
|
|
}
|
|
.page-on-left {
|
|
-webkit-transform: translate3d(20%, 0, 0);
|
|
transform: translate3d(20%, 0, 0);
|
|
}
|
|
.page-on-right {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
@-webkit-keyframes pageFromRightToCenter {
|
|
from {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes pageFromCenterToRight {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes pageFromRightToCenter {
|
|
from {
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes pageFromCenterToRight {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes pageFromCenterToLeft {
|
|
from {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0.9;
|
|
-webkit-transform: translate3d(20%, 0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes pageFromLeftToCenter {
|
|
from {
|
|
opacity: 0.9;
|
|
-webkit-transform: translate3d(20%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes pageFromCenterToLeft {
|
|
from {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0.9;
|
|
transform: translate3d(20%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes pageFromLeftToCenter {
|
|
from {
|
|
opacity: 0.9;
|
|
transform: translate3d(20%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
/* === Messages === */
|
|
.message-received {
|
|
-ms-flex-item-align: end;
|
|
-webkit-align-self: flex-end;
|
|
align-self: flex-end;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-align-items: flex-end;
|
|
align-items: flex-end;
|
|
}
|
|
.message-sent {
|
|
-ms-flex-item-align: start;
|
|
-webkit-align-self: flex-start;
|
|
align-self: flex-start;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
/* === Chips === */
|
|
.chip-media + .chip-label {
|
|
margin-left: 0px;
|
|
margin-right: 4px;
|
|
}
|
|
.chip-delete {
|
|
margin-right: 0;
|
|
margin-left: -6px;
|
|
}
|
|
/* === Back Icons === */
|
|
i.icon.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-gray,
|
|
i.icon-back.theme-gray,
|
|
.theme-gray i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-gray,
|
|
i.icon-forward.theme-gray,
|
|
.theme-gray i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-gray,
|
|
i.icon-next.theme-gray,
|
|
.theme-gray i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-gray,
|
|
i.icon-prev.theme-gray,
|
|
.theme-gray i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-white,
|
|
i.icon-back.theme-white,
|
|
.theme-white i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-white,
|
|
i.icon-forward.theme-white,
|
|
.theme-white i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-white,
|
|
i.icon-next.theme-white,
|
|
.theme-white i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-white,
|
|
i.icon-prev.theme-white,
|
|
.theme-white i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-black,
|
|
i.icon-back.theme-black,
|
|
.theme-black i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-black,
|
|
i.icon-forward.theme-black,
|
|
.theme-black i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-black,
|
|
i.icon-next.theme-black,
|
|
.theme-black i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-black,
|
|
i.icon-prev.theme-black,
|
|
.theme-black i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-lightblue,
|
|
i.icon-back.theme-lightblue,
|
|
.theme-lightblue i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-lightblue,
|
|
i.icon-forward.theme-lightblue,
|
|
.theme-lightblue i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-lightblue,
|
|
i.icon-next.theme-lightblue,
|
|
.theme-lightblue i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-lightblue,
|
|
i.icon-prev.theme-lightblue,
|
|
.theme-lightblue i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-yellow,
|
|
i.icon-back.theme-yellow,
|
|
.theme-yellow i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-yellow,
|
|
i.icon-forward.theme-yellow,
|
|
.theme-yellow i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-yellow,
|
|
i.icon-next.theme-yellow,
|
|
.theme-yellow i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-yellow,
|
|
i.icon-prev.theme-yellow,
|
|
.theme-yellow i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-orange,
|
|
i.icon-back.theme-orange,
|
|
.theme-orange i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-orange,
|
|
i.icon-forward.theme-orange,
|
|
.theme-orange i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-orange,
|
|
i.icon-next.theme-orange,
|
|
.theme-orange i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-orange,
|
|
i.icon-prev.theme-orange,
|
|
.theme-orange i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-pink,
|
|
i.icon-back.theme-pink,
|
|
.theme-pink i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-pink,
|
|
i.icon-forward.theme-pink,
|
|
.theme-pink i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-pink,
|
|
i.icon-next.theme-pink,
|
|
.theme-pink i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-pink,
|
|
i.icon-prev.theme-pink,
|
|
.theme-pink i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-blue,
|
|
i.icon-back.theme-blue,
|
|
.theme-blue i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-blue,
|
|
i.icon-forward.theme-blue,
|
|
.theme-blue i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-blue,
|
|
i.icon-next.theme-blue,
|
|
.theme-blue i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-blue,
|
|
i.icon-prev.theme-blue,
|
|
.theme-blue i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-green,
|
|
i.icon-back.theme-green,
|
|
.theme-green i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-green,
|
|
i.icon-forward.theme-green,
|
|
.theme-green i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-green,
|
|
i.icon-next.theme-green,
|
|
.theme-green i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-green,
|
|
i.icon-prev.theme-green,
|
|
.theme-green i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-back.color-red,
|
|
i.icon-back.theme-red,
|
|
.theme-red i.icon-back {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-forward.color-red,
|
|
i.icon-forward.theme-red,
|
|
.theme-red i.icon-forward {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-next.color-red,
|
|
i.icon-next.theme-red,
|
|
.theme-red i.icon-next {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
i.icon-prev.color-red,
|
|
i.icon-prev.theme-red,
|
|
.theme-red i.icon-prev {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
}
|
|
/* === Accordion === */
|
|
.list-block .accordion-toggle .item-inner {
|
|
padding-right: 0;
|
|
padding-left: 35px;
|
|
background-position: 15px center;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,
|
|
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) > .item-link .item-inner,
|
|
.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,
|
|
.list-block.media-list .accordion-item-expanded > .item-link .item-title-row,
|
|
.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,
|
|
.list-block .accordion-item-expanded.media-item > .item-link .item-title-row {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
|
|
background-size: 20px 20px;
|
|
}
|
|
.list-block .accordion-item ul {
|
|
padding-right: 0;
|
|
}
|