JezK
Edit File: lws_hl_css.css
.lws_hl_block_ad_for_review { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000012; border-radius: 10px; padding: 20px 15px 25px 15px; margin-bottom: 20px; } .lws_hl_block_ad_review_title { text-align: center; font: normal normal 600 18px/28px Poppins; letter-spacing: 0px; color: #1D2327; } .lws_hl_block_ad_review_description { text-align: center; font: normal normal normal 15px/26px Poppins; letter-spacing: 0px; } .lws_hl_block_ad_review_stars { text-align: center; margin-top: 10px; margin-bottom: 10px; } /*General page*/ .lws_hl_subtitlebloc { margin-left: 1%; margin-right: 2%; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000012; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: flex; flex-direction: row; margin-bottom: 40px; padding: 40px 50px 40px 50px; } .lws_hl_title-text { font-size: 15px; line-height: 26px; color: #1D2327; margin-left: 50px; } .lws_hl_subtitle { font-size: 16px; font-weight: 400; } .lws_hl_adbloc { background: transparent linear-gradient(270deg, #0A5BBC 0%, #1C469D 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000012; border-radius: 10px 10px 0px 0px; opacity: 1; display: flex; flex-direction: row; margin-left: 1%; margin-right: 2%; margin-top: 30px; align-items: center; } .lws_hl_ad_title { text-align: left; font-size: 38px; font-weight: 600; line-height: 50px; letter-spacing: 0px; color: #FFFFFF; padding: 5px; } .lws_hl_ad_subtext { text-align: left; font-size: 26px; line-height: 36px; letter-spacing: 0px; padding: 5px; color: #FFFFFF; opacity: 1; } .lws_hl_ad_img { padding-left: 10px; vertical-align: bottom; } .lws_hl_adbloc_left { border-right: 1px dashed #FFFFFF; flex: 25%; vertical-align: middle; text-align: left; padding-left: 40px; padding-top: 41px; padding-bottom: 43px; } .lws_hl_adbloc_right { flex: 50%; vertical-align: middle; text-align: left; padding-top: 20px; padding-left: 40px; padding-bottom: 20px; padding-right: 40px; } .lws_hl_ad_t1 { text-align: left; font-size: 15px; font-weight: 600; line-height: 26px; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .lws_hl_ad_t2 { text-align: left; letter-spacing: 0px; color: #FFFFFF; opacity: 1; text-align: left; font-size: 15px; line-height: 26px; letter-spacing: 0px; } .lws_hl_ad_label { background: #1C469D 0% 0% no-repeat padding-box; border: 1px solid #FFFFFF; border-radius: 5px; opacity: 1; text-align: left; font-size: 15px; line-height: 26px; letter-spacing: 0px; color: #FFFFFF; padding: 8px 10px 8px 10px; vertical-align: middle; margin-right: 10px; cursor: pointer; } .lws_hl_ad_button { background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 22px; text-align: left; font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0px; color: #1C469D; text-transform: uppercase; border: none; padding: 6px 20px 6px 20px; cursor: pointer; vertical-align: middle; } .lws_hl_configpage { background-color: white; box-shadow: 0px 1px 1px #00000029; font-size: 16px; line-height: 26px; margin-left: 1%; padding-bottom: 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .lws_hl_list_block_content { flex: 100%; margin-right: 30px; } .lws_hl_list_block_ad { display: flex; flex-direction: column; flex: 30%; } .lws_hl_main_content { display: flex; flex-direction: row; margin-right: 2%; } .lws_hl_button_ad_block { background: #2893E9 0% 0% no-repeat padding-box; border-radius: 22px; text-align: left; font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #FFFFFF; border: none; padding: 6px 15px 6px 15px; cursor: pointer; } .lws_hl_button_ad_block_validated { cursor: default; background: #008A56 0% 0% no-repeat padding-box; } .lws_hl_text_ad { text-align: left; font-size: 15px; line-height: 24px; letter-spacing: 0px; color: #FFFFFF; } .lws_hl_block_ad_text { text-align: left; font-size: 16px; line-height: 26px; font-weight: 600; letter-spacing: 0px; color: #FFFFFF; } .lws_hl_button_text { text-align: left; font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .lws_hl_block_ad { background: #1B2E4B 0% 0% no-repeat padding-box; box-shadow: 0px 0px 15px #00000012; border-radius: 10px; padding: 20px 20px 25px 20px; margin-bottom: 20px; } .tab_lws_hl { background-color: white; margin-left: 1%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .tab_lws_hl>div { border-bottom: 1px solid rgba(28, 34, 38, 0.25); } .tab_nav_lws_hl { margin: 20px; border: none; font-size: 16px; letter-spacing: 0px; color: #1D2327; text-transform: uppercase; line-height: 26px; background: none; margin-bottom: 10px; } .tab_nav_lws_hl.active { font-weight: 600; } .tab_nav_lws_hl:hover { cursor: pointer; } .selector_tab { position: relative; top: 2px; left: 0px; height: 3px; width: 0px; background-color: #1C469D; z-index: 10; transition: left .5s ease 0s; margin-top: 2px; } .lws_hl_normal_space { margin-bottom: 20px; } /*END*/ /*Our plugins*/ .lws_hl_button_ad_block_failed { color: #FFFFFF; background: #DB3D3D 0% 0% no-repeat padding-box; } .lws_hl_recommended { background: #008A56 0% 0% no-repeat padding-box; border-radius: 22px; opacity: 1; text-align: left; font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; opacity: 1; padding: 5px 10px 5px 10px; vertical-align: middle; } .lws_hl_div_title_plugins { background: rgb(40, 147, 233, 0.1) 0% 0% no-repeat padding-box; } .lws_hl_title_plugins { text-align: left; font-size: 20px; line-height: 30px; font-weight: bold; letter-spacing: 0px; color: #1D2327; padding-left: 30px; margin: 0; padding-top: 30px; } .lws_hl_text_base { text-align: left; font-size: 16px; line-height: 26px; letter-spacing: 0px; color: #1D2327; opacity: 1; padding-left: 30px; padding-bottom: 30px; } .lws_hl_title_plugin { margin-bottom: 0px; } .lws_hl_text_plugin { text-align: left; font-size: 15px; line-height: 26px; letter-spacing: 0px; color: #1D2327; margin-bottom: 0px; margin-top: 10px; } .lws_hl_text_plugin_left { margin-left: 30px; width: 75%; } .lws_hl_plugin_button_right { margin-right: 30px; height: fit-content; white-space: nowrap; } .lws_hl_block_plugin_in_page { display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 1px solid rgb(29 35 39 / 25%); padding-top: 30px; } .lws_hl_block_plugin_in_page:first-child { padding-top: 0px; } .lws_hl_block_plugin_in_page:last-child { border: none; padding-bottom: 0px; } .tip { background-color: #263646; padding: 0 14px; line-height: 27px; position: absolute; border-radius: 4px; z-index: 100; color: #fff; font-size: 12px; animation-name: tip; animation-duration: .6s; animation-fill-mode: both } .tip:before { content: ""; background-color: #263646; height: 10px; width: 10px; display: block; position: absolute; transform: rotate(45deg); top: -4px; left: 17px } #copied_tip { animation-name: come_and_leave; animation-duration: 1s; animation-fill-mode: both; } /*END*/ .lws_hl_mainpage { padding-top: 30px; padding-bottom: 0px; } .lws_hl_titre { text-align: left; font-size: 20px; font-weight: bold; line-height: 30px; letter-spacing: 0px; color: #1D2327; padding-left: 30px; } .lws_hl_titre_inputs { margin-bottom: 0px; } .lws_hl_text_p { text-align: left; letter-spacing: 0px; color: #1D2327; line-height: 26px; font-size: 16px; padding-left: 30px; } .form_update_success { padding: 10px; color: black; margin-bottom: 30px; border-color: #008A56; border-left-width: 8px; width: 90%; box-sizing: border-box; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; align-content: center; } .lws_hl_field { padding-bottom: 30px; border-top: 1px solid rgb(29 35 39 / 25%); } .lws_hl_field:last-child { padding-bottom: 0px; } .website_url_span { background: #EEF0F2 0% 0% no-repeat padding-box; border-radius: 5px; padding: 8px 10px 8px 10px; } .lws_hl_input_url { border: 1px solid #1D2327; border-radius: 5px; text-align: left; font-size: 15px; line-height: 26px; letter-spacing: 0px; color: #1D2327; margin-right: 20px; margin-left: 10px; width: 20%; } .lws_hl_button_update_redirect { background: #1C469D 0% 0% no-repeat padding-box; border-radius: 22px; text-align: left; font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #FFFFFF; border: none; padding: 6px 16px 6px 16px; cursor: pointer; margin-top: 0.5em; } #lws_hl_input_change_redirection { margin-top: 0.5em; padding-left: 30px; } #lws_hl_input_change_login { margin-top: 0.5em; padding-left: 30px; } /*CSS Responsive*/ @media only screen and (max-width: 1400px) { /* .lws_hl_subtitlebloc, .lws_hl_adbloc{ margin-right:140px; margin-left:120px; } .lws_hl_main_content{ margin-right:140px; } .lws_hl_configpage, .tab_lws_hl{ margin-left:120px; } */ } @media only screen and (max-width: 1250px) { .lws_hl_main_content { flex-direction: column; } .lws_hl_list_block_content { margin-right: 0; } .lws_hl_list_block_ad { /* margin-left: 80px; */ /* margin-right: unset; */ margin-top: 30px; } /* .lws_hl_subtitlebloc, .lws_hl_adbloc{ margin-right:100px; margin-left:80px; } .lws_hl_main_content{ margin-right:100px; } .lws_hl_configpage, .tab_lws_hl{ margin-left:80px; } */ } @media only screen and (max-width: 1060px) { .lws_hl_adbloc_left { border-right: unset; border-bottom: 1px dashed #FFFFFF; } .lws_hl_adbloc { flex-direction: column; align-items: stretch; } } @media only screen and (max-width: 700px) { .lws_hl_input_url { margin-top: 3%; } #lws_hl_input_change_redirection, #lws_hl_input_change_login, .lws_hl_button_update_redirect { margin-top: 0px; } .lws_hl_titre_inputs { margin-bottom: 1em; } } @media only screen and (max-width: 650px) { .lws_hl_subtitlebloc { flex-direction: column; } .lws_hl_subtitlebloc>img { align-self: center; margin-bottom: 30px; } .lws_hl_list_block_ad { /* margin-left: 20px; */ /* margin-right: unset; */ margin-top: 30px; } /* .lws_hl_subtitlebloc, .lws_hl_adbloc{ margin-right:40px; margin-left:20px; } .lws_hl_main_content{ margin-right:40px; } .lws_hl_configpage, .tab_lws_hl{ margin-left:20px; } */ } @media only screen and (max-width: 430px) { .lws_hl_adbloc_right { padding-left: 10px; } .lws_hl_adbloc_left { padding-left: 0px; } } @media only screen and (max-width: 380px) { .lws_hl_ad_button { margin-top: 20px; } .lws_hl_list_block_ad { /* margin-left: 0px; */ /* margin-right: unset; */ margin-top: 30px; } /* .lws_hl_subtitlebloc, .lws_hl_adbloc{ margin-right:10px; margin-left:0px; } .lws_hl_main_content{ margin-right:10px; } .lws_hl_configpage, .tab_lws_hl{ margin-left:0px; } */ } /*END MEDIAS*/ #lws_hl_banner { background: url(../images/banniere_plugin_hide_login_1100px.jpg) no-repeat; height: 90px; width: auto; transition: all .2s ease; text-align: center; padding-bottom: 15px; background-position-y: 10px; } @media only screen and (max-width: 1650px) { #lws_hl_banner { background: url(../images/banniere_plugin_hide_login_900px.jpg) no-repeat; background-position-x: 100%; } } @media only screen and (max-width: 1050px) { #lws_hl_banner { background: url(../images/banniere_plugin_hide_login_700px.jpg) no-repeat; background-position-x: 100%; } } @media only screen and (max-width: 550px) { #lws_hl_banner { display: none; } }