┌────────────────────────────────┐ │ ░░░ ░░▓ ░▓▓ ███ ▓▓░ ▓░░ │ │ ~ M O O N ~ │ └────────────────────────────────┘
prd-web-01.centraldc.gr
LOCATION:
/var/www/html/adconect/wp-content/uploads/easyfonts/css
☗ ROOT
↻ REFRESH
✎ EDIT FILE
EDITING: ext-9eff01b1fded496b7b.css
/* Theme Name: Adconect New Template Theme URI: https://adconect.gr Author: Giannis Giannopoulos Description: Ένα ελάχιστο, HTML5 WordPress theme με έμφαση στη σημασιολογία και το SEO. Νέο theme Version: 3.7 */ /* MARK: HTML RESET */ /* cyrillic-ext */ /* cyrillic */ /* greek */ /* vietnamese */ /* latin-ext */ @font-face { font-family: 'Geologica'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('https://adconect.gr/wp-content/uploads/easyfonts/fonts/geologica/geologica-normal-latin-ext.woff2?ver=1781097361') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Geologica'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('https://adconect.gr/wp-content/uploads/easyfonts/fonts/geologica/geologica-normal-latin.woff2?ver=1781097361') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'hk-nova'; font-style: normal; font-weight: 500; src: url(https://nevo.themevillain.com/assets/fonts/hk-nova/HKNova-Medium.woff2) format("woff2"), url(https://nevo.themevillain.com/assets/fonts/hk-nova/HKNova-Medium.woff) format("woff"), url(https://nevo.themevillain.com/assets/fonts/hk-nova/HKNova-Medium.eot) format("eot"); } /* Ή η standard πρακτική για ΟΛΟ το site σου (προτείνεται): */ *, *:before, *:after { box-sizing: border-box; } html { font-size: 137.5%; } h1,h2,h3,h4,h5,h6 {margin:0;} p {margin:var(--p-margin);} .hide {display:none!important;} img {display:block;max-width:100%;height:auto;} :root { --font-text-color:#1d1e20; --font-text-color-gray:#95969c; --page-background:#f7f7f7; --flex:flex; --grid:grid; --site-width:min(1440px, 90%); --p-margin:0 0 0.5rem 0; --p-padding:auto; --padding-large:9rem; --dark-background:#1d1e20; --light-background:#989898; --logo-size:2rem; --mobile-center:left; --font-size-normal:1.2rem; --font-size-medium:1.9rem; --font-size-large:3rem; --text-right:right; --light-text-color: rgb(70, 71, 78); --max-text: 25ch; --max-text-25: var(--max-text); --max-text-50: calc(var(--max-text) * 2); /* --- ΝΕΕΣ ΡΙΖΕΣ ΓΙΑ RESPONSIVE CONTROL (ON ROOT) --- */ --font-size-sm: 0.90rem; /* Βάση για μικρά/συνοδευτικά στοιχεία */ --font-size-md: 1.30rem; /* Βάση για μεσαία κείμενα/intros */ --font-size-lg: 3.00rem; /* Βάση για μεγάλους τίτλων blocks */ --space-small: 1.0rem; /* Βάση για μικρά κενά στοιχείων */ --space-section: 5.0rem; /* Βάση για standard κενά ενοτήτων (5rem) */ --space-large: 15.0rem; /* Βάση για μεγάλα sections (15rem) */ --header-height: 5rem; /* Ύψος του Header */ --gap-nav: 44px; /* Κενό στα μενού πλοήγησης */ --gap-columns: 4.0rem; /* Κενό μεταξύ στηλών */ } .this-block-aspect-ratio-169, .wp-embed-aspect-16-9 { --aspect-ratio: 16 / 9; } .this-block-aspect-ratio-43 { --aspect-ratio: 4 / 3; } /* MARK: Varius Global */ /* 1. Ορίζουμε το animation (τι ακριβώς θα κάνει) */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); /* Ξεκινάει από πιο κάτω και κρυφό */ } to { opacity: 1; transform: translateY(0); /* Έρχεται στην κανονική του θέση */ } } /* 2. Εφαρμόζουμε το animation στις κλάσεις σου */ .animated.smooth { /* Συνδέουμε το animation */ animation-name: fadeInUp; animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); /* Η ΜΑΓΙΚΗ ΓΡΑΜΜΗ: Λέει στο animation να ακούει το scroll της οθόνης */ animation-timeline: view(); /* Ορίζουμε ΠΟΤΕ θα ξεκινήσει και πότε θα τελειώσει το εφέ. entry 0%: Μόλις η κορυφή του στοιχείου εμφανιστεί στο κάτω μέρος της οθόνης. entry 100%: Μόλις όλο το στοιχείο μπει πλέον καθαρά μέσα στην οθόνη. */ animation-range: entry 0% entry 100%; /* Κρατάει την τελική κατάσταση (opacity: 1) αφού τελειώσει το animation */ animation-fill-mode: both; } .zoom { figure { margin-bottom: 30px; overflow: hidden; /* Κρίσιμο: Κόβει την εικόνα για να μην ξεχειλίζει όταν μεγαλώνει */ /* ΔΙΟΡΘΩΣΗ: Κολλητά το :hover στο & χωρίς κενό. Σημαίνει: "Όταν κάνω hover στο ίδιο το figure, άλλαξε το img" */ &:hover img { transform: scale(1.25); } a { display:block; } } img { display: block; line-height: 0; width: 100%; height: auto; /* transition στην αρχική κατάσταση της εικόνας για να είναι ομαλό και το zoom-out */ transition: transform 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95); } } figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio iframe { width:100%; height:auto; aspect-ratio: 16 / 9; } /* MARK: Blur on hover */ body >:is(main, footer) { filter: blur(0px) opacity(100%); transition: filter 0.4s ease-in-out; } body:has(header ul:hover) >:is(main, footer){ filter: blur(10px) opacity(30%); } /* MARK: Body */ body { margin:0; padding-top:var(--header-height); font-family: 'Geologica', 'hk-nova', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color:var(--font-text-color); background-color: var(--page-background); } #wpadminbar {top:-30px;opacity:0.2;transition: 0.2s all;} #wpadminbar:hover {top:0px;opacity:1} /* MARK: Header */ body > header { transition: background-color 0.3s ease; position:fixed; height:var(--header-height); top:0; border-bottom:1px solid rgba(0,0,0,0.1); background:white; width:100%; display: grid; align-items: center; z-index: 3; .site-branding { justify-self: start; img { max-height:var(--logo-size); width:auto; } } ul { margin:0; padding:0; display:flex; li { list-style: none; padding: 0; margin:0; a { font-size: inherit; text-decoration: none; color:var(--font-text-color); } } } .main-navigation { justify-self: center; font-size: var(--font-size-sm); ul {gap:var(--gap-nav);} } .side-navigation { text-align: right; justify-self: end; font-size: calc(var(--font-size-sm) - 0.20rem); ul {gap:var(--gap-nav);} } .container { padding: 0 2rem; display:grid; align-items: center; justify-content: stretch; grid-template-columns: auto 1fr auto; } } /* MARK: Article */ body > main article { margin-inline:auto; } /* MARK: Footer */ body > footer.site-footer { text-align:center; font-size: calc(var(--font-size-sm) - 0.10rem); border-top:1px solid #efefef; background:white; padding:var(--space-section) 0; .container { display:var(--flex); max-width: var(--site-width); margin-inline: auto; justify-content: space-between; align-items: start; p { font-size:0.7rem; font-weight: 200; } h3 { font-weight: 100; } a { color:black; &:hover { text-decoration: none; } } body.device-mobile & { h3 { font-size:1.25rem; margin-bottom:10px; } > div { margin-bottom:10px; padding-bottom:20px; } p { font-size:1rem; padding:5px; } } } } /* MARK: Pages */ body:not(.home, .homepage) { &.url-contact { --small-font-size: .8rem; .entry-content > * { max-width: var(--site-width); margin-inline: auto; padding-top:6rem; } .this-block-two-halfs > div:last-child { padding-top:1rem; text-align: var(--text-right); p { font-weight: 100; font-size: 1.1rem; line-height: 1.6; margin: 1rem 0 2rem; } h2 { font-size: 1.3rem; line-height: 1.1; margin-bottom: 1rem; letter-spacing: -0.02rem; font-weight:300; } a { color:black; &:hover { text-decoration:none; } } } &.device-mobile { --small-font-size: 1.1rem; form { padding:1rem; } } .page-header { h2 { font-size: 1.75rem; line-height: 1.1; margin-top: 1rem; letter-spacing: -0.05rem; font-weight: 200; } h1 { font-size: 4.5rem; line-height: 1; margin-top: 1rem; letter-spacing: -0.2rem; font-weight:300; } p { font-weight: 100; font-size: 1.1rem; line-height: 1.6; margin: 1rem 0 2rem; } } form { background:white; box-shadow: 0 2rem 4rem rgba(29, 30, 32, 0.1); padding:2rem; label { font-size: var(--small-font-size); font-weight: 200; } input, textarea { padding: 1rem; margin-top: 0.5rem; margin-bottom: 1rem; border: 0; background: var(--page-background); border-bottom: 1px solid #eaeaee; border-radius: 0; font-size: var(--small-font-size); font-weight: 200; width:100%; } input[type="submit"] { width:100%; color:white; background: black; padding: .4rem .75rem; font-size: 1rem; } p:last-type { margin-bottom: 0!important; } } } &.attributes-no-title { header.entry-header { display:none; } } &.attributes-simple-page-design { background:white; figure { padding:2rem 0; img { width:100%; margin-inline: auto; } } .this-block-padding-topbottom-10 { /* height: 95dvh; */ display:flex; flex-direction: column; justify-content: center; align-items: center; padding:10rem 0; h1 { font-size: 4.5rem; font-weight: 400; line-height: 1.1; letter-spacing: -0.2rem; } h2 { font-size: 1.75rem; line-height: 1.1; letter-spacing: -0.05rem; font-weight: 200; } } .this-block-normal-size { figure img { width: 100%; max-width: 1310px; margin-left:0; margin-right:auto; } } .this-block-full-size { --site-width:100%; figure { padding:2rem 0; } } .this-block-four-images { width:var(--site-width); margin-inline:auto; display:var(--flex); flex-wrap: wrap; padding: 5rem 0; > figure { max-width: 50%; padding:2rem; margin:0px; } figure:is(:first-child, :nth-child(4)) { padding:5rem; } } @media screen and (max-width:768px) { /* padding-top:4rem; */ > div:not(.this-block-full-size) figure { padding:2rem!important; } .this-block-padding-topbottom-10 { padding:2rem; h1 { font-size: 3.1rem; letter-spacing: -0rem; margin-bottom: 2rem; } } .this-block-four-images figure { padding:2rem!important; max-width:100%; width:100%; } } } /* } */ &.attributes-full-page-design { background:white; & > main > article > header {display:none;} figure {margin:0;} .page-header-block { padding: calc(var(--space-section)) 0 calc(var(--space-section) + 3rem); h2 { font-size:calc(var(--font-size-large) - 1.26rem); font-weight:200; line-height:1.1; margin:0; padding:0; } h1 { font-size: calc(var(--font-size-large) + 0.8rem); font-weight: 400; line-height: 1; padding: 1rem 0 1rem 0; letter-spacing: -0.2rem; margin:0; } p { font-size:calc(var(--font-size-md) - 0.2rem); font-weight:100; line-height:1.5; color:var(--light-text-color); /* max-width:50%; */ margin-inline: revert!important; margin:0; padding:0; } /* Αν η σελίδα είναι σε desktop */ body.device-desktop & { padding: calc(var(--space-section) + 7rem) 0 calc(var(--space-section) + 5rem); h1 { font-size: calc(var(--font-size-large) + 1.5rem); } p { max-width: 50%; } } } .this-block-solo-text { padding: calc(var(--space-section) + 6rem) 0 calc(var(--space-section) + 4rem); /* width: 50%; */ h2 { font-size:calc(var(--font-size-large)); font-weight:200; } p { font-size:calc(var(--font-size-md) - 0.2rem); font-weight:100; line-height:1.5; color:var(--light-text-color); margin:0; padding:0; } body.device-desktop & { width:50%; } } .this-block-split-text-half { padding: calc(var(--space-section) + 6rem) 0 calc(var(--space-section) + 4rem); .items { display:var(--grid); grid-template-columns: 6fr 5fr; gap:5rem; & >:first-child * { font-size:calc(var(--font-size-large)); font-weight:200; } & >:last-child { font-size:calc(var(--font-size-md) - 0.2rem); font-weight:100; line-height:1.5; color:var(--light-text-color); margin:0; padding:0; } } } .this-block-image-max-height { figure { text-align:center; } img { width: auto; margin-inline:auto; } body.device-desktop & { img { height:calc(100vh - 100px); } } } .this-block-image-max-width { --site-width: 100%; figure { text-align:center; } img { width:100%; height: auto; margin-inline:auto; } } /* figure.wp-block-image.size-full > img { width: 100%; height:auto; } */ } main.site-main { header.entry-header { padding-top:calc(var(--space-section) - 2rem); padding-bottom:calc(var(--space-section) + 0.5rem); } .hero-section { margin-top: calc(var(--space-section) + 2.50rem); width: var(--site-width); margin-inline:auto; display:var(--grid); grid-template-columns: 1fr 1fr; gap:0; .hero-meta { display:grid; align-content: center; h1 { font-size:clamp(2.7em, 1.44rem + 4.5vw, 4.5rem); font-weight:400; letter-spacing: -0.2rem; text-align: var(--mobile-center); } h2 { font-size: calc(var(--font-size-md) + 0.45rem); font-weight:200; letter-spacing: -0.05rem; text-align: var(--mobile-center); margin-bottom:2rem; } } } .entry-content { & > * { margin-inline: auto; } & > * > :where(*) { width: var(--site-width); margin-inline: auto; } figure.aligncenter { margin-inline:auto; } .this-block-gray-section { padding: var(--padding-large); background:var(--light-background); color:white; width: 100%; font-size: var(--font-size-medium); text-align: center; line-height: 1.1; letter-spacing: -0.03rem; padding: var(--space-large) 0; } .this-block-black-section { padding: var(--padding-large); background:var(--dark-background); color:white; width: 100%; font-size: var(--font-size-medium); text-align: center; line-height: 1.1; letter-spacing: -0.03rem; padding: var(--space-large) 0; } .this-block-padding-medium { padding: calc(var(--space-section) + 1.60rem); } .this-block-large-text { p { font-size: var(--font-size-large); line-height: 1.1; letter-spacing: -0.05rem; font-weight: 200; } } .this-block-medium-text { font-size: var(--font-size-large); line-height: 1.1; } .this-block-image-contenced { max-width:var(--site-width); margin-inline: auto; } .this-block-two-halfs { display:var(--grid); grid-template-columns: 6fr 6fr; gap:5rem; } } .entry-content :where(.this-block-image-left, .this-block-image-right) { padding-top:calc(var(--space-section) + 5.5rem); padding-bottom:calc(var(--space-section) + 3rem); } .entry-content > .wp-block-telex-block-custom-container.this-block-image-left.image-block .items { display:var(--grid); grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; margin-inline: auto; & > div:nth-child(1) { grid-column: 2 / span 5; grid-row: 1; } & > div:nth-child(2) { grid-column: 8 / span 4; grid-row: 1; } p { margin-left:0; margin-right:0; text-align:center; } } .entry-content > .wp-block-telex-block-custom-container.image-block { p { font-weight: 100; font-size: calc(var(--font-size-sm) + 0.20rem); line-height: 1.6; } } .entry-content > .wp-block-telex-block-custom-container.this-block-image-right.image-block .items { display:var(--grid); grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; margin-inline: auto; & > div:nth-child(1) { grid-column: 7 / span 5; grid-row: 1; } & > div:nth-child(2) { grid-column: 2 / span 4; grid-row: 1; } p { margin-left:0; margin-right:0; text-align:center; } } .entry-content > .wp-block-telex-block-custom-container.this-block-two-images .items { display:var(--grid); grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; margin-inline: auto; & > div:nth-child(1) { grid-column: 3 / span 4; grid-row: 1; } & > div:nth-child(2) { grid-column: 7 / span 4; grid-row: 1; } } .entry-content > .wp-block-telex-block-custom-container.this-block-single-image { background:white; padding:calc(var(--space-small) + 4rem) 0; & > figure img {width:100%;height:auto;} } .entry-content > .this-block-two-images { padding:calc(var(--space-section) + 2rem); } } } /* MARK: Homepage */ body:is(.home, .homepage) { .entry-content { #slider { & * { margin: 0; padding: 0; box-sizing: border-box; } overflow:hidden; figure {margin:0;padding:0} img { width: 100%!important; height: 100%!important; object-fit: cover!important; object-position: center!important; aspect-ratio: 16 / 5; } p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: var(--site-width); height: 150px; font-size: calc(var(--font-size-lg) - 0.7273rem); color: #fff; } } .homepage-items-block { display: flow-root; background:white; & > p { margin: 0 auto; width: var(--site-width); padding:calc(var(--space-section) - 1.00rem) 0; font-weight:300; font-size: var(--font-size-md); line-height: 1.1; letter-spacing: -0.02rem; } .wp-block-columns-is-layout-flex { gap:var(--gap-columns); max-width:var(--site-width); margin:0; margin-inline:auto; figure { margin-bottom:var(--gap-columns); } } } .last-project { padding: calc(var(--space-section) + 1rem) 0 calc(var(--space-section)) ; background:#f7f7f7; p:nth-of-type(1) { font-size: var(--font-size-lg); line-height: 1.1; letter-spacing: -0.05rem; font-weight:200; margin-bottom:var(--space-small); } p:nth-of-type(2) { font-size: var(--font-size-normal); color:var(--font-text-color-gray); line-height: 1.1; letter-spacing: -0.05rem; font-weight:300; margin-bottom:calc(var(--space-section) - 2.5rem); } p:nth-of-type(3) { font-size: calc(var(--font-size-md) + 0rem); font-weight: 200; line-height: 1.5; color:var(--font-text-color-gray); } figure { max-width: var(--site-width); margin-bottom:var(--space-section); margin-inline: auto; iframe { min-width:100%; height: auto; aspect-ratio:var(--aspect-ratio); } } } #black_stripe { background:#1d1e20; padding: calc(var(--space-section) + 1.5rem) 0; p { text-align: center; } p:nth-of-type(1) { color:var(--font-text-color-gray); font-size:var(--font-size-normal); line-height: 1.1; letter-spacing: -0.05rem; } p:nth-of-type(2) { color:white; font-size:var(--font-size-large); line-height: 1.1; margin-top: var(--space-small); font-weight:200; letter-spacing: -0.05rem; margin-bottom:calc(var(--space-section) + 1rem); } p:nth-of-type(3) { font-size:var(--font-size-normal); font-weight: 200; line-height: 1.6; color:var(--font-text-color-gray); width: var(--max-text); margin-inline: auto; } .items { width: var(--site-width); margin-inline:auto; display:var(--grid); gap:0; grid-template-columns: 1fr 1fr 1fr; margin-bottom:calc(var(--space-section) + 1.00rem); & > div {padding:0;margin:0;} figure {padding:0;margin:0;} } } .logos { background:white; padding:var(--space-section) 0; p { font-size: var(--font-size-normal); line-height: 1.1; letter-spacing: -0.05rem; margin-bottom: 4rem; } .items { width: 50rem; align-items: center; justify-items: center; margin-inline:auto; display:var(--grid); gap:1rem var(--space-section); grid-template-columns: 1fr 1fr 1fr 1fr; figure { margin:0; padding:0; } a { display:block; }} img { filter: grayscale(1); max-width:180px; max-height:180px; width:auto; height:auto; transition: 0.5s all; } figure:hover img { filter: grayscale(0); } } } } /* } */ /* MARK: Mobile */ .menu_open .burger-drawer { width: 100%; overflow:hidden; h3 { font-size: 3rem; font-weight: 400; } ul { border-left:1px solid black; } li { display:block; padding-left:var(--space-section); a { font-size: 1.5rem; font-weight:300; color:black; text-decoration:none; display:block; margin: 1.5rem 0; } } .wp-block-image {display:none;} } @media screen and (max-width:1140px) { body.mobile_ready .burger-button { position: fixed !important; top:45px;right:30px; } body.mobile_ready > header.site-header > .container { grid-template-columns: auto auto; justify-content: space-between; } /* body.menu_open > header.site-header {position:static;} */ /* .menu_mobile { position:absolute; top:8px; right:8px; z-index: 10001; } */ header.site-header :where(nav.main-navigation, nav.side-navigation) {display:none} } @media screen and (max-width:768px) { p {padding:1rem;} body.mobile_ready .burger-button { top:20px;right:30px; } html { font-size: 87.5%; /* Ισούται με 14px στο mobile, με responsive τρόπο */ } :root { --flex:initial; --grid:initial; --mobile-center:center; --padding-large:1rem; --max-text:auto; --text-right:left; /* --- RESPONSIVE ΑΛΛΑΓΕΣ ΣΤΙΣ ΡΙΖΕΣ ΓΙΑ ΑΥΤΟΜΑΤΟ CONTROL ΠΑΝΤΟΥ --- */ --p-margin:1rem; --p-padding:1rem; --space-section: 2.5rem; /* Τα κενά των 4.5rem και 5rem μικραίνουν αυτόματα και αναλογικά */ --space-large: 4.0rem; /* Τα μεγάλα blocks συμπτύσσονται αυτόματα στο mobile */ --header-height: 5.0rem; /* Το ύψος του header μικραίνει */ --gap-nav: 15px; /* Συμπίεση των μενού */ --gap-columns: 1.5rem; /* Μείωση της απόστασης των στηλών */ } #wpadminbar {display:none} body { padding-top:var(--header-height); /* &:not(.home, .homepage) {padding-top:calc(var(--header-height) + (var(--space-large) * 4));} */ & > header{height:var(--header-height);} &:not(.home, .homepage) > main {margin-top:70px;} } body:is(.home, .homepage) { & .entry-content { & #slider { p {font-size: 40px;} img { aspect-ratio:9/10; } } #black_stripe .items figure { border-top:2px solid white; border-bottom:2px solid white; } .logos { p { font-size:var(--font-size-medium); padding-bottom: var(--space-large); } figure img { text-align:center; margin-inline:auto; max-width:50%; margin-bottom:40px; } } } } .homepage-items-block .wp-block-columns-is-layout-flex {gap: 0 !important;} .entry-content :where(.this-block-image-left, .this-block-image-right):first-of-type { padding-top: var(--space-small)!important; } } /* Καθορισμός των animation για κάθε κλάση */ @keyframes fade-in { from { opacity: 0; transform: scale(0.4)} to { opacity: 1; transform: scale(1);} } @keyframes scroll-left { from { opacity: 0; transform: translateX(-550px); transform: scale(0.2);} to { opacity: 1; transform: translateX(0); transform: scale(1);} } @keyframes scroll-right { from { opacity: 0; transform: translateX(550px); transform: scale(0.2);} to { opacity: 1; transform: translateX(0); transform: scale(1);} } @keyframes from-bottom { from { opacity: 0; transform: translateY(550px); transform: scale(0.2);} to { opacity: 1; transform: translateY(0); transform: scale(1);} } @keyframes zoom-large { from { transform: scale(0.1);} to { transform: scale(1);} } /* Εφαρμογή των animations */ .css-animation-fade-in, .css-animation-scroll-left, .css-animation-scroll-right, .css-animation-from-bottom, .css-animation-zoom-large { animation-timeline: view(); animation-range: entry 0% cover 40%; /* Ξεκινά όταν το στοιχείο μπαίνει στην οθόνη */ animation-fill-mode: both; } .css-animation-fade-in { animation-name: fade-in; } .css-animation-scroll-left { animation-name: scroll-left; } .css-animation-scroll-right { animation-name: scroll-right; } .css-animation-from-bottom { animation-name: from-bottom; } .css-animation-zoom-large { animation-name: zoom-large; } .css-animation-delay-1 { animation-range: entry 0% cover 10%;} .css-animation-delay-2 { animation-range: entry 0% cover 20%;} .css-animation-delay-3 { animation-range: entry 0% cover 30%; } .css-animation-delay-4 { animation-range: entry 0% cover 40%; } .css-animation-delay-5 { animation-range: entry 0% cover 50%; } .css-animation-delay-6 { animation-range: entry 0% cover 60%; } .css-animation-delay-7 { animation-range: entry 0% cover 70%; } .css-animation-delay-8 { animation-range: entry 0% cover 80%; } body.attributes-animated main .entry-content { > *:not(:first-child):not(.no-animation) { animation-timeline: view(); animation-range: entry 0% cover 30%; animation-fill-mode: both; } > *:nth-child(5n+2):not(.no-animation) { animation-name: fade-in; } > *:nth-child(5n+3):not(.no-animation) { animation-name: scroll-left; } > *:nth-child(5n+4):not(.no-animation) { animation-name: scroll-right; } > *:nth-child(5n+5):not(.no-animation) { animation-name: from-bottom; } > *:nth-child(5n+6):not(.no-animation) { animation-name: zoom-large; } .no-animation { animation: none!important; } }
CANCEL
Name
Type
Size
Modified
Actions
↩ ..
DIR
—
—
📄 ext-9eff01b1fded496b7b.css
CSS
35.4 KB
2026-06-10 13:17
EDIT
📄 ext-a2e541b21692895598.css
CSS
35 KB
2026-06-10 20:52
EDIT