Report Blog Entry
Here they are in an easy to copy and paste format
<style>
/*=== Import Font Styles ===*/
@import url('https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single:wght@100..900&display=swap');
</style>
<style>
/*=== Scrollbar styles ===*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
border-radius: 0px;
width: 1px;
border: 5px inset DimGray;
}
::-webkit-scrollbar-thumb {
background: DimGray;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: DarkGray;
}
</style>
<style>
/*=== remove various features of the blog / profile page ===*/
.links{
display:none;
}
.center form{
display:none;
}
.friends{
display:none;
}
.copyright{
display:none;
}
footer p{
display:none;
}
</style>
<style>
/*=== single column blog layout ===*/
.container{
width:100%;
}
</style>
<style>
/*=== background image ===*/
main{
background-image: url('https://trasevol.dog/wp-content/uploads/2016/12/pico-8_256.gif?w=736');
no-repeat fixed;
background-color: rgba(0,0,0,.75);
background-blend-mode: darken;
background-size:cover;
}
</style>
<style>
/*=== Use Imported Font Styles ===*/
p{
text-shadow: 0 0 15px rgba(255, 255, 255, 0.95); /* Adjust values for desired effect */
color:gainsboro; /* color of font */
font-family: "Bitcount Prop Single", system-ui; /* Put Your Font Name Here */
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"slnt" 0,
"CRSV" 0.5,
"ELSH" 0,
"ELXP" 0;
}
h1,h2,h3,h4,h5
{
text-shadow: 0 0 15px rgba(255, 255, 255, 0.95); /* Adjust values for desired effect */
color:white; /* color of font */
font-family: "Bitcount Prop Single", system-ui; /* Put Your Font Name Here */
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"slnt" 0,
"CRSV" 0.5,
"ELSH" 0,
"ELXP" 0;
}
</style>
<style>
/*=== Background fixes for Blogs ===*/
body{
background:#000;
}
footer{
background:#000;
}
/*=== Imported Font Styles Blog Fix ===*/
.article .edit-info .author-details .category{
text-shadow: 0 0 15px rgba(0, 0, 0, 0.95); /* Adjust values for desired effect */
color:#E400F5;
font-family: "Bitcount Prop Single", system-ui;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"slnt" 0,
"CRSV" 0.5,
"ELSH" 0,
"ELXP" 0;
}
/*=== Edit the Author Box for Blogs ===*/
.article .edit-info .author-details .publish-date{
color:black;
}
.comments-table td:first-child{
background: #87CEFA;
background: linear-gradient(275deg,rgba(135, 206, 250, 1) 0%, rgba(199, 87, 87, 1) 50%, rgba(0, 0, 0, 0.79) 100%);
}
/*=== Comment Boxes for Blogs===*/
.comments p
{
color:black;
}
.comments a p
{
color:lightskyblue;
text-emphasis: "❤️";
}
.comments-table td{
background: #87CEFA;
background: linear-gradient(90deg,rgba(135, 206, 250, 1) 0%, rgba(199, 87, 87, 1) 50%, rgba(0, 0, 0, 0.79) 100%);
}
.edit-info{
background: #87CEFA;
background: linear-gradient(275deg,rgba(135, 206, 250, 1) 0%, rgba(199, 87, 87, 1) 50%, rgba(0, 0, 0, 0.79) 100%);
}
.comment-replies{
border-style:dashed;
border-image: linear-gradient(to right, #87CEFA, #C75757, #000000) 30;
border-image: url("https://gordhaggerty.com/fun/fab/img/8bitgordhappy.png") 300 /
19px round;
}
/*=== Button Styles for Comments ===*/
.comments-table button {
color: #fff;
background-color: #6abc3a;
font-size: 9px;
margin:5px;
box-shadow: 0px 5px black, 0px -5px black, 5px 0px black, -5px 0px black, 0px 10px #00000038, 5px 5px #00000038, -5px 5px #00000038, inset 0px 5px #ffffff36 ;
cursor: pointer;
}
.comments-table button:active {
transform: translateY(5px);
box-shadow: 0px 5px black, 0px -5px black, 5px 0px black, -5px 0px black,inset 0px 5px #00000038;
}
.comments-table td:first-child img:not(.icon){
width:100%;
}
/*=== Nav Background ===*/
nav .top {
background: linear-gradient(90deg, rgba(135, 206, 250, 1) 0%, rgba(199, 87, 87, 1) 50%, rgba(0, 0, 0, 0.79) 100%);
}
/*=== Edit Likes/Kudos Area ===*/
.blog-entry .kudos-btn {
color:lightskyblue;
font-family: "Bitcount Prop Single", system-ui;
}
.blog-entry .comments .heading{
border-top:0;
}
</style>
<style>
/*=== Class Declarations for animations and effects ===*/
/*=== Tilty Words (mix for best results) ===*/
.tilt-l {
transform: rotate(-2deg);
}
.tilt-r {
transform: rotate(2deg);
}
.tilt-l2x {
transform: rotate(-5deg);
}
.tilt-r2x {
transform: rotate(5deg);
}
.tilt-l, .tilt-r, .tilt-l2x, .tilt-r2x, .bottom{
text-shadow: 0 0 15px rgba(255, 255, 255, 0.95); /* Adjust values for desired effect */
color:white;
font-family: "Bitcount Prop Single", system-ui;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings:
"slnt" 0,
"CRSV" 0.5,
"ELSH" 0,
"ELXP" 0;
}
/*=== Hide Things ===*/
.hide { display: none; }
/*=== Vertical Writing ===*/
span.veritcal {
writing-mode: vertical-rl;
}
/*=== Rainbow monospace letters ===*/
.rainbow-letters {
font-size: 40px;
font-family: sans-serif;
text-transform: uppercase;
}
.rainbow-letters span:nth-child(10n + 1) {
color: #ef5350;
}
.rainbow-letters span:nth-child(10n + 2) {
color: #ab47bc;
}
.rainbow-letters span:nth-child(10n + 3){
color: #651fff;
}
.rainbow-letters span:nth-child(10n + 5){
color: #3949ab;
}
.rainbow-letters span:nth-child(10n + 4) {
color: #2196f3;
}
.rainbow-letters span:nth-child(10n + 6){
color: #00bcd4;
}
.rainbow-letters span:nth-child(10n + 7){
color: #4caf50;
}
.rainbow-letters span:nth-child(10n + 8){
color: #ffc107;
}
/*=== Banner at the Top of Blog ===*/
.banner {
background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*=== Flipping Letters/Images ===*/
.waviy {
position: relative;
}
.waviy span {
position: relative;
display: inline-block;
font-size: 40px;
color: #fff;
text-transform: uppercase;
animation: flip 2s infinite;
animation-delay: calc(.2s * var(--i))
}
.waviy img{
position: relative;
display: inline-block;
text-transform: uppercase;
animation: flip 2s infinite, invertAnimate 3s ease-in-out infinite alternate, disapear 5s infinite;
animation-delay: calc(.2s * var(--i))
}
@keyframes flip {
0%,80% {
transform: rotateY(360deg)
}
}
/*=== Sliding Image in Blog ===*/
@keyframes slide{
from {left: calc(-50% + 100px);}
50% {left: calc(50% - 100px);}
to {left: calc(-50% + 100px);}
}
/*=== Invert Image and Return to Normal ===*/
@keyframes invertAnimate {
0% {
filter: invert(0%);
}
50% {
filter: invert(100%);
}
100% {
filter: invert(0%);
}
}
/*=== Make a disapearring image / div ===*/
@keyframes disapear{
0% {
opacity: 100%;
}
50% {
opacity: 0%;
}
100% {
opacity: 100%;
}
}
/*=== Two column recipe Blog===*/
.recipe {
width:100%;
}
div#ingredients {
width: 40%;
display:inline;
float:left;
}
div#instructions {
width: 40%;
float:right;
display:inline;
}
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
snowman
this is so sick ily for this
anytime <3 if you need something more specific let me know I can take a look at it.
by GordieHaggs; ; Report