dave??

idk man
avatar
unknown
html
2 years ago
14 kB
3
Indexable
<style type="text/css">
 
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Homemade+Apple&family=Press+Start+2P&family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Mr+Dafoe&family=Nanum+Pen+Script&display=swap');
 
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Alex+Brush|Poiret+One|Oswald|Berkshire+Swash');
@import url('https://fonts.googleapis.com/css?family=Abel|Freehand|Bangers|Reggae+One|Teko|Syne+Mono|Cinzel|Architects+Daughter|Julius+Sans+One|DM+sans|Bebas+Neue&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Syncopate&display=swap');
 
 
#music{position:fixed;
 bottom:203px;
 left:58px;
 z-index:99;
 }
 
 
 #music1{
 position:fixed;
 padding:2px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;}
 
 #music1:hover #music2{
 opacity:0.7;
 margin-top:-25px;
 z-index:-1;}
 
 #music1:hover #music3{
 opacity:0.7; 
 margin-top:0px; 
 z-index:99;}
 
 #music1:hover #musiclist{ opacity:1;}
 
 
 #music3{
 position:fixed;
 width:120px;
 height:120px;
 background-size: 120px;
 background-image: url('https://i.imgur.com/SilrCKJ.png'); 
 background-repeat: no-repeat;
 background-position: 50% 0%; 
 padding-left:8px;
 padding-right:8px;
filter: drop-shadow(-1px 1px 1px #F77845) drop-shadow(1px 0px 2px #F77845) drop-shadow(0px -1px 2px #F77845);
 z-index:99;
 margin-left:0px;
 overflow:hidden;
 background-color: transparent;
 opacity:1.0;}
 
body, a:hover {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur818.cur), auto !important;} 
 
 
#profile { border: hidden; background-color: transparent; }
.pfor {display:none;}
 
::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #dec343;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #dec343;border: 0px ;width: 0px;}
 
a {color: #EADCB4;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }
 
 a:hover {color: white;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }
 
 
body{
 
 height: 100%;
 background: linear-gradient( darkblue 50%, cyan 100%);
 overflow: hidden;
}
 
#title {
 position:fixed;
 font-size:80px;
font-weight:800;
 font-family: 'Press Start 2P';
 bottom:50px; 
 left:275px;
 background:url(https://thumbs.gfycat.com/EllipticalBoringAlpineroadguidetigerbeetle-size_restricted.gif);
padding:10px;
background-position: 0px;
background-size:cover;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 letter-spacing:5px;
 filter: brightness(130%) contrast(110%)saturate(105%) drop-shadow(-1px 1px 1px black) drop-shadow(1px 0px 2px red) drop-shadow(0px -1px 2px black);
 color: hotpink;
 z-index:999;
 
}
 
#titleoverlay {
 position:fixed;
 font-size:80px;
font-weight:800;
 font-family: 'Press Start 2P';
 bottom:50px; 
 left:275px;
 color:red;
padding:10px;
opacity:0.8;
 letter-spacing:5px;


 z-index:999;
 
}

#cred{
 height: 135px;
 width: 135px;
 position:absolute;
 left: 700px;
 bottom: 5px;
 z-index: 999;
}
 
.bigblock{
 background: linear-gradient( white 0%, lightgray 100%);
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 line-height:20px;
 color:#C5CDDA;
 left: 250px;
 bottom: 50px;
 height: 550px;
 width: 900px;
 padding: 8px;
 opacity:0.9;
 overflow:auto;
border-radius:10px;
 border: solid red 2px;
 filter: contrast(110%)saturate(165%) drop-shadow(-1px 1px 1px red) drop-shadow(1px 0px 6px darkred) drop-shadow(0px -1px 2px red);
 color: red;
 text-shadow: 2px 2px 1px #000, 2px 2px 1px #000 ;
 z-index:8;
}
 
 
#textimage { 
 position:absolute;
 background-image:url('https://i.imgur.com/vtgFVwx.png');
 background-repeat: no-repeat;
 background-size: cover;
 position:fixed; 
 left: 430px ; 
 bottom:53px; 
 height:650px;
 width: 860px;
 opacity: 1;
filter: contrast(110%)saturate(105%) drop-shadow(-1px 1px 1px red) drop-shadow(1px 0px 6px darkred) drop-shadow(0px -1px 2px red);
 z-index:399;
 overflow: hidden;
}
 
 
 
#textimage2 { 
 position:absolute;
 background-image:url('');
 background-repeat: no-repeat;
 background-size: cover;
 position:fixed; 
 left: 800px ; 
 bottom:55px; 
 height:330px;
 width: 260px;
 opacity:0;
 z-index:9;
 filter: contrast(160%)brightness(45%);
 overflow: hidden;
-moz-transition: all 1.0s ease-in-out;
 -ms-transition: all 1.0s ease-in-out;
 -o-transition: all 1.0s ease-in-out;
 transition: all 1.0s ease-in-out; 
}
 
#textimage2:hover{
 opacity:1;
-moz-transition: all 1.0s ease-in-out;
 -ms-transition: all 1.0s ease-in-out;
 -o-transition: all 1.0s ease-in-out;
 transition: all 1.0s ease-in-out; 
}

.box{
 background-color: #E8E8E8 ;
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 left: 403px;
 bottom: 154px;
 height: 170px;
 width:370px;
 padding: 8px;
 overflow:auto;
 border-radius: 10px;
 opacity:0.9;
 border: solid red 2px;
 z-index:900;
}
 
.infobox{
 background-color: transparent ;
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 left: 403px;
 bottom: 164px;
 height: 150px;
 width:370px;
 padding: 8px;
 overflow:auto;
 border-radius: 10px;
 border: solid transparent 2px;
 z-index:901;
 
}
 
.box2{
 background-color: #E8E8E8 ;
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 left: 303px;
 bottom: 374px;
 height: 170px;
 width:370px;
 padding: 8px;
opacity:0.9;
 overflow:auto;
 border-radius: 10px;
 border: solid red 2px;
 z-index:10;
}

 
.infobox2{
 background-color: transparent ;
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 left: 303px;
 bottom: 371px;
 height: 155px;
 width:350px;
 padding: 8px;
 overflow:auto;
 border-radius: %;
 border: solid transparent 12px;
 z-index:999;
}
 
 
.smallbox{
 background-color: transparent;
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 line-height:25px;
 color:#A6A5A6;
 left:588px;
 bottom: 223px;
 height: 150px;
 width: 150px;
 padding: 68px;
 overflow:auto;
 opacity:0.9;
 z-index:10;
}
 
.smallinfobox{

 background-color: transparent;
 position: fixed;
 font-family: 'Bebas Neue';
 font-size: 18px;
 font-weight: normal;
 line-height:25px;
 color:#A6A5A6;
 left:-18px;
 bottom: 223px;
 height: 150px;
 width: 150px;
 padding: 68px;
 overflow:auto;
 opacity:0.9;
 z-index:10;
}
 

 
.smallinfobox2{
 background-color: transparent;
 position: fixed;
 left:768px;
 bottom: 223px;
 height: 100px;
 width: 140px;
 padding: 8px;
 overflow:auto;
 border-radius: %;
 border: solid transparent 12px;
 color: #7B2832;
 z-index:11;
}
.overlay { position: absolute; 
 top: 0vh; 
 left: 0vw; 
 height: 100vh; 
 width: 100vw; 
 background-image: url("https://i.imgur.com/DrsL6uE.png");
background-size:cover; 
filter: contrast(110%)saturate(145%)brightness(90%);
 opacity: 0.7;
 color:magenta;
 pointer-events:none;
 z-index: -1;
 filter: blur(3px);
}
 

 
.friendlist{ 
 Height: 70px; 
 Width: 70px; 
 border-radius: ; 
background-color:transparent;
 filter: drop-shadow(1px 0px 1px red) drop-shadow(0px -1px 2px red);
 Margin-left: 4px; 
 opacity:.8;
 -webkit-transition: all .5s ease-in-out; 
 -moz-transition: all .5s ease-in-out; 
 -o-transition: all .5s ease-in-out; 
 -ms-transition: all .5s ease-in-out; 
} 
 
.friendlist:hover { 

filter: drop-shadow(1px 0px 1px darkred) drop-shadow(0px -1px 2px black);
 opacity:1;
 -webkit-transition: all .5s ease-in-out; 
 -moz-transition: all .5s ease-in-out; 
 -o-transition: all .5s ease-in-out; 
 -ms-transition: all .5s ease-in-out; 
}
 
 
h1 {

 color:lightgray;
 font-family: 'Cinzel' ;
 font-size: 20px;
 text-transform: ;
 letter-spacing: 12px;
 text-align: center;
 text-indent: 0px;
 letter-spacing: 2px;
 padding: 0px;
 filter: drop-shadow(-1px 1px 1px #4A5C6F) drop-shadow(1px 0px 1px #040A17) drop-shadow(0px -1px 2px #040A17);
}
 
b{
 font-family:Julius sans one;
 line-height:26px;
 font-weight:800;
 text-transform:;
 font-size:15px;
 padding:px;
 margin-bottom:2px;
 margin-top:2px;
 width:auto;
 color: lightgray;
 filter: drop-shadow(-1px 1px 1px #4A5C6F) drop-shadow(1px 0px 1px #040A17) drop-shadow(0px -1px 2px #040A17);
}
 
i{
 background:transparent;
 border-left: transparent 0px solid;
 font-family: 'Oswald' ;
 color: gray;
 filter: drop-shadow(-1px 1px 1px #4A5C6F) drop-shadow(1px 0px 1px #040A17) drop-shadow(0px -1px 2px #040A17);
}
 
ii{
 background:transparent;
 border-left: transparent 0px solid;
 font-family: 'Oswald' ;
 color: lightgray;
 filter: drop-shadow(-1px 1px 1px #4A5C6F) drop-shadow(1px 0px 1px #040A17) drop-shadow(0px -1px 2px #040A17);
}
 
uu{
 background:transparent;
 border-left: transparent 0px solid;
 font-family: 'Oswald' ;
 color: #0096C7;
 filter: drop-shadow(-1px 1px 5px #4A5C6F) drop-shadow(1px 0px 1px #040A17) drop-shadow(0px -1px 5px #040A17);
}
 
 
strong{
 

 color:red ;
 font-family: 'Architects Daughter' ;
font-weight:800;
 font-size: 30px;
 text-transform: ;
 letter-spacing: 15px;
 letter-spacing: 2px;
 padding: 0px;
 filter:drop-shadow(-.5px 1px .5px black );
}
 
strong2{
 color:red;
 font-family: 'Architects Daughter' ;
 font-weight:800;
 font-size: 20px;
 text-transform: ;
 letter-spacing: 12px;
 text-align: center;
 text-indent: 0px;
 letter-spacing: 2px;
 padding: 0px;
 filter:drop-shadow(-.5px 1px .5px black );
}
 
strong3{
 color:lightgray;
 font-family: 'Cinzel' ;
 font-size: 14px;
 text-transform: ;
 letter-spacing: 12px;
 text-align: center;
 text-indent: 0px;
 letter-spacing: 2px;
 padding: 0px;
 filter: drop-shadow(-1px 1px 1px #4A5C6F) drop-shadow(1px 0px 1px #040A17) drop-shadow(0px -1px 2px #040A17);
}
 
strong4{
 

 color:lightgray;
 font-family: 'Julius Sans One' ;
font-weight:00;
 font-size: 183px;
 padding: 10px;
 filter:drop-shadow(-1px 1px 1px #F77845) drop-shadow(1px 0px 6px #F77845) drop-shadow(0px -1px 2px #F77845);
}
 
</style>
<div style="position: fixed; bottom: 450px; left: 30px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:99;pointer-events: none;">
<img src="https://i.imgur.com/89Eq8wj.png"height="135px" width="135px">
</div>

<div style="position: fixed; bottom: 200px; left: 1130px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:2;pointer-events: none;">
<img src="https://i.imgur.com/89Eq8wj.png"height="135px" width="135px">
</div>

<div style="position: fixed; bottom: 50px; left: 1230px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:2;pointer-events: none;">
<img src="https://i.imgur.com/9cPJKLu.png"height="135px" width="135px">
</div> 

<div style="position: fixed; bottom: 550px; left: 1230px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:2;pointer-events: none;">
<img src="https://i.imgur.com/Rpcm7c6.png"height="135px" width="135px">
</div> 
 

<div style="position: fixed; bottom: 550px; left: 230px;filter: drop-shadow(5px 5px #000 ); background-color: transparent; z-index:2;pointer-events: none;">
<img src="https://i.imgur.com/2aBmH63.png"height="135px" width="135px">
</div> 

<div style="position: fixed; bottom: 280px; left: 0px;filter: drop-shadow(5px 12px #000); background-color: transparent; z-index:99;">
<img src=" "height="485px">
</div>
 
<div id="title"> dave </div>
<div id="titleoverlay"> dave </div>
<div id="cred">
<a target="_blank" href="https://roleplay.chat/profile.php?user=Viper+Codes"><img src="https://i.imgur.com/P7nq42a.png" title="coded by Viper" id="cred"></a></div>
<div id="textimage"></div>
<div id="textimage2"></div>
<div class="bigblock"></div>
<div class="infobox">
 <strong>> homies i fuck with;</strong>
<center>
 <a target="_blank" href="https://roleplay.chat/profile.php?user=" span title="Friend Here"><img src="https://i.imgur.com/PNfj2td.png" class="friendlist"></a>

 <a target="_blank" href="https://roleplay.chat/profile.php?user=" span title="Friend Here"><img src="https://i.imgur.com/PNfj2td.png" class="friendlist"></a>


 <a target="_blank" href="https://roleplay.chat/profile.php?user=" span title="Friend Here"><img src="https://i.imgur.com/PNfj2td.png" class="friendlist"></a>


 <a target="_blank" href="https://roleplay.chat/profile.php?user=" span title="Friend Here"><img src="https://i.imgur.com/PNfj2td.png" class="friendlist"></a>
</center>

<center><strong>---------------------------</strong><br></center>

<strong2> this is the ironically shitty ooc section where i spew bullshit about my writer </strong2> 

</div>
 
 
<div class="box"></div>
 
<div class="box2"></div>
<div class="infobox2">
<strong>info box? lame as hell man. what you need info for? obsessed much??? </strong>
<center><strong>---------------------------</strong></center><br>
<strong>this is the info box man, just get down  on your hands an knees to beg for me to update it. might be a minute i got better shit to do</strong>
<center><strong>---------------------------</strong></center>

</div> 
 
<div class="smallbox"> <strong4></strong4></div>
<div class="smallinfobox"><strong4></strong4></div> 

<div class="smallbox2"></div>
<div class="smallinfobox2">

</div>
 <div class="overlay"></div>

 
<div id="music" title=" runnin out of time">
<div id="music1">
<div id="music3">
 
<audio controls style="opacity: 0;"><source src="https://od.lk/s/Ml8yMTQ1NTM1ODJf/things%20wont%20go%20my%20way%20%5Bhomestuck%5D.mp3"></audio>
Editor is loading...