My Universe

،اینجا
..ماورای بینهایت من است
،پرتره‌ی عمر و خیالم
'به پایان میرسد
..مگر نوشته‌هایم
!که باقی می‌ماند
  • sahar ‌‌‌‌‌‌‌
  • ۰۰/۰۳/۲۳

موقت!

يكشنبه, ۲۳ خرداد ۱۴۰۰، ۱۲:۱۰ ق.ظ

سلام.. قصه‌های‌من‌وبابایی رو بخونید!)

►
❚❚
Magic Spirit
/* ----------------------------------------------------------------------- Theme : number 4 Made by MagicSpirits - Do not remove the theme credit. - Do not repost/redistribute themes. ------------------------------------------------------------------------ */ html, body { height: 100%; margin: 0; overflow: hidden; } font-family: 'gandom'; src: url('//bayanbox.ir/download/5951560974950976253/Gandom.eot'); src: url('//bayanbox.ir/download/5951560974950976253/Gandom.eot?#iefix') format('embedded-opentype'), url('//bayanbox.ir/download/7158980145103763633/Gandom.woff2') format('woff2'), url('//bayanbox.ir/dowload/7034607442957864942/Gandom.woff') format('woff'), url('//bayanbox.ir/download/8877035923866158099/Gandom.ttf') format('tr position: fixed; z-index: 999999; top: 50px; margin-bottom: 20px; margin-right: 50px; display: flex; } /*---------------------------AUDIO---------------------------*/ /* music player skin by vitanica */ #musicplayer { position: fixed; z-index: 999999; bottom: 25px; margin-bottom: 20px; margin-right: 50px; display: flex; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } #musicplayer>*, .play>* { align-self: center; -webkit-align-self: center } .play { display: flex; min-width: 5px; height: 31px; text-align: left; padding: 0px 10px; background: #fff; /* player background */ border-left: 3px solid #16090F; /* player border */ color: #000; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; border-radius: 100%; } .music-controls, .music-controls>* { user-select: none; -webkit-user-select: none; width: 13px; font-size: 11px; cursor: pointer; } .pausee { display: none; } /* --------------------SCROLLBAR-------------------- */ ::-webkit-scrollbar { width: 13px; height: 13px; } ::-webkit-scrollbar-thumb { background-color: #A9A9A9; border-top: 13px solid #090909; border-right: 6px solid #090909; border-bottom: 13px solid #090909; border-left: 6px solid #090909; } ::-webkit-scrollbar-track { background: #090909; } .scroll { width: 30%; height: 100px; overflow-y: scroll; display: inline-block; scrollbar-width: thin; scrollbar-color: #A9A9A9 #090909; } .scroll_desc { width: 73%; height: 100px; overflow-y: scroll; display: inline-block; scrollbar-width: thin; scrollbar-color: #A9A9A9 #090909; } /* --------------------TEXT HIGHLIGHT-------------------- */ ::selection { background: #111; color: #ccc; } ::-moz-selection { background: #111; color: #fff; } .container { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "out-container"; width: 100%; height: 100%; background: #000 url('https://s4.uupload.ir/files/tumblr_p3ht4ajw5z1qg2f5co4_r1_1280_em54.png'); background-attachment: fixed; background-repeat: repeat; overflow: hidden; } .out-container { display: grid; grid-template-columns: 1.2fr; grid-template-rows: 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "in-container"; justify-self: center; align-self: center; grid-area: out-container; width: 95%; height: 90%; overflow-y: auto; direction: ltr; border: 2px solid #999; background: url('https://s4.uupload.ir/files/21_ilfn.gif'); } .in-container { display: grid; grid-template-columns: 1.2fr 0.8fr; grid-template-rows: 1fr; gap: 0px 0px; grid-auto-flow: column; grid-template-areas: "content menu"; grid-area: in-container; } .menu { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "menu-wrap"; justify-self: start; align-self: start; grid-area: menu; width: 80%; height: 450px; position: sticky; top: 0; margin-top: 150px; } .menu-wrap { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "zodiac key" "desc desc"; grid-area: menu-wrap; } /* ---------------------------------------------- key (menu) ---------------------------- */ .key { justify-self: center; align-self: center; grid-area: key; width: 100%; } .galaxy-ul { list-style: none; } aaa { font-family: "space mono", Gandom; text-transform: uppercase; line-height: 0.5em; font-size: 11px; letter-spacing: 1px; color: #A9A9A9; } aaa::after { content: ""; position: absolute; margin-top: 15px; margin-left: 6px; width: 25px; height: 0.7px; background-color: #A9A9A9; } .galaxy-ul a { margin-top: -3px; margin-left: 37px; font-family: Yomogi, Gandom; font-weight: bold; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: #A9A9A9; line-height: 3em; } .galaxy-ul a:hover { color: #DCDCDC; } /* ----------------------------------- zodiac --------------------------------- */ .zodiac { position: relative; justify-self: center; align-self: center; grid-area: zodiac; width: 70%; height: 100%; } .zodiac h1 { color: #fff; font-family: "Tillana", Gandom; font-size: 30px; text-align: center; } .pisces, .sagittarius { position: absolute; bottom: 0; transform-origin: 0% 100%; } .sagittarius { bottom: 32px; left: 5px; transform: scale(0.8, 0.8); } .mtx { background-color: #C0C0C0; } .sagittarius-orb-1, .sagittarius-orb-10, .sagittarius-orb-11, .sagittarius-orb-12, .sagittarius-orb-13, .sagittarius-orb-14, .sagittarius-orb-15, .sagittarius-orb-16, .sagittarius-orb-17, .sagittarius-orb-18, .sagittarius-orb-19, .sagittarius-orb-2, .sagittarius-orb-20, .sagittarius-orb-3, .sagittarius-orb-4, .sagittarius-orb-5, .sagittarius-orb-6, .sagittarius-orb-7, .sagittarius-orb-8, .sagittarius-orb-9 { position: absolute; width: 5px; height: 5px; border-radius: 100%; } .sagittarius-orb-1 { bottom: 115px; } .sagittarius-orb-2 { bottom: 63px; left: 3px; } .sagittarius-orb-3 { bottom: 49px; left: 7px; } .sagittarius-orb-4 { bottom: 0; left: 15px; } .sagittarius-orb-5 { bottom: 5px; left: 60px; } .sagittarius-orb-6 { bottom: -16px; left: 67px; } .sagittarius-orb-7 { bottom: 145px; left: 53px; } .sagittarius-orb-8 { bottom: 123px; left: 90px;