<style>
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://i.imgur.com/QpnTsrV.jpg);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
} </style>
<style>:root {
--logo-blue: light purple ;
--darker-blue: light purple ;
--lighter-blue: light purple ;
--even-lighter-blue: light purple ;
--lightest-blue: light purple ;
--dark-orange: light purple ;
--light-orange: light purple ;
--even-lighter-orange: black ;
<style/>
<style>nav {
overflow-x: hidden;
position: middle;
}
nav .top {
background: transparent;
}
nav .links {
background: rgba(0, 0, 0, 0.3);
}
nav { background-image: url(http://dl7.glitter-graphics.net/pub/3463/3463407wtb3scxzrd.gif); }</style>
<style>main:before {
width: 100%;
height: 350px;
display: block;
content: "";
background-image: url('http://dl7.glitter-graphics.net/pub/3463/3463407wtb3scxzrd.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}</style>
<style>
body {
font-family: Courier;
font-size: 15pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
h1 {
color: red;
text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;
}
h1, h2, h3, h4,p {color: red;}
:root {
--black: black;
</style>
<style>
#comments .inner {
max-height: 545px;
overflow: scroll;
}
</style>
<style>table table table td img { display:inline; }table td td{ width:0; } table { width:450px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:220px!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:170px!important; display:block; } embed,object { display:block;width:220px;height:38px; } table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }</style>
<style>
main{background:#00000088} table, tr, td { background-color:transparent;}div table tr td {background-color: BD9D00 !important;}div table tr td a:link, div table tr td a:visited, div table tr td a:hover {color: DDCCEE !important; font-weight: bold !important;}table {background-color: transparent !important;}table table table td {background-color: A50000 !important;}table table table table td {color: FFFFFF !important;}.clearfix {background-color: 000000 !important;}.profileInfo {border: 000000 2px solid !important;}.interestsAndDetails, .userProfileDetail, .contactTable {background-color: 000000 !important; border: BD9D00 2px solid !important; width: 200px !important;}.extendedNetwork , .latestBlogEntry, .blurbs, .friendSpace,.friendsComments {background-color: 000000 !important; border: FF0000 2px solid !important;}span, .btext, .redtext15 {background-color: transparent !important;}a {font-weight: normal !important; color: FF9BD4 !important;}b, span, .btext, .orangetext15, .whitetext12 {color: transparent !important;}.text {color: 000000 !important;}.blacktext8 {color: FF0000 !important;}a.text:link, a.text:visited {font-weight: bold; color:FF0000 !important;}div object {background-color: A50000 !important; border: FF0000 2px solid !important;}ul li div span div {background-color: FF0000 !important; border: FF0000 2px solid !important;}table.contactTable tr td.text {background-color: 000000 !important;}table.contactTable td.tdborder table td{background-color: 000000 !important;}table.contactTable td.tdborder{background-color: 000000 !important;}div ul li a.open:link,div ul li a.open:visited,div ul li a.open:hover{background-color: 1548ae !important;}div ul li small{color: FF0000 !important;}.bodyContent{background-color: transparent;}body {background:url(http://dl7.glitter-graphics.net/pub/3463/3463407wtb3scxzrd.gif);background-attachment:fixed;background-repeat:repeat;}table tr td div, div div a.text:link, div div a.text:visited, div div a.text:hover, div div a.text:active, div div p a:link, div div p a:visited, div div p a:hover, div div p a:active {color: FFFFFF !important;}
.profile .contact { background: url(http://dl7.glitter-graphics.net/pub/3463/3463407wtb3scxzrd.gif);
background-size: cover;
background-position: center;
}
</style>
<style>body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('http://dl7.glitter-graphics.net/pub/3463/3463407wtb3scxzrd.gif');
background-size: cover;
background-repeat: no-repeat;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
<style/></style>
<style>
footer {
border-radius: 15px;
background-image: url(http://dl7.glitter-graphics.net/pub/3463/3463407wtb3scxzrd.gif);
}
</style>
<style>
/* profile-info */
.profile-info {
position: fixed;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100vw;
border: 0;
z-index: 20;
-webkit-backdrop-filter: blur(20px);
}
.profile-info a {
color: #FFF;
}
.profile-info { border:double 0px #00000088;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;
background-size: contain;
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )