/* ============================================================ Downtown Roleplay — birebir Figma tasarım katmanı Token'lar Tailwind config'de; karmaşık/birebir tasarım burada. Dark = varsayılan, light = ============================================================ */ :root{ --bg0:#111315; --bg1:#181B1F; --bg2:#1D2125; --line:#3A3F45; --line2:#2A2E33; --red:#D0000A; --red-b:#FF1B26; --red-d:#830008; --red-maroon:#371D1D; --txt:#FFFFFF; --txt2:#A1A6AD; --muted:#88898A; --maxw:1380px; --card-bg:linear-gradient(35deg, #1D2125 28%, #101012 100%); --card-bd:#3A3F45; } html.light{ --bg0:#F5F6F8; --bg1:#FFFFFF; --bg2:#FFFFFF; --line:#E3E6EB; --line2:#ECEEF2; --txt:#15171A; --txt2:#6A7077; --muted:#6A7077; --card-bg:#E7EAF0; --card-bd:#FEFEFF; } html.light, html.light body{ background:#F5F6F8; } #dt-home{ font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif; color:var(--txt); background:var(--bg0); overflow-x:hidden; -webkit-user-select:none; user-select:none; } #dt-home *{ box-sizing:border-box; } #dt-home h1,#dt-home h2,#dt-home h3,#dt-home h4{ font-family:'Bebas Neue','Oswald',Impact,sans-serif; margin:0; font-weight:400; color:#fff; } html.light #dt-home h1,html.light #dt-home h2,html.light #dt-home h3,html.light #dt-home h4{ color:#15171A; } #dt-home a{ text-decoration:none; } body{ margin:0; background:var(--bg0); } /* ===================== NAV ===================== */ .dt-nav{ position:sticky; top:0; z-index:250; height:88px; background:var(--bg1); border-bottom:1px solid var(--line2); } html.light .dt-nav{ background:#E7EAF0; border-bottom:1px solid #D7DCE5; } .dt-nav-inner{ position:relative; max-width:var(--maxw); margin:0 auto; height:100%; display:flex; align-items:center; padding:0 24px; } .dt-logo{ display:inline-flex; align-items:center; height:100%; } .dt-logo img{ height:50px; width:auto; display:block; } .dt-logo img.dt-logo-l{ display:none; } html.light .dt-logo img.dt-logo-d{ display:none; } html.light .dt-logo img.dt-logo-l{ display:block; } .dt-menu{ position:absolute; left:50%; transform:translateX(-50%); display:flex; align-items:stretch; height:100%; } .dt-mi{ position:relative; display:inline-flex; align-items:center; height:100%; padding:0 18px; font-weight:500; font-size:16px; letter-spacing:.2px; color:#fff; transition:color .15s; } html.light .dt-nav a.dt-mi{ color:#15171A; } html.light .dt-nav a.dt-mi:hover{ color:var(--red); } html.light .dt-nav a.dt-mi.is-active{ color:var(--red); } .dt-mi.is-active::after{ content:""; position:absolute; left:18px; right:18px; bottom:24px; height:2px; background:var(--red); border-radius:2px; } /* DOWNTOWN dropdown menu */ .dt-mi-drop{ position:relative; display:inline-flex; align-items:stretch; height:100%; } .dt-mi-caret{ font-size:10px; margin-left:6px; transition:transform .18s; opacity:.7; } .dt-mi-drop:hover .dt-mi-caret{ transform:rotate(180deg); } .dt-mi-menu{ position:absolute; top:100%; right:0; min-width:220px; background:var(--bg1); border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 44px rgba(0,0,0,.5); padding:7px; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .16s, transform .16s; z-index:120; } .dt-mi-drop:hover .dt-mi-menu{ opacity:1; visibility:visible; transform:translateY(0); } .dt-mi-menu a{ display:flex; align-items:center; gap:11px; padding:10px 13px; border-radius:8px; color:var(--txt2) !important; font-size:14px; font-weight:500; text-decoration:none !important; white-space:nowrap; } .dt-mi-menu a i{ width:17px; text-align:center; color:var(--red); font-size:14px; } .dt-mi-menu a:hover{ background:var(--bg2); color:var(--txt) !important; } html.light .dt-mi-menu{ background:#fff; } .dt-nav-actions{ margin-left:auto; display:flex; align-items:center; gap:12px; } .dt-nbtn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 16px; border-radius:8px; font-weight:500; font-size:14px; letter-spacing:.2px; border:1px solid transparent; cursor:pointer; transition:filter .15s, background .15s, transform .05s; } .dt-nbtn:active{ transform:translateY(1px); } .dt-nbtn .dt-ico{ width:18px; height:18px; flex:0 0 auto; display:block; } .dt-nbtn-red{ background:#B30008; border-color:#FA000B; color:#fff; } .dt-nbtn-red:hover{ filter:brightness(1.12); } .dt-nbtn-dark{ background:#2A2E33; border-color:var(--line); color:#fff; } .dt-nbtn-dark:hover{ background:#34343a; color:#fff; } .dt-ntoggle{ width:40px; height:40px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:#2A2E33; border:1px solid var(--line); flex:0 0 auto; color:#fff; cursor:pointer; transition:background .15s; } .dt-ntoggle:hover{ background:#34343a; } .dt-ntoggle svg{ width:18px; height:18px; } html.light .dt-ntoggle{ background:#E7EAF0; border-color:#FEFEFF; color:#2A2E33; } html.light .dt-ntoggle:hover{ background:#DCE0E7; } .dt-ntoggle .dt-ico-sun{ display:none; } html.light .dt-ntoggle .dt-ico-moon{ display:none; } html.light .dt-ntoggle .dt-ico-sun{ display:block; } /* Hamburger (mobil) */ .dt-burger{ display:none; width:40px; height:40px; border-radius:8px; align-items:center; justify-content:center; background:#2A2E33; border:1px solid var(--line); color:#fff; cursor:pointer; } html.light .dt-burger{ background:#E7EAF0; border-color:#FEFEFF; color:#2A2E33; } .dt-mobile{ display:none; flex-direction:column; padding:8px 16px 16px; background:var(--bg1); border-bottom:1px solid var(--line2); } html.light .dt-mobile{ background:#E7EAF0; border-color:#D7DCE5; } .dt-mobile.open{ display:flex; } .dt-mobile a{ padding:12px 8px; font-weight:600; font-size:15px; color:var(--txt); border-radius:8px; } html.light .dt-mobile a{ color:#15171A; } .dt-mobile a:hover{ background:rgba(255,255,255,.06); color:var(--red-b); } html.light .dt-mobile a:hover{ background:rgba(0,0,0,.04); color:var(--red); } /* mobil header (telefon): misafirde arama gizle + logo kucult + giris/kayit ikon */ .dt-btn-ic{ display:none; } @media (max-width:720px){ .dt-logo img{ height:40px; } .dt-nav-actions{ gap:8px; } .dt-nav-actions.is-guest .dt-search{ display:none; } .dt-btn-nav .dt-btn-tx{ display:none; } .dt-btn-nav .dt-btn-ic{ display:inline-block; font-size:16px; } .dt-btn-nav{ width:40px; padding:0 !important; justify-content:center; } } /* ===================== BUTONLAR ===================== */ .dt-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; height:50px; padding:0 20px; border-radius:8px; font-weight:500; font-size:14px; letter-spacing:.3px; border:1px solid transparent; cursor:pointer; transition:filter .15s, transform .05s, background .15s; } .dt-btn span{ line-height:1; } .dt-btn:active{ transform:translateY(1px); } .dt-btn-wide{ width:100%; } .dt-btn-primary{ background:#B30008; border-color:#FA000B; color:#fff; } .dt-btn-primary:hover{ filter:brightness(1.15); } .dt-btn-connect{ background:#FC9900; border-color:#AA4114; color:#020000; } .dt-btn-connect:hover{ filter:brightness(1.08); } .dt-btn-dark{ background:#2C2B2F; border-color:#5A5B64; color:#fff; } .dt-btn-dark:hover{ background:#3A3942; border-color:#76777F; } /* Ok / dış-link ikon maskeleri */ .dt-ar,.dt-ext{ width:18px; height:18px; flex:0 0 auto; background:currentColor; } .dt-ar{ -webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,") center/contain no-repeat; } .dt-ext{ -webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,") center/contain no-repeat; } /* ===================== HERO ===================== */ .dt-hero{ position:relative; min-height:720px; background:var(--bg0) url(/assets/dt/web-bg.png) center top/cover no-repeat; overflow:hidden; } html.light .dt-hero{ background-image:url(/assets/dt/web-bg-light.png); } /* DowntownRP: forum + UCP hero DARK bg yeni cityscape (ana sayfa/#dt-home dokunulmaz; acik mod web-bg-light kalir) */ .dt-hero-forum{ background-image:url(/assets/dt/web-bg-forum.jpg); } .dt-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,19,21,.30) 0%,rgba(17,19,21,.45) 45%,rgba(17,19,21,.85) 80%,var(--bg0) 100%); pointer-events:none; } html.light .dt-hero::after{ background:linear-gradient(180deg,rgba(245,246,248,0) 55%,rgba(245,246,248,.55) 82%,var(--bg0) 100%); } .dt-hero-wrap{ position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:96px 24px 120px; min-height:700px; display:flex; align-items:center; } .dt-hero-art{ position:absolute; right:max(0px, calc((100% - var(--maxw))/2)); top:58px; width:min(72%, 1000px); max-width:1280px; pointer-events:none; -webkit-mask-image:linear-gradient(180deg,#000 86%,rgba(0,0,0,.4) 95%,transparent 100%); mask-image:linear-gradient(180deg,#000 86%,rgba(0,0,0,.4) 95%,transparent 100%); } .dt-hero-art img{ width:100%; height:auto; display:block; } .dt-hero-art img.dt-art-l{ display:none; } html.light .dt-hero-art img.dt-art-d{ display:none; } html.light .dt-hero-art img.dt-art-l{ display:block; } .dt-hero-left{ position:relative; z-index:3; max-width:520px; margin-top:-28px; } .dt-hero-kicker{ display:block; color:var(--muted); font-size:18px; line-height:.8; letter-spacing:.3px; margin-bottom:18px; } .dt-hero-title{ font-family:'Bebas Neue','Oswald',Impact,sans-serif; font-weight:400; font-size:clamp(64px,8.6vw,130px); line-height:.80; letter-spacing:.5px; text-shadow:0 6px 40px rgba(0,0,0,.6); margin-bottom:22px; } html.light #dt-home .dt-hero-title{ color:var(--red); position:relative; } html.light #dt-home .dt-hero-title::before{ content:""; position:absolute; z-index:-1; pointer-events:none; left:-70px; right:-40px; top:-60px; bottom:-50px; background:url(/assets/dt/white-brush.png) center/100% 100% no-repeat; } .dt-hero-descs{ position:relative; } html.light #dt-home .dt-hero-descs::before{ content:""; position:absolute; z-index:-1; pointer-events:none; left:-95px; right:-85px; top:-55px; bottom:-55px; background:url(/assets/dt/white-brush.png) center/100% 100% no-repeat; } .dt-hero-desc{ color:#fff; font-size:16px; line-height:1.4; max-width:407px; margin:0 0 14px; } .dt-hero-desc:last-of-type{ margin-bottom:26px; } html.light #dt-home .dt-hero-desc{ color:#15171A; } .dt-hero-cta{ display:flex; gap:25px; margin-bottom:22px; } .dt-hero-cta .dt-btn{ width:200px; } html.light .dt-hero-cta .dt-btn-dark{ background:#2C2B2F; border-color:#5A5B64; color:#fff; } html.light .dt-hero-cta .dt-btn-dark:hover{ background:#3A3942; border-color:#76777F; } .dt-online{ display:inline-flex; align-items:center; gap:8px; height:35px; padding:0 16px; border:1px solid #34303C; border-radius:8px; background:rgba(17,19,21,.8); font-size:14px; font-weight:600; color:#fff; } .dt-online strong{ color:#fff; font-weight:700; } html.light .dt-online{ background:#FFFFFF; border-color:var(--line); color:#15171A; } html.light .dt-online strong{ color:#15171A; } .dt-online .dt-dot{ width:12px; height:12px; border-radius:50%; background:#32A95A; box-shadow:0 0 8px #32A95A; } /* DowntownRP: ana sayfa online sayaci canli (status API playersOnline; JS 'hidden' attribute'unu fetch basarili olunca kaldirir — 0/erisilemez ise gizli kalir). */ .dt-social{ position:absolute; right:max(24px, calc((100% - var(--maxw))/2 + 24px)); top:150px; z-index:4; display:flex; flex-direction:column; gap:10px; align-items:center; } .dt-soc{ width:50px; height:50px; display:block; border-radius:8px; overflow:hidden; transition:filter .15s, transform .05s; } .dt-soc img{ width:50px; height:50px; display:block; } .dt-soc:hover{ filter:brightness(1.25); } .dt-soc:active{ transform:translateY(1px); } html.light .dt-soc img{ filter:invert(1); } .dt-ver{ writing-mode:vertical-rl; transform:rotate(180deg); margin-top:10px; padding:16px 0; width:50px; min-height:200px; display:flex; align-items:center; justify-content:center; border:1px solid #37393D; border-radius:8px; background:rgba(17,18,22,.6); color:#D7DADF; font-size:13px; letter-spacing:.3px; } html.light .dt-ver{ background:rgba(238,237,233,.6); border-color:rgba(200,198,194,.7); color:#4A4F55; } /* ===================== LOS SANTOS + FEATS ===================== */ .dt-about{ position:relative; z-index:3; max-width:var(--maxw); margin:-150px auto 0; padding:0 24px 24px; display:grid; grid-template-columns:minmax(320px,1fr) auto; gap:48px; align-items:end; } .dt-about-head{ align-self:center; } .dt-about-title{ font-size:clamp(48px,5.4vw,80px); line-height:.8; margin-bottom:18px; } .dt-about-desc{ color:var(--muted); font-size:16px; line-height:1.4; max-width:335px; } .dt-feats{ display:grid; grid-template-columns:repeat(3,250px); gap:21px; } .dt-feat{ background:linear-gradient(35deg,#1D2125 28%,#101012 100%); border:1px solid #3A3F45; border-radius:8px; padding:30px; width:250px; height:250px; display:flex; flex-direction:column; justify-content:center; } html.light .dt-feat{ background:linear-gradient(35deg,#FFFFFF 28%,#E7EAF0 100%); border-color:var(--line); box-shadow:0 6px 18px rgba(20,23,28,.07); } .dt-feat-ico{ display:block; width:100px; height:100px; margin:0 0 16px -6px; background-color:#fff; -webkit-mask-repeat:no-repeat; -webkit-mask-position:left center; -webkit-mask-size:contain; mask-repeat:no-repeat; mask-position:left center; mask-size:contain; } html.light .dt-feat-ico{ background-color:var(--red); } .dt-ico-city{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABJhJREFUeAHtne1R20AQhteZ/McdICqADnAqIB2EVABUEFNBSAV2KghUYFMBpAKLCmIqUHbj8+S0kizZ1sft3PvM3MjSre8Hr2+197EHEQAAAAAAAACA4MmybEwgbFikFZcFly8QLFCcSFv+cJlxmRAIByWSjzyfckkIDMsOkXwWcIcD0lAkuMMh2VMkn1UGd9gPWVGkGZdrLi9ZcxYZ3GF3lIj0zatLnGirhmLBHXbBLpGU3ZUToCmrDO6wHbKGInn20rvgDvtkX5HUd+EO++AYkVQ7cIddkbUkktfewe6QQDlti6Ta3tcdntLAfKDIGI1GKZevXM749jOXOQVOdCL5sFBPIhh/FMHkmlKARC3SFte75rQRKjggkgEgkgE+Us9IKMyXS+/RK7uaHw2/e8GXG/X4jr+/9mwkGLjy6tdcf6famfLFj9qWbPOTwIasOLhclNisykJwvk7qQmSxVfWrkvYXymbWtP0hgLszAEQyQO/vpCORd89SPXtX92/KJqUirzX3QWFKJH65yx/zU43NnGpmEXQgETpwdwaASAaASAYwJZIbx6xU0eOkG1VfNg57VDbfKWCsRXdCUlM/bmBzomyC3ucAd2cAiGQAa+4u5TJVz/Rg9lnZrKmITKYuvfvfFDDWBrMpX+5rbJZUnJXQNnMyRKciuaUF/VJO1P04K+55w4ZFj85Ecms2TXb5iJALApV0IlK22brb2jYs1W6ulzkXuK9Noppe+wuHodFVdNeVu5Jet/JLyaLcjbIp66UzZRP0YBYhuAH6jO5k70HTdZsl1c8aREOfIonff2tiyC6MwH+sDWalJ078ByXC64Hqe0k7suh34t03+vEMhbXBrERgzzU2KdVsF3YrvGawOAt+FNlmX955RXVS8uyWv1MXnqdcnroK46MSif/YD1TcXFnHbUO7JdXsvzgUUyK5QehEPX5UO1hlLHXh1UvA8ug+d5kUJguSp02Do32w1pMS2gxEfWSw6rsZ2WI89e5TLluRTM4JRvdOUqypfCmjCYXpp66IXaTbQzfqu5n7XiaGMS1kAFMiyYLeqMibsrlX9WdkHPQkA8T+TsrhwveqZYsHSYSmAYBIeSRam1TUzWkgrA1mW0nHtIa1niS/9Gv1bEr5sc65sklpM+ttFri7PClVu7XBljMgkodb5gjuwI1Y0zFNEWU6pjUwmDUARPKoOGxjy2AHFEIkA0SZjmmNWNMxTYFxUh6JHq8r6nZuJesSiOTh5gCDO1It1nRMU0SZjmkNuDsPl4B2UVGd6mS0voBIeXalhl7TQPOA1hb9WknHtIa1nlT4pcvWY7VjSFZup959SpvD2c2CaSED4J3kIZFhVv1ved5pICCSoousiGOJNR3TFFGmY1oD7s7DvY+qFveehsq1hUh5EirODW5JaaDzwxGCGwAiGaBVd+eNMZKS6oTrDw1vx1k3/1ZUtzs+0vaMbUbyoc2pqBG1gJsv+0XVGQkx8m+PYBtnO7Tl7iSTYULAR+YZW9kG1pZIJwQ6o01390I4/swnpY27S+lIWhFpC4t1SUCQqah0FPCRoQAAAAAAAABgmb+bemFznS/9hwAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABJhJREFUeAHtne1R20AQhteZ/McdICqADnAqIB2EVABUEFNBSAV2KghUYFMBpAKLCmIqUHbj8+S0kizZ1sft3PvM3MjSre8Hr2+197EHEQAAAAAAAACA4MmybEwgbFikFZcFly8QLFCcSFv+cJlxmRAIByWSjzyfckkIDMsOkXwWcIcD0lAkuMMh2VMkn1UGd9gPWVGkGZdrLi9ZcxYZ3GF3lIj0zatLnGirhmLBHXbBLpGU3ZUToCmrDO6wHbKGInn20rvgDvtkX5HUd+EO++AYkVQ7cIddkbUkktfewe6QQDlti6Ta3tcdntLAfKDIGI1GKZevXM749jOXOQVOdCL5sFBPIhh/FMHkmlKARC3SFte75rQRKjggkgEgkgE+Us9IKMyXS+/RK7uaHw2/e8GXG/X4jr+/9mwkGLjy6tdcf6famfLFj9qWbPOTwIasOLhclNisykJwvk7qQmSxVfWrkvYXymbWtP0hgLszAEQyQO/vpCORd89SPXtX92/KJqUirzX3QWFKJH65yx/zU43NnGpmEXQgETpwdwaASAaASAYwJZIbx6xU0eOkG1VfNg57VDbfKWCsRXdCUlM/bmBzomyC3ucAd2cAiGQAa+4u5TJVz/Rg9lnZrKmITKYuvfvfFDDWBrMpX+5rbJZUnJXQNnMyRKciuaUF/VJO1P04K+55w4ZFj85Ecms2TXb5iJALApV0IlK22brb2jYs1W6ulzkXuK9Noppe+wuHodFVdNeVu5Jet/JLyaLcjbIp66UzZRP0YBYhuAH6jO5k70HTdZsl1c8aREOfIonff2tiyC6MwH+sDWalJ078ByXC64Hqe0k7suh34t03+vEMhbXBrERgzzU2KdVsF3YrvGawOAt+FNlmX955RXVS8uyWv1MXnqdcnroK46MSif/YD1TcXFnHbUO7JdXsvzgUUyK5QehEPX5UO1hlLHXh1UvA8ug+d5kUJguSp02Do32w1pMS2gxEfWSw6rsZ2WI89e5TLluRTM4JRvdOUqypfCmjCYXpp66IXaTbQzfqu5n7XiaGMS1kAFMiyYLeqMibsrlX9WdkHPQkA8T+TsrhwveqZYsHSYSmAYBIeSRam1TUzWkgrA1mW0nHtIa1niS/9Gv1bEr5sc65sklpM+ttFri7PClVu7XBljMgkodb5gjuwI1Y0zFNEWU6pjUwmDUARPKoOGxjy2AHFEIkA0SZjmmNWNMxTYFxUh6JHq8r6nZuJesSiOTh5gCDO1It1nRMU0SZjmkNuDsPl4B2UVGd6mS0voBIeXalhl7TQPOA1hb9WknHtIa1nlT4pcvWY7VjSFZup959SpvD2c2CaSED4J3kIZFhVv1ved5pICCSoousiGOJNR3TFFGmY1oD7s7DvY+qFveehsq1hUh5EirODW5JaaDzwxGCGwAiGaBVd+eNMZKS6oTrDw1vx1k3/1ZUtzs+0vaMbUbyoc2pqBG1gJsv+0XVGQkx8m+PYBtnO7Tl7iSTYULAR+YZW9kG1pZIJwQ6o01390I4/swnpY27S+lIWhFpC4t1SUCQqah0FPCRoQAAAAAAAABgmb+bemFznS/9hwAAAABJRU5ErkJggg==)} .dt-ico-compass{-webkit-mask-image:url(data:image/png;base64,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);mask-image:url(data:image/png;base64,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)} .dt-ico-dollar{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABQFJREFUeAHtndt13EYMhn/l5D3uIEwFkSsQU0HsCixXYKUCKxVYqYCbCmxXwFUFlivguAK7AxjYGd9krUSQu5gZEt85OPsypHb311wAAljAcRzHcRzHcRzHcRx7iKilu+mwAH6BUzwuUgW4SBXgIlWAi1QBLlIFLF2kR1gAJ6gM9n1O+eWMrWFrEYVoHrjsE1tIdsN2La8nJyef4ByG5Ky+YvtIh6Vne8bWwNHDX9wjtssjCLOPzsUaSQZxXCwNFJe1gcrgEs6P8JdyReXRUwGzKvvpjr8EOZ31bKcok8D2F58EAzKRVaQk0Ds8fITOTUBGoXKLJAKVOoNuE9ge5/CtskUcWKArzBMosMk9ztn+2TPmDaLDe8G2SddMpWF7jbXAAp3TdDq2s1v3G/1kVq5N95jKBdYATTtm97TnpEUTHp/LvdI9tYj/ZhoTNF/u+AOeQ39QuOS94KAbt9xL7in3hg4R6AWWDOln0csR95yViCJ/g3R8xFLhD3dKOsZ+ybOzhSgGcDW0MMJ6uTtTjA1s/8IO+Vua47Xms8zCWqRWMXZr6Twm/+dKcYmZf2ctUqMY+wb2/K8Yu1iRNB/sA4xJMzeMHG52DP8V5ZLrBPWU7TcURMkiZYFn0w0Ko+RsoRbODmuRgmLsEzg7rEXSLCVPKKZvrR5rkbbQ8ZqMg5klYi3Se+ho2HpaefaOqUh8ctpCP5tkyestY2WlkeN0NyUe1yAK1a1xVpmLNHE2feGcbaCUHoyVkMtPeg5dxPk2LduG4lNSyTvw4/oxuOcZ0CFZRPV5VigmpBwz53uguI89o4r3shIyWBvEDNYGxycg7odvEZ9XeX3SWChm7nRkT59m2eod5tFQXP4GykNHHoYaT2axehdLQRKrpzx05MVk46G4Z0nK1UC2DLSWtOJDQjF37wXFGWZVsvkKznRofgL+WN6RnwKnQzbRi51QyMDSO6JI7p7E9TaYV5v0BVlqfembAo3MBadvS+PcvcwDulpImbBPsVfEHF/MtEZplV26JGbHtmH7A7GUUxvDM61RWn0rNRZKkvQfQ79nmflP3u8OX3PApeovKC6TJbOFAS5SIgn1VHcV/oYBLtJ3pDzwjeKSBga4SD/zVjHWJFruIv2MJhW6gQEmpS/KDTZr203Zm/j9oiSs6pMk7Wqs8yfevGbJOShUYBDVarnTzIwGedHsMyYz3kokVckL8vKnYmyAAVYibRVjJQ7XIB+aSEKAAVYiaUteHmxVcwxI3/doiyVB+scDreLeh2hbI3kUA+loYICln7SBDqnyM3EWaVoW7Y1VxxZLkf6Djl0DXTpyiUuasVPSnDUtbuqBpieMdPctLTStKaFEsae2uR6wVCiu+3MeXXd0xxJIuvaeMvZy5vswLWAzr6qgmGw4N5kjIJ6sxP+Sk6MsjXc1sZVEFCn/FGHF/xEfrME85InucxiSpfSFYsZNjZmhARnaTmerT2KhNvxSU91rQKYG7rmbt29Qh1ABmX8KISukb1JrTU9eXbETSvoIDVQWcvpbdmtpLRT9lpdUBj357NkP5atFEjq69RMLzgNQTAWWGN4x65B6ivVOxZa1VPMTpuk/XJzSFtEhnRJ8DYgOsLxu2a69TcCRYeF+p1gpcXHPLDlL46otAKu6US7PAmlL/YEF2LciyI+GXKNyPO+uAlykCnCRKsBFqgAXqQJcJMdxHMdxHMdxHKc6PgPsPMkrEZFoeAAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABQFJREFUeAHtndt13EYMhn/l5D3uIEwFkSsQU0HsCixXYKUCKxVYqYCbCmxXwFUFlivguAK7AxjYGd9krUSQu5gZEt85OPsypHb311wAAljAcRzHcRzHcRzHcRx7iKilu+mwAH6BUzwuUgW4SBXgIlWAi1QBLlIFLF2kR1gAJ6gM9n1O+eWMrWFrEYVoHrjsE1tIdsN2La8nJyef4ByG5Ky+YvtIh6Vne8bWwNHDX9wjtssjCLOPzsUaSQZxXCwNFJe1gcrgEs6P8JdyReXRUwGzKvvpjr8EOZ31bKcok8D2F58EAzKRVaQk0Ds8fITOTUBGoXKLJAKVOoNuE9ge5/CtskUcWKArzBMosMk9ztn+2TPmDaLDe8G2SddMpWF7jbXAAp3TdDq2s1v3G/1kVq5N95jKBdYATTtm97TnpEUTHp/LvdI9tYj/ZhoTNF/u+AOeQ39QuOS94KAbt9xL7in3hg4R6AWWDOln0csR95yViCJ/g3R8xFLhD3dKOsZ+ybOzhSgGcDW0MMJ6uTtTjA1s/8IO+Vua47Xms8zCWqRWMXZr6Twm/+dKcYmZf2ctUqMY+wb2/K8Yu1iRNB/sA4xJMzeMHG52DP8V5ZLrBPWU7TcURMkiZYFn0w0Ko+RsoRbODmuRgmLsEzg7rEXSLCVPKKZvrR5rkbbQ8ZqMg5klYi3Se+ho2HpaefaOqUh8ctpCP5tkyestY2WlkeN0NyUe1yAK1a1xVpmLNHE2feGcbaCUHoyVkMtPeg5dxPk2LduG4lNSyTvw4/oxuOcZ0CFZRPV5VigmpBwz53uguI89o4r3shIyWBvEDNYGxycg7odvEZ9XeX3SWChm7nRkT59m2eod5tFQXP4GykNHHoYaT2axehdLQRKrpzx05MVk46G4Z0nK1UC2DLSWtOJDQjF37wXFGWZVsvkKznRofgL+WN6RnwKnQzbRi51QyMDSO6JI7p7E9TaYV5v0BVlqfembAo3MBadvS+PcvcwDulpImbBPsVfEHF/MtEZplV26JGbHtmH7A7GUUxvDM61RWn0rNRZKkvQfQ79nmflP3u8OX3PApeovKC6TJbOFAS5SIgn1VHcV/oYBLtJ3pDzwjeKSBga4SD/zVjHWJFruIv2MJhW6gQEmpS/KDTZr203Zm/j9oiSs6pMk7Wqs8yfevGbJOShUYBDVarnTzIwGedHsMyYz3kokVckL8vKnYmyAAVYibRVjJQ7XIB+aSEKAAVYiaUteHmxVcwxI3/doiyVB+scDreLeh2hbI3kUA+loYICln7SBDqnyM3EWaVoW7Y1VxxZLkf6Djl0DXTpyiUuasVPSnDUtbuqBpieMdPctLTStKaFEsae2uR6wVCiu+3MeXXd0xxJIuvaeMvZy5vswLWAzr6qgmGw4N5kjIJ6sxP+Sk6MsjXc1sZVEFCn/FGHF/xEfrME85InucxiSpfSFYsZNjZmhARnaTmerT2KhNvxSU91rQKYG7rmbt29Qh1ABmX8KISukb1JrTU9eXbETSvoIDVQWcvpbdmtpLRT9lpdUBj357NkP5atFEjq69RMLzgNQTAWWGN4x65B6ivVOxZa1VPMTpuk/XJzSFtEhnRJ8DYgOsLxu2a69TcCRYeF+p1gpcXHPLDlL46otAKu6US7PAmlL/YEF2LciyI+GXKNyPO+uAlykCnCRKsBFqgAXqQJcJMdxHMdxHMdxHKc6PgPsPMkrEZFoeAAAAABJRU5ErkJggg==)} .dt-feat h3{ font-size:22px; line-height:1; margin:0 0 10px; letter-spacing:.5px; } .dt-feat p{ color:#E8E9EA; font-size:14px; line-height:1.35; margin:0; } html.light .dt-feat p{ color:#4A4F55; } /* ===================== SLIDER ===================== */ .dt-slider{ position:relative; max-width:var(--maxw); margin:12px auto 8px; padding:0 24px; } .dt-slides{ display:flex; align-items:center; justify-content:center; gap:0; height:600px; overflow:hidden; } .dt-slide{ border:1px solid var(--line); border-radius:6px; overflow:hidden; background:var(--bg2); flex:0 0 auto; } .dt-slide img{ width:100%; height:100%; object-fit:cover; display:block; } .dt-slide-main{ width:1150px; height:600px; z-index:2; box-shadow:0 24px 70px rgba(0,0,0,.6); } .dt-slide-side{ width:1098px; height:573px; opacity:.6; } .dt-slide-side:first-child{ margin-right:-953px; } .dt-slide-side:last-child{ margin-left:-953px; } .dt-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:55px; height:55px; border-radius:50%; background:rgba(17,19,21,.6); border:2px solid var(--line); cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center; } .dt-arrow:hover{ background:var(--red); border-color:var(--red-b); } .dt-arrow::before{ content:""; width:14px; height:14px; border-top:2px solid #fff; border-right:2px solid #fff; } .dt-arrow-left{ left:30px; } .dt-arrow-left::before{ transform:rotate(-135deg); margin-left:5px; } .dt-arrow-right{ right:30px; } .dt-arrow-right::before{ transform:rotate(45deg); margin-right:5px; } .dt-dots{ display:flex; gap:13px; justify-content:center; align-items:center; margin-top:14px; } .dt-d{ width:70px; height:6px; border-radius:15px; background:var(--line); cursor:pointer; border:0; padding:0; } .dt-d-active{ width:100px; height:10px; background:var(--red); } /* ===================== ALT 3'LÃœ BLOK ===================== */ .dt-bottom{ position:relative; max-width:var(--maxw); margin:32px auto 0; padding:44px 24px; display:grid; grid-template-columns:400px 1fr; gap:40px; align-items:stretch; } .dt-bottom::before{ content:""; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); width:100vw; background:#0E1011; box-shadow:inset 0 8px 16px rgba(0,0,0,.35); z-index:0; } html.light .dt-bottom::before{ background:#E4E8F0; box-shadow:inset 0 8px 16px rgba(20,23,28,.05); } .dt-bottom::after{ content:""; position:absolute; left:-191px; top:78px; width:240px; height:123px; background:url(/assets/dt/truss.svg?v=2) left top/contain no-repeat; opacity:.95; z-index:0; pointer-events:none; } html.light .dt-bottom::after{ opacity:.85; } .dt-bottom>*{ position:relative; z-index:1; } .dt-join{ background:linear-gradient(180deg,#169A77 0%,#0E1011 100%); border:1px solid #0A8A63; border-radius:8px; padding:24px 35px 35px; display:flex; flex-direction:column; box-shadow:0 0 40px rgba(22,154,119,.14) inset; } html.light .dt-join{ background:linear-gradient(180deg,#16A07B 0%,#169A77 42%,#EAEDF1 100%); border-color:#0A8A63; } #dt-home .dt-join-title{ font-size:46px; line-height:.8; margin-bottom:23px; letter-spacing:.5px; } html.light #dt-home .dt-join-title{ color:#fff; } .dt-join-desc{ color:rgba(255,255,255,.85); font-size:16px; line-height:1.4; margin:0 0 auto; padding-bottom:24px; } html.light .dt-join-desc{ color:rgba(255,255,255,.85); } .dt-join .dt-btn{ margin-bottom:12px; } .dt-join .dt-btn-dark{ background:#E7EAF0; border-color:#FEFEFF; color:#181B1F; } .dt-join .dt-btn-dark:hover{ background:#DCE0E7; border-color:#FEFEFF; color:#181B1F; } .dt-help{ align-self:center; display:inline-flex; align-items:center; gap:8px; color:var(--txt2); font-size:14px; margin-top:10px; } .dt-help:hover{ color:#fff; } html.light .dt-help:hover{ color:#15171A; } .dt-q{ width:20px; height:20px; border:1px solid var(--txt2); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:12px; flex:0 0 auto; } .dt-panel{ background:var(--bg2); border:1px solid var(--line); border-radius:6px; display:grid; grid-template-columns:1fr 400px; align-items:stretch; overflow:hidden; } html.light .dt-panel{ background:#d7dce5; border-color:#E1E4EA; } .dt-rp{ grid-column:1; position:relative; padding:24px; overflow:hidden; border-right:1px solid var(--line); } html.light .dt-rp{ border-right-color:#E1E4EA; } #dt-home .dt-rp-title{ font-size:46px; line-height:.8; margin-bottom:23px; letter-spacing:.5px; } .dt-rp-desc{ color:var(--muted); font-size:16px; line-height:1.4; max-width:330px; margin:0 0 12px; position:relative; z-index:2; } .dt-rp-desc:last-of-type{ margin-bottom:22px; } .dt-more{ display:inline-flex; align-items:center; gap:9px; color:#FA000B; font-size:16px; position:relative; z-index:2; } .dt-more:hover{ filter:brightness(1.2); } .dt-rp-watermark{ position:absolute; left:0; right:0; text-align:center; bottom:-44px; font-family:'Bebas Neue',sans-serif; font-size:158px; line-height:1; font-weight:400; background:linear-gradient(180deg,#373B40 0%,#1D2125 52%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; pointer-events:none; z-index:1; -webkit-text-stroke:0.2px #6b7c90; } html.light .dt-rp-watermark{ background:linear-gradient(180deg,#c4c9d3 0%,#d8dde6 60%); -webkit-background-clip:text; background-clip:text; -webkit-text-stroke:0.2px white; } .dt-news{ grid-column:2; padding:24px 24px 0; min-width:0; } .dt-news-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; gap:10px; } .dt-news-title{ font-size:46px; line-height:.8; white-space:nowrap; letter-spacing:.5px; } .dt-news-all{ display:inline-flex; align-items:center; gap:6px; color:#FA000B; font-size:12px; margin-top:-5px; white-space:nowrap; } .dt-news-all:hover{ filter:brightness(1.2); } .dt-news-list{ display:flex; flex-direction:column; gap:9px; overflow-y:auto; max-height:388px; padding-right:12px; scrollbar-width:thin; scrollbar-color:var(--red) rgba(255,255,255,.08); } .dt-news-list::-webkit-scrollbar{ width:6px; } .dt-news-list::-webkit-scrollbar-track{ background:rgba(255,255,255,.08); border-radius:9px; margin:2px 0; } .dt-news-list::-webkit-scrollbar-thumb{ background:var(--red); border-radius:9px; } html.light .dt-news-list{ scrollbar-color:var(--red) rgba(0,0,0,.06); } html.light .dt-news-list::-webkit-scrollbar-track{ background:rgba(0,0,0,.06); } .dt-news-item{ display:flex; gap:16px; align-items:center; background:rgba(42,46,51,.5); border:1px solid var(--line); border-radius:8px; padding:10px; transition:border-color .15s, background .15s; } .dt-news-item:hover{ border-color:var(--red); background:rgba(42,46,51,.8); } html.light .dt-news-item{ background:#e7eaf0; border-color:#E5E8EE; } html.light .dt-news-item:hover{ background:#EEF1F6; border-color:var(--red); } .dt-news-thumb{ width:70px; height:70px; border-radius:4px; background:#222 center/cover no-repeat; border:1px solid var(--line); flex:0 0 auto; } .dt-news-meta{ display:flex; flex-direction:column; gap:5px; min-width:0; } .dt-news-name{ color:#fff; font-size:12px; font-weight:500; display:flex; align-items:center; gap:8px; } html.light .dt-news-name{ color:#15171A; } .dt-news-new{ background:#B30008; border:1px solid #FA000B; border-radius:4px; font-size:8px; padding:2px 6px; flex:0 0 auto; color:#fff; } .dt-news-date{ color:var(--muted); font-size:12px; } /* ===================== FOOTER ===================== */ .dt-footer-wrap{ width:100%; background:var(--bg1); border-top:1px solid var(--line2); } html.light .dt-footer-wrap{ background:#E7EAF0; border-top-color:#D7DCE5; } .dt-footer{ position:relative; width:100%; max-width:var(--maxw); margin:0 auto; padding:52px 24px 28px; display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:56px; color:var(--txt); } .dt-footer-logo{ display:block; width:300px; height:46px; margin-bottom:20px; background:url(/assets/dt/footer-logo.png) left center/contain no-repeat; } html.light .dt-footer-logo{ background-image:url(/assets/dt/footer-logo-light.png); } .dt-footer-brand p{ color:var(--muted); font-size:16px; line-height:1.4; max-width:326px; margin:0; } .dt-footer-brand p.dt-footer-legal{ font-size:12px; line-height:1.65; max-width:360px; } .dt-footer-brand p.dt-footer-legal a{ color:var(--txt2); } .dt-footer-col{ position:relative; padding-left:32px; } .dt-footer-col::before{ content:""; position:absolute; left:-28px; top:0; bottom:0; width:1px; background:var(--line2); } .dt-footer-brand{ padding-left:0; } .dt-footer-brand::before{ display:none; } .dt-footer-col h4{ font-family:'Inter',sans-serif; font-weight:700; font-size:16px; color:#fff; margin:0 0 18px; } html.light .dt-footer-col h4{ color:#15171A; } .dt-footer-col a{ display:block; color:var(--muted); font-size:16px; line-height:1.1; padding:6px 0; } .dt-footer a, .dt-footer-col a, .dt-footer-brand a, .dt-footer a:hover{ text-decoration:none !important; } .dt-footer-col a:hover{ color:#fff; } html.light .dt-footer-col a:hover{ color:#15171A; } .dt-srv-row{ display:flex; gap:14px; padding:5px 0; font-size:16px; } .dt-srv-k{ color:var(--muted); min-width:76px; } .dt-srv-v{ color:var(--txt); } .dt-srv-on{ color:#32A95A; display:inline-flex; align-items:center; gap:8px; } .dt-srv-dot{ width:12px; height:12px; border-radius:50%; background:#32A95A; box-shadow:0 0 8px #32A95A; } .dt-srv-online{ display:inline-flex; align-items:center; gap:8px; margin-top:18px; padding:11px 16px; border-radius:8px; border:1px solid #1D2125; background:linear-gradient(103.23deg,#111315 8.34%,#2E513A 194.34%); color:#fff; font-size:14px; font-weight:600; } html.light .dt-srv-online{ background:linear-gradient(167deg,#F5F6F8 0%,#47B46C 100%); border-color:#CBE6D4; color:#15171A; } .dt-srv-online .dt-dot{ width:12px; height:12px; border-radius:50%; background:#32A95A; box-shadow:0 0 8px #32A95A; } .dt-copyright{ width:100%; max-width:100%; box-sizing:border-box; margin:0; padding:16px 24px; background:#0D0F11; border-top:1px solid #1a1d20; color:var(--muted); font-size:13px; letter-spacing:.2px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; } html.light .dt-copyright{ background:#D4D8E0; border-top-color:#C8CDD6; } .dt-copyright .dt-copy-left{ color:var(--txt2); } .dt-copyright .dt-copy-right{ color:var(--muted); } .dt-copyright .dt-copy-right a{ color:var(--muted); } .dt-copyright .dt-copy-right a:hover{ color:var(--txt); } html.light .dt-copyright{ border-top-color:var(--line); } /* ===================== RESPONSIVE ===================== */ @media (max-width:1100px){ .dt-menu{ display:none; } .dt-burger{ display:inline-flex; } .dt-hero-art{ /* opacity:.4; */ width:60% !important; } .dt-about{ grid-template-columns:1fr; } .dt-feats{ grid-template-columns:repeat(3,1fr); } .dt-feat{ width:100%; height:auto; min-height:220px; } .dt-bottom{ grid-template-columns:1fr; } .dt-panel{ grid-template-columns:1fr; } .dt-panel::before{ display:none; } .dt-rp{ border-bottom:1px solid var(--line); } .dt-news{ grid-column:1; } .dt-footer{ grid-template-columns:1fr 1fr; gap:30px; } .dt-footer-col{ padding-left:0; } .dt-footer-col::before{ display:none; } .dt-slide-side{ display:none; } .dt-slide-main{ width:100%; } } @media (max-width:720px){ .dt-hero-wrap{ padding:90px 16px 40px; } .dt-hero-title{ font-size:60px; } .dt-hero-cta{ flex-direction:column; } .dt-hero-cta .dt-btn{ width:100%; } .dt-social{ display:none; } .dt-about-title{ font-size:54px; } .dt-feats{ grid-template-columns:1fr; } .dt-feat{ height:auto; } .dt-footer{ grid-template-columns:1fr; } .dt-slides{ height:auto; } .dt-slide-main{ height:auto; aspect-ratio:1150/600; } .dt-rp-watermark{ font-size:120px; } .dt-nav-inner{ padding:0 16px; } .dt-join-title,.dt-rp-title,.dt-news-title{ font-size:38px; } .dt-news-head{ flex-wrap:wrap; } .dt-news-title{ white-space:normal; } } /* ============================================================ FORUM - board index (SMF) ============================================================ */ .dt-main{ max-width:var(--maxw); margin:0 auto; padding:22px 24px 60px; } /* DowntownRP: .dt-main icindeki tum metin txt rengi */ .dt-main, .dt-main p, .dt-main td, .dt-main li, .dt-main span{ color:var(--txt); } /* breadcrumb (theme_linktree) */ .dt-main .navigate_section{ margin:0 0 18px; } .dt-main .navigate_section ul{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; list-style:none; margin:0; padding:0; font-size:13px; color:var(--txt2); } .dt-main .navigate_section li{ display:inline-flex; align-items:center; gap:7px; } .dt-main .navigate_section a{ color:var(--txt2); } .dt-main .navigate_section a:hover{ color:var(--red); } /* layout */ .dt-forum-layout{ display:grid; grid-template-columns:1fr 340px; gap:24px; align-items:start; } .dt-forum-main{ min-width:0; } /* sidebar grid-item'i sol baslik kartiyla ayni Y'den baslasin (olculen ~6px fazla bosluk telafisi). sticky top = nav header (88px) + 14px bosluk -> asagi kaydirinca sidebar'in ustu header'in ALTINDA kalir, gizlenmez. */ .dt-forum-side{ display:flex; flex-direction:column; gap:18px; /* position:sticky; top:102px; */ margin-top:-6px; } /* mobil/tablet: board index 2-kolon grid'i tek kolona indir (340px sidebar tasmasini onler) */ @media (max-width:980px){ .dt-forum-layout{ grid-template-columns:1fr; } .dt-forum-side{ position:static; top:auto; margin-top:0; } } /* duyuru bandi (haberler & bultenler — SMF admin > Haberler satirlari) */ .dt-news-bars{ display:flex; flex-direction:column; gap:10px; margin:0 0 18px; } .dt-news-bar{ padding:14px 18px; background:#243450; border:1px solid #35496B; border-radius:8px; color:#DCE6F6; font-size:14px; font-weight:600; line-height:1.5; } .dt-main .dt-news-bar a, .dt-news-bar a{ color:#FFFFFF; text-decoration:underline; text-underline-offset:2px; } .dt-main .dt-news-bar a:hover, .dt-news-bar a:hover{ color:#BFD3F2; } html.light .dt-news-bar{ background:#DEE8F8; border-color:#C4D4EE; color:#243B63; } html.light .dt-main .dt-news-bar a, html.light .dt-news-bar a{ color:#16294B; } html.light .dt-main .dt-news-bar a:hover, html.light .dt-news-bar a:hover{ color:#3D5A93; } /* category */ .dt-forum-main .main_container{ margin-bottom:18px; } .dt-forum-main .cat_bar{ background:var(--bg2); border:1px solid var(--line); border-radius:8px 8px 0 0; padding:0; box-shadow:none; } .dt-forum-main .cat_bar .catbg{ margin:0; padding:13px 18px; font-family:'Inter',sans-serif; font-weight:700; font-size:15px; letter-spacing:.6px; color:var(--txt); text-transform:uppercase; background:none; border:0; min-height:0; line-height:1.2; } .dt-forum-main .cat_bar .catbg a{ color:var(--txt); } .dt-forum-main .cat_bar .desc{ padding:0 18px 12px; color:var(--txt2); font-size:13px; } .dt-forum-main [id^="category_"][id$="_boards"]{ background:var(--bg1); border:1px solid var(--line); border-top:0; border-radius:0 0 8px 8px; overflow:hidden; } /* board row */ .dt-forum-main .up_contain{ display:grid; grid-template-columns:48px 1fr 150px 220px; align-items:center; gap:14px; padding:14px 18px; border-top:1px solid var(--line2); transition:background .15s; } .dt-forum-main [id$="_boards"] > .up_contain:first-child{ border-top:0; } .dt-forum-main .up_contain:hover{ background:rgba(255,255,255,.02); } .dt-forum-main .board_icon{ width:48px; height:48px; } .dt-forum-main .board_icon a{ display:block; width:48px; height:48px; border-radius:10px; background:var(--bg2) url(/assets/dt/megaphone.png) center/22px no-repeat; border:1px solid var(--line); } .dt-forum-main .info{ min-width:0; } .dt-forum-main .info .subject{ font-family:'Inter',sans-serif; font-weight:600; font-size:15px; color:var(--txt); display:inline-block; } .dt-forum-main .info .subject:hover{ color:var(--txt2) !important; text-decoration:none; } .dt-forum-main .board_description{ color:var(--txt2); font-size:13px; margin-top:3px; line-height:1.4; } .dt-forum-main .moderators{ display:none; } .dt-forum-main .board_stats{ display:flex; gap:20px; } .dt-bs{ display:flex; flex-direction:column; line-height:1.1; } .dt-bs b{ font-size:15px; color:var(--txt); font-weight:700; } .dt-bs i{ font-style:normal; font-size:11px; color:var(--txt2); margin-top:3px; } .dt-forum-main .lastpost{ display:flex; align-items:center; gap:10px; min-width:0; } .dt-last-av{ flex:0 0 auto; } .dt-last-av img{ width:34px; height:34px; border-radius:8px; object-fit:cover; display:block; } .dt-last-meta{ display:flex; flex-direction:column; min-width:0; line-height:1.25; } .dt-last-label{ font-size:11px; color:var(--red); } .dt-last-topic{ font-size:13px; color:var(--txt); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:175px; } .dt-last-topic:hover{ color:var(--red); } .dt-last-sub{ font-size:11px; color:var(--txt2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:175px; } .dt-forum-main .mark_read{ margin-top:10px; } /* sidebar cards */ .dt-side-card{ background:var(--bg1); border:1px solid var(--line); border-radius:10px; padding:16px; } .dt-side-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; } .dt-side-head h3{ font-family:'Inter',sans-serif; font-weight:700; font-size:13px; letter-spacing:.5px; color:var(--txt); text-transform:uppercase; margin:0; } .dt-srv-state{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#32A95A; } .dt-srv-row{ display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--line2); } .dt-srv-row:last-child{ border-bottom:0; } /* Ayni [hidden] tuzagi (bkz. .dt-team-field / .dt-note-box): display:flex tarayicinin [hidden]{display:none} kuralini eziyordu -> "Cevrimici" satiri oyuncu sayisi gelmeden de gorunup basi bos bir "—" gosteriyordu. */ .dt-srv-row[hidden]{ display:none !important; } .dt-srv-k{ color:var(--txt2); font-size:13px; } .dt-srv-v{ color:var(--txt); font-size:13px; font-weight:600; } .dt-srv-connect{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; height:44px; border-radius:8px; background:var(--red); color:#fff; font-weight:700; font-size:13px; letter-spacing:.4px; } .dt-srv-connect:hover{ background:var(--red-b); } .dt-side-list{ display:flex; flex-direction:column; gap:4px; } .dt-side-empty{ color:var(--txt2); font-size:13px; margin:4px 0; } .dt-side-item{ display:flex; align-items:center; gap:10px; padding:8px; border-radius:8px; transition:background .15s; } .dt-side-item:hover{ background:rgba(255,255,255,.03); } .dt-side-av{ width:34px; height:34px; border-radius:8px; object-fit:cover; flex:0 0 auto; } .dt-side-meta{ display:flex; flex-direction:column; min-width:0; line-height:1.25; flex:1; } .dt-side-label{ font-size:11px; color:var(--red); } .dt-side-name{ font-size:13px; color:var(--txt); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .dt-side-sub{ font-size:11px; color:var(--txt2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .dt-side-avlink{ flex:0 0 auto; display:block; line-height:0; } .dt-side-poster{ font-weight:600; } .dt-side-name:hover, .dt-side-poster:hover{ color:var(--txt2) !important; } .dt-top-rank{ color:var(--txt2); font-size:13px; font-weight:700; flex:0 0 auto; } .dt-top-tabs{ display:flex; gap:4px; margin-left:auto; } .dt-top-tab{ background:none; border:1px solid var(--line); border-radius:6px; color:var(--muted); font-size:11px; font-weight:600; padding:4px 8px; cursor:pointer; transition:all .15s; line-height:1.4; } .dt-top-tab.is-active{ background:var(--red); border-color:var(--red); color:#fff !important; } .dt-top-tab:hover:not(.is-active){ color:var(--txt); border-color:var(--txt2); } html.light .dt-top-tab{ border-color:var(--line); color:var(--muted); } html.light .dt-top-tab:hover:not(.is-active){ color:var(--txt); } .dt-top-panel{ display:none; flex-direction:column; } .dt-top-panel.is-active{ display:flex; } .dt-top-empty{ padding:14px 16px; color:var(--muted); font-size:13px; text-align:center; width:100%; } html.light .dt-forum-main .up_contain:hover{ background:rgba(0,0,0,.02); } html.light .dt-side-item:hover{ background:rgba(0,0,0,.03); } .dt-main #info_center{ margin-top:6px; } @media (max-width:980px){ .dt-forum-layout{ grid-template-columns:1fr; } .dt-forum-side{ position:static; margin-top:0; } .dt-forum-main .up_contain{ grid-template-columns:44px 1fr; } .dt-forum-main .board_stats, .dt-forum-main .lastpost{ display:none; } } /* ============================================================ TOPIC (Display) — yatay post düzeni ============================================================ */ .dt-main #display_head{ position:relative; background:var(--bg2); border:1px solid var(--line); border-radius:10px; padding:16px 18px; margin-bottom:18px; } .dt-main #display_head .catbg, .dt-main #display_head h3, .dt-main #display_head h2, .dt-main #display_head .display_title{ background:none; border:0; margin:0; color:var(--txt) !important; font-family:'Inter',sans-serif; font-weight:700; font-size:18px; } .dt-main #display_head .secondary_bar, .dt-main #display_head .largetext{ color:var(--txt); } /* prev/next: alt satir yerine kartin sag-ust kosesinde, basligla (ve sidebar ustuyle) ayni hizada */ .dt-main #display_head .nextlinks{ position:absolute; top:17px; right:18px; float:none !important; margin:0 !important; font-size:12.5px; font-weight:600; } .dt-main #display_head .nextlinks a{ color:var(--txt2) !important; } .dt-main #display_head .nextlinks a:hover{ color:var(--red) !important; } /* post card */ .dt-main #forumposts .windowbg{ background:none; border:0; padding:0; margin:0 0 16px; box-shadow:none; } /* NOT: eski iki-sutunlu poster kolonu KALDIRILDI — post basligi artik .dt-post-banner (asagidaki banner blogu) ile cizilyor. */ /* post content (right) */ .dt-main .postarea{ padding:16px 20px; min-width:0; } .dt-main .keyinfo{ display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--line2); padding-bottom:11px; margin-bottom:14px; flex-wrap:wrap; } .dt-main .keyinfo .subject_title{ font-family:'Inter',sans-serif; font-weight:600; font-size:14px; } .dt-main .keyinfo .subject_title a{ color:var(--txt); } .dt-main .keyinfo .postinfo{ color:var(--txt2); font-size:12px; display:flex; align-items:center; gap:8px; } .dt-main .keyinfo .postinfo a{ color:var(--txt2); } .dt-main .keyinfo .messageicon img{ display:inline-block; width:16px; height:16px; object-fit:contain; vertical-align:middle; margin-right:6px; } .dt-main .post .inner{ color:var(--txt); font-size:15px; line-height:1.65; } .dt-main .postarea .quickbuttons{ list-style:none; display:flex; gap:8px; justify-content:flex-end; margin:14px 0 0; padding:0; } .dt-main .postarea .quickbuttons > li > a{ display:inline-flex; align-items:center; gap:5px; padding:6px 12px; border:1px solid var(--line); border-radius:7px; color:var(--txt2); font-size:12px; background:var(--bg2); } .dt-main .postarea .quickbuttons > li > a:hover{ border-color:var(--red); color:var(--txt); } /* ============================================================ SMF default chrome OVERRIDE — Downtown wrapper kazanir ============================================================ */ html{ background:var(--bg0); overflow-x:clip; } #header{ display:none; } /* nav: SMF #top_section acik gradyanini ez */ /* NOT: nav elementi =
. Bu kural (specificity 0,1,1) .dt-nav'in z-index:250'sini eziyordu; sticky nav her zaman en ustte kalmali (buttonlist hover z-index:150'nin uzerinde) -> 250. */ body #top_section{ background:var(--bg1); padding:0; min-height:0; box-shadow:none; border-bottom:1px solid var(--line2); position:sticky; top:0; z-index:250; } html.light body #top_section{ background:#E7EAF0; border-bottom-color:#D7DCE5; } /* SMF icerik sarmalayicilarini notr hale getir (Downtown .dt-main yonetir) */ body #wrapper{ background:none; border:0; box-shadow:none; padding:0; margin:0; max-width:none; width:auto; } body #content_section, body #main_content_section{ background:none; border:0; box-shadow:none; padding:0; margin:0; max-width:none; width:auto; float:none; overflow:visible; min-height:0; } /* forum + UCP hero: landing'den KISA ve kompakt (figma banner) */ .dt-hero.dt-hero-forum{ min-height:300px; } .dt-hero-forum .dt-hero-wrap{ min-height:0; padding:48px 24px; align-items:center; } .dt-hero-forum .dt-hero-left{ max-width:560px; margin-top:0; } .dt-hero-forum .dt-hero-title{ font-size:clamp(54px,6.6vw,100px); line-height:.80; margin-bottom:18px; } .dt-hero-forum .dt-hero-kicker{ font-size:14px; margin-bottom:12px; } /* art .dt-hero-wrap icinde; wrap yuksekligi icerige bagli (forum 2-satir baslik vs UCP isim) -> top:50% farkli piksel. Sabit top ile wrap ust kenarina (=hero ustu, icerikten bagimsiz) sabitle -> forum ve UCP arabasi ayni yerde. */ .dt-hero-forum .dt-hero-art{ top:23px; transform:none; width:min(43%, 560px); } /* sosyal ikonlar: forum/ucp hero'da dikey ortala (top:150px landing icindi) */ .dt-hero-forum .dt-social{ top:50%; bottom:auto; transform:translateY(-50%); } /* DowntownRP: mobilde forum hero kompakt — min-height:360px icerigi doldurmuyordu (alt bosluk) */ @media (max-width:720px){ .dt-hero.dt-hero-forum{ min-height:auto; } .dt-hero-forum .dt-hero-wrap{ padding:30px 16px 34px; } } /* ============================================================ SMF yuzey renkleri -> tema-duyarli (dark/light otomatik) ============================================================ */ .windowbg, .windowbg2, tr.windowbg td, tr.windowbg2 td{ background:var(--bg1); color:var(--txt); } .roundframe{ background:var(--bg1); border-color:var(--line); color:var(--txt); } .cat_bar, .title_bar, .sub_bar, .secondary_bar{ background:var(--bg2); border-color:var(--line); } .cat_bar h3, .cat_bar h4, .title_bar h3, .title_bar h4, .sub_bar h3, .sub_bar h4, .secondary_bar h3, .secondary_bar h4{ color:var(--txt); } .information{ background:var(--bg2); border-color:var(--line); color:var(--txt2); } .bg, .even, .odd, .approvebg{ background:var(--bg1); } .descbox, .post_note{ background:var(--bg2); border-color:var(--line); color:var(--txt); } /* board satirlari panelle ayni (divider'lar ayirir) */ .dt-forum-main .up_contain{ background:transparent; } /* genel metin/links dark uyumu */ .dt-main, .dt-main p, .dt-main td, .dt-main li, .dt-main span{ color:var(--txt); } .dt-main .windowbg, .dt-main .roundframe{ color:var(--txt); } /* hero basligi: dark beyaz / light kirmizi (figma) */ .dt-hero-forum .dt-hero-title{ color:#fff; } html.light .dt-hero-forum .dt-hero-title{ color:var(--red); } /* ============================================================ FORUM rotuslari (breadcrumb, avatar, kategori bg) ============================================================ */ /* breadcrumb: SMF beyaz cubugunu kaldir */ .dt-main .navigate_section{ background:none !important; border:0 !important; box-shadow:none !important; padding:0; } .dt-main .navigate_section .breadcrumb, .dt-main .navigate_section ul{ background:none; } /* avatarlar: genis logoyu koyu kareye sigdir (gri kirpilma yerine) */ .dt-last-av img, .dt-side-av{ object-fit:contain !important; background:var(--bg2); padding:5px; border:1px solid var(--line); } /* kategori bar arka plan gorseli (inline style ile gelir) + okunabilirlik overlay'i */ .dt-bidx .cat_bar{ position:relative; overflow:hidden; background-color:var(--bg2); background-size:cover; background-position:center; } .dt-bidx .cat_bar::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(13,16,17,.94) 0%, rgba(13,16,17,.7) 45%, rgba(13,16,17,.4) 100%); z-index:0; pointer-events:none; } html.light .dt-bidx .cat_bar::before{ background:linear-gradient(90deg, rgba(231,234,240,.95) 0%, rgba(231,234,240,.7) 45%, rgba(231,234,240,.4) 100%); } .dt-bidx .cat_bar > *{ position:relative; z-index:1; } /* ============================================================ BOARD INDEX — figma birebir rotus v2 ============================================================ */ /* kategori bar: arka plan gorseli COK soluk (faint texture), kompakt, yuvarlak */ .dt-bidx .cat_bar{ border-radius:8px; } .dt-bidx .cat_bar::before{ background:linear-gradient(90deg, rgba(13,16,17,.96) 0%, rgba(13,16,17,.9) 55%, rgba(13,16,17,.8) 100%) !important; } html.light .dt-bidx .cat_bar::before{ background:linear-gradient(90deg, rgba(231,234,240,.97) 0%, rgba(231,234,240,.9) 55%, rgba(231,234,240,.82) 100%) !important; } .dt-bidx .cat_bar .catbg{ padding:14px 20px; font-size:14px; letter-spacing:1px; } /* kategori ile board paneli ayri kartlar, aralarinda bosluk */ .dt-forum-main .main_container{ margin-bottom:22px; } .dt-forum-main [id^="category_"][id$="_boards"]{ border:1px solid var(--line); border-radius:8px; margin-top:8px; } /* board satiri: ferah 5-kolon grid (ikon | bilgi | konular | mesajlar | son mesaj) */ .dt-forum-main .up_contain{ grid-template-columns:46px 1fr 72px 72px 250px; gap:16px; padding:16px 20px; } .dt-forum-main .board_icon a{ width:46px; height:46px; background-size:24px; } .dt-forum-main .info .subject{ font-size:15px; font-weight:600; } .dt-forum-main .board_description{ font-size:13px; margin-top:4px; } /* board altindaki alt-forum listesi (.children): artik info kolonu icinde, aciklamanin altinda akiyor (grid ogesi degil) -> kopuk/cizgi/gap yok. Temiz tek satir, link kirmizi degil */ .dt-forum-main .children{ margin:3px 0 0; border:0 !important; padding:0 !important; } .dt-forum-main .children p{ margin:0; font-size:12px; line-height:1.6; color:var(--txt2); } .dt-forum-main .children strong{ color:var(--txt2) !important; font-weight:700; font-size:11px; text-transform:none; letter-spacing:.4px; margin-right:8px; } .dt-forum-main .children span a, .dt-forum-main .children a{ font-weight:500; text-decoration:none !important; } .dt-forum-main .children span a:hover, .dt-forum-main .children a:hover{ color:var(--txt); } .dt-forum-main .children span{ margin-right:5px; } /* stats: iki .dt-bs grid hucresi, label ustte / numara altta */ .dt-forum-main .board_stats{ display:contents; } .dt-forum-main .board_stats .dt-bs{ flex-direction:column-reverse; align-items:flex-start; gap:2px; } .dt-forum-main .dt-bs i{ font-size:11px; color:var(--txt2); margin:0; } .dt-forum-main .dt-bs b{ font-size:15px; color:var(--txt); font-weight:700; } /* son mesaj: yuvarlak avatar + ferah */ .dt-forum-main .lastpost{ gap:11px; } .dt-last-av img{ width:38px !important; height:38px !important; border-radius:50% !important; object-fit:cover !important; padding:0 !important; border:0 !important; background:none !important; } .dt-last-topic, .dt-last-sub{ max-width:188px; } /* sidebar avatar yuvarlak, kutu yok */ .dt-side-av{ width:36px !important; height:36px !important; border-radius:50% !important; object-fit:cover !important; padding:0 !important; border:0 !important; background:none !important; } /* son mesaj kolonu: meta alani dolsun, duzgun truncate */ .dt-forum-main .up_contain{ grid-template-columns:44px 1fr 66px 66px 262px; } .dt-forum-main .lastpost{ display:flex; align-items:center; gap:10px; min-width:0; } .dt-forum-main .lastpost .dt-last-av{ flex:0 0 auto; } .dt-forum-main .lastpost .dt-last-meta{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; line-height:1.3; } .dt-forum-main .lastpost .dt-last-label{ font-size:11px; color:var(--txt2); white-space:nowrap; } .dt-forum-main .lastpost .dt-last-topic{ font-size:13px; font-weight:600; color:var(--txt); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:none; } .dt-forum-main .lastpost .dt-last-sub{ font-size:11px; color:var(--txt2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:none; } /* stats display:contents iptal -> 4 kolon (ikon | bilgi | stats | son mesaj) */ .dt-forum-main .up_contain{ grid-template-columns:44px 1fr auto 262px !important; gap:22px; } .dt-forum-main .board_stats{ display:flex !important; gap:26px; align-items:center; } .dt-forum-main .board_stats .dt-bs{ flex-direction:column-reverse; align-items:flex-start; gap:2px; min-width:50px; } /* board satiri v3: temiz 4 sabit kolon (ikon | bilgi | stats | son mesaj) */ .dt-forum-main .up_contain{ grid-template-columns:44px minmax(0,1fr) 132px 252px !important; gap:20px !important; align-items:center; } .dt-forum-main .board_stats{ display:flex !important; gap:18px; align-items:center; justify-content:flex-start; } .dt-forum-main .board_stats .dt-bs{ flex-direction:column-reverse !important; align-items:flex-start; gap:2px; width:52px; } .dt-forum-main .lastpost{ display:flex !important; align-items:center; gap:10px; min-width:0; } .dt-forum-main .lastpost .dt-last-meta{ flex:1 1 0 !important; min-width:0; } /* mobil (telefon): board satiri 2 kolona (yukaridaki 4-kolon !important'i ez) -> isim/aciklama sikismasin */ @media (max-width:720px){ .dt-forum-main .up_contain{ grid-template-columns:44px minmax(0,1fr) !important; gap:4px 12px !important; padding:13px 14px !important; } /* mobilde stats + son ileti gizli -> sade ikon+isim+aciklama */ .dt-forum-main .board_stats, .dt-forum-main .lastpost{ display:none !important; } /* cat banner: mobilde distortion yerine sagdan kirp (yazi okunur kalsin) */ .dt-bidx .cat_bar{ background-size:cover !important; background-position:left center !important; } } /* SMF float-layout genisliklerini ez -> grid stretch calissin */ .dt-forum-main .up_contain > .board_icon, .dt-forum-main .up_contain > .info, .dt-forum-main .up_contain > .board_stats, .dt-forum-main .up_contain > .lastpost{ width:auto !important; max-width:none !important; min-width:0 !important; float:none !important; margin:0 !important; } /* ============================================================ IKON SETI (Font Awesome) baglama ============================================================ */ /* board ikonlari: megaphone.png yerine FA ikon */ .dt-forum-main .board_icon a{ background:var(--bg2); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--txt2); transition:color .15s, border-color .15s; } .dt-forum-main .board_icon a i{ font-size:18px; line-height:1; } .dt-forum-main .up_contain:hover .board_icon a{ color:var(--red); border-color:var(--red); } /* Okunmamis konusu olan board'un ikonu hover rengiyle (kirmizi) kalici vurgulanir. board_on = bu board'da yeni ileti, board_on2 = alt-board'da yeni. board_off (okunmus) DEGISMEZ. Gece/gunduz uyumlu -- --red iki temada da gecerli. */ .dt-forum-main .board_icon a.board_on, .dt-forum-main .board_icon a.board_on2{ color:var(--red); border-color:var(--red); } .dt-forum-main .board_icon a, .dt-forum-main .board_icon a:hover{ text-decoration:none !important; } /* sidebar SUNUCU DURUMU satir ikonlari */ .dt-srv-k{ display:inline-flex; align-items:center; } .dt-srv-k i{ width:17px; text-align:center; color:var(--txt2); margin-right:8px; font-size:12px; } .dt-srv-ico{ width:19px; height:19px; object-fit:contain; margin-right:9px; flex:0 0 auto; } /* sico ikonlari acik renkli; light modda gorunur olsun diye koyulastir */ html.light .dt-srv-ico{ filter:invert(1) brightness(.45); } /* nav tema toggle: ay (dark) / gunes (light) */ .dt-theme-toggle{ display:inline-flex; align-items:center; justify-content:center; } .dt-theme-toggle i{ font-size:15px; } .dt-tg-sun{ display:none; } .dt-tg-moon{ display:inline-block; } html.light .dt-tg-moon{ display:none; } html.light .dt-tg-sun{ display:inline-block; } /* nav kullanici kutusu + profil dropdown */ .dt-user-menu{ position:relative; } /* SMF'in 'input,button,select' generic kuralini TAM ez (box-shadow inset, #fff bg, 2em height "abuk subuk" yapiyordu) */ .dt-user{ display:inline-flex !important; align-items:center; gap:9px; color:var(--txt) !important; background:var(--bg2) !important; border:1px solid var(--line) !important; box-shadow:none !important; outline:none !important; cursor:pointer; font:inherit; height:auto !important; min-height:0 !important; line-height:1.2 !important; padding:3px 12px 3px 5px !important; border-radius:9px !important; -webkit-appearance:none; appearance:none; vertical-align:middle; } .dt-user:hover{ border-color:var(--line2) !important; } .dt-user-av{ width:34px; height:34px; border-radius:50%; object-fit:cover; background:var(--bg2); } .dt-user-name{ font-size:14px; font-weight:600; } .dt-user-caret{ font-size:11px; color:var(--txt2); transition:transform .18s; } .dt-user-menu.open .dt-user-caret{ transform:rotate(180deg); } .dt-user-menu.open .dt-user{ border-color:var(--line2) !important; } .dt-user-dropdown{ position:absolute; top:calc(100% + 9px); right:0; min-width:208px; background:var(--bg1); border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 44px rgba(0,0,0,.5); padding:7px; display:none; z-index:300; } .dt-user-menu.open .dt-user-dropdown{ display:block; } .dt-user-dropdown a{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:8px; color:var(--txt2) !important; font-size:13.5px; font-weight:500; text-decoration:none; } .dt-user-dropdown a i{ width:16px; text-align:center; font-size:13px; } .dt-user-dropdown a:hover{ background:var(--bg2); color:var(--txt) !important; } .dt-user-dropdown .dt-ud-logout{ color:var(--red) !important; margin-top:5px; border-top:1px solid var(--line); padding-top:11px; } .dt-user-dropdown .dt-ud-logout:hover{ background:rgba(208,0,10,.1); color:var(--red) !important; } html.light .dt-user-dropdown{ background:#fff; } html.light .dt-user{ background:#E7EAF0 !important; border-color:#FEFEFF !important; } html.light .dt-user:hover, html.light .dt-user-menu.open .dt-user{ background:#DCE0E7 !important; border-color:#FEFEFF !important; } /* breadcrumb ev ikonu + ayraclar */ .dt-main .navigate_section li{ display:inline-flex; align-items:center; } .dt-main .navigate_section .dt-crumb-home a{ color:var(--txt2); } .dt-main .navigate_section .dt-crumb-home a:hover{ color:var(--red); } .dt-main .navigate_section .dividers{ color:var(--txt2); margin:0 2px; } /* ============================================================ SMF UYUM KATMANI — default Curve2 sizintilarini bastir (butonlar, formlar, sayfalama, paneller — tema-duyarli) ============================================================ */ /* butonlar */ .button, .buttonlist a.button, a.button, input.button, button.button{ background:var(--bg2) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:7px !important; padding:8px 14px !important; font-size:13px !important; font-weight:500; box-shadow:none !important; text-shadow:none !important; background-image:none !important; transition:border-color .15s, color .15s, background .15s; } .button:hover, a.button:hover, input.button:hover, button.button:hover{ border-color:var(--red) !important; color:var(--txt) !important; } .button.active, .active > .button{ border-color:var(--red) !important; color:#fff !important; background:var(--red) !important; } /* ====== FORM ELEMANLARI — global temiz tema (tum alt sayfalar) ====== */ input[type=text], input[type=password], input[type=email], input[type=url], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=time], input[type=datetime-local], input[type=month], input[type=week], input[type=color], textarea, select{ background:var(--bg1) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:8px !important; padding:9px 12px !important; font-size:14px !important; font-family:inherit !important; box-shadow:none !important; outline:none !important; -webkit-appearance:none; appearance:none; height:auto; min-height:0 !important; line-height:1.4 !important; vertical-align:middle; transition:border-color .15s; } textarea{ min-height:90px !important; resize:vertical; } input:focus, textarea:focus, select:focus{ border-color:var(--red) !important; } input:hover:not(:focus), textarea:hover:not(:focus), select:hover:not(:focus){ border-color:var(--line2) !important; } ::placeholder{ color:var(--txt2) !important; opacity:.85; } input:disabled, textarea:disabled, select:disabled{ opacity:.5; cursor:not-allowed; } /* select: ozel ok (native ok beyaz cikinti yapiyordu) + koyu option */ select{ background-image:linear-gradient(45deg,transparent 50%,var(--txt2) 50%),linear-gradient(135deg,var(--txt2) 50%,transparent 50%) !important; background-position:calc(100% - 18px) 52%, calc(100% - 13px) 52% !important; background-size:5px 5px, 5px 5px !important; background-repeat:no-repeat !important; padding-right:34px !important; cursor:pointer; } select option, select optgroup{ background:var(--bg1) !important; color:var(--txt) !important; } /* checkbox + radio — ozel (default acik/box-shadow yerine) */ input[type=checkbox], input[type=radio]{ -webkit-appearance:none !important; appearance:none !important; width:18px !important; height:18px !important; min-height:0 !important; border:1.5px solid var(--line) !important; background:var(--bg1) !important; cursor:pointer; vertical-align:middle; box-shadow:none !important; position:relative; flex:0 0 auto; margin:0 4px 0 0; padding:0 !important; } input[type=checkbox]{ border-radius:5px !important; } input[type=radio]{ border-radius:50% !important; } input[type=checkbox]:checked, input[type=radio]:checked{ background:var(--red) !important; border-color:var(--red) !important; } input[type=checkbox]:checked::after{ content:""; position:absolute; left:5px; top:1px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } input[type=radio]:checked::after{ content:""; position:absolute; left:4px; top:4px; width:8px; height:8px; border-radius:50%; background:#fff; } input[type=checkbox]:focus, input[type=radio]:focus{ border-color:var(--red) !important; } /* file input */ input[type=file]{ color:var(--txt2) !important; font-size:13px !important; background:none !important; border:0 !important; padding:0 !important; } input[type=file]::file-selector-button{ background:var(--bg2) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:7px; padding:8px 14px; margin-right:11px; cursor:pointer; font-weight:500; font-size:13px; } input[type=file]::file-selector-button:hover{ border-color:var(--red) !important; } /* fieldset + legend + label */ .dt-main fieldset, :is(.action_profile,.action_pm,.action_admin,.action_moderate,.action_groups) fieldset{ background:var(--bg1) !important; /* border:1px solid var(--line) !important; */ border-radius:10px !important; padding:16px 18px !important; margin:0 0 14px; box-shadow:none !important; } fieldset legend{ color:var(--txt2) !important; font-weight:600; padding:0 8px; } .dt-main label, :is(.action_profile,.action_pm,.action_admin,.action_moderate,.action_groups) label{ color:var(--txt2); } /* ===== sayfalama + aksiyon cubugu (figma pill duzeni) ===== pagesection = sol: sayfa linkleri+asagi/yukari git / sag: aksiyon butonlari */ .dt-main .pagesection{ display:flex; align-items:center; justify-content:space-between; gap:12px 14px; flex-wrap:wrap; margin:0 0 18px; padding:0; background:none; border:0; overflow:visible; } .dt-main .pagesection::before, .dt-main .pagesection::after{ content:none !important; display:none !important; } .dt-main .pagesection .pagelinks{ order:-1; float:none !important; display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0; color:var(--txt2); font-size:13px; } /* buttonlist'in kendisi flex (SMF ul/li degil, dogrudan uretiyor) */ .dt-main .pagesection .buttonlist{ position:relative; float:none !important; margin:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; } /* notify dropdown z-index: hover'da kapsayici buttonlist'i guvenli banda cikar (pagination 100 < 150 < header 200) -> acilan menu alttaki pagesection'in uzerinde kalir. :hover DOM-cocugu dropdown'da da gecerli (absolute olsa da). */ .dt-main .pagesection .buttonlist:hover{ z-index:150; } .dt-main .pagesection .mobile_buttons{ display:none !important; } /* pill butonlar: Asagi/Yukari Git + aksiyonlar (YANITLA, ANKET EKLE...) */ .dt-main .pagesection .button{ display:inline-flex !important; align-items:center; gap:6px; height:36px; padding:0 15px !important; border-radius:9px !important; font-size:11.5px !important; font-weight:600 !important; letter-spacing:.4px; text-transform:uppercase; line-height:1; } /* YANITLA (reply) = kirmizi dolu birincil buton — pozisyona degil class'a bagli */ .dt-main .pagesection .button_strip_reply{ background:var(--red) !important; border-color:var(--red) !important; color:#fff !important; } .dt-main .pagesection .button_strip_reply:hover{ background:var(--red-b) !important; } /* "Sayfa" etiketi */ .dt-main .pagelinks .pages{ color:var(--txt2); margin-right:2px; } /* sayfa numarasi pill'leri (Asagi/Yukari Git butonunu HARIC tut) */ .pagelinks .nav_page, .pagelinks .current_page, .pagelinks a:not(.button), .pagesection .nav_page{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 11px; background:var(--bg2) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:9px; font-size:13px; font-weight:600; text-decoration:none; } .pagelinks .current_page{ background:var(--red) !important; border-color:var(--red) !important; color:#fff !important; } .pagelinks .expand_pages{ min-width:auto; background:none !important; border:0 !important; padding:0 4px; } /* paneller / cerceveler */ .roundframe, .windowbg, .windowbg2{ box-shadow:none !important; } .title_bar, .sub_bar, .secondary_bar{ box-shadow:none !important; background-image:none !important; } .cat_bar{ box-shadow:none !important; } .generic_list_wrapper, .table_grid, .additional_row{ background:var(--bg1) !important; color:var(--txt); } .table_grid td, .table_grid th{ border-color:var(--line) !important; } /* bilgi merkezi ic baslik cizgileri */ #info_center .title_bar, #info_center .sub_bar{ background:var(--bg2) !important; } #info_center h4, #info_center .last_area{ color:var(--txt) !important; } /* genel link rengi (icerik icinde) */ .dt-main a{ color:var(--txt2); } .dt-main .subject, .dt-main .dt-last-topic, .dt-main .dt-side-name{ color:var(--txt); } /* blanket-red'den yapisal linkleri koru */ .dt-main .navigate_section a{ color:var(--txt2) !important; } .dt-main .navigate_section a:hover, .dt-main .navigate_section .dt-crumb-home a:hover{ color:var(--red) !important; } .dt-forum-main .info .subject{ color:var(--txt) !important; } .dt-forum-main .info .subject:hover{ color:var(--txt2) !important; text-decoration:none; } .dt-forum-main .lastpost .dt-last-topic{ color:var(--txt) !important; } .dt-forum-main .lastpost .dt-last-topic:hover{ color:var(--txt2) !important; } .dt-forum-side .dt-side-name{ color:var(--txt) !important; } /* baslik linklerini blanket-red'den koru (notr kalsin) */ .dt-main .title_bar h3, .dt-main .title_bar h3 a, .dt-main .title_bar h4, .dt-main .title_bar h4 a, .dt-main .sub_bar h3, .dt-main .sub_bar h3 a, .dt-main .sub_bar h4, .dt-main .sub_bar h4 a, .dt-main #info_center h4, .dt-main #info_center h4 a, .dt-main .cat_bar h3 a{ color:var(--txt) !important; } /* info center collapse toggle butonu */ #info_center .title_bar .button, .roundframe .title_bar .button{ background:var(--bg1) !important; } /* SUNUCUYA BAGLAN: blanket-red'den koru (beyaz yazi) */ .dt-srv-connect, .dt-srv-connect span, .dt-srv-connect:hover, .dt-srv-connect i{ color:#fff !important; } .dt-btn-nav-primary, .dt-btn-nav-primary:hover{ color:#fff !important; } /* kategori collapse ozelligini kaldir (toggle gizle) */ .dt-forum-main .cat_bar .toggle_up, .dt-forum-main .cat_bar .toggle_down, .dt-forum-main .cat_bar [id$="_upshrink"], .dt-forum-main .cat_bar .icon-collapse{ display:none !important; } /* nav tema toggle = landing .dt-ntoggle gibi (beyaz kutu degil) */ .dt-theme-toggle{ width:40px !important; height:40px !important; border-radius:8px !important; display:inline-flex; align-items:center; justify-content:center; background:#2A2E33 !important; border:1px solid var(--line) !important; color:#fff !important; cursor:pointer; transition:background .15s; padding:0 !important; flex:0 0 auto; box-shadow:none !important; } .dt-theme-toggle:hover{ background:#34343a !important; } html.light .dt-theme-toggle{ background:#E7EAF0 !important; border-color:#FEFEFF !important; color:#2A2E33 !important; } html.light .dt-theme-toggle:hover{ background:#DCE0E7 !important; } .dt-theme-toggle i{ font-size:16px !important; } /* grup renk anahtari (Bilgi Merkezi altinda) — kompakt legend */ /* grup renk anahtari — cevrimici kutusunun ICINDE (ayri kutu/zemin/cerceve yok, nokta yok); cevrimici metniyle hizali, tiklaninca grup uyeleri */ .dt-group-key{ display:flex; flex-wrap:wrap; align-items:center; gap:7px 16px; margin:9px 0 0; padding-left:28px; font-size:13px; } .dt-group-key-label{ color:var(--txt2); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.5px; margin-right:2px; } .dt-group-key-item{ font-weight:600; text-decoration:none; } .dt-group-key-item:hover{ text-decoration:underline; } /* UCP backend API durumu rozeti */ .dt-api-on, .dt-api-off{ display:inline-flex; align-items:center; gap:6px; } .dt-api-on{ color:#16a34a !important; } .dt-api-off{ color:var(--txt2) !important; } .dt-api-dot{ width:8px; height:8px; border-radius:50%; background:currentColor; display:inline-block; } /* UCP ekstra sayfalar: form + telefon + basvuru durumu */ .dt-card-sub{ margin-left:auto; font-size:12px; color:var(--txt2); font-weight:600; } .dt-form{ display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; padding:6px 0 2px; } .dt-fld{ display:flex; flex-direction:column; gap:6px; min-width:0; } .dt-fld-wide{ grid-column:1 / -1; } .dt-fld label{ font-size:12.5px; color:var(--txt2); font-weight:600; } .dt-fld input, .dt-fld select, .dt-fld textarea{ background:var(--bg2); border:1px solid var(--line); border-radius:9px; padding:10px 12px; color:var(--txt) !important; font-size:13.5px; font-family:inherit; width:100%; } html.light .dt-fld input, html.light .dt-fld select, html.light .dt-fld textarea{ background:#F4F6F8; border-color:#E3E6EC; } .dt-fld input:focus, .dt-fld select:focus, .dt-fld textarea:focus{ outline:none; border-color:var(--red); } .dt-fld input[readonly], .dt-fld textarea[readonly]{ opacity:.8; } .dt-fld textarea{ resize:vertical; } .dt-form-note{ margin:14px 0 0; font-size:12.5px; color:var(--txt2); display:flex; align-items:flex-start; gap:8px; line-height:1.55; } .dt-form-note i{ color:var(--red); flex:0 0 auto; margin-top:2px; } .dt-form-note a{ color:var(--red); } .dt-form-note a:hover{ text-decoration:underline; } /* UCP onemli bilgi kutusu (oyun sifresi vb.) — kirmizi sol-aksan callout */ .dt-note-box{ display:flex; align-items:flex-start; gap:11px; background:var(--bg2); border:1px solid var(--line2); border-left:3px solid var(--red); border-radius:9px; padding:12px 15px; margin:2px 0 18px; font-size:13px; color:var(--txt2); line-height:1.55; } .dt-note-box i{ color:var(--red); font-size:15px; margin-top:1px; flex:0 0 auto; } .dt-note-box strong{ color:var(--txt); font-weight:600; } .dt-note-box a{ color:var(--red); } .dt-note-box a:hover{ text-decoration:underline; } .dt-form-actions{ margin-top:16px; display:flex; justify-content:flex-end; } .dt-btn-primary{ display:inline-flex; align-items:center; gap:8px; background:var(--red); color:#fff !important; border:0; border-radius:9px; padding:11px 20px; font-size:13.5px; font-weight:600; cursor:pointer; } .dt-btn-primary:hover{ background:var(--red-b); } /* index.css `button:focus{ background:#fff }` tum