framework7-rails 0.7.4.0 → 0.9.6.0

data/vendor/assets/stylesheets/framework7.rtl.css

@@ -0,0 +1,427 @@
+/*=============
+  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,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc' transform='translate(60,120) rotate(180)'/></svg>");
+}
+.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,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc' transform='translate(60,120) rotate(180)'/></svg>");
+}
+.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);
+  -ms-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.label-switch input[type="checkbox"]:checked + .checkbox:after {
+  left: auto;
+  right: 22px;
+}
+.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-on-left {
+  -webkit-transform: translate3d(20%, 0, 0);
+  -ms-transform: translate3d(20%, 0, 0);
+  transform: translate3d(20%, 0, 0);
+}
+.page-on-right {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -ms-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+@-webkit-keyframes pageFromRightToCenter {
+  from {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    -webkit-transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+}
+@-webkit-keyframes pageFromCenterToRight {
+  from {
+    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    -webkit-transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes pageFromRightToCenter {
+  from {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes pageFromCenterToRight {
+  from {
+    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    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);
+  }
+}
+@-webkit-keyframes pageFromRightToCenterDegrade {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+}
+@-webkit-keyframes pageFromCenterToRightDegrade {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes pageFromRightToCenterDegrade {
+  from {
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes pageFromCenterToRightDegrade {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(-100%, 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;
+}
+/* === Back Icons === */
+i.icon.icon-back {
+  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23007aff' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%238e8e93' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ffffff' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23000000' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%235ac8fa' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ffcc00' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ff9500' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ff2d55' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23007aff' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%234cd964' transform='translate(12,20) rotate(180)'/></svg>");
+}
+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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='%23ff3b30' transform='translate(12,20) rotate(180)'/></svg>");
+}
+/* === 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,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc' transform='translate(60,120) rotate(180)'/></svg>");
+}
+.list-block .accordion-item-expanded .accordion-toggle .item-inner,
+.list-block .accordion-item-expanded > .item-link .item-inner {
+  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' transform='translate(70, 30) rotate(90)' fill='%23c7c7cc'/></svg>");
+}
+.list-block .accordion-item ul {
+  padding-right: 0;
+}

data/vendor/assets/stylesheets/framework7.themes.css

@@ -0,0 +1,279 @@
+/*==========================
+Framework7 Layouts Themes
+==========================*/
+.layout-dark .navbar,
+.navbar.layout-dark {
+  border-bottom-color: #333333;
+  background-color: #131313;
+  color: #ffffff;
+}
+.layout-dark .toolbar,
+.toolbar.layout-dark {
+  border-top-color: #333333;
+  background-color: #131313;
+  color: #ffffff;
+}
+.layout-dark .photo-browser .navbar,
+.photo-browser.layout-dark .navbar,
+.layout-dark .view[data-page="photo-browser-slides"] .navbar,
+.view[data-page="photo-browser-slides"].layout-dark .navbar,
+.layout-dark .photo-browser .toolbar,
+.photo-browser.layout-dark .toolbar,
+.layout-dark .view[data-page="photo-browser-slides"] .toolbar,
+.view[data-page="photo-browser-slides"].layout-dark .toolbar {
+  background: rgba(19, 19, 19, 0.95);
+}
+.layout-dark .tabbar a:not(.active) {
+  color: #ffffff;
+}
+.layout-dark .page,
+.layout-dark .login-screen-content,
+.page.layout-dark,
+.layout-dark .panel,
+.panel.layout-dark {
+  background-color: #222426;
+  color: #dddddd;
+}
+.layout-dark .content-block-title {
+  color: #ffffff;
+}
+.layout-dark .content-block,
+.content-block.layout-dark {
+  color: #bbbbbb;
+}
+.layout-dark .content-block-inner {
+  background: #1c1d1f;
+  color: #dddddd;
+  border-color: #393939;
+}
+.layout-dark .list-block ul,
+.list-block.layout-dark ul {
+  background: #1c1d1f;
+  border-color: #393939;
+}
+.layout-dark .list-block.inset ul,
+.list-block.layout-dark.inset ul {
+  background: #1c1d1f;
+}
+.layout-dark .list-block.notifications > ul,
+.list-block.layout-dark.notifications > ul {
+  background: none;
+}
+.layout-dark .popover,
+.popover.layout-dark {
+  background: rgba(0, 0, 0, 0.8);
+}
+.layout-dark .popover .popover-angle:after,
+.popover.layout-dark .popover-angle:after {
+  background: rgba(0, 0, 0, 0.8);
+}
+.layout-dark .popover .list-block ul,
+.popover.layout-dark .list-block ul {
+  background: none;
+}
+.layout-dark .actions-popover .list-block ul {
+  border-color: #393939;
+}
+.layout-dark .actions-popover .actions-popover-label {
+  border-bottom-color: #393939;
+}
+.layout-dark li.sorting {
+  background-color: #29292f;
+}
+.layout-dark .swipeout-actions-left a,
+.layout-dark .swipeout-actions-right a {
+  background-color: #444444;
+}
+.layout-dark .item-inner,
+.layout-dark .list-block ul ul li:last-child .item-inner {
+  border-color: #393939;
+}
+.layout-dark .item-after {
+  color: #bbbbbb;
+}
+html:not(.watch-active-state) .layout-dark .item-link:active,
+html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
+html:not(.watch-active-state) .layout-dark label.label-radio:active,
+.layout-dark .item-link.active-state,
+.layout-dark label.label-checkbox.active-state,
+.layout-dark label.label-radio.active-state {
+  background-color: #29292f;
+}
+.layout-dark .item-link.list-button {
+  border-bottom-color: #393939;
+}
+.layout-dark .list-block-label {
+  color: #bbbbbb;
+}
+.layout-dark .item-divider,
+.layout-dark .list-group-title {
+  background: #1a1a1a;
+  color: #bbbbbb;
+  border-top-color: #393939;
+}
+.layout-dark .searchbar {
+  background: #333333;
+  border-bottom-color: #333333;
+}
+.layout-dark .list-block input[type="text"],
+.list-block.layout-dark input[type="text"],
+.layout-dark .list-block input[type="password"],
+.list-block.layout-dark input[type="password"],
+.layout-dark .list-block input[type="email"],
+.list-block.layout-dark input[type="email"],
+.layout-dark .list-block input[type="tel"],
+.list-block.layout-dark input[type="tel"],
+.layout-dark .list-block input[type="url"],
+.list-block.layout-dark input[type="url"],
+.layout-dark .list-block input[type="date"],
+.list-block.layout-dark input[type="date"],
+.layout-dark .list-block input[type="datetime-local"],
+.list-block.layout-dark input[type="datetime-local"],
+.layout-dark .list-block input[type="number"],
+.list-block.layout-dark input[type="number"],
+.layout-dark .list-block select,
+.list-block.layout-dark select,
+.layout-dark .list-block textarea,
+.list-block.layout-dark textarea {
+  color: #ffffff;
+}
+.layout-dark .label-switch .checkbox {
+  background-color: #393939;
+}
+.layout-dark .label-switch .checkbox:before {
+  background-color: #1c1d1f;
+}
+.layout-dark .range-slider input[type="range"]:after {
+  background: #1c1d1f;
+}
+/* === White layout === */
+.layout-white .navbar,
+.navbar.layout-white {
+  border-bottom-color: #dddddd;
+  background-color: #ffffff;
+  color: #000000;
+}
+.layout-white .toolbar,
+.toolbar.layout-white {
+  border-top-color: #dddddd;
+  background-color: #ffffff;
+  color: #000000;
+}
+.layout-white .photo-browser .navbar,
+.photo-browser.layout-white .navbar,
+.layout-white .view[data-page="photo-browser-slides"] .navbar,
+.view[data-page="photo-browser-slides"].layout-white .navbar,
+.layout-white .photo-browser .toolbar,
+.photo-browser.layout-white .toolbar,
+.layout-white .view[data-page="photo-browser-slides"] .toolbar,
+.view[data-page="photo-browser-slides"].layout-white .toolbar {
+  background: rgba(255, 255, 255, 0.95);
+}
+.layout-white .tabbar a:not(.active) {
+  color: #777777;
+}
+.layout-white .page,
+.layout-white .login-screen-content,
+.page.layout-white,
+.layout-white .panel,
+.panel.layout-white {
+  background-color: #ffffff;
+  color: #000000;
+}
+.layout-white .content-block-title {
+  color: #777777;
+}
+.layout-white .content-block,
+.content-block.layout-white {
+  color: #777777;
+}
+.layout-white .content-block-inner {
+  background: #fafafa;
+  color: #000000;
+  border-color: #dddddd;
+}
+.layout-white .list-block ul,
+.list-block.layout-white ul {
+  background: #ffffff;
+  border-color: #dddddd;
+}
+.layout-white .list-block.inset ul,
+.list-block.layout-white.inset ul {
+  background: #fafafa;
+}
+.layout-white .list-block.notifications > ul,
+.list-block.layout-white.notifications > ul {
+  background: none;
+}
+.layout-white .popover-inner > .list-block ul {
+  background: none;
+}
+.layout-white li.sorting {
+  background-color: #eeeeee;
+}
+.layout-white .swipeout-actions-left a,
+.layout-white .swipeout-actions-right a {
+  background-color: #c7c7cc;
+}
+.layout-white .item-inner,
+.layout-white .list-block ul ul li:last-child .item-inner {
+  border-color: #dddddd;
+}
+.layout-white .item-after {
+  color: #8e8e93;
+}
+html:not(.watch-active-state) .layout-white .item-link:active,
+html:not(.watch-active-state) .layout-white label.label-checkbox:active,
+html:not(.watch-active-state) .layout-white label.label-radio:active,
+.layout-white .item-link.active-state,
+.layout-white label.label-checkbox.active-state,
+.layout-white label.label-radio.active-state {
+  background-color: #eeeeee;
+}
+.layout-white .item-link.list-button {
+  border-bottom-color: #dddddd;
+}
+.layout-white .list-block-label {
+  color: #777777;
+}
+.layout-white .item-divider,
+.layout-white .list-group-title {
+  background: #f7f7f7;
+  color: #777777;
+  border-top-color: #dddddd;
+}
+.layout-white .searchbar {
+  background: #c9c9ce;
+  border-bottom-color: #b4b4b4;
+}
+.layout-white .list-block input[type="text"],
+.list-block.layout-white input[type="text"],
+.layout-white .list-block input[type="password"],
+.list-block.layout-white input[type="password"],
+.layout-white .list-block input[type="email"],
+.list-block.layout-white input[type="email"],
+.layout-white .list-block input[type="tel"],
+.list-block.layout-white input[type="tel"],
+.layout-white .list-block input[type="url"],
+.list-block.layout-white input[type="url"],
+.layout-white .list-block input[type="date"],
+.list-block.layout-white input[type="date"],
+.layout-white .list-block input[type="datetime-local"],
+.list-block.layout-white input[type="datetime-local"],
+.layout-white .list-block input[type="number"],
+.list-block.layout-white input[type="number"],
+.layout-white .list-block select,
+.list-block.layout-white select,
+.layout-white .list-block textarea,
+.list-block.layout-white textarea {
+  color: #777777;
+}
+.layout-white .label-switch .checkbox {
+  background-color: #e5e5e5;
+}
+.layout-white .label-switch .checkbox:before {
+  background-color: #ffffff;
+}
+.layout-white .range-slider input[type="range"]:after {
+  background: #ffffff;
+}