sexycullen

# 10

Mar 30th, 2013
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.87 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 #10 --->
  9.  
  10. <meta name="color:background" content="#101111"/>
  11. <meta name="color:text" content="#b3b1b1"/>
  12. <meta name="color:link" content="#b6b6b6"/>
  13. <meta name="color:linkhover" content="181818"/>
  14. <meta name="color:linkBG" content="f8f8f8"/>
  15. <meta name="color:entry" content="#ffffff"/>
  16. <meta name="color:borderentry" content="ffffff"/>
  17. <meta name="color:borderpicture" content="eeeeee"/>
  18. <meta name="image:sidebar" content=""/>
  19.  
  20. <meta name="text:Link 1" content="" />
  21. <meta name="text:Link 1 Text" content="" />
  22. <meta name="text:Link 2" content="" />
  23. <meta name="text:Link 2 Text" content="" />
  24. <meta name="text:Link 3" content="" />
  25. <meta name="text:Link 3 Text" content="" />
  26. <meta name="text:Link 4" content="" />
  27. <meta name="text:Link 4 Text" content="" />
  28.  
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
  38. <style type="text/css">
  39.  
  40.  
  41. /* --- BODY ---*/
  42.  
  43.  
  44.  
  45. body {background:{color:background}; margin:auto; color:{color:text}; font-family:cambria; font-size:10px; line-height:100%;text-align:justify}
  46.  
  47.  
  48. blockquote {border-left:2px solid {color:link};padding-left:1px;margin:5px;}
  49.  
  50. blockquote img {max-width: 489px;}
  51.  
  52. h1 {font-size:14px;font-family:cambria;font-style:italic;text-transform:lowercase;}
  53.  
  54. a { text-decoration:none; outline:none;
  55. -moz-outline-style:none; color:{color:link};
  56. -webkit-transition: opacity 0.5s linear;
  57. -webkit-transition: all 0.5s ease-in-out;
  58. -moz-transition: all 0.5s ease-in-out;
  59. -o-transition: all 0.5s ease-in-out;}
  60.  
  61. a:hover { color:{color:linkhover}; background-color:none;
  62. -webkit-transition: opacity 0.5s linear;
  63. -webkit-transition: all 0.5s ease-in-out;
  64. -moz-transition: all 0.5s ease-in-out;
  65. -o-transition: all 0.5s ease-in-out;}
  66.  
  67. img {none;}
  68.  
  69.  
  70.  
  71. #entries {padding:10px; width:500px; margin:auto;background-color:{color:entry};}
  72.  
  73. #post {width:500px; margin:auto;padding-bottom:5px;padding-top:16px; font-style:none;}
  74.  
  75.  
  76. /* --- SIDEBAR ---*/
  77.  
  78.  
  79. #sidebar {width:160px; position:fixed; margin-left:80px; margin-top:120px;}
  80.  
  81.  
  82. #sidebarimage {max-width: 245px;}
  83.  
  84. #sidebarimage img {max-width:245px;margin-left:8px;border:solid 3px; border-color: {color:borderpicture};}
  85.  
  86. #sidebar:hover #description {text-align: center; opacity:1; margin-left:0px;}
  87.  
  88. #description {width:245px;margin-left:160px;-webkit-transition:0.7s linear;position:absolute;padding: 3px; text-transform:none; opacity:0;color: {color:text};background-color:transparent;margin-top:15px; line-height: 100%;text-align:left; font-family:cambria; font-size: 10px; font-style: none;position:fixed;}
  89.  
  90.  
  91. .navigation {margin-top: 2px;margin-left: -65px;}
  92.  
  93. #links {width: 220px; margin-left: 16px; text-transform:uppercase; font-size: 8px; margin-top:0px; text-align: center;font-family:calibri;letter-spacing:1px;}
  94.  
  95. #links a { color: {color:link}; text-transform: uppercase; opacity: 1; line-height: 2px; padding-bottom: 1px; width: 190px; padding-left: 1px;
  96. padding-right: 1px; padding-bottom: 6px; padding-top: 12px; font-weight: none;}
  97.  
  98. #links hover {color:{color:link hover}; padding-left: 5px; padding-right: 5px; padding-bottom: 6px; padding-top: 5px;}
  99.  
  100. #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;}
  101.  
  102. #credit {font-size:9px;font-family:Ubuntu Mono;letter-spacing:1px;bottom:10px;right:10px;position:fixed;background-color:{color:sidebar};padding:5px;}
  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:borderentry};}
  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: 80px;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. <div id="sidebarimage"><img src="{image:Sidebar}"/></div>
  170. <div id="description">
  171. {Description}
  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.  
  193. <div id="links">
  194. <a href="/">home</a>
  195. <a href="/ask">ask</a>
  196. <a href="{text:link 1}">{text:link 1 Text}</a>
  197. <a href="{text:link 2}">{text:link 2 Text}</a>
  198. <a href="{text:link 3}">{text:link 3 Text}</a>
  199. <a href="{text:link 4}">{text:link 4 Text}</a>
  200. </div></div></div>
  201.  
  202.  
  203. <div id="credit"><a href="http://spunkhandsome.tumblr.com/">SPUNKHANDSOME</a>
  204.  
  205. </div>
  206. </div></div>
  207.  
  208. {block:HasPages}{block:Pages}
  209.  
  210. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  211.  
  212. </div></center>
  213. </div></div>
  214.  
  215. <div id="post">{block:Posts}<div id="entries">
  216.  
  217. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  218.  
  219. {block:Photo}
  220. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  221. {/block:Photo}
  222.  
  223. {block:Photoset}
  224. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  225. {/block:Photoset}
  226.  
  227. {block:Quote}
  228. <div class="quote">“{Quote}”</div>
  229. {block:Source}<div class="quotesource"> ─ {Source}</div>
  230. {/block:Source}
  231. {/block:Quote}
  232.  
  233. {block:Link}
  234. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  235. {block:Description}{Description}{/block:Description}
  236. {/block:Link}
  237.  
  238. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  239.  
  240.  
  241. <!--- AUDIO POST --->
  242. {block:Audio}
  243. <div id="audentryprob">
  244. <div class="audentry">
  245.  
  246. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
  247. {block:AlbumArt}
  248. <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  249. {/block:AlbumArt}
  250.  
  251. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  252. <div class="something">
  253. <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
  254.  
  255. {block:TrackName}
  256. <tr>
  257. <td class="audiodata"><b>Song: </b>{TrackName}</td>
  258. </tr>
  259. {/block:TrackName}
  260.  
  261. {block:Artist}
  262. <tr>
  263. <td class="audiodata"><b>Artist: </b> {Artist}</td>
  264. </tr>
  265. {/block:Artist}
  266. {block:Album}
  267. <tr>
  268. <td class="audiodata"><b>Album: </b>{Album}</td>
  269. </tr>
  270. {/block:Album}
  271. <tr>
  272. <td class="audiodata">Played {FormattedPlayCount} times</td>
  273. </tr>
  274. {block:ExternalAudio}
  275. <tr>
  276. <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
  277. </tr>
  278. {/block:ExternalAudio}
  279. {block:Caption}<tr>
  280. <td class="aucap">{Caption}</td></tr>
  281. {/block:Caption}
  282. </table>
  283. </div></div>
  284. </div>{/block:Audio}
  285.  
  286.  
  287. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  288.  
  289. {block:Answer}<div id="questions">❝<b> {Asker}</b> sent: {Question}</div>
  290. <div id="answer">{Answer}</div>{/block:answer}
  291.  
  292. <div id="info">
  293. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with <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>
  294.  
  295. <div id="tags">
  296. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  297.  
  298. </div>
  299. {block:PostNotes}{PostNotes}{/block:PostNotes}
  300. {/block:Posts}</div>
  301.  
  302.  
  303.  
  304. </div>
  305.  
  306. </body>
  307.  
  308. </html>
Advertisement
Add Comment
Please, Sign In to add comment