/* Begin text styling / body { font-family: "Comic Sans MS"; background-color: #FFB057 !important; background-image: url(%%bbc%%); content: "oh man i am not good with computer plz to help"; text-transform: uppercase; font-size: 25px !important; } h1 { color: green !important; text-align: center; } p { font-family: "Courier New" !important; font-size: 25px; background: yellow; border: 20px solid blue; } .md p { font-family: "Arial", sans-serif !important; } a:hover { font-size: 350px; color: green; transform: rotateY(360deg); } / End text styling */
/* Begin header styling */
background-color: #FF00FF; } /* End header styling */
/* Begin sidebar styling / .side { background-color: blue; } .title a:before { content: url(%%jizz%%); } div.titlebox span.number { font-weight: bold; color: purple; } div.titlebox span.number:before { content: "pots and pans" } div.titlebox span.number:after { content: "hammocks are love" } div.titlebox span.word { display: none } .side blockquote + hr { border-width: 0; width: 0; background-color: transparent; margin: 10px 0 0; } / End sidebar styling */
/* Begin footer styling / .footer-parent { height: 800px; padding-top: 0px; padding-bottom: 0px; clear: both; text-align: center; width: 100%; } .footer-parent:after { content: "♥♥♥ liek dis cry evertim "; font-size: 120px; background: white !important; } / End footer styling */
/* Begin announcement sticky / div.content { / This lowers the links to create space / margin-top: 50px; } .titlebox form { / Hack to enable repositioning of child elements / position: static; } .side h3:nth-of-type(1) { / This code positions the sticky / position: absolute; display: block; top: 130px; left: 40px; / This code styles the sticky / background-color: #119911; color: #555555; text-align: left; margin: 15px; border-radius: 8px; width: 50%; padding: 7px 0px 7px 40px; } / End announcement sticky */
/* Begin username things / .link:not(.spam) .author, .comment .author, .side .author { display: none !important; } .userattrs, .userattrs * { font-size: 0; text-indent: -9999px; overflow: hidden; visibility: hidden !important; } .spam .author + * { display: none !important; } .userattrs:before, .userattrs:after { font-size: 10px; visibility: visible !important; } .author + *:before { content: "Anonymous "; color: #369; } .comment .author + *:before { font-weight: bold; } .author.moderator + *:after, .side .author + *:after { content: " ## Mod ##"; color: #900; } / End username things */
/* Begin OH MAN / p:after { content: "oh man i am not good with computer plz to help"; } a:after { content: "oh man i am not good with computer plz to help"; } body:after { content: "oh man i am not good with computer plz to help"; font-size: 120px !important; } / End OH MAN */
/* Begin floating images / .titlebox .md h5 { visibility: hidden; height: 0; margin: 0; } .titlebox .md h5:after { visibility: visible; position: absolute; z-index: 99; } .titlebox .md h5:nth-of-type(1):after { content: url(%%pony%%); bottom: 0; right: 0; } .titlebox .md h5:nth-of-type(2):after { content: url(%%pony2%%); bottom: 0; left: 0; } .titlebox .md h5:nth-of-type(3):after { content: url(%%garlic%%); bottom: 0; left: 600px; animation: garlicspin 4s linear infinite; } @keyframes garlicspin { 100% { transform: rotate(360deg); } } .titlebox .md h5:nth-of-type(4):after { content: url(%%procss%%); top: 200px; left: 300px; transform: scale(3); } / End floating images */
/* Begin body bob / body { animation: bodyspin 5s linear infinite; } @keyframes bodyspin { 0% { transform: rotate(0deg); } 25% { transform: rotate(-0.01deg); } 75% { transform: rotate(0.01deg); } 100% { transform: rotate(0deg); } } / End body bob */
/* Begin flip page on X axis - requires body bob to be disabled / /body { transform: rotateX(180deg); }/ / End flip page */
/* Begin #header-img background color change */ @keyframes header-img { 0% { background: red; } 25% { background: yellow; } 50% { background: blue; } 75% { background: green; } 100% { background: red; } }
animation: header-img 5s linear infinite; } /* End #header-img background color change */
/-------------------OLD ANIMATIONS-------------------/
/* Begin spinning everything on hover except important things / /* { transition: 200ms linear all; } :hover { transform: rotate(180deg); } body:hover, .content:hover { transform: none; }/ /* End spinning everything on hover except important things */
/* Begin spinning things / / @keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg); } } * { font-size: 100%; border-radius: 500px; border: 2px solid black; animation: spin 2s linear infinite !important; } / / End spinning things */
/------------------------------------------------------ BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG BIG DOG = BEST DOG -------------------------------------------------------/