:root { --accent: #ff1d58; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f7f9fa }/* Spot Karten auf Startseite und Vorschläge */ .lf-item-container{ border-radius: 7px; overflow: hidden; box-shadow: 0px 0px 24px 0px rgba(63, 100.99999999999999, 173, 0.23); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .lf-item { border-radius: 0px; } /* Boxen auf Spot-Seite */ .element{ border-radius: 7px; margin-top: 20px; box-shadow: 0px 0px 24px 0px rgba(63, 100.99999999999999, 173, 0.13); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } /* Überschriften in Boxen auf Spot-Seite */ .pf-head{ margin-bottom:10px; margin-top:10px; } /* Karten für die Erstellung eines Spots mit Schatten */ .cat-card{ border-radius: 7px; margin-top: 20px; box-shadow: 0px 0px 24px 0px rgba(63, 100.99999999999999, 173, 0.13); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } /* Links im Spot */ .quick-listing-actions li a{ border-top-left-radius:50px !important; border-top-right-radius:50px !important; border-bottom-left-radius:50px !important; border-bottom-right-radius:50px !important; box-shadow:0px 0px 18px 0px rgba(82,82,197,0.13); border-style:none !important; margin-top:15px; margin-bottom:5px; } /* Searchbox Startseite */ .wide .fs-tabs .tab-content{ border-top-left-radius:9px !important; border-top-right-radius:9px !important; border-bottom-left-radius:9px !important; border-bottom-right-radius:9px !important; } /* Avatar */ #user-dropdown-menu > .avatar{ transform:scale(1.5) translatex(-6px); border-style:solid; border-color:#ffffff; border-width:1px; margin-left:10px; margin-top:10px; margin-bottom:10px; } /* List User Menu Drop Down */ .user-area .dropdown ul{ margin-top:20px; padding-top:5px; border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-color:#ffffff; } /* Logo links in weiss auf der Startseite */ body.page-id-151 header .logo a.static-logo:after { content: ''; height: 42px; width: 180px; display: block; background-size: contain; background-repeat: no-repeat; background-image: url(https://spotsdam.de/wp-content/uploads/2021/06/spotsdam-logo-wortbildmarke-light.svg); } body.page-id-151 header .logo a.static-logo img { display: none; } /*Roter Strich im Dropdown Benutzermenü verschwinden lassen*/ .explore-head .explore-types>div:after, .instant-results:before, .main-nav .i-dropdown:before, ul.dropdown-menu:before { content: ""; height: 0px; width: 0; position: absolute; bottom: 0; -webkit-transition: width .3s ease; /* transition: width .3s ease; */ /* left: 0; */ /* background: var(--accent); */ } /*Tab-Icons der Spots in der Suche verkleinern*/ .transparent .fs-tabs ul li a i { font-size: 15px; padding: 4px; margin: 5px; } /*Schatten Dropdown Benutzermenü Menu*/ .dropdown-menu { box-shadow: 0px 0px 24px 0px rgba(63, 100.99999999999999, 173, 0.13); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } /* Static logo Animation on hover */ .header-left .logo .static-logo:yp-hover{ animation-duration:1s; animation-delay:0s; animation-name:push; } /*Höhe des Covers mobil*/ .profile-cover-image, .single-post .profile-cover:not(.profile-cover-no-bg){ height: 250px; } /*Spot-Name Farbe*/ .listing-main-info .profile-name .listing-main-info .profile-name { color:#2D3148; } /*Rahmen um Profilbild mobil*/ .profile-avatar{ border: 2px solid; border-color: white; } /* Unter meine Inserate der rosa Hintergrund und die rote Schrift*/ .l-type .listing-type .value { padding: 10px 15px; display: inline-block; position: absolute; left: 0; border-radius: 20px; padding: 6px 12px; color: #FF1C58; font-size: 13px; white-space: nowrap; background: #FFF0F3; max-width: 120px; overflow: hidden; } /* Icon Abstand User Menü*/ .icon-settings-1 { margin-right: 10px; }.icon-location-pin-add-2 { margin-right: 10px; }.icon-vote-heart-circle-1 { margin-right: 10px; }.icon-share-megaphone-2 { margin-right: 10px; }.icon-id-card-1 { margin-right: 10px; }.icon-places-home-3 { margin-right: 10px; }.icon-lock-1 { margin-right: 10px; }