/* ========================================================= CV Hazır — genel stil dosyası ========================================================= */ :root{ --bg:#FAF7F1; --surface:#FFFFFF; --surface-2:#F1ECE1; --line:#E4DDCB; --ink:#211D17; --ink-soft:#6B6255; --ink-faint:#9A9080; --accent:#2F5D50; --accent-ink:#FFFFFF; --accent-soft:#E1EDE7; --accent-hover:#264C41; --amber:#B9793A; --amber-soft:#F3E4D2; --danger:#B3433B; --danger-soft:#F6E1DE; --success:#2F5D50; --success-soft:#E1EDE7; --radius:10px; --shadow-sm:0 1px 2px rgba(33,29,23,.08); --shadow-md:0 8px 26px -14px rgba(33,29,23,.35); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} /* Mobil güvenlik ağı: herhangi bir öğe (uzun kelime, geniş tablo, taşan içerik) yanlışlıkla sayfayı genişletirse bile sağa/sola kaydırma hiçbir zaman açılmasın diye. Bilerek sadece üzerine konur: aynı kuralı 'ye de koymak, bazı tarayıcılarda önizleme/reklam sütunlarındaki "position:sticky" davranışını bozabiliyor (overflow-x tek başına ayarlanınca overflow-y örtük olarak 'auto'ya dönüşüyor ve body yeni bir kaydırma kapsayıcısına dönüşüyor). kök öğesinde bu sorun olmuyor. */ html{overflow-x:hidden;width:100%;} body{ background:var(--bg); color:var(--ink); font-family:'Manrope',system-ui,sans-serif; line-height:1.5; width:100%; overflow-wrap:break-word; -webkit-text-size-adjust:100%; text-size-adjust:100%; } h1,h2,h3{margin:0;} p{margin:0;} img{max-width:100%;display:block;} button{font:inherit;} a{color:var(--accent);text-decoration:none;} a:hover{text-decoration:underline;} ::selection{background:var(--accent-soft);} :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;} .page-wrap{max-width:1320px;margin:0 auto;padding:0 16px 60px;width:100%;} /* Admin panelden HTML olarak girilen blog içeriğinde geniş bir tablo ya da kod bloğu gelirse, bunlar sayfayı değil yalnızca kendi kutularını yatayda kaydırsın. */ .blog-post-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;} .blog-post-body pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;} .blog-post-body img{margin:0 auto;} /* ---------- header / nav ---------- */ .site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding:22px 0 20px;} .wordmark{display:flex;align-items:baseline;gap:10px;color:var(--ink);} .wordmark:hover{text-decoration:none;} .wordmark-mark{font-family:'Fraunces',serif;font-weight:600;font-size:1.5rem;letter-spacing:-.01em;color:var(--ink);} .wordmark-tag{color:var(--ink-soft);font-size:.85rem;} .site-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;} .site-nav-links > a{color:var(--ink-soft);font-weight:600;font-size:.92rem;} .site-nav-links > a:hover{color:var(--accent);text-decoration:none;} .nav-hello{font-size:.88rem;color:var(--ink-soft);} /* ---------- flash / banners ---------- */ .flash{border-radius:var(--radius);padding:12px 16px;margin-bottom:18px;font-size:.9rem;border:1px solid transparent;} .flash-success{background:var(--success-soft);color:var(--accent-hover);border-color:var(--accent);} .flash-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger);} .badge-free{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;letter-spacing:.02em;} .hero{margin-bottom:20px;} .hero h1{font-family:'Fraunces',serif;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:600;line-height:1.15;max-width:22ch;text-wrap:balance;} .hero p{margin-top:10px;color:var(--ink-soft);max-width:60ch;font-size:1rem;line-height:1.6;} .sample-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--amber-soft);border:1px solid var(--amber);color:var(--ink);border-radius:var(--radius);padding:12px 16px;margin-bottom:20px;font-size:.9rem;} .sample-banner strong{color:var(--amber);} .sample-banner button{margin-left:auto;} .account-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--ink);border-radius:var(--radius);padding:12px 16px;margin-bottom:20px;font-size:.88rem;} /* ---------- ad slots ---------- */ .ad-slot{border:1.5px dashed var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-faint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;margin:0 auto;padding:10px;} .ad-slot span.ad-size{font-size:.68rem;opacity:.8;text-transform:none;letter-spacing:0;} .ad-slot-live{width:100%;display:flex;justify-content:center;overflow:hidden;} .ad-leaderboard{width:100%;max-width:728px;min-height:90px;} .ad-rect{width:100%;max-width:300px;min-height:250px;} .ad-skyscraper{width:100%;max-width:300px;min-height:220px;} .ad-top-wrap{display:flex;justify-content:center;margin-bottom:26px;} .ad-bottom-wrap{display:flex;justify-content:center;margin:34px 0;} .ad-inline-wrap{display:flex;justify-content:center;margin:28px 0;} /* ---------- workspace layout ---------- */ .workspace{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;} .form-col{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px;} .ad-col{flex:0 0 300px;display:flex;flex-direction:column;gap:16px;position:sticky;top:16px;} .preview-col{flex:1 1 480px;min-width:0;position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;} @media (max-width:980px){ .ad-col{order:3;flex-basis:100%;position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;} .preview-col{order:2;flex-basis:100%;position:static;} .form-col{order:1;flex-basis:100%;} } /* ---------- cards / form ---------- */ .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;box-shadow:var(--shadow-sm);} .form-section h2{font-size:1.02rem;font-weight:700;margin-bottom:4px;} .form-section .section-hint{color:var(--ink-soft);font-size:.82rem;margin-bottom:14px;} .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;} .field-grid.cols-3{grid-template-columns:1fr 1fr 1fr;} @media (max-width:520px){.field-grid,.field-grid.cols-3{grid-template-columns:1fr;}} .field{display:flex;flex-direction:column;gap:5px;min-width:0;} .field.full{grid-column:1/-1;} .field label{font-size:.78rem;font-weight:600;color:var(--ink-soft);} .field input[type="text"], .field input[type="email"], .field input[type="password"], .field input[type="tel"], .field input[type="month"], .field input[type="url"], .field select, .field textarea{ width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px 10px;font:inherit;font-size:.92rem; } .field textarea{resize:vertical;min-height:70px;line-height:1.5;} .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);} .photo-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;} .photo-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--line);flex:0 0 auto;} .photo-preview.empty{display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:.65rem;text-align:center;} .photo-actions{display:flex;flex-wrap:wrap;gap:8px;} /* ---------- fotoğraf kırpma penceresi ---------- */ .crop-modal{position:fixed;inset:0;z-index:1000;background:rgba(20,17,10,.55);display:flex;align-items:center;justify-content:center;padding:16px;} .crop-modal[hidden]{display:none;} .crop-modal-inner{background:var(--surface);border-radius:14px;padding:18px;width:100%;max-width:360px;box-shadow:var(--shadow-md);max-height:calc(100dvh - 32px);overflow-y:auto;} .crop-modal-inner h3{font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;margin-bottom:4px;} .crop-modal-hint{color:var(--ink-soft);font-size:.82rem;margin-bottom:14px;line-height:1.5;} .crop-stage{ position:relative;width:100%;max-width:300px;aspect-ratio:1/1;margin:0 auto; overflow:hidden;border-radius:10px;background:var(--surface-2); touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none; } .crop-stage.dragging{cursor:grabbing;} .crop-stage img{position:absolute;left:0;top:0;max-width:none;pointer-events:none;will-change:transform,width,height;} .crop-guide{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2000px rgba(20,17,10,.45);border:2px solid rgba(255,255,255,.9);pointer-events:none;} .crop-zoom-row{display:flex;align-items:center;gap:10px;margin-top:16px;} .crop-zoom-row input[type="range"]{flex:1;accent-color:var(--accent);} .crop-zoom-icon{color:var(--ink-soft);font-size:1rem;line-height:1;width:1em;text-align:center;flex:0 0 auto;} .crop-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;} @media (max-width:420px){ .crop-modal-actions{flex-direction:column-reverse;} .crop-modal-actions .btn{width:100%;} } .list-row{border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:10px;background:var(--bg);position:relative;} .list-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;} .list-row-head .idx-label{font-size:.75rem;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;} .check-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.85rem;color:var(--ink-soft);} .check-row input{width:15px;height:15px;} .empty-list-hint{font-size:.85rem;color:var(--ink-faint);padding:6px 2px 2px;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:9px 14px;font-size:.85rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .06s ease;white-space:nowrap;} .btn:active{transform:translateY(1px);} .btn-primary{background:var(--accent);color:var(--accent-ink);} .btn-primary:hover{background:var(--accent-hover);text-decoration:none;} .btn-outline{background:transparent;color:var(--ink);border-color:var(--line);} .btn-outline:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;} .btn-add{background:var(--accent-soft);color:var(--accent-hover);border:1px dashed var(--accent);width:100%;} .btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid transparent;padding:6px 10px;font-size:.78rem;} .btn-danger:hover{border-color:var(--danger);} .btn-sm{padding:6px 10px;font-size:.78rem;} .level-field{display:flex;align-items:center;gap:10px;} .level-field input[type="range"]{flex:1;accent-color:var(--accent);} .level-field .level-num{font-size:.78rem;color:var(--ink-soft);width:1.6em;text-align:right;} /* ---------- template picker ---------- */ .template-picker{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;} .tpl-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:9px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;min-width:118px;} .tpl-card:hover{border-color:var(--accent);} .tpl-card.active{border-color:var(--accent);background:var(--accent-soft);} .tpl-swatch{display:flex;gap:4px;} .tpl-swatch i{width:12px;height:12px;border-radius:3px;display:block;} .tpl-card span{font-size:.8rem;font-weight:700;} .preview-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;} .preview-toolbar .hint{font-size:.78rem;color:var(--ink-faint);transition:color .2s ease;} .preview-toolbar .hint.visible{color:var(--accent);font-weight:700;} .preview-actions{display:flex;gap:8px;flex-wrap:wrap;} .cv-frame{background:var(--surface-2);border-radius:14px;padding:22px 16px;display:flex;justify-content:center;} /* ---------- CV document (paper always light) ---------- */ .cv-page{ width:100%;max-width:800px;background:#fff;color:#1E1B16; box-shadow:0 1px 2px rgba(0,0,0,.12),0 24px 44px -24px rgba(0,0,0,.4); border-radius:3px;overflow:hidden; font-family:var(--t-font,'Manrope',sans-serif);line-height:1.5;font-size:14px; } .cv-head{display:flex;gap:18px;align-items:center;padding:30px 32px 22px;} .cv-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid rgba(0,0,0,.06);} .cv-avatar{width:88px;height:88px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--t-font-display,'Manrope',sans-serif);font-weight:700;font-size:1.6rem;background:var(--t-accent,#2F5D50);color:#fff;} .cv-name{font-family:var(--t-font-display,'Manrope',sans-serif);font-size:1.9rem;font-weight:700;letter-spacing:-.01em;color:var(--t-headcolor,#1E1B16);} .cv-role{font-size:1rem;color:var(--t-accent,#2F5D50);font-weight:600;margin-top:2px;} .cv-contacts{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;color:#5B564C;} .cv-contacts li{white-space:nowrap;} .cv-body{display:flex;flex-wrap:wrap;} .cv-main{flex:1 1 100%;padding:0 32px 30px;display:flex;flex-direction:column;gap:20px;min-width:0;} .cv-aside{flex:1 1 100%;padding:0 32px 30px;display:flex;flex-direction:column;gap:20px;min-width:0;} .cv-section h2{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--t-accent,#2F5D50);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08);} .cv-section p{font-size:.85rem;color:#3A362F;white-space:pre-line;} .cv-item{margin-bottom:14px;min-width:0;} .cv-item:last-child{margin-bottom:0;} .cv-item-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:.88rem;font-weight:700;} .cv-item-head > span:first-child{min-width:0;flex:1 1 160px;word-break:break-word;} .cv-item-date{font-weight:600;color:#6B6255;font-size:.76rem;white-space:nowrap;font-variant-numeric:tabular-nums;} .cv-item-sub{font-size:.8rem;color:var(--t-accent,#2F5D50);font-weight:600;margin-top:1px;} .cv-item-desc{font-size:.81rem;color:#3A362F;margin-top:5px;white-space:pre-line;line-height:1.55;} .skill-row{margin-bottom:9px;} .skill-row:last-child{margin-bottom:0;} .skill-row-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:.8rem;margin-bottom:4px;} .skill-bar{height:5px;border-radius:3px;background:rgba(0,0,0,.08);overflow:hidden;} .skill-bar i{display:block;height:100%;background:var(--t-accent,#2F5D50);} .skill-chip-list{display:flex;flex-wrap:wrap;gap:6px;} .skill-chip{border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:4px 11px;font-size:.76rem;} .lang-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:.82rem;margin-bottom:6px;} .lang-row:last-child{margin-bottom:0;} .lang-row b{font-weight:600;} .lang-row span{color:#6B6255;} .cert-row,.ref-row{font-size:.81rem;margin-bottom:8px;} .cert-row:last-child,.ref-row:last-child{margin-bottom:0;} .cert-row b,.ref-row b{font-weight:700;display:block;} .cert-row span,.ref-row span{color:#6B6255;} /* ---- 1. Modern: left colored sidebar ---- */ .tpl-modern{--t-accent:#2F5D50;--t-font:'Manrope',sans-serif;--t-font-display:'Manrope',sans-serif;} .tpl-modern .cv-head{background:var(--t-accent);color:#fff;align-items:center;} .tpl-modern .cv-name,.tpl-modern .cv-role{color:#fff;} .tpl-modern .cv-contacts{color:rgba(255,255,255,.85);} .tpl-modern .cv-avatar{background:rgba(255,255,255,.18);} .tpl-modern .cv-photo{border-color:rgba(255,255,255,.5);} .tpl-modern .cv-aside{order:-1;flex:0 0 34%;background:#EDF3F0;padding:26px 22px;} .tpl-modern .cv-main{flex:1 1 auto;padding:26px 30px;} .tpl-modern .cv-section h2{border-bottom-color:rgba(0,0,0,.1);} /* ---- 2. Klasik: single column, serif, ATS-safe ---- */ .tpl-klasik{--t-accent:#2A2A2A;--t-font:'Source Serif 4',serif;--t-font-display:'Source Serif 4',serif;} .tpl-klasik .cv-head{flex-direction:column;text-align:center;border-bottom:2.5px double #2A2A2A;padding-bottom:20px;} .tpl-klasik .cv-photo,.tpl-klasik .cv-avatar{display:none;} .tpl-klasik .cv-name{font-size:2.1rem;} .tpl-klasik .cv-role{font-style:italic;color:#5B564C;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;} .tpl-klasik .cv-contacts{justify-content:center;} .tpl-klasik .cv-contacts li:not(:last-child)::after{content:"•";margin-left:14px;color:#B4AC9B;} .tpl-klasik .cv-main,.tpl-klasik .cv-aside{padding:0 34px;} .tpl-klasik .cv-main{padding-top:22px;} .tpl-klasik .cv-aside{padding-bottom:28px;} .tpl-klasik .cv-section h2{text-align:center;letter-spacing:.16em;} .tpl-klasik .skill-bar,.tpl-klasik .skill-row-top span{display:none;} .tpl-klasik .skill-chip-list{justify-content:center;} .tpl-klasik .skill-chip{border-radius:0;border:none;border-right:1px solid #B4AC9B;padding:0 10px 0 0;} .tpl-klasik .lang-row,.tpl-klasik .cert-row,.tpl-klasik .ref-row{text-align:center;} .tpl-klasik .lang-row{justify-content:center;gap:6px;} /* ---- 3. Minimal: airy, one thin accent rule ---- */ .tpl-minimal{--t-accent:#8A6A46;--t-font:'Inter',sans-serif;--t-font-display:'Inter',sans-serif;font-weight:300;} .tpl-minimal .cv-head{padding:38px 36px 24px;border-bottom:2px solid var(--t-accent);} .tpl-minimal .cv-photo,.tpl-minimal .cv-avatar{display:none;} .tpl-minimal .cv-name{font-weight:300;letter-spacing:.01em;} .tpl-minimal .cv-role{color:#6B6255;font-weight:400;} .tpl-minimal .cv-main,.tpl-minimal .cv-aside{padding:0 36px;gap:26px;} .tpl-minimal .cv-main{padding-top:26px;} .tpl-minimal .cv-aside{padding-bottom:30px;} .tpl-minimal .cv-section h2{border-bottom:none;font-weight:600;letter-spacing:.14em;color:#8A6A46;} .tpl-minimal .cv-item-head{font-weight:500;} .tpl-minimal .skill-bar{display:none;} .tpl-minimal .skill-row-top{margin-bottom:0;} .tpl-minimal .skill-chip-list{gap:8px 10px;} .tpl-minimal .skill-chip{border-color:rgba(0,0,0,.12);} /* ---- 4. Yaratıcı: bold color band header ---- */ .tpl-yaratici{--t-accent:#B9793A;--t-font:'Manrope',sans-serif;--t-font-display:'Fraunces',serif;} .tpl-yaratici .cv-head{background:#2F5D50;color:#fff;padding:36px 34px;align-items:center;} .tpl-yaratici .cv-name{color:#fff;font-size:2.3rem;} .tpl-yaratici .cv-role{display:inline-block;background:var(--t-accent);color:#fff;padding:3px 12px;border-radius:999px;font-size:.78rem;margin-top:8px;font-family:'Manrope',sans-serif;} .tpl-yaratici .cv-contacts{color:rgba(255,255,255,.82);} .tpl-yaratici .cv-avatar{background:rgba(255,255,255,.2);} .tpl-yaratici .cv-photo{border-color:rgba(255,255,255,.55);} .tpl-yaratici .cv-aside{order:-1;flex:0 0 32%;background:#FBF2E7;padding:24px 20px;} .tpl-yaratici .cv-main{flex:1 1 auto;padding:24px 28px;} .tpl-yaratici .cv-section h2{color:#2F5D50;border-bottom-color:rgba(0,0,0,.08);} .tpl-yaratici .skill-chip{background:var(--t-accent);color:#fff;border:none;} .tpl-yaratici .skill-bar i{background:var(--t-accent);} /* ---- 5. Profesyonel: corporate, tinted narrow sidebar ---- */ .tpl-profesyonel{--t-accent:#2F5D50;--t-font:'IBM Plex Sans',sans-serif;--t-font-display:'IBM Plex Sans',sans-serif;} .tpl-profesyonel .cv-head{border-bottom:4px solid var(--t-accent);align-items:center;} .tpl-profesyonel .cv-role{color:#5B564C;font-weight:600;} .tpl-profesyonel .cv-aside{order:-1;flex:0 0 31%;background:#F1EEE6;padding:24px 20px;} .tpl-profesyonel .cv-main{flex:1 1 auto;padding:24px 30px;} .tpl-profesyonel .cv-avatar{border-radius:6px;} .tpl-profesyonel .cv-photo{border-radius:6px;} /* ---- 6. Akademik: maroon, left-aligned, numbered feel ---- */ .tpl-akademik{--t-accent:#6B3A2C;--t-font:'Source Serif 4',serif;--t-font-display:'Source Serif 4',serif;} .tpl-akademik .cv-head{flex-direction:column;align-items:flex-start;border-bottom:3px solid var(--t-accent);padding:32px 34px 20px;} .tpl-akademik .cv-photo,.tpl-akademik .cv-avatar{display:none;} .tpl-akademik .cv-name{font-size:1.85rem;} .tpl-akademik .cv-role{color:var(--t-accent);} .tpl-akademik .cv-main,.tpl-akademik .cv-aside{padding:0 34px;} .tpl-akademik .cv-main{padding-top:22px;} .tpl-akademik .cv-aside{padding-bottom:28px;} .tpl-akademik .cv-section h2{border-bottom:none;padding-left:14px;border-left:3px solid var(--t-accent);letter-spacing:.06em;} .tpl-akademik .skill-bar i{background:var(--t-accent);} /* ---- 7. Teknoloji: dark sidebar, monospace accents ---- */ .tpl-teknoloji{--t-accent:#2F8F7A;--t-font:'Manrope',sans-serif;--t-font-display:'Manrope',sans-serif;} .tpl-teknoloji .cv-head{background:#161B1E;color:#fff;align-items:center;} .tpl-teknoloji .cv-name,.tpl-teknoloji .cv-role{color:#fff;} .tpl-teknoloji .cv-role{color:var(--t-accent);font-family:'JetBrains Mono',monospace;font-size:.85rem;} .tpl-teknoloji .cv-contacts{color:rgba(255,255,255,.7);font-family:'JetBrains Mono',monospace;font-size:.72rem;} .tpl-teknoloji .cv-avatar{background:rgba(255,255,255,.12);} .tpl-teknoloji .cv-photo{border-color:rgba(255,255,255,.4);} .tpl-teknoloji .cv-aside{order:-1;flex:0 0 33%;background:#F4F7F6;padding:24px 20px;} .tpl-teknoloji .cv-main{flex:1 1 auto;padding:24px 28px;} .tpl-teknoloji .cv-item-date{font-family:'JetBrains Mono',monospace;} .tpl-teknoloji .cv-section h2{color:var(--t-accent);} .tpl-teknoloji .skill-chip{border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:.72rem;} /* ---- 8. Kurumsal Lacivert: navy corporate ---- */ .tpl-kurumsal{--t-accent:#1E3A5F;--t-font:'IBM Plex Sans',sans-serif;--t-font-display:'IBM Plex Sans',sans-serif;} .tpl-kurumsal .cv-head{background:var(--t-accent);color:#fff;align-items:center;} .tpl-kurumsal .cv-name,.tpl-kurumsal .cv-role{color:#fff;} .tpl-kurumsal .cv-role{color:#BFD0E3;} .tpl-kurumsal .cv-contacts{color:rgba(255,255,255,.78);} .tpl-kurumsal .cv-avatar{background:rgba(255,255,255,.16);border-radius:6px;} .tpl-kurumsal .cv-photo{border-radius:6px;border-color:rgba(255,255,255,.5);} .tpl-kurumsal .cv-aside{order:-1;flex:0 0 32%;background:#EEF2F6;padding:24px 20px;} .tpl-kurumsal .cv-main{flex:1 1 auto;padding:24px 28px;} .tpl-kurumsal .cv-section h2{color:var(--t-accent);} .tpl-kurumsal .skill-bar i{background:var(--t-accent);} /* ---- 9. Zarif: executive, gold accent, display serif ---- */ .tpl-zarif{--t-accent:#9C7A32;--t-font:'Source Serif 4',serif;--t-font-display:'Playfair Display',serif;} .tpl-zarif .cv-head{flex-direction:column;text-align:center;padding:38px 34px 22px;border-bottom:1px solid var(--t-accent);} .tpl-zarif .cv-photo,.tpl-zarif .cv-avatar{display:none;} .tpl-zarif .cv-name{font-size:2.2rem;letter-spacing:.01em;} .tpl-zarif .cv-role{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--t-accent);margin-top:6px;} .tpl-zarif .cv-contacts{justify-content:center;} .tpl-zarif .cv-contacts li:not(:last-child)::after{content:"·";margin-left:14px;color:var(--t-accent);} .tpl-zarif .cv-main,.tpl-zarif .cv-aside{padding:0 36px;} .tpl-zarif .cv-main{padding-top:24px;} .tpl-zarif .cv-aside{padding-bottom:30px;} .tpl-zarif .cv-section h2{text-align:center;border-bottom:none;letter-spacing:.18em;} .tpl-zarif .skill-bar i{background:var(--t-accent);} /* ---- 10. Pastel Sade: soft rose accent, friendly ---- */ .tpl-pastel{--t-accent:#B4788A;--t-font:'Manrope',sans-serif;--t-font-display:'Manrope',sans-serif;} .tpl-pastel .cv-head{background:#FBF1F3;align-items:center;padding:32px 32px 24px;} .tpl-pastel .cv-role{color:var(--t-accent);} .tpl-pastel .cv-avatar{background:var(--t-accent);} .tpl-pastel .cv-main,.tpl-pastel .cv-aside{padding:0 32px;} .tpl-pastel .cv-main{padding-top:22px;padding-bottom:28px;} .tpl-pastel .cv-aside{padding-bottom:28px;} .tpl-pastel .cv-section h2{border-bottom:none;background:#FBF1F3;display:inline-block;padding:4px 12px;border-radius:999px;} .tpl-pastel .skill-chip{background:#FBF1F3;border:none;color:var(--t-accent);font-weight:600;} .tpl-pastel .skill-bar{border-radius:999px;} .tpl-pastel .skill-bar i{background:var(--t-accent);} /* ---- 11. Zaman Çizgisi: deneyim/eğitim dikey bir zaman çizgisi üzerinde ---- */ .tpl-cizgi{--t-accent:#4A3F7A;--t-font:'Manrope',sans-serif;--t-font-display:'Fraunces',serif;} .tpl-cizgi .cv-head{border-bottom:3px solid var(--t-accent);align-items:center;} .tpl-cizgi .cv-role{color:var(--t-accent);} .tpl-cizgi .cv-main,.tpl-cizgi .cv-aside{padding:0 34px;} .tpl-cizgi .cv-main{padding-top:24px;} .tpl-cizgi .cv-aside{padding-bottom:28px;} .tpl-cizgi .cv-exp .cv-item,.tpl-cizgi .cv-edu .cv-item{position:relative;margin-bottom:0;padding:0 0 16px 22px;border-left:2px solid rgba(74,63,122,.25);} .tpl-cizgi .cv-exp .cv-item:last-child,.tpl-cizgi .cv-edu .cv-item:last-child{padding-bottom:0;border-left-color:transparent;} .tpl-cizgi .cv-exp .cv-item::before,.tpl-cizgi .cv-edu .cv-item::before{content:"";position:absolute;left:-6px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--t-accent);border:2px solid #fff;box-shadow:0 0 0 1px rgba(74,63,122,.3);} .tpl-cizgi .skill-bar i{background:var(--t-accent);} .tpl-cizgi .skill-chip{border-color:rgba(74,63,122,.3);color:var(--t-accent);} /* ---- 12. İkonlu: bölüm başlıklarında ikon, infografik hissi veren dolgulu barlar ---- */ .tpl-ikonlu{--t-accent:#DB6B4D;--t-font:'Manrope',sans-serif;--t-font-display:'Manrope',sans-serif;} .tpl-ikonlu .cv-head{align-items:center;border-bottom:3px dashed rgba(0,0,0,.1);} .tpl-ikonlu .cv-role{color:var(--t-accent);} .tpl-ikonlu .cv-aside{order:-1;flex:0 0 33%;background:#FFF6F1;padding:24px 20px;} .tpl-ikonlu .cv-main{flex:1 1 auto;padding:24px 28px;} .tpl-ikonlu .cv-section h2{display:flex;align-items:center;gap:6px;border-bottom:none;background:rgba(219,107,77,.1);padding:5px 10px;border-radius:8px;} .tpl-ikonlu .cv-summary h2::before{content:"👤";} .tpl-ikonlu .cv-exp h2::before{content:"💼";} .tpl-ikonlu .cv-edu h2::before{content:"🎓";} .tpl-ikonlu .cv-skills h2::before{content:"🛠️";} .tpl-ikonlu .cv-langs h2::before{content:"🌐";} .tpl-ikonlu .cv-certs h2::before{content:"📜";} .tpl-ikonlu .cv-refs h2::before{content:"🤝";} .tpl-ikonlu .skill-bar{height:8px;border-radius:999px;background:rgba(0,0,0,.06);} .tpl-ikonlu .skill-bar i{background:linear-gradient(90deg,var(--t-accent),#2F8F7A);border-radius:999px;} .tpl-ikonlu .skill-chip{background:var(--t-accent);color:#fff;border:none;} /* ---- 13. Koyu: siyah/lacivert zemin, açık renk yazı (dark mode) ---- */ .tpl-koyu{--t-accent:#5FD6C4;--t-font:'Manrope',sans-serif;--t-font-display:'Manrope',sans-serif;--t-headcolor:#F2F0EA;} .tpl-koyu.cv-page{background:#14171C;color:#D8D5CC;} .tpl-koyu .cv-head{background:#1C2027;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;} .tpl-koyu .cv-role{color:var(--t-accent);} .tpl-koyu .cv-contacts{color:rgba(255,255,255,.6);} .tpl-koyu .cv-avatar{background:rgba(255,255,255,.08);color:var(--t-accent);} .tpl-koyu .cv-photo{border-color:rgba(255,255,255,.25);} .tpl-koyu .cv-aside{order:-1;flex:0 0 33%;background:#1A1E24;padding:24px 20px;} .tpl-koyu .cv-main{flex:1 1 auto;padding:24px 28px;} .tpl-koyu .cv-section h2{color:var(--t-accent);border-bottom-color:rgba(255,255,255,.12);} .tpl-koyu .cv-section p,.tpl-koyu .cv-item-desc{color:#B8B4AA;} .tpl-koyu .cv-item-sub{color:var(--t-accent);} .tpl-koyu .cv-item-date{color:#8B8880;} .tpl-koyu .skill-bar{background:rgba(255,255,255,.1);} .tpl-koyu .skill-bar i{background:var(--t-accent);} .tpl-koyu .skill-chip{border-color:rgba(255,255,255,.2);color:#D8D5CC;} .tpl-koyu .lang-row span,.tpl-koyu .cert-row span,.tpl-koyu .ref-row span{color:#8B8880;} /* ---- 14. Vitrin: büyük fotoğraf, iri başlık tipografisi ---- */ .tpl-vitrin{--t-accent:#C1543F;--t-font:'Manrope',sans-serif;--t-font-display:'Fraunces',serif;} .tpl-vitrin .cv-head{flex-direction:column;text-align:center;padding:40px 34px 26px;background:linear-gradient(180deg,#FBF2EC,transparent);} .tpl-vitrin .cv-photo,.tpl-vitrin .cv-avatar{width:132px;height:132px;font-size:2.4rem;} .tpl-vitrin .cv-avatar{background:var(--t-accent);color:#fff;} .tpl-vitrin .cv-name{font-size:2.6rem;margin-top:4px;} .tpl-vitrin .cv-role{color:var(--t-accent);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-top:6px;} .tpl-vitrin .cv-contacts{justify-content:center;margin-top:10px;} .tpl-vitrin .cv-main,.tpl-vitrin .cv-aside{padding:0 36px;} .tpl-vitrin .cv-main{padding-top:26px;} .tpl-vitrin .cv-aside{padding-bottom:30px;} .tpl-vitrin .cv-section h2{text-align:center;color:var(--t-accent);} .tpl-vitrin .skill-bar i{background:var(--t-accent);} .tpl-vitrin .skill-chip{background:rgba(193,84,63,.1);border:none;color:var(--t-accent);font-weight:600;} @media (max-width:640px){ .tpl-modern .cv-aside,.tpl-yaratici .cv-aside,.tpl-profesyonel .cv-aside, .tpl-teknoloji .cv-aside,.tpl-kurumsal .cv-aside{flex-basis:100%;} .cv-head{flex-direction:column;text-align:center;padding:26px 22px 18px;} .cv-contacts{justify-content:center;} .cv-main,.cv-aside{padding-left:22px !important;padding-right:22px !important;} } /* ---------- auth pages ---------- */ .auth-page{max-width:480px;margin:20px auto 0;} .auth-card h1{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:600;margin-bottom:8px;} .auth-switch{margin-top:14px;font-size:.88rem;color:var(--ink-soft);text-align:center;} /* ---------- blog ---------- */ .blog-section{margin-top:52px;padding-top:36px;border-top:1px solid var(--line);} .blog-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap;} .blog-section-head h2{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:600;} .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;} .blog-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);} .blog-card:hover{border-color:var(--accent);text-decoration:none;} .blog-card-emoji{font-size:1.6rem;} .blog-card h3{font-size:1.02rem;font-weight:700;color:var(--ink);line-height:1.35;} .blog-card p{font-size:.85rem;color:var(--ink-soft);line-height:1.5;} .blog-list-page{max-width:900px;margin:0 auto;} .blog-list-page h1{font-family:'Fraunces',serif;font-size:2rem;font-weight:600;margin-bottom:8px;} .blog-pagination{display:flex;justify-content:center;gap:10px;margin-top:26px;} .blog-post{max-width:720px;margin:0 auto;} .blog-post-header{margin-bottom:22px;} .blog-post-header h1{font-family:'Fraunces',serif;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:600;line-height:1.2;margin-bottom:10px;} .blog-post-meta{color:var(--ink-faint);font-size:.85rem;} .blog-post-body{font-size:1.02rem;line-height:1.75;color:var(--ink);} .blog-post-body h2{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:600;margin:28px 0 12px;} .blog-post-body p{margin-bottom:14px;} .blog-post-body ul{margin:0 0 14px;padding-left:22px;} .blog-post-body li{margin-bottom:8px;} .blog-post-cta{margin-top:36px;padding:22px;border-radius:var(--radius);background:var(--accent-soft);text-align:center;} .blog-post-cta a{font-weight:700;} .blog-related{margin-top:40px;} .blog-related h2{font-family:'Fraunces',serif;font-size:1.2rem;font-weight:600;margin-bottom:14px;} /* ---------- footer ---------- */ .site-footer{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.82rem;display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center;} .footer-links{display:flex;gap:16px;margin-bottom:6px;flex-wrap:wrap;justify-content:center;} /* ---------- print ---------- Not: sadece #cvPreview yazdırılmalı. Eskiden bu, "body * visibility:hidden" + "#cvPreview visibility:visible" numarasıyla yapılıyordu; ama visibility:hidden öğeleri sayfa akışından ÇIKARMAZ, sadece görünmez yapar — bu yüzden form/reklam sütunları görünmez halde bile yer kaplamaya devam ediyor, bu da PDF çıktısının birkaç boş sayfayla bölünmesine yol açıyordu. Doğrusu: yazdırılmayacak öğeleri display:none ile akıştan tamamen çıkarmak. */ @page{size:A4;margin:10mm;} @media print{ .site-header,.site-footer,.ad-top-wrap,.ad-bottom-wrap,.blog-section, .hero,.account-banner,.sample-banner,.flash, .form-col,.ad-col,.template-picker,.preview-toolbar,.preview-col > .hint{ display:none !important; } body{background:#fff;} .workspace{display:block;gap:0;} .preview-col{position:static;display:block;} .cv-frame{padding:0;background:none;display:block;} .cv-page{width:auto;max-width:none;box-shadow:none;border-radius:0;margin:0;} /* Chromium'un yazdırma motoru, display:flex/grid kutularını sayfalar arasında BÖLEMİYOR: kutu bir sonraki sayfaya tamamen sığmadığı anda (bazen fazladan güvenlik payı bıraktığı için gerçekte sığsa bile) kutunun tamamını bir sonraki sayfaya atıyor. #cvPreview içinde .cv-body bu yüzden flex olarak kalırsa, başlıktan hemen sonra gereksiz bir sayfa sonu oluşup 1. sayfa neredeyse boş kalıyor, içerik de garip şekilde bölünüyordu. Çözüm: yazdırma sırasında .cv-body'yi flex olmaktan çıkarmak — böylece normal blok/tablo akışı kullanılır ve tarayıcı sayfalar arasında doğru şekilde bölebilir. Kenar çubuğu OLMAYAN şablonlarda (klasik/minimal/akademik/zarif/pastel) tek sütun yeterli: display:block. */ .cv-body{display:block;} .cv-main,.cv-aside{display:block;width:auto;} /* Kenar çubuklu şablonlarda (modern/yaratıcı/profesyonel/teknoloji/kurumsal) yan yana düzeni korumak için display:table kullanıyoruz (tablolar, flex'in aksine Chromium'da sayfalar arasında doğru bölünebiliyor). HTML'de önce .cv-main sonra .cv-aside geliyor (kenar çubuğu solda görünmesi ekranda "order:-1" ile sağlanıyor); tablo hücrelerinde "order" çalışmadığından, kutuyu direction:rtl yapıp göze her hücrenin içeriğini tekrar direction:ltr ile düzeltiyoruz — böylece kaynak sırası değişmeden kenar çubuğu solda kalıyor. */ .tpl-modern .cv-body,.tpl-yaratici .cv-body,.tpl-profesyonel .cv-body, .tpl-teknoloji .cv-body,.tpl-kurumsal .cv-body, .tpl-ikonlu .cv-body,.tpl-koyu .cv-body{ display:table;width:100%;table-layout:fixed;direction:rtl; } .tpl-modern .cv-main,.tpl-yaratici .cv-main,.tpl-profesyonel .cv-main, .tpl-teknoloji .cv-main,.tpl-kurumsal .cv-main, .tpl-ikonlu .cv-main,.tpl-koyu .cv-main, .tpl-modern .cv-aside,.tpl-yaratici .cv-aside,.tpl-profesyonel .cv-aside, .tpl-teknoloji .cv-aside,.tpl-kurumsal .cv-aside, .tpl-ikonlu .cv-aside,.tpl-koyu .cv-aside{ display:table-cell;vertical-align:top;direction:ltr;width:auto; } .tpl-modern .cv-aside{width:34%;} .tpl-yaratici .cv-aside{width:32%;} .tpl-profesyonel .cv-aside{width:31%;} .tpl-teknoloji .cv-aside{width:33%;} .tpl-kurumsal .cv-aside{width:32%;} .tpl-ikonlu .cv-aside{width:33%;} .tpl-koyu .cv-aside{width:33%;} /* "Koyu" şablonun siyah zemini: bazı tarayıcılar yazdırma penceresinde "Arka plan grafikleri" kapalıyken renkli zeminleri beyaza çeviriyor. print-color-adjust bunu (destekleyen tarayıcılarda) zorunlu kılar. */ .cv-page{-webkit-print-color-adjust:exact;print-color-adjust:exact;} }