bbyiu

@font-face { font-family: "Intro"; src: url(https://dl.dropbox.com/s/6ljrkkvsmj7m2fx/Intro.otf); format("truetype"); } #bbyiu { width: 750px; height: 550px; background: #e7eaed; overflow: hidden; border: 1px solid #ddd; } #bbyiu .topbar { position: relative; top: 10px; height: 40px; background: #fff; width: 750px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #bbyiu .circles { height: 20px; width: 20px; background-color: #04B404; border-radius: 50%; position: absolute; top: 235px; left: 375px; display: inline-block; } #bbyiu .circles2 { height: 20px; width: 20px; background-color: #ffcc00; border-radius: 50%; position: absolute; top: 235px; left: 400px; display: inline-block; } #bbyiu .circles3 { height: 20px; width: 20px; background-color: #cc0000; border-radius: 50%; position: absolute; top: 235px; left: 425px; display: inline-block; } #bbyiu .arrow1 { color: #babcbe; font-size: 20px; position: absolute; top: 10px; left: 10px; } #bbyiu .arrow2 { color: #babcbe; font-size: 20px; position: absolute; top: 10px; left: 45px; } #bbyiu .link { position: absolute; background: #eaeced; padding: 10px 20px; width: 565px; height: 10px; top: 4px; left: 105px; border-radius: 20px; border: 1px solid #ddd; font: 12px Arial, sans-serif; color: #000; line-height: 100%; } #bbyiu .reload { color: #babcbe; font-size: 18px; position: absolute; top: 11px; left: 75px } #bbyiu .dot { color: #babcbe; font-size: 20px; position: absolute; top: 1px; left: 650px; } #bbyiu .star { float: right; margin-right: -5px; margin-top: -1px; } #bbyiu .name { position: absolute; color: #000; width: 560px; top: 10px; left: -200px; border-radius: 20px; font-family: arial; font-size: 12px; line-height: 100%; } #bbyiu .pagename { position: relative; background: transparent; border: none; height: 10px; width: 500px; left: -135px; display: inline-block; top: 5px; padding: 10px; font-family: arial; color: #5f6368; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 100%; border-radius: 5px 5px 0px 0px; margin-right: -3px; text-align: center; } #bbyiu .image { width: 750px; height: 200px; background-blend-mode: multiply; background-color: #990000; background-image: url(https://www.allkpop.com/upload/2017/11/af_org/23064025/red-velvet-irene.jpg) center/cover; position: absolute; top: 40px; transition: all 2s ease-in-out; } #bbyiu .image:hover { filter: grayscale(100%); } #bbyiu .postagem { width: 100%; box-sizing: border-box; height: 322px; padding: 5px; background: #fff; position: absolute; top: 190px; outline: 1px solid #000; outline-offset: -5px; overflow: auto; } #bbyiu .post { width: 100%; height: 312px; box-sizing: border-box; overflow: hidden; } #bbyiu .write { width: 100%; height: 300px; box-sizing: border-box; font: 13px Arial, sans-serif; color: #000; padding: 20px; text-align: justify; line-height: 150%; overflow: auto; position: relative; bottom: -10px; } #bbyiu .write span { font: 14px 'Montserrat', sans-serif; text-transform: uppercase; color: #c40000; text-shadow: 2px 1px 1px #fafafa; text-align: center; padding: 10px; } #bbyiu .titulo { font: 40px Intro, sans-serif; padding-top: 5%; color: #fff; text-shadow: 2px 1px 1px #111; text-align: center; text-transform: uppercase; line-height: 160%; transform: translate(-0%, -0%); isolation: isolate; } #bbyiu .datas { font: 13px 'Montserrat', sans-serif; text-transform: uppercase; color: #fff; text-shadow: 2px 1px 1px #111; position: relative; bottom: 10px; text-decoration: underline; } #bbyiu .titulo::first-letter { color: #990000; } #bbyiu .photo { width: 665px; height: 250px; background: url(https://img.kpopmap.com/2017/12/9i9i9i9i9i9i.jpg) center/cover; } #bbyiu .legenda { font: 10px 'Montserrat', sans-serif; text-transform: uppercase; color: #000; text-align: center; padding: 10px; } #bbyiu .write::-webkit-scrollbar { width: 10px; background: transparent; color: #000; } #bbyiu .write::-webkit-scrollbar-thumb { width: 1px; height: 10px; color: #000; } #bbyiu .write:after { content: "「♡」"; font: 12px 'Montserrat'; color: #111; text-transform: uppercase; text-align: center; letter-spacing: -.5px; opacity: .5; postion: relative; top: 180px; left: 360px; } #bbyiu .write:hover::after { content: "「AMERICAN QUEEN ♡ ROYALTY CODES」"; }