#studyApp{ max-width:600px; margin:auto; font-family:Arial, sans-serif; text-align:center; background:white; padding:10px; position:relative; } /* MODE SWITCH */ .modeSwitch{ display:flex; justify-content:center; gap:10px; margin-bottom:15px; } .modeSwitch button{ padding:8px 16px; border:none; border-radius:8px; cursor:pointer; background:#ddd; } .modeSwitch button.active{ background:#2575fc; color:white; } /* TITLE */ #timerTitle{ font-weight:bold; margin-bottom:6px; color:#444; } /* DISPLAY */ .display{ font-size:8vw; /* responsive */ margin:10px 0; white-space: nowrap; /* tek satır */ line-height: 1; } .hourMinute{color:#000;} .second{color:#777;} .separator{ width:90%; height:4px; background:#ccc; margin:8px auto; border-radius:3px; } .status{ color:#777; margin-bottom:12px; } /* BUTTONS */ .controls button{ padding:10px 18px; margin:5px; border:none; border-radius:8px; background:linear-gradient(135deg,#2575fc,#6a11cb); color:white; cursor:pointer; } .controls button:hover{ opacity:0.9; } /* SIDE MENU */ #sideMenu{ position:fixed; top:90px; left:-380px; width:380px; background:#d8d8d8; border-radius:10px; padding:18px; transition:0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:999; font-size:12px; } #sideMenu.open{ left:10px; } .menuTitle{ font-weight:bold; margin:10px 0; font-size:14px; } /* TEMPLATE */ .template{ border:2px solid #ccc; border-radius:10px; padding:8px 12px; margin-bottom:8px; cursor:pointer; background:white; transition:0.2s; font-size:14px; display:flex; justify-content:space-between; align-items:center; } .template:hover{ background:#2575fc; color:white; border-color:#2575fc; } /* MANUAL */ .manualRow{ display:flex; gap:10px; justify-content:center; margin-bottom:10px; font-size:14px; } .manualRow input{ width:70px; padding:5px; text-align:center; } .manual button{ padding:6px 14px; border:none; border-radius:6px; background:#2575fc; color:white; cursor:pointer; display:block; /* ortalamak için */ margin:0 auto; /* ortalamak için */ } /* FULLSCREEN ORTALAMA */ :fullscreen #studyApp, :-webkit-full-screen #studyApp { display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; } Geri Sayım Sayacı Güncel Saat 00:00:00 Başlat Sıfırla Zaman Ayarla ⛶ 00:00:00 ⛶ Hazır Şablonlar LGS SAYISAL BÖLÜM80 DK LGS SÖZEL BÖLÜM75 DK TEMEL YETERLİLİK TESTİ (TYT)165 DK ALAN YETERLİLİK TESTİ (AYT)180 DK 1 DERS SAATİ40 DK MANUEL AYARLAMA Saat Dakika TAMAM let selectedTime=0; let endTime=0; let timer=null; let running=false; const display=document.getElementById("timerDisplay"); const status=document.getElementById("statusMsg"); const startBtn=document.getElementById("startBtn"); const title=document.getElementById("timerTitle"); function updateDisplay(sec){ if(sec