Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style> body { cursor:url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), auto }
- a, a:hover { cursor:url('http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto };
- </style>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- THEME #8 — GRAVITY
- by xstardusttx--themes.tumblr.com or queenvictoria.co.vu
- DO NOT REDISTRIBUTE
- DO NOT USE AS A BASE CODE
- DO NOT TAKE CREDIT
- DO NOT REMOVE CREDIT
- DO NOT USE IMAGES SMALLER THAN 500w and 400h (anything proportional to that is allowed)
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Text" content="#bbbbbb"/>
- <meta name="color:Desc" content="#bbbbbb"/>
- <meta name="color:Link" content="#d4d4d4"/>
- <meta name="color:Tags" content="#cccccc"/>
- <meta name="color:Hover" content="#48a1b4"/>
- <meta name="color:scrollbar" content="#48a1b4"/>
- <meta name="color:scrollbarbg" content="#000000"/>
- <meta name="image:sidebar" content="http://i.imgur.com/h8Gwcxr.png"/>
- <meta name="image:sidebar" content="http://www.goodwp.com/images/201106/goodwp.com_18684.jpg"/>
- <meta name="text:link1" content="">
- <meta name="text:link1 url" content="/">
- <meta name="text:link2" content="">
- <meta name="text:link2 url" content="/">
- <meta name="text:link3" content="">
- <meta name="text:link3 url" content="/">
- <meta name="text:link4" content="">
- <meta name="text:link4 url" content="/">
- <meta name="text:musiccode" content="place billy music player code here">
- <style type="text/css">
- /*-----SCROLLBAR-----*/
- ::-moz-selection {background-color:#000;
- color:#fff;}
- ::selection {background-color:#000;
- color:#fff;}
- ::-webkit-scrollbar {height: 6px;width: 1px;}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; width: 1px;}
- ::-webkit-scrollbar-track{background-color:#bbb; width: 1px;}
- /*-----BODY-----*/
- body {
- background-color:{color:bg};
- background-image:url('http://www.goodwp.com/images/201106/goodwp.com_18684.jpg');
- font-family:arial; /*go to http://www.google.com/webfonts if you want more fonts*/
- font-size:10px;
- padding-bottom:5px;
- padding-top:0px;
- padding-right:0px;
- padding-left:0px;
- text-align:justify; /*right, left, center or justify*/
- color:{color:text};
- margin:0;
- }
- /*TEXT LINKS*/
- a {
- text-decoration:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease
- }
- a:hover {
- color:{color:hover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease
- }
- a.tip {
- text-decoration: none
- }
- a.tip:hover {
- position: relative;
- }
- a.tip span {
- display: none
- }
- a.tip:hover span {
- padding: 3px;
- display: block;
- z-index: 100;
- background: #000;
- left: 0px;
- margin: 10px;
- position: absolute;
- top: 11px;
- text-decoration: none
- }
- /*IMAGES*/
- img {
- border:none;
- opacity: 1;
- }
- h1 {
- font-size:12px;
- text-align:center;
- color:{color:text};
- text-transform:uppercase; /*lowercase(minuscule/small letter), uppercase(capital letters) or normal*/
- }
- /*BLOCKQUOTE*/
- blockquote {
- width: 490px;
- font-size:9px;
- text-transform: normal;
- line-height:10px;
- margin-left:0px;
- padding: 4px;
- padding-left:9px;
- border-left: 1px solid #848484;
- color: {color:text};
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- blockquote:hover {
- color:#ebebeb;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- /*-----SIDEBAR-----*/
- #sidebar {
- position:fixed;
- width:200px;
- margin-right:0px;
- margin-left:950px;
- margin-top:180px;
- margin-bottom:0px;
- }
- #title {
- margin-top:-5px;
- font-size:22px;
- line-height:100%;
- letter-spacing:2px;
- }
- /*SB IMAGE*/
- #sidebarimage {
- height:176px;
- width:220px;
- opacity: 0.7;
- }
- #sidebarimage img {
- height:176px;
- width:220px;
- opacity:1;
- border: 1px solid #bbb;
- border-radius: 100%;
- padding-top:5px;
- padding-bottom:5px;
- padding-right:5px;
- padding-left:5px;
- }
- /*DESCRIPTION*/
- #desc {
- opacity:0;
- border: 0px solid #fff;
- border-radius:100%;
- padding:40px;
- position:fixed;
- margin-top:-170px;
- color: #808080;
- margin-left:6px;
- font-family:arial;
- line-height:120%;
- letter-spacing:1px;
- font-size:8px;
- font-style:normal;
- width:141px;
- height: 96px;
- text-align:justify;
- z-index:99999999999999999;
- background:rgba(255,255,255,1);
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #desc:hover {
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- opacity:0.75;
- }
- .desc a{
- color:{color:desc};
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- /*SIDEBAR LINKS*/
- .links {
- position:fixed;
- width:10px;
- height:500px;
- margin-left:240px;
- margin-top:-166px;
- text-align:center;
- z-index:99999;
- }
- .links a {
- opacity: 0.5;
- display:inline-block;
- position:center;
- margin-left:2px;
- margin-right:5px;
- margin-top:5px;
- margin-bottom:0px;
- padding:5px;
- width:10px;
- font-family:arial;
- font-style:normal;
- font-weight:normal;
- text-decoration:none;
- text-transform:uppercase;
- font-size:10px;
- color:#bbbbbb;
- background-color:#ffffff;
- border-radius:100%;
- border: 1px solid #fff;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .links a:hover {
- opacity: 1;
- text-decoration:none;
- color:{color:hover};
- background-color: {color:background};
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .links a {
- font-size: 9px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- /*PAGINATION*/
- .pagi {
- margin-left: 30px;
- margin-top:-225px;
- font-family:arial;
- font-size:9px;
- text-align:center;
- }
- .pagi a {
- opacity: 0.5;
- display:inline-block;
- position:center;
- margin-left:2px;
- margin-right:2px;
- margin-top:5px;
- margin-bottom:0px;
- padding:5px;
- width:10px;
- font-family:arial;
- font-style:normal;
- font-weight:normal;
- text-decoration:none;
- font-size:10px;
- color:#bbbbbb;
- background-color:#ffffff;
- border-radius:100%;
- border: 1px solid #fff;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- /*-----ENTRIES-----*/
- #entriescontainer {
- border: 1px solid #bbb;
- overflow: auto;
- margin-top:30px;
- margin-left: 300px;
- width: 540px;
- }
- #entries {
- padding:10px;
- width:500px;
- margin-left:0px;
- margin-top:0px;
- font-size:10px;
- margin-bottom:50px;
- }
- #posts {
- width:500px;
- padding-bottom:20px;
- padding:10px;
- margin-top:15px;
- background-color:rgba(255,255,255,0.3);
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- transition: all 0.6s ease;
- }
- #posts:hover {
- color: #ebebeb;
- background-color: rgba(255,255,255,0.4);
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- transition: all 0.6s ease;
- }
- /*POST INFO*/
- #info {
- border-top:1px solid #E6E6E6;
- width:500px;
- padding-top:8px;
- font-size:8px;
- margin-left:-1px;
- font-style:normal;
- text-align:left;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #info a{
- margin-top:-20px;
- color:{color:info};
- }
- #info a:hover{
- color:{color:links};
- }
- /*TAGS*/
- .tags {
- font-family:arial;
- width:500px;
- line-height:100%; /*space between line and line*/
- text-align:left;
- padding-top:7px;
- text-transform: lowercase;
- font-size:8px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .tags a {
- font-style:italic;
- color:{color:info};
- margin-right:5px;
- line-height:120%;
- }
- .tags a:hover {
- text-decoration:underline;
- color:{color:info};
- }
- /*NOTES*/
- .notes {
- background-color:#FFFFFF;
- text-transform:normal;
- letter-spacing:0px;
- font-size:9px;
- margin-top:20px;
- font-style:normal;
- margin-left:-20px;
- text-align:left;
- line-height:30px;
- border-bottom:1px solid #D8D8D8;
- }
- .notes img{
- padding:2px;
- border:1px solid #eee;
- margin-bottom:-4px;
- -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;
- }
- .notes img:hover {opacity: 0.6;
- -webkit-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- -ms-transition:all 0.6s ease-in-out;
- transition:all 0.6s ease-in-out;}
- /* --- QUOTE ---*/
- .quote {
- font-size:18px;
- font-family:oranienbaum;
- font-style:normal;
- line-height:17px;
- margin-bottom:15px;
- text-transform:normal;
- text-align:left;
- font-weight:normal;
- font-style:none;
- color:{color:text};
- }
- .quotesource {
- font-size:9px;
- text-align:right;
- font-style:none;
- text-transform:lowercase;
- font-family:helvetica;
- margin-bottom:5px;
- color:{color:text};
- }
- /* --- AUDIO ---*/
- .audio {
- height:60px;
- margin-bottom:40px;
- }
- .audio-album {
- position:relative;
- margin-top: 0px;
- width:100px;
- padding:3px;
- border:1px solid #E1E1E1;
- -webkit-transition: opacity 0.1s linear;
- opacity: 1;
- }
- .audio-player {
- opacity:.2;
- width:25px;
- height:25px;
- overflow:hidden;
- position:static;
- border:0px;
- z-index:86;
- margin-left:43px;
- margin-top:-70px;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .audio-player:hover {
- opacity: 0.8;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .audio-info {
- margin-top:-60px;
- z-index: 86;
- position:static;
- margin-left:120px;
- line-height:180%;
- padding:10px;
- }
- .audio:hover .audio-player {
- opacity:.7;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .audiocaption {
- margin-top: 50px;
- }
- /* --- ASK---*/
- .ask {
- font-size:20px;
- font-family:arial;
- letter-spacing:-2px;
- font-weight:bold;
- text-align:right;
- padding:6px;
- background:#FAFAFA;
- text-transform:lowercase;
- }
- .question {
- letter-spacing:0px;
- margin-top:-12px;
- font-style:italic;
- padding:4px;
- background:#FAFAFA;
- text-align:right;
- color:{color:Text};
- border-bottom:1px solid #E6E6E6;
- }
- .answer {
- width:500px;
- letter-spacing:0px;
- text-align:justify;
- padding-top:5px;
- margin-bottom:1px;
- color:{color:Text};
- }
- /* ---CHAT---*/
- .user_1 .label {color:{color:text}; font-weight:normal; font-style:italic;}
- .user_2 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_3 .label {color:{color:text}; font-weight:normal; font-style:italic;}
- .user_4 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_5 .label {color:{color:text}; font-weight:normal; font-style:italic;}
- .user_6 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_7 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_8 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_9 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_10 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_11 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .user_12 .label {color:{color:text}; font-weight:normal; font-style:italic; }
- .ul.chat {}
- .chat ol {}
- .chat li {list-style:none; margin-left:-38px; padding:2px; font-family: arial; font-style: none; font-size: 9px; }
- /*---AUDIO---*/
- #maker{
- float:right;
- position:fixed;
- bottom:5px;
- right:10px;
- padding:7px;
- font-size:8px;
- text-align:center;
- line-height:210%;
- text-transform:uppercase;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;}
- #maker:hover {
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- }
- #maker a{
- padding:7px;
- color:#A4A4A4;
- }
- #maker a:hover{
- color:#fff;
- padding:7px;
- background-color:{color:hover};
- }
- #bubble-music {
- position:fixed;
- left:20px;
- top:20px;
- width:25px;
- height:25px;
- background-color:rgba(255,255,255,0.5);
- border-radius:100%;
- -moz-border-radius:100%;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out
- }
- #bubble-music:hover {
- border-radius:9px;
- -moz-border-radius:9px;
- width:140px;
- height:30px;
- }
- .music_embed {
- margin:-23px 0 0 70px;
- z-index:1;
- font-family:consolas;
- font-size:8px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out
- }
- #bubble-music:hover .music_embed {
- margin:-23px 0 0 34px;
- opacity:1;
- }
- {CustomCSS}</style></head><body><div id="bubble-music">
- <img style="margin:5px; opacity:0.5" src="https://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
- <div class="music_embed">
- {text:musiccode}
- </div>
- </div>
- <div id="sidebar">
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div id="desc"><div id="title">{Title}</div>
- {Description}
- </div>
- <div class="links">
- <a href="/" class="tip" style="margin-left: -30px;">I<span>refresh</span></a>
- <a href="/askandsubmit" class="tip" style="margin-left:-5px;">II<span>inquiry</span></a>
- <a href="/a" class="tip" style="margin-left:5px;">III<span>{text:link1}</span></a>
- <a href="/themes" class="tip">IV<span>{text:link2}</span></a>
- <a href="/graphics" class="tip" style="margin-left:-5px;">V<span>{text:link3}</span></a>
- <a href="/rp" class="tip" style="margin-left:-20px;">VI<span>{text:link4}</span></a>
- </div>
- {block:Pagination}
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="entriescontainer">
- <div id="entries">{block:Posts}<div id="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">" {Quote} "</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
- </div></div>
- <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
- <div id="info"> posted <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div></div>
- <div id="maker"><a href="http://www.xstardusttx--themes.tumblr.com" title="xstardusttx--themes">VO</a></div></center>
- <!--DON'T DELETE THIS CODE IF YOU DON'T WANT TO SEE THE SOURCE UNDER THE IMAGE/TEXT-->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement