Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ---- fonts ----
- <style>
- @font-face {
- font-family: billo;
- src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
- }
- </style>
- ---- for name ----
- font-family: billo;
- text-shadow: -1px 0 #F0B9D0, 0 1px #F0B9D0, 1px 0 #F0B9D0, 0 -1px #F0B9D0, 0 0;
- position: absolute;
- bottom: 1.3em;
- left: -.05em;
- (you might have to adjust the bottom & left based on your carrd!)
- ---- texts ----
- width: 100%;
- margin: auto;
- padding: .4em;
- position: left;
- background: #FFFFFF;
- border-radius: 3px;
- font-color: #000;
- ---- "index" ----
- background: rgb(237, 240, 255);
- background: radial-gradient(circle, rgb(255, 209, 228) 55%, rgb(255, 240, 246) 100%);
- border-radius:7px;
- border: 1px solid #FFC7DF;
- padding: .06em .3em .01em .3em;
- color: #FFF;
- font-size:1.2em;
- -webkit-text-fill-color: white;
- -webkit-text-stroke-width: .66px;
- font-family: Archivo;
- ---- for container backgrounds ----
- background: rgb(237, 240, 255);
- background: radial-gradient(circle, rgb(255, 209, 228) 55%, rgb(255, 240, 246) 100%);
- ---- transition ----
- <style>
- a { transition: .4s; }
- a:hover { letter-spacing: 2px; }
- </style>
- ---- music player ----
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
- <style type="text/css">
- /*-------MUSIC PLAYER BY GLENTHEMES-------*/
- #glenplayer02 {
- position:relative;
- top:3px;
- left:1px;
- width:150px
- ;z-index:5
- }
- #glenplayer02 a {text-decoration:none;}
- #glenplayer02 > div {
- align-self:center;
- -webkit-align-self:center;
- }
- .music-controls {
- user-select:none;
- -webkit-user-select:none;
- width:13px;
- font-size:13px;
- cursor:pointer;
- }
- .playy, .pausee {color:#FFCFDD;} /* color of play & pause buttons */
- .pausee {display:none;}
- .sonata {
- margin-left:10px;
- color:#FFCFDD; /* color of music note symbol */
- }
- .labeltext {
- position:relative;
- top:0px;
- left:1px;
- margin-left:0px;
- font-family:courier new;
- font-size:9px;
- color:#000; /* color of song title */
- }
- </style>
- <body>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <div id="glenplayer02">
- <div class="music-controls" onclick="songstart();">
- <div class="playy">►</div>
- <div class="pausee">❚❚</div>
- </div>
- <div class="sonata"> </div>
- </div><!--end music player-->
- <audio id="tune" src="https://dl.dropbox.com/s/v4yx8v5a1gw172o/Sun-Saathiya-Priya-Saraiya-Divya-Kumar%20%281%29.mp3?dl=0"audio"></audio>
- </body>
- <div class="labeltext"></div>
- ---- bubbles ----
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array("#FFF0F6", "#FFC7DF", "#FFCCE2", "#FFCCE2", "#FFC7DF"); // colours for top, right, bottom and left borders and background of bubbles
- var bubbles=66; // how many bubbles are moving at any given time
- var over_or_under="over"; // set to "over" for bubbles to always be on top, or "under" to allow them to float behind other objects
- /****************************
- * JavaScript Bubble Bath *
- *(c)2010-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var swide=800;
- var shigh=600;
- var bubb=new Array();
- var bubbx=new Array();
- var bubby=new Array();
- var bubbs=new Array();
- var boddie;
- var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(bubba);
- function bubba() { if (document.getElementById) {
- var i, rats, div;
- boddie=document.createElement("div");
- boddie.style.position="fixed";
- boddie.style.top="0px";
- boddie.style.left="0px";
- boddie.style.overflow="visible";
- boddie.style.width="1px";
- boddie.style.height="1px";
- boddie.style.backgroundColor="transparent";
- boddie.style.zIndex="0";
- document.body.appendChild(boddie);
- set_width();
- for (i=0; i<bubbles; i++) {
- rats=createDiv("3px", "3px");
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="1px";
- div.left="0px";
- div.bottom="1px";
- div.right="0px";
- div.borderLeft="1px solid "+colours[3];
- div.borderRight="1px solid "+colours[1];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="0px";
- div.left="1px";
- div.right="1px";
- div.bottom="0px"
- div.borderTop="1px solid "+colours[0];
- div.borderBottom="1px solid "+colours[2];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.left="1px";
- div.right="1px";
- div.bottom="1px";
- div.top="1px";
- div.backgroundColor=colours[4];
- if (ie_version && ie_version<10) div.filter="alpha(opacity=50)";
- else div.opacity=0.5;
- boddie.appendChild(rats);
- bubb[i]=rats.style;
- bubb[i].zIndex=(over_or_under=="over")?"1001":"0";
- }
- bubble();
- }}
- function bubble() {
- var c;
- for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
- bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
- bubb[c].top=(bubby[c]=shigh)+"px";
- bubb[c].width="3px";
- bubb[c].height="3px"
- bubb[c].visibility="visible";
- bubbs[c]=3;
- break;
- }
- for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
- setTimeout("bubble()", 40);
- }
- function update_bubb(i) {
- if (bubby[i]) {
- bubby[i]-=bubbs[i]/2+i%2;
- bubbx[i]+=(i%5-2)/5;
- if (bubby[i]>0 && bubbx[i]>0 && bubbx[i]<swide) {
- if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
- bubb[i].width=bubbs[i]+"px";
- bubb[i].height=bubbs[i]+"px";
- }
- bubb[i].top=bubby[i]+"px";
- bubb[i].left=bubbx[i]+"px";
- }
- else {
- bubb[i].visibility="hidden";
- bubby[i]=0;
- return;
- }
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- div.style.backgroundColor="transparent";
- return (div);
- }
- // ]]>
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement