Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
- <!-- theme 19 by diorhaz dont remove dredit -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta name="color:bg" content="#FFFFFF">
- <meta name="color:link" content="#E6E4E4">
- <meta name="color:hover" content="#454545">
- <meta name="color:infobg" content="#FCFCFC">
- <meta name="color:text" content="#9A9A9A">
- <meta name="color:tags" content="#EDEDED">
- <meta name="color:scrollbar" content="#D6D5D5">
- <meta name="color:border" content="#FAFAFA">
- <meta name="color:description text" content="#FAFAFA">
- <meta name="color:sidelink" content="#E6E4E4">
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="text:linkA" content="">
- <meta name="text:linkA url" content="/">
- <meta name="text:linkB" content="">
- <meta name="text:linkB url" content="/">
- <meta name="text:linkC" content="">
- <meta name="text:linkC url" content="/">
- <meta name="text:linkD" content="">
- <meta name="text:linkD url" content="/">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- a {
- color:{color:link};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:5px}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
- body {
- background-color:{color:bg};
- font-family:Cultive mono;
- font-weight:normal;
- }
- h1 {
- font-weight:normal;
- font-size:10px;
- text-align:center;
- font-style:normal;
- line-height:80%;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:text};
- }
- h2 {
- font-size:15px;
- font-style: italic;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:text};
- font-weight:normal;
- padding:5px;
- padding-bottom:2px;
- }
- blockquote {
- border-left:1px solid {color:text};
- padding-left:5px;
- margin:5px;
- }
- #theme {
- background-color:{color:bg};
- width:900px;
- margin: 0 auto -12px auto;
- text-align: center;
- }
- #header {
- color:{color:text};
- position:fixed;
- width:115px;
- height:auto;
- margin-top:150px;
- padding-left: 80px;
- text-align:center;
- }
- #header img {
- width:115px;
- margin-bottom:1px;
- }
- .links {
- margin-bottom:5px;
- font-size:7px;
- font-family: times;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:1px;
- line-height:170%;
- border-bottom: double {color:border};
- border-top: double {color:border};
- padding-top: 3px;
- padding-bottom: 3px;
- }
- .links a{
- padding:2px;
- color:{color:sidelink};
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .links a:hover{
- color:{color:hover};
- font-style: italic;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .desc {
- margin-bottom:8px;
- text-align:center;
- font-size:8px;
- width: 112px;
- padding-left: 3px;
- font-family: helvetiva neue;
- font-style: none;
- color:{color:description text};
- letter-spacing:1px;
- line-height:140%;
- }
- .desc a {
- color:{color:link};
- }
- .pagi {
- font-size:8px;
- width: 123px;
- text-transform:uppercase;
- letter-spacing:3px;
- font-style:normal;
- text-align:center;
- }
- .pagi a {
- color:{color:link};
- }
- #stuffcontainer {
- float:center;
- margin-left:290px;
- margin-top:0px;
- text-align:justify;
- background-color:{color:bg};
- color:{color:text};
- margin-bottom: 35px;
- }
- #stuff {
- width:480px;
- margin-top:50px;
- text-align:justify;
- font-size:11px;
- line-height:90%;
- letter-spacing:0x;
- color:{color:text};
- }
- .caption {
- width:550px;
- text-align:justify;
- line-height:120%;
- }
- #asker {
- float:left;
- margin-right:5px;
- }
- .question{
- background-color:#fcfcfc;
- text-transform:none;
- font-style:italic;
- letter-spacing:3px;
- padding:6px;
- }
- #audio {
- margin-bottom:5px;
- width:500px;
- height:justify;
- }
- .cover {
- width:78px;
- height:78px;
- position:absolute;
- }
- .cover img {
- width:73px;
- height:73px;
- float:left;
- }
- .player {
- opacity: 0.05;
- position:absolute;
- z-index:1;
- background:#fff
- ;width:80px;
- height:80px;
- display:block;
- -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .player:hover{
- opacity:0.5;
- -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .player2 {
- width:25px;
- height:25px;
- margin-top:20px;
- margin-left:20px;
- overflow:hidden;
- padding:3px;
- }
- .track {
- text-transform:uppercase;
- margin-left:80px;
- line-height:15px;
- padding-top:0px;
- }
- #postinfo {font-family:times; width: 495px; margin-top:13px; margin-bottom:5px; padding-top:5px; padding:3px; text-transform:lowercase; font-style:none; font-size:8px; line-height:80%; border-top: 1px solid #dddddd; background-image: url('http://img29.imageshack.us/img29/9423/0000cd.png');}
- #postinfo a {color:{color:link};text-align:center;letter-spacing:2px;}
- #postinfo a:hover {color:{color:hover};}
- #postinfo a {
- color:{color:link};
- text-align:center;
- letter-spacing:0px;
- font-style:normal;
- }
- #postinfo a:hover {
- color:{color:hover};
- }
- .note {
- text-transform:uppercase;
- font-style:normal;
- letter-spacing:0px;
- font-size: 9px;
- text-align:left;
- line-height:90%;
- margin-left:-40px;
- }
- .note li {
- list-style-type:none;
- border-bottom:1px solid {color:border};
- padding:10px 25px 10px 25px;
- text-align:left;
- margin:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags {
- font-style:normal;
- width:495px;
- text-transform:lowercase;
- font-style:italic;
- color:{color:tags};
- letter-spacing:2px;
- line-height:120%;
- font-size:8px;
- text-align:center;
- padding:2px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags a {
- color:{color:tags};
- letter-spacing:1px;
- padding:1px;
- }
- .tags a:hover {
- color:{color:link};
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:2px;
- }
- .label {
- text-decoration:underline;
- font-weight:700;
- background-color:{color:infobg};
- margin-right:5px;
- }
- #cred {
- position:fixed;
- font-size:8px;
- font-family: gothic;
- font-weight:normal;
- line-height:150%;
- letter-spacing:2px;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- text-align:center;
- }
- #credit {
- position:fixed;
- right:0px;
- bottom:0px;
- padding:4px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:9px;
- font-family: gothic;
- margin-bottom:3px;
- margin-right:3px;
- border:1px solid;
- border-color:#bbb;
- background: #fff;
- }
- {CustomCSS}
- #boxes {
- text-align:left;
- font-size:8px;
- text-transform:normal;
- opacity: .9;
- border-bottom:0px dashed #eee;
- position:fixed;
- font-family:calibri;
- left:14px;
- background-color:#fff;
- letter-spacing:1px;
- width:90px;
- z-index:9999;
- padding:4px;
- top:14px;
- }
- #box1 {
- height:13px;
- text-align:center;
- overflow:hidden;
- margin-top:-1px;
- border-bottom:1px solid #efefef;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- line-height:10px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box1:hover {
- height:120px; /* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box1 a {
- color:{color:Link Hover};
- }
- #box1 a:hover {
- color:{color:Background};
- }
- #box2 {
- height:13px;
- text-align:center;
- overflow:hidden;
- border-bottom:1px solid #efefef;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box2:hover {
- height:120px; /* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box2 a {
- color:{color:Link Hover};
- }
- #box2 a:hover {
- color:{color:Background};
- }
- #box3 {
- height:13px;
- text-align:center;
- overflow:hidden;
- border-bottom:1px solid #efefef;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box3:hover {
- height:120px; /* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box3 a {
- color:{color:Link Hover};
- }
- #box3 a:hover {
- color:{color:Background};
- }
- #box4 {
- height:13px;
- text-align:center;
- overflow:hidden;
- border-bottom:1px solid #efefef;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box4:hover {
- height:120px; /* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box4 a {
- color:{color:Link Hover};
- }
- #box4 a:hover {
- color:{color:Background};
- }
- #box5 {
- height:13px;
- text-align:center;
- overflow:hidden;
- border-bottom:1px solid #efefef;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:999999999999999999999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box5:hover {
- height:120px; /* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #box5 a {
- color:{color:Link Hover};
- }
- #box5 a:hover {
- color:{color:Background};
- }
- </style></head>
- <body>
- <div id="boxes">
- <center>
- <div id="box1">
- <div style="font-size:8px;">TITLE</div> <div style="padding-top:1px; text-transform:normal; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
- <p>
- hi ho
- if you want to make these boxes bigger
- just change the lenght of the box
- </div>
- </div>
- <div id="box2">
- <div style="font-size:8px;">TITLE YES</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
- <p>
- 'ELLO
- <br>
- PUT
- <br>
- YOUR
- <br>
- TEXT
- <br>
- HERE
- </div>
- </div>
- <div id="box3">
- <div style="font-size:8px;">TITLE WOOHOO</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
- <p>
- 'ELLO
- <br>
- PUT
- <br>
- YOUR
- <br>
- TEXT
- <br>
- HERE
- </div>
- </div>
- <div id="box4">
- <div style="font-size:8px;">TITLE WOOHOO</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
- <p>
- 'ELLO
- <br>
- PUT
- <br>
- YOUR
- <br>
- TEXT
- <br>
- HERE
- </div>
- </div>
- <div id="box5">
- <div style="font-size:8px;">TITLE WOOHOO</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
- <p>
- 'ELLO
- <br>
- PUT
- <br>
- YOUR
- <br>
- TEXT
- <br>
- HERE
- </div>
- </div>
- </div>
- <div id="theme">
- <div id="header">
- <img src="{image:sidebar}">
- <div class="links">
- {block:IfLinkA}
- <a href="{text:linkA url}">{text:linkA}</a>
- {/block:IfLinkA}
- {block:IfLinkB}
- <a href="{text:linkB url}">{text:linkB}</a>
- {/block:IfLinkB}
- {block:IfLinkC}
- <a href="{text:linkC url}">{text:linkC}</a>
- {/block:IfLinkC}
- {block:IfLinkD}
- <a href="{text:linkD url}">{text:linkD}</a>
- {/block:IfLinkD}
- </div>
- <div class="desc">
- {Description}
- </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="stuffcontainer">
- {block:Posts}
- <div id="stuff">
- {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
- {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<b><div class="ask">{Asker}</b> whispered: <i>{Question}</div></i><div class="ans">{Answer}</div>{/block:answer}
- {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player">
- <div class="player2">
- {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br>{Caption}</div>
- {/block:Audio}
- <div id="postinfo">
- {block:Date} <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}"> {NoteCountWithLabel} </a>{/block:Date} <div style="float:right;">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} | © <a href="{SourceURL}">{SourceLink}</a>
- {/block:ContentSource}</div></div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">-{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- </div>
- <div id="credit"><a href="http://cloudplays.tumblr.com" target="_blank"> ©DH</a></div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement