sexycullen

#9 black

Mar 9th, 2013
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.91 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--- spunkhandsome theme #9 black --->
  9.  
  10. <meta name="color:background" content="#101111"/>
  11. <meta name="color:BG sidebar" content="111313"/>
  12. <meta name="color:text" content="#f0f0f0"/>
  13. <meta name="color:link" content="#666666"/>
  14. <meta name="color:link hover" content="ebebeb"/>
  15. <meta name="color:link BG" content="141414"/>
  16. <meta name="color:entry" content="#141414"/>
  17. <meta name="color:border entry" content="252525"/>
  18. <meta name="color:border picture" content="252525"/>
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:Link 1" content="" />
  22. <meta name="text:Link 1 Text" content="" />
  23. <meta name="text:Link 2" content="" />
  24. <meta name="text:Link 2 Text" content="" />
  25. <meta name="text:Link 3" content="" />
  26. <meta name="text:Link 3 Text" content="" />
  27. <meta name="text:Link 4" content="" />
  28. <meta name="text:Link 4 Text" content="" />
  29.  
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  34.  
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. /* --- BODY ---*/
  44.  
  45.  
  46.  
  47. body {background:{color:background}; margin:0px; color:{color:text}; font-family:Lekton; font-size:10px; line-height:100%;text-align:justify}
  48.  
  49.  
  50. blockquote {border-left:2px solid {color:link};padding-left:1px;margin:5px;}
  51.  
  52. blockquote img {max-width: 489px;}
  53.  
  54. h1 {font-size:14px;font-family:cambria;font-style:italic;text-transform:lowercase;}
  55.  
  56. a { text-decoration:none; outline:none;
  57. -moz-outline-style:none; color:{color:link};
  58. -webkit-transition: opacity 0.5s linear;
  59. -webkit-transition: all 0.5s ease-in-out;
  60. -moz-transition: all 0.5s ease-in-out;
  61. -o-transition: all 0.5s ease-in-out;}
  62.  
  63. a:hover { color:{color:link hover}; background-color:none;
  64. -webkit-transition: opacity 0.5s linear;
  65. -webkit-transition: all 0.5s ease-in-out;
  66. -moz-transition: all 0.5s ease-in-out;
  67. -o-transition: all 0.5s ease-in-out;}
  68.  
  69. img {none;}
  70.  
  71.  
  72.  
  73. #entries {padding:10px; width:500px; margin-left:300px;margin-top:10px;background-color:{color:entry};}
  74.  
  75. #post {width:500px; padding-bottom:10px;padding-top:16px; font-style:none;}
  76.  
  77.  
  78. /* --- SIDEBAR ---*/
  79.  
  80.  
  81. #sidebar {width:160px; position:fixed; margin-left:80px; margin-top:130px;}
  82.  
  83.  
  84. #sidebarimage {width 160px;}
  85.  
  86. #sidebarimage img {width:160px;border:solid 3px; border-color: {color:border picture};}
  87.  
  88. #description {padding: 5px;color: {color:text}; background-color: {color:BG sidebar}; width: 198px;margin-top: 3px;margin-left: -22px; line-height: 100%; text-align:center; font-family:cambria; font-size: 14px; font-style: italic;position:fixed;}
  89.  
  90. #sidebar2 {width:85px; position:fixed; margin-left:785px; margin-top:-150px;}
  91. .navigation {margin-top: 3px;margin-left: -65px;}
  92.  
  93. .icon {width:75px;margin-left: 16px;}
  94.  
  95. #links {width:46px;margin-left:68px;position:fixed;}
  96.  
  97. #links a{display:block;font: 10px Ubuntu Mono;margin-top:0px;text-align:center;color:{color:sidelink};padding-right:2px;margin-bottom:-9px;text-align:center;background-color:{color:link BG};text-decoration:none;text-transform:none;}
  98.  
  99. #questions {background-color: {color:background}; color: {color:text}; padding:11px; margin-top: 5px; margin-bottom:5px; font-family:cambria; text-transform:none; font-size:15px; font-style:italic; text-align:justify;}
  100.  
  101. #credit {font-size:9px;font-family:Ubuntu Mono;letter-spacing:1px;bottom:10px;right:10px;position:fixed;background-color:{color:sidebar};padding:5px;}
  102.  
  103.  
  104.  
  105. .note {padding:0px 20px 0px 20px; background-color:#FFFFFF;text-transform:none; letter-spacing:0px; font-size: 11px; font-style:italic; text-align:left; line-height:120%;}
  106.  
  107. .note li {list-style-type:none; padding:5px 25px 5px 25px; text-align:left;
  108. margin-left:30px; margin-top:-50px;}
  109.  
  110. #info {font-family:Ubuntu Mono; text-align:left; margin-top:5px; padding-top:10px; padding:5px; text-transform:none; font-style:none; font-size:10px; line-height:100%;background-color:{color:border entry};}
  111.  
  112. #tags {font-family:cambria; text-align:left; margin-top:2px; padding-bottom:3px; text-transform:none; font-style:italic; font-size:11px;}
  113.  
  114. #pagination {font-size:10px;width:95px; font-family:cambria; text-align:center;text-transform:uppercase;padding-top:10px;margin-bottom:2px;margin-left: 6px;position:fixed;}
  115.  
  116. .chat {line-height: 13px; list-style: none; text-align:center; }
  117. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  118. .person1 {color: {color:text}; padding: 2px; }
  119. .person1 .label {font-weight: bold; color:{color:text}}
  120. .person2 {color: {color:text}; padding: 2px; }
  121. .person2 .label {font-weight: bold; color:{color:text}}
  122.  
  123. .player {background-color: {color:sidebar}; text-align: left; display:block;}
  124.  
  125. /* AUDIO POST */
  126. #audentryprob {display:block; height:auto; position:relative; min-height:110px;}
  127. .audentry {width:500px; background-color:{color:post}; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage};
  128.  
  129. min-height:110px;}
  130.  
  131. .audioplayercircle {
  132. position: absolute;
  133. z-index: 3;
  134. background: white;
  135. -webkit-border-radius: 50px;
  136. -moz-border-radius: 50px;
  137. top: 35px;
  138. left: 35px;
  139. opacity: .8;
  140. filter:alpha(opacity=80)}
  141.  
  142.  
  143. .audioplayer {
  144. width: 20px;
  145. height: 30px;
  146. overflow: hidden;
  147. margin: 17px 24px 13px 16px;
  148. }
  149.  
  150. .audiodata {font:8px calibri; color:{color:text}; text-transform:uppercase; height:15px; padding:0px 7px!important; background-color:{color:background};
  151.  
  152. float:center; margin-left:55px; text-align:right;}
  153. .audiodata b{color:{color:text};}
  154.  
  155. .aucap {color:{color:text}; font:8px cambria;text-transform:uppercase; line-height:90%; text-align:right; min-height:34px; background-color:{color:post}; padding:2px
  156.  
  157. 7px!important;}
  158.  
  159. .quote {font-family: cambria; text-align: center; font-size: 18px; line-height: 15px; padding: 3px;font-style:italic;}
  160.  
  161. .quotesource { text-align: center; font-family:calibri;font-size:10; font-color: {color:text};margin-bottom: 5px; margin-top:10px;}
  162. .quotesource a, a:hover{font-color:{color:link};}
  163.  
  164.  
  165. {CustomCSS}</style></head><body>
  166.  
  167.  
  168. <div id="sidebar">
  169. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  170. <div id="description">
  171. <big><big>❝ </big></big>{Description} <big><big>❞</big></big>
  172. <div id="pagination">
  173. {block:indexpage}
  174. {block:PreviousPage}
  175. <a href="{PreviousPage}">&larr;</a> &nbsp;
  176. {/block:PreviousPage}
  177. {block:JumpPagination length="5"}
  178. {block:CurrentPage}
  179. <span class="current_page">{PageNumber}</span>
  180. {/block:CurrentPage}
  181. {block:JumpPage}
  182. <a class="jump_page" href="{URL}">{PageNumber}</a>
  183. {/block:JumpPage}
  184. {/block:JumpPagination}
  185. {block:NextPage}
  186. &nbsp; <a href="{NextPage}">&rarr;</a>
  187. {/block:NextPage}
  188. {/block:Pagination}
  189. {/block:indexpage}
  190. </div></div>
  191.  
  192. <div id="sidebar2">
  193. <div class="icon">
  194. <div id="port"><img src="{PortraitURL-96}" width="75" height"75"></div></div>
  195. <div id="links">
  196. <div class="navigation">
  197. <a href="/">home</a> <br>
  198. <a href="/ask">ask</a><br>
  199. <a href="{text:link 1}">{text:link 1 Text}</a><br>
  200. <a href="{text:link 2}">{text:link 2 Text}</a><br>
  201. <a href="{text:link 3}">{text:link 3 Text}</a><br>
  202. <a href="{text:link 4}">{text:link 4 Text}</a>
  203. </div></div>
  204. </div>
  205.  
  206.  
  207. <div id="credit"><a href="http://spunkhandsome.tumblr.com/">SPUNKHANDSOME</a>
  208.  
  209. </div>
  210. </div></div>
  211.  
  212. {block:HasPages}{block:Pages}
  213.  
  214. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  215.  
  216. </div></center>
  217. </div></div>
  218.  
  219. <div id="post">{block:Posts}<div id="entries">
  220.  
  221. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  222.  
  223. {block:Photo}
  224. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  225. {/block:Photo}
  226.  
  227. {block:Photoset}
  228. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  229. {/block:Photoset}
  230.  
  231. {block:Quote}
  232. <div class="quote">“{Quote}”</div>
  233. {block:Source}<div class="quotesource"> ─ {Source}</div>
  234. {/block:Source}
  235. {/block:Quote}
  236.  
  237. {block:Link}
  238. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  239. {block:Description}{Description}{/block:Description}
  240. {/block:Link}
  241.  
  242. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  243.  
  244.  
  245. <!--- AUDIO POST --->
  246. {block:Audio}
  247. <div id="audentryprob">
  248. <div class="audentry">
  249.  
  250. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
  251. {block:AlbumArt}
  252. <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  253. {/block:AlbumArt}
  254.  
  255. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  256. <div class="something">
  257. <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
  258.  
  259. {block:TrackName}
  260. <tr>
  261. <td class="audiodata"><b>Song: </b>{TrackName}</td>
  262. </tr>
  263. {/block:TrackName}
  264.  
  265. {block:Artist}
  266. <tr>
  267. <td class="audiodata"><b>Artist: </b> {Artist}</td>
  268. </tr>
  269. {/block:Artist}
  270. {block:Album}
  271. <tr>
  272. <td class="audiodata"><b>Album: </b>{Album}</td>
  273. </tr>
  274. {/block:Album}
  275. <tr>
  276. <td class="audiodata">Played {FormattedPlayCount} times</td>
  277. </tr>
  278. {block:ExternalAudio}
  279. <tr>
  280. <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
  281. </tr>
  282. {/block:ExternalAudio}
  283. {block:Caption}<tr>
  284. <td class="aucap">{Caption}</td></tr>
  285. {/block:Caption}
  286. </table>
  287. </div></div>
  288. </div>{/block:Audio}
  289.  
  290.  
  291. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  292.  
  293. {block:Answer}<div id="questions">❝<b> {Asker}</b> sent: {Question}</div>
  294. <div id="answer">{Answer}</div>{/block:answer}
  295.  
  296. <div id="info">
  297. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} and <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> · <a href="{ReblogURL}" target="_blank">reblog</a>{block:RebloggedFrom} · {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}</a> {block:ContentSource} <small>(©</small><a href="{SourceURL}"> {SourceLink}</a>){/block:ContentSource}</div>
  298.  
  299. <div id="tags">
  300. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  301.  
  302. </div>
  303. {block:PostNotes}{PostNotes}{/block:PostNotes}
  304. {/block:Posts}</div>
  305.  
  306.  
  307.  
  308. </div>
  309.  
  310. </body>
  311.  
  312. </html>
Advertisement
Add Comment
Please, Sign In to add comment