body, .ow, body, html, .base_sign_in{background-color:#FFF}
/* SkaDate Support Lora: delete the two choices “online only and with photo” (delete them only for the index page not for other pages */
.index_qs_widget .ow_qs_field.qs_checkboxes {
display:none;
}
/*SkaDate Support Lora: Delete the Advanced search text from index page but keep for other pages */
.index_qs_widget a {
display: none;
}
/* SkaDate Support Lora: change the color of the search button to something like Cranberry red */
.custom_platinum_pro_index .index_qs_widget span.ow_button {
background-color: #ed266b;
border-color: #ed266b !important;
}
/* SkaDate Support Lora: remove join section from index page*/
.custom_platinum_pro_index .user_counter_join {
display: none;
}
/* SkaDate Support Lora: Change the color of “join now button bottom of index page to blue */
.footer_bottom_banner .ow_join_button a {
background-color: blue;
}
/* Above done by Skadate */
/* Top 3 sliding image */
.Qu{
font-family: 'Amiri', serif;
font-size: 38px;
color: #FFFFFF;
text-shadow:
0 0 2px rgba(0,0,0,0.85),
0 0 6px rgba(0,0,0,0.55),
0 0 1px rgba(255,255,255,0.55);
}
.Qr{
margin-top: 0px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #F1F3F8;
text-shadow:
0 0 2px rgba(0,0,0,0.80),
0 0 5px rgba(0,0,0,0.50),
0 0 1px rgba(255,255,255,0.45);
}
/* =========================================================
QUICK SEARCH (horizontal_qs)
Theme: Platinum Pro
Purpose:
A) Round the 3 fields (Gender, Looking For, Age)
B) Control the SEARCH button (width, gap, alignment, icon)
---------------------------------------------------------
IMPORTANT:
Change only the values marked "EDIT THIS" in future.
========================================================= */
/* =========================================================
A) FIELD RADIUS (Gender, Looking For, Age)
---------------------------------------------------------
EDIT THIS: radius value (3px to 5px recommended)
========================================================= */
.horizontal_qs .index_qs_widget .ow_qs_field:not(.ow_qs_btn) .placeholder{
border-radius: 8px !important; /* EDIT THIS: 3px, 4px, or 5px */
}
/* Age field uses a different wrapper that draws the border */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_presentation_age .ow_qs_value .birthdate,
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_presentation_age .ow_qs_value .birhdate{
border-radius: 8px !important; /* EDIT THIS: keep same as above */
overflow: hidden !important;
}
/* =========================================================
B) SEARCH BUTTON (only)
Controls: width, space from Age, content alignment, icon
---------------------------------------------------------
EDIT THIS:
- button width (166px)
- gap from Age (20px)
- button height (54px)
- icon spacing (right 18px / padding-right 46px)
========================================================= */
/* Button container sizing in the row */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn{
margin-left: 20px; /* EDIT THIS: space between Age and button */
width: 166px !important; /* EDIT THIS: button width */
max-width: 166px !important;
flex: 0 0 166px !important; /* prevents stretching */
}
/* Make button fill the fixed width */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn .ow_button{
display: block;
width: 100%;
}
/* Button text + icon layout */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn .ow_button input[type="submit"]{
width: 100% !important;
height: 54px; /* EDIT THIS: match field height */
line-height: 54px; /* keeps text vertically centered */
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-align: center; /* centers SEARCH text */
padding-left: 9px; /* EDIT THIS: small nudge to balance icon */
padding-right: 46px !important; /* EDIT THIS: reserved space for icon */
background-position: right 18px center !important; /* EDIT THIS: icon position */
background-repeat: no-repeat !important;
}
/* If theme injects icon using pseudo elements, keep it in same place */
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn:after,
.horizontal_qs .index_qs_widget .ow_qs_field.ow_qs_btn .ow_button:after{
right: 18px !important; /* EDIT THIS: icon position */
}
/* =========================================================
QUICK SEARCH (horizontal_qs)
Theme: Platinum Pro
Purpose:
A) Round the 3 fields (Gender, Looking For, Age)
B) Control the SEARCH button (width, gap, alignment, icon)
---------------------------------------------------------
/* Main body font */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
/* Apply Roboto site-wide */
html, body,
.ow, .ow_page, .ow_page_wrap, .ow_page_wrap_in,
.ow_content, .ow_main, .ow_center, .ow_footer,
input, button, select, textarea {
font-family: "Roboto", Arial, sans-serif !important;
color: #6F7683;
}
/* Headings: slightly stronger */
h1, h2, h3, h4, h5, h6,
.ow_header, .ow_section, .ow_box_cap,
.ow_box_cap h3, .ow_box_cap h4 {
font-family: "Roboto", Arial, sans-serif !important;
font-weight: 600;
}
/* Buttons and key UI labels */
button, .ow_button, .ow_button input, .ow_btn, .ow_btn_submit,
.ow_menu, .ow_nav, .ow_console, .ow_console_item {
font-family: "Roboto", Arial, sans-serif !important;
font-weight: 500;
}
/* Form inputs: keep readable */
input, select, textarea {
font-weight: 400;
}
/* Main body font */
.hottest_users {
background-color: #EAF0F8;
}
/* Sweet Stories */
/* Sweet Stories: image side background */
.custom_platinum_pro_index .stories_carousel_item_img{
background-color:#fff !important;
background-repeat:no-repeat !important;
background-position:center center !important;
background-size:contain !important;
}
/* Sweet Stories: text side background */
.custom_platinum_pro_index .stories_carousel_item_text{
background-color:#fff !important;
}
/* Sweet Stories */
/*App outer section*/
/*Launch app section*/
/* Vertically center the app banner text */
.index-SKMOBILEAPP_CMP_MobileExperience .app-banner-text{
display: flex;
flex-direction: column;
text-align: center;
height: 100%;
font-family: "Roboto", Arial, sans-serif !important;
}
.app-banner-text{
color: #6F7683;
font-size: 21px;
line-height: 1.3;
text-align: center;
}
.app-banner-text strong{
font-weight: 500;
text-align: center;
}
.app-banner-visual{
width: 100%;
}
.app-banner-visual img{
display: block;
margin-left: auto;
}
/*App outer section*/