https://script.google.com/macros/s/AKfycbxdv-nCtyc95d_-N7uQ4bm7vXzpS3ondM4RJziU/exec
Autoplay Slideshow
Allow to play or use arrows/swipe to navigate
Responsive mobile only
Margin -60 Z-Index 99 Fade In Up 1000
selector {width:100vw;
background: black;
-webkit-animation: fadeinout 14s linear forwards;
animation: fadeinout 14s linear forwards;
}
@-webkit-keyframes fadeinout {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
@keyframes fadeinout {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
https://mail.google.com/mail/u/0/#inbox|https://www.facebook.com/|https://mail.protonmail.com/inbox/VE6kCdyoQTbwA8IzXw4DQS0czzvsV2mBbdq-LsyaEJwrXPDyMMn-cIMe8oHAiT7QNkj4GBoDmSeRcWij1TXeAg==|https://www.dondominio.com/admin/?_sqs=db5eab25bec20e7bf92e5399122ab7f4|https://manager.infomaniak.com/v3/250175|https://uptimerobot.com/dashboard#mainDashboard|https://switter.at/web/accounts/172063
BODY
html, body {margin:0px;padding:0;}
body{overflow-x: hidden !important;}
.entry-content {margin-top:0;margin-bottom:0;}
p {padding-bottom:0.5em;}
h3 {padding-bottom:0.5em;}
h4 {padding-bottom:0.5em;}
h5 {padding-bottom:0.5em;}
h6 {padding-bottom:0.5em;}
@media screen and (orientation:portrait) {
.elementor-lightbox .elementor-lightbox-item {
padding: 0;
}
.dialog-type-lightbox .dialog-header, .dialog-type-lightbox .dialog-message{
padding:0;
}
}
@media screen and (orientation:landscape) {
.elementor-lightbox-image{min-height:100vh!important;
overflow:hidden;}
}
@media screen and (min-width:1450) {
.elementor-widget-text-editor {
font-size:1.1rem;}
}
.postbox .inside h2, .wrap [class$=icon32]+h2, .wrap h1, .wrap>h2:first-child {display:none;}
.entry-title {display:none;}
.post-edit-link {display:none;}
.entry-meta {display:none;}
.cat-links {display:none;}
.tag-links {display:none;}
.search-field {display:none;}
.search-submit {display:none;}
.nav-previous {display:none;}
.nav-next {display:none;}
>>>>>>>>>.
Form
The form was sent successfully!
>>>>>>>>>
P411
@media only screen and (max-width: 900px) {
selector img {
display: block;
margin-left: 70vw;
margin-right: auto;
margin-bottom:10px;
padding-top:10px;
width: 100%;
height: auto;
opacity: 0.7;
max-width: 80px;}
}
>>>>>>>>>>>>
SENDPRESS TEXT
[sp-signup firstname_label='First Name' lastname_label='City' email_label='EMail' listids='748' redirect_page='false' lists_checked='1' display_firstname='true' display_lastname='true' label_display='false' desc='' label_width='100' thank_you='Thank you for subscribing! I will send you an email when I have touring plans.' button_text='TOURING REQUEST' no_list_error='-- NO LIST HAS BEEN SET! --' postnotification='' pnlistid='0' ]
OR
>>
SENDPRESS CSS
/* Copy this css into you're theme to style the SendPress sign up widget. */
/* container for the signup form */
selector {
position:relative;
}
/* labels in the sign up form */
.sendpress-signup-form label{
font-family: Roboto!important;
font-size:1em!important;
display:block;
padding:0 5px 0 0;
color:#54595F;
}
/* input fields in sign up form */
selector input[type=text]{
width: 100%;
font-style:Lato;
font-size:15px!important;
font-weight:300;
padding : 5px;
margin-right:0px;
margin-bottom:10px;
border : 1px solid rgba(0, 0, 0, 0.51);
border-radius: 0px!important;
background: #ffffff;
color:#000000;
max-width:100%;
}
selector input[type="checkbox" i] {
background-color: transparent;
cursor: default;
content:"\2713";
-webkit-appearance: checkbox;
box-sizing: border-box;
margin: 10px 0.5ex;
padding: initial;
border: initial;
content:"\2713";
}
/* submit button */
.sendpress-submit{
margin-top: 10px;
margin-left:0px;
display: inline-block !important;
font-style:Roboto;
font-size:1em!important;
font-weight:400;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
border : 1px solid #54595F;
border-radius: 0px!important;
background : #54595F;
color:#ffffff;
cursor : pointer;
min-width:100%;
}
.sendpress-submit:hover {
background-color: #ffffff;
color: #000000;
}
.sendpress-signup-form #thanks {
font-family: Roboto!important;
font-size:1em!important;
color:#54595F;
margin-left:30px;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #ffffff;
opacity: 1 !important;
}
@media (max-width: 950px) {
selector input {
margin: 0px 0;
}
selector {
flex-direction: column;
align-items: stretch;
}
selector input[type=text]{
max-width:100%!important;
margin-top:10px;
}
.sendpress-submit {
min-width:100%;
margin-top: 15px!important;}
}
/* element where error messages are displayed */
.sendpress-signup-form #error{
color:#8B0000;
margin:10px 0px;
display:none;
}
/* element where the thank you message shows upon successful submit */
.sendpress-signup-form #thanks,
.sendpress-signup-form #exists{
margin:10px 0px;
display:none;
}
OR
/* Copy this css into you're theme to style the SendPress sign up widget. */
selector {
display: flex;
flex-flow: row wrap;
align-items: right;}
/* container for the signup form */
selector {
position:relative;
}
/* labels in the sign up form */
.sendpress-signup-form label{
display:block;
word-wrap: none;
padding:0 5px 0 0;
}
/* input fields in sign up form */
selector input[type=text]{
width: 100%;
font-style:Lato;
font-size:16px!important;
font-weight:300;
padding : 5px;
margin-right:5px;
border : 1px solid #ffffff;
border-radius: 15px!important;
background : #000000;
color:#ffffff;
max-width:30%;
}
/* submit button */
.sendpress-submit{
margin-top: 0px;
margin-left:10px;
display: inline-block !important;
font-style:Lato;
font-size:16px!important;
font-weight:300;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
padding-right: 25px;
border : 1px solid #ffffff;
border-radius: 15px!important;
background : #000000;
color:#ffffff;
cursor : pointer;
}
.sendpress-submit:hover {
background-color: #ffffff;
color: #000000;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #ffffff;
opacity: 1 !important;
}
@media (min-width: 901px) {
selector {white-space:nowrap;}
}
@media (max-width: 900px) {
selector input {
margin: 0px 0;
}
selector {
flex-direction: column;
align-items: stretch;
}
selector input[type=text]{
max-width:100%!important;
margin-top:10px;
}
.sendpress-submit {
min-width:100%;
margin-top: 15px!important;}
}
/* element where error messages are displayed */
.sendpress-signup-form #error{
color:#8B0000;
margin:10px 0px;
display:none;
}
/* element where the thank you message shows upon successful submit */
.sendpress-signup-form #thanks,
.sendpress-signup-form #exists{
margin:10px 0px;
display:none;
}
>>>>>>>>>>>>>>>>
MEMBERSHIP CSS (also remember php files)
.swpm-login-form-pw-reset-link {display:none;}
.swpm-login-form-register-link {display:none;}
.swpm-username-label {display:none;}
.swpm-username-field {display:none;}
.swpm-password-label {color:#ffffff;
margin-bottom:5px;
}
.swpm-login-submit {margin-top:20px!important;}
.swpm-login-widget-form input {width:90%;
font-size:1.1em;
border: solid 1px #BD8749;
border-radius:15px;
}
.swpm-rember-label {display:none;}
.swpm-remember-checkbox {display:none;}
.swpm-edit-profile-link {display:none;}
.swpm-logged-username {display:none;}
.swpm-logged-status {display:none;}
.swpm-logged-membership {display:none;}
.swpm-logged-expiry {display:none;}
.swpm-logged-logout-link a {color:#ffffff;}
<<<<<<<<<<<<
SIMPLE MEMBERSHIP LOGIN.PHP
get_value('reset-page-url');
$join_url = $setting->get_value('join-us-page-url');
?>
<<<<<<<<<<<<<<<<
SIMPLE MEMBERSHIP LOGGEDIN>PHP
<<<<<<<<<<<<<<<<<<<<
/* The Events Calendar */
.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
color: #008080;
}
/*Date dropdown area */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
font-style:Kalin!important;
font-size:1em;
color: #008080;
}
.tribe-common-c-btn-border-small tribe-events-c-top-bar__today-button tribe-common-a11y-hidden{
display:hidden!important;
}
/* Date format */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
color: #008080;
font-weight:300;
font-size: 0.8em;
padding:5px;
border: 1px solid #008080;
}
.tribe-common .tribe-common-h4 {
color: #666666;
font-weight:300;
font-size: 0.8em;
padding:5px;
}
/* We can adda border around the entire event. */
.tribe-events-calendar-month__multiday-event-bar {
border: 1px solid #20c2ff;
}
/* We can change the background color of the event. */
.tribe-events-calendar-month__multiday-event-bar-inner{
background-color: #008080!important;
border :1px solid #999999!important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
padding-top:5px;
padding-bottom:5px;
}
/* We can change the background color of the event. */
.tribe-events-calendar-month__day--past .tribe-events-calendar-month__multiday-event-bar-inner{
background-color: #c1c1c1!important;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* We can change the color of the event title. */
.tribe-events-calendar-month__multiday-event-bar-title {
color: #000000;
}
/* We can change the font of the event title. */
.tribe-common .tribe-common-h8 {
font-size: 1em;
font-weight:400;
color: #ffffff;
}