App: Kuliner BM [CSS]
PlayStore: https://play.google.com/store/apps/details?id=app.wefie.make.androidkulinerbm
Layout: Layout 159 - Custom Dev by Er Ravi the Web Vista
CSS:
/*Use Specific Font*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
.layout.l159 #main p.title, p, h1, h2, h3, h4, h5, h6, span, .card .item.item-custom h2, .item {
font-family: 'Ubuntu';
}
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
.button, div {
font-family: 'Ubuntu';
}
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
.view, .button.button-custom, .list .item.item-custom textarea, .list {
font-family: 'Ubuntu';
}
/*Center Title on Top Bar*/
.bar .title.title-left {
text-align: center !important;
}
/*Layout Motion Background*/
.pane {
position: absolute;
background-image: url(https://make.wefie.app/images/application/11/features/custom_page/143/5b6a5954b39c0.png) !important;
background-size: cover !important;
}
.layout.l95 {
background-color: transparent !important;
background-image: url(https://make.wefie.app/images/application/11/features/custom_page/143/5b6a5954b39c0.png) !important;
background-size: cover !important;
}
html, iframe {
background-color: transparent !important;
background-image: url(https://make.wefie.app/images/application/11/features/custom_page/143/5b6a5954b39c0.png) !important;
background-size: cover !important;
}
/*Image Gallery Adjustment*/
.sb-cms-image ul[rn-carousel] li>div {
height: 100%;
background-size: contain;
background-repeat: repeat-x;
background-position: center;
}
/*Card Spaces*/
.card {
margin: -2px 0px;
border-radius: 2px;
}
/*Card Image*/
img {
border-radius: 5px 5px 5px 5px;
}
/*Card Custom*/
.card .item.item-custom, .list .item.item-custom {
border-color: rgba(68, 68, 68, 0);
background-color: rgba(255, 255, 255, 0.6);
}
.item p, .item {
font-size: 19px;
}
h2, .card .item.item-custom h2 {
font-size: 22px;
}
span {
font-size: 19px;
}
.item-avatar>img:first-child {
left: 45px;
border-radius: 10%;
}
.item-avatar {
padding-left: 95px;
}
.item-icon-left .icon {
left: 30px;
}
.item-icon-left {
padding-left: 65px;
}
.card .item.item-custom h2 {
margin-top: 5px;
}
.item-thumbnail-left {
padding-top: 18px;
}
/*Pager Icon*/
div.rn-carousel-indicator span {
color: rgba(0, 0, 0, 0) !important;
}
.sb-cms-image div[rn-carousel-indicators] {
background-color: rgba(0, 0, 0, 0) !important;
}
/*Search Icon*/
.ion-search:before {
color: black;
}
/*Checkbox Button*/
.item.item-checkbox {
background: rgb(209, 206, 205);
}
/*Scroll Adjustment*/
.layout.l159 .r5menu ul {
padding-left: 0px;
}
.layout.l159 .r5menu ion-content {
height: 36vh;
bottom: 9vh;
}
.layout.l159 .r5menu li {
margin: 0vh 0vw 3vh 0vw;
padding: 0px 1vw 0px 1vw;
width: 50%;
}
/*Slider Adjustment for Layout 159*/
.layout.l159 .slider {
height: 47vh;
top: 8vh;
}
ion-slide:nth-child(1), ion-slide:nth-child(2), ion-slide:nth-child(3) {
background-size: cover;
background-position: center;
}
/*Form Field Text Align*/
.text-right {
text-align: inherit;
}
/*Home Header Title Adjustment*/
[state="home"] {
font-weight: bold;
}
/*Fanwall Page Portion*/
.col-75 {
max-width: 60%;
}
.col-offset-25 {
margin-left: 20%;
}
.item p {
overflow: initial;
white-space: initial;
}
.padding {
padding: 10px 0px 10px 0px;
}
/*Hide Facebook Login*/
form.slide-down .list .item.item-text-wrap:nth-child(1), form.slide-down .list .item.item-divider-custom:nth-child(2) {
display: none;
}
/*My Account Background*/
.customer-view ion-content {
background-color: transparent !important;
background-image: url(https://make.wefie.app/images/application/11/features/custom_page/143/5b6a5954b39c0.png) !important;
background-size: cover !important;
}
.bar.bar-custom {
background-color: transparent !important;
background-image: url(https://make.wefie.app/images/application/11/features/custom_page/143/5b6a5954b39c0.png) !important;
background-size: initial !important;
}