left column~

/* REMOVED CODE */ /*7css scroll bar*/ /*::-webkit-scrollbar {width: 16px}::-webkit-scrollbar-corner {background: #eee} ::-webkit-scrollbar-track:vertical {background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);} ::-webkit-scrollbar-thumb {border: 1.5px solid #888;border-radius: 3px;box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;background-color: #eee;} ::-webkit-scrollbar-thumb:vertical {background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);background-repeat: no-repeat;background-size: 65% auto, cover;background-position: center;} ::-webkit-scrollbar-button:vertical:end:increment, ::-webkit-scrollbar-button:vertical:start:decrement {display: block} ::-webkit-scrollbar-button:vertical {height: 15px} ::-webkit-scrollbar-button:vertical:start:decrement {background: white;background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);background-repeat: no-repeat;background-position: center;-moz-background-size: 100% auto, cover;-webkit-background-size: 100% auto, cover;-o-background-size: 100% auto, cover;background-size: 100% auto, cover;background-position: center;border-radius: 0 3px 0 0;} ::-webkit-scrollbar-button:vertical:start:increment {display: none;} ::-webkit-scrollbar-button:vertical:end:decrement {display: none;} ::-webkit-scrollbar-button:vertical:end:increment {background: white; background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);background-repeat: no-repeat;background-position: center;-moz-background-size: 100% auto, cover;-webkit-background-size: 100% auto, cover;-o-background-size: 100% auto, cover;background-size: 100% auto, cover;background-position: center;border-radius: 0 0 3px 0;}*/ .oneone {position: absolute;top: 2.5em;left: 60px;} .two {margin-top: 10px; background: white; border: 1px solid black;border-radius: 5px; padding: 5px;width: 190px;height: 290px;} .twotwo {background: #01f1f1; width: 160px:height: 235px; border-radius: 5px;padding: 15px; margin-top: 1px;margin-left: 1px;margin-bottom: 2.75px; box-shadow: 0 0 8px 8px white inset;} .hello {background: white; width: 145px;height: 195px; padding: 5px;margin-top: 5px;margin-left: 1px;margin-bottom: 5px; border: 2px inset #01f1f1; box-shadow: inset 13px 0 6px -10px rgb(66 66 66 / 30%), inset -13px 0 6px -10px rgb(66 66 66 / 30%), inset 0 13px 6px -10px #f0f0f0, inset 0 0 0 -10px rgb(66 66 66 / 30%); overflow-y: scroll; font-size: 1.125em; line-height: 1.375em;} age { font-family:'kiwi'; font-size: 1.375em; color: white; font-weight:bold; filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px #9fe11d) drop-shadow(0 -1px #9fe11d) drop-shadow(1px 0 #9fe11d) drop-shadow(-1px 0 #9fe11d);} .three { margin-top: 10px; background: #FFF; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 60, 140, 1) 100%); border: 1px solid black; border-radius: 5px; padding: 5px; width: 190px; height: 142px;} .icon { width: 45px; height: 120px; position: absolute; left: 131px; top: 27.75em;} .window { box-shadow: none !important; border: none !important; border-radius: 5px !important;} .tabs { width: 425px; margin-left: 5px; margin-top: 5px;} .tabs [role="tabpanel"] { height: 250px; padding: 0px !important; overflow-y: scroll;} [role="tab"]:nth-of-type(2)[aria-selected="false"], [role="tab"]:nth-of-type(3)[aria-selected="false"] {border-left: none;} [role="tab"]:first-of-type {margin-left: -3px !important;padding-left: -3px !important;} .gray { width: max; background: #e1e1e1; padding: 5px; line-height: 1.25em;} guest { color: #0078c8;} .white { width: 397px; background: white; padding: 5px; line-height: 1.25em;} .name {color: #ed7014;} .buttons-n-blinkers { margin-top: 10px; margin-left: 10px; overflow: hidden; position: relative; width: 415px;} @keyframes marquee { 0% {transform: translateX(100%);} 100% {transform: translateX(-100%);}} .buttons-n-blinkers > div { animation: marquee 10s linear infinite; animation-play-state: paused; animation-delay: -5s; /* This MUST be -duration/2 */ width: 100%; min-width: fit-content; text-wrap: nowrap;} .buttons-n-blinkers > div.follower { position: absolute; top: 0; animation-delay: 0s;} .buttons-n-blinkers > div.play { animation-play-state: running;} .buttons-n-blinkers:hover > div.play { animation-play-state: paused;} Mood: happy