Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @font-face {
- font-family: GNUunifont;
- src: url(https://dl.dropboxusercontent.com/s/klcae31mnpww3nn/GnuUnifontFull-Pm9P.ttf?dl=0);
- }
- *,
- audio::-webkit-media-controls-time-remaining-display,
- audio::-webkit-media-controls-current-time-display {
- font-family: GNUunifont, ms pgothic, arial;
- cursor: url(https://leeliet.keybase.pub/site/cur330.cur), auto;
- }
- ::selection {
- color: white;
- background: #99000080;
- }
- #userWall::-webkit-scrollbar-track {
- background: transparent;
- }
- body,
- ::-webkit-scrollbar-track {
- background: #3F3F3F url(https://leeliet.keybase.pub/301884.jpg) no-repeat border-box fixed;
- background-size: cover;
- font-size: 15px;
- padding-top: 0px;
- margin-top: 0px;
- overflow-x: hidden;
- }
- ::-webkit-scrollbar {
- width: 16px;
- }
- ::-webkit-scrollbar-track {
- background-attachment: local;
- }
- ::-webkit-scrollbar-thumb {
- box-shadow: 0 0 100vh 100vh #00000075;
- background: linear-gradient(to right, #990000 0%, #70011a 50%, #a90329 70%, #c2203a 80%);
- border: #160f0f 2px solid;
- height: 10%;
- border-radius: 5px;
- }
- /* Use this CSS for applying images to the top of your page.
- body:after {
- content: " ";
- background: url(https://cdn.discordapp.com/attachments/704499836375793775/812199366113624074/moon_tae.png) no-repeat right calc(100% + 84px);
- width: 100vw;
- background-size: 25%;
- height: 100vh;
- position: fixed;
- right: 0px;
- top: 0px;
- }
- */
- #container {
- max-width: 799px;
- margin-left: auto;
- margin-right: auto;
- border: 1px solid #000000;
- background-color: white;
- background-image: radial-gradient(#76191985 10%, rgb(0 0 0 / 0%) 3%), radial-gradient(#cf000008 70%, rgb(255 255 255 / 0%) 100%);
- background-size: 10px 10px;
- background-attachment: fixed;
- background-position: 0 0, 0px 0px;
- background-color: #0000009e;
- background-repeat: repeat;
- display: flex-root;
- }
- #header {
- all: revert !important;
- height: 200px !important;
- background: #000000 !important;
- border-bottom: 1px solid #ff5555 !important;
- position: inherit !important;
- width: 100% !important;
- background: url(https://leeliet.keybase.pub/getbg1.png) no-repeat fixed center -27px !important;
- background-size: 851px !important;
- }
- #hSub {
- all: revert !important;
- font-size: 0px !important;
- position: initial !important;
- text-align: center !important;
- }
- #hSub a {
- font-size: small !important;
- }
- #hSub a:not(:nth-child(9)):after {
- content: " ▪ ";
- font-size: small;
- color: white;
- }
- .topRight,
- .topLeft {
- border: 1px solid #720000;
- padding: 0px;
- background: #160f0f;
- margin: 4px;
- margin-top: 4px;
- box-sizing: border-box;
- }
- p,
- .blog,
- .short,
- #commentInput,
- .topLeft.blogCard,
- .blurbs .blogs {
- color: #a3a3a3;
- }
- h4,
- h2,
- h5,
- h6,
- h1,
- span.fwiendCount {
- color: #e52c44;
- margin-bottom: 0px;
- }
- a {
- color: #ac0023
- }
- a:link {
- color: #f42e2e;
- text-decoration: none;
- text-transform: none;
- }
- button,
- input {
- color: white;
- background: #6d001999;
- border-radius: 4px;
- border: 1px solid black;
- }
- .rightHead,
- .boxHead,
- #hSub,
- .blogPost a div,
- #userWall~div {
- color: #ffffff !important;
- background: bottom right repeat-x, linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%)!important;
- padding: 6px !important;
- background-size: 10px, 50px;
- }
- .extended,
- .blogPost a .blogCorpus {
- background: url(https://leeliet.keybase.pub/site/f2u___city_divider_by_umieart_dbeqb9v-fullview.png) bottom right repeat-x, linear-gradient(to bottom, #a90329 0%, #650017 44%, #170005 100%);
- }
- .extended {
- margin: -1px;
- padding: 10px;
- border: 1px solid #70011a;
- color: white;
- }
- /*|| Blog list marquee*/
- .box.blurbs .blogs {
- width: initial;
- height: 5em;
- margin: 0px;
- overflow: hidden;
- border-top: 1px solid #70011a;
- }
- .box.blurbs .blogs>* {
- top: 1em;
- position: relative;
- box-sizing: border-box;
- animation: slider 7s linear infinite;
- text-align: center;
- }
- @keyframes slider {
- 0% {
- top: 5em
- }
- 100% {
- top: -6em
- }
- }
- .blogs> :nth-child(2) a:after {
- text-decoration: none;
- }
- .blogs> :nth-child(2) a:link:after {
- content: 'NEW';
- color: #fff;
- display: inline-block;
- font-size: 0.7em;
- margin-left: 7px;
- position: absolute;
- }
- a:visited:after {
- color: #160f0f;
- }
- /* || Fwiends */
- #container>.topRight>.fwiends>.fwiendCounter {
- color: white;
- text-align: center
- }
- #top>a b,
- #userWall td.tableLeft>a>div {
- background: bottom right repeat-x, linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
- text-shadow: 0px 0px 2px #160f0f;
- border-radius: 5px 5px 0px 0px;
- overflow-wrap: anywhere;
- max-height: 1em;
- text-overflow: clip;
- }
- #top>a b {
- white-space: nowrap;
- }
- #top>a img {
- width: 100%;
- height: 103px;
- object-fit: cover;
- border: 2px solid #6d0019;
- background: #6d0019;
- box-sizing: border-box;
- }
- /* || Friend Username Marquee */
- #top>a b:before {
- content: ".";
- margin-left: 0px;
- font-size: 0px;
- }
- #top>a b:hover:before {
- animation: horizonalMarquee 6s infinite linear;
- }
- @keyframes horizonalMarquee {
- 0% {
- margin-left: 100%;
- }
- 25% {
- margin-left: 0%
- }
- 60% {
- margin-left: 0%
- }
- 99% {
- margin-left: -250%;
- }
- 99.1% {
- margin-left: 200%;
- }
- 100% {
- margin-left: 100%;
- }
- }
- #top>a:hover {
- color: white;
- transition: .5s ease-in-out;
- }
- /* || Comments */
- #form>form {
- background: #72001a;
- margin-bottom: 0px;
- }
- #commentInput {
- margin: 7px;
- width: -webkit-fill-available;
- width: -moz-available;
- resize: vertical;
- height: 29px;
- max-height: 100px;
- border: 1px #9f626d solid;
- background: white;
- }
- #userWall {
- overflow: hidden;
- width: 100%;
- height: 47vh;
- overflow-y: scroll;
- margin: 0px;
- padding-top: revert;
- }
- #commentInput {
- background: #00000099;
- }
- td.shortRight {
- overflow: hidden;
- display: table-row-group;
- }
- #avatar {
- width: 180px;
- margin: 1px;
- }
- .tableLeft {
- background-color: #70011a50;
- width: 30%;
- background-clip: border-box;
- padding: 5px;
- padding-right: 5px;
- padding-left: 5px;
- }
- #userWall td.tableLeft>a>div {
- margin: auto;
- max-width: initial;
- }
- #userWall td.tableLeft>a>img {
- border: #6d0019 2px solid;
- background: #70011a;
- box-sizing: border-box
- }
- .comments {
- background-size: 10px 10px;
- background-attachment: fixed;
- background-position: 0 0, 0px 0px;
- background-color: transparent;
- }
- .tableRight {
- width: 80%;
- background: #70011a;
- padding: 15px;
- border-radius: 5px;
- }
- #userWall>tbody>tr:last-child>.tableRight {
- background: url(https://leeliet.keybase.pub/site/f2u___city_divider_by_umieart_dbeqb9v-fullview.png) bottom right repeat-x, #70011a;
- }
- td.tableRight b {
- width: 100%;
- float: right;
- text-align: right;
- }
- /* || Top Left*/
- /* || Name */
- #name {
- position: absolute;
- margin-top: -77px;
- color: white;
- animation: nameColor 6s infinite cubic-bezier(1, 2, 0, 0);
- text-shadow: 0px 0px 4px #ffffff;
- }
- @keyframes nameColor {
- 0% {
- color: #70011a;
- }
- 50% {
- color: #ffffff;
- text-shadow: 0px 0px 4px #850000;
- }
- 100% {
- color: #70011a;
- }
- }
- /* || User information */
- .short {
- margin-top: 5px;
- }
- #online>img {
- content: url(https://leeliet.keybase.pub/online.gif);
- }
- /* || Contact box */
- .boxInfo {
- border: 0px
- }
- .boxHead~a>.boxButton {
- background-size: 20px 20px;
- background-position-y: center;
- filter: contrast(0.9) brightness(2) sepia(5) hue-rotate(-63deg) saturate(10);
- }
- #sMsg {
- background-image: url(https://leeliet.keybase.pub/catmeow.gif);
- }
- #report {
- background-image: url(https://leeliet.keybase.pub/catgrr.gif);
- float: right
- }
- #add {
- background-image: url(https://leeliet.keybase.pub/catsleep.gif);
- }
- #block {
- background-image: url(https://leeliet.keybase.pub/catcry.gif);
- float: right;
- }
- /* || URL box */
- .url {
- display: none
- }
- /* || Music Player */
- .player {
- margin: 0px;
- color: white;
- background-image: url(https://i.ibb.co/ZVfPhYv/ezgif-com-gif-maker.gif), linear-gradient(to bottom, #a90329 0%, #490011 44%, #6d0019 100%);
- background-repeat: repeat-x;
- background-size: 100px;
- background-position-y: 0;
- animation: bgRoll 8s infinite linear;
- }
- .songName::before {
- content: "";
- display: block;
- width: 100%;
- height: 150px;
- background: black url(https://cdn.discordapp.com/attachments/704499836375793775/811753170317082654/unnamed.gif) top no-repeat;
- background-size: cover;
- border: 4px solid #000000;
- border-radius: 8px;
- box-sizing: border-box;
- margin-bottom: 10px;
- }
- .songName {
- padding-bottom: -10px;
- }
- @keyframes bgRoll {
- 0% {
- background-position: 0% 85%, 0px 0px;
- }
- 100% {
- background-position: 150% 85%, 0px 0px;
- }
- }
- audio {
- box-sizing: border-box;
- border-radius: 0px;
- box-shadow: 0px 3px 4px 5px #000000;
- border-radius: 30px;
- width: 115%;
- position: relative;
- right: 25px;
- border: 4px solid black;
- }
- audio::-webkit-media-controls-panel {
- background-color: black;
- box-sizing: border-box;
- }
- audio::-webkit-media-controls-panel {
- background: #6d0019;
- border-radius: 0;
- }
- audio::-webkit-media-controls-timeline {
- background: #6d0019;
- height: 1px;
- margin-left: 15px;
- }
- /*blog*/
- .blog {
- background-color: #160f0f;
- padding: 0px;
- }
- .blogs,
- .blog {
- margin-bottom: 0px;
- }
- .blogs div,
- .blog div {
- margin-bottom: 0px;
- }
- .blog> :nth-child(1) {
- position: absolute;
- }
- .blogCard .avatar {
- width: 99% !important;
- }
- .topLeft.blogCard .boxInfo{
- display:none
- }
- .topLeft.blogCard ul {
- top: 1em;
- overflow: hidden;
- position: relative;
- box-sizing: border-box;
- animation: slide 7s linear infinite;
- text-align: center;
- }
- .topLeft.blogCard> :nth-child(9) {
- border: 1px solid;
- overflow: hidden;
- text-align: center;
- border: transparent;
- }
- .topLeft.blogCard> :nth-child(9)>* {
- top: 1em;
- overflow: hidden;
- position: relative;
- box-sizing: border-box;
- animation: slider 7s linear infinite;
- display: block;
- padding: 0px;
- margin-inline-start: 0px;
- }
- #userWall~div {
- color: white;
- padding: 0px;
- }
- /* By Oddfrog */
- /* END */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement