API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #26 - Messiah

Perfect-Nicholas
Jan 12th, 2014
1,433
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  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. <!---- Theme #26 by llermans © tumblr.com --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#323232"/>
  12. <meta name="color:Border" content="#f8f8f8" />
  13. <meta name="color:Text" content="#323232"/>
  14. <meta name="color:Link" content="#6b6b6b"/>
  15. <meta name="color:Link Hover" content="#4f4f4f" />
  16.  
  17. <meta name="text:link 1" content="index"/>
  18. <meta name="text:link 1 url" content="/"/>
  19. <meta name="text:link 2" content="inbox"/>
  20. <meta name="text:link 2 url" content="/ask"/>
  21. <meta name="text:link 3" content="Link 3"/>
  22. <meta name="text:link 3 url" content="/"/>
  23. <meta name="text:link 4" content="Link 4"/>
  24. <meta name="text:link 4 url" content="/"/>
  25. <meta name="text:link 5" content="Link 5"/>
  26. <meta name="text:link 5 url" content="/"/>
  27. <meta name="text:link 6" content="Link 6"/>
  28. <meta name="text:link 6 url" content="/"/>
  29.  
  30. <!-- jquery -->
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  34.  
  35. <script>
  36.  
  37. (function($){
  38.  
  39. $(document).ready(function(){
  40.  
  41. $("a[title]").style_my_tooltips({
  42.  
  43. tip_follows_cursor:true,
  44.  
  45. tip_delay_time:30,
  46.  
  47. tip_fade_speed:300,
  48.  
  49. attribute:"title"
  50.  
  51. });
  52.  
  53. });
  54.  
  55. })(jQuery);
  56.  
  57. </script>
  58.  
  59. <style type="text/css">
  60.  
  61. #s-m-t-tooltip {color:{color:background};font-size:10px;font-style: italic;font-family: times;margin:12px 0px 0px 12px;padding:3px 5px;max-width:350px;background-color:{color:text};text-transform:lowercase;letter-spacing: 1px;z-index:999;}
  62.  
  63. body {background:{color:background};margin:0px;color:{color:text};font-family:Helvetica;font-size:11px;line-height:16px;}
  64.  
  65. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};-moz-transition-duration:0.8s;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;}
  66.  
  67. a:hover {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link hover};}
  68.  
  69. h3 {font-family: helvetica;text-align: center;font-size: 12px;text-transform: lowercase;font-weight: lighter !important;line-height: 130%;color: #ffffff;}
  70. b, strong {color:{color:title}}
  71. i, em {color:{color:text}}
  72. small {font-size:8px;}
  73. big {font-size:12px;}
  74. p {margin-top:5px;margin-bottom:5px}
  75. ol {list-style:normal;text-align:justify;}
  76. ul {list-style:square;text-align:justify;}
  77.  
  78. img {border:none;max-width:300px!important;}
  79.  
  80. blockquote {padding: 2px 0 2px 10px;border-left: 1px solid #333;text-align:justify;}
  81.  
  82. blockquote p {display:block!important;}
  83.  
  84. blockquote img {max-width:220px!important;}
  85.  
  86. #still {position:absolute;left: 50%;margin-left: -280px;}
  87.  
  88. #entries {border-left:1px solid {color:border};border-right:1px solid {color:border};margin:auto;position:absolute;width:458px;font-family:cambria;font-size:11px;padding:55px;}
  89.  
  90. #post {width:400px;float:none;margin-right:10px;
  91. {block:Indexpage}width:300px;float:right;margin-right:10px;padding-bottom:100px;{/block:Indexpage}
  92. {block:Permalinkpagination}width:300px;float:right;margin-right:10px;padding-bottom:25px;{/block:Permalinkpagination}}
  93.  
  94. #topbar {width:458px;text-align:center;top:5px;}
  95.  
  96. #title {border-bottom:1px solid {color:border};color:{color:title};width:458px;padding-bottom:5px;padding-top:15px;margin-top:10px;line-height:100%;margin-bottom:10px;margin-left:auto;height:auto;overflow: auto;text-align: left;font-size: 21px;font-weight: bold;font-family: Helvetica;}
  97.  
  98. #border {border-bottom:1px solid {color:border};padding:5px;}
  99.  
  100. #links {float:left;font-weight:100;text-align:right;margin-right:57px;font-size:12px;line-height:28px;font-family:cambria;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  101.  
  102. #links a {padding: 3px 3px 0px 5px;margin-right:15px;letter-spacing: 2px;font-style:italic;font-family: times new roman;text-transform: none;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  103.  
  104. #links a:hover {border-bottom:1px dotted #5d5c5c;padding: 3px 3px 0px 5px;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  105.  
  106. #topbar:hover #links{opacity: 1;-webkit-transition: all .4s linear;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
  107.  
  108. #description {margin-left:auto;margin-right: auto; width:460px;margin-bottom:80px;padding-top:5px;text-align:justify;}
  109.  
  110. .list {font-family: times;font-size: 12px;font-style:italic;word-spacing: 2px;line-height: 15px;color:{color:text};text-align:justify;}
  111.  
  112. #pagination {font-family:helvetica;width:300px;margin-left:-8px;font-size:11px;margin-top:-40px;margin-bottom:40px;padding-left:5px;text-transform:uppercase;word-spacing:15px;letter-spacing:1px;text-align:center;float:right;}
  113.  
  114. #pagination a {color:{color:link};}
  115.  
  116. #info {width:300px;text-align:left;}
  117.  
  118. #left {text-align:left;}
  119.  
  120. .infoside {position: absolute;width: 117px;font-family: times;font-size: 11px;margin-top: 5px;font-weight: lighter;margin-left: -145px;-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;}
  121.  
  122. .infoside a {color:{color:text};}
  123.  
  124. .tags {line-height:20px;font-size:10px;display:inline-block;font-family:times;margin-top:5px;margin-left:5px;}
  125.  
  126. .tags a {padding-bottom:3px;padding-top:3px;text-decoration:underline;}
  127.  
  128. #caption {padding:8px;font-size:11px;border-left: 0px solid white;font-style:normal;}
  129.  
  130. #cap {padding: 5px;margin-top: 5px;}
  131.  
  132. .quote {font-family:times;color:{color:title};font-size:15px;text-align:left;letter-spacing:0px;line-height:110%;padding:10px;margin-bottom:5px;}
  133.  
  134. #source {font-size:9px;text-align:right;padding:3px;}
  135.  
  136. #source a {color:{color:text};}
  137.  
  138. #chat {font-size:11px;line-height:150%;}
  139.  
  140. #ask {text-align:justify;background:{color:border};padding:8px;line-height:120%;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;;font-size:11px;}
  141.  
  142. .newplayerbutton {position: relative;width: 28px;height: 27px;overflow: hidden;}
  143.  
  144. .playerbuttonhug {position: absolute;top: -11px;left: -12px;}
  145.  
  146.  
  147. .tumblr_audio_player {border: none;padding: 0px;margin: 0px;height: 40px;width: 207px;}
  148.  
  149. .playerbuttonbg {position: absolute;left: 20px;top: 20px;width: 28px;height: 28px;background-color: #ffffff;padding: 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;opacity: .4;filter: alpha(opacity=40);-moz-opacity: 0.4; -khtml-opacity: 0.4;transition: opacity .7s ease-in-out;-moz-transition: opacity .7s ease-in-out;-webkit-transition: opacity .7s ease-in-out;}
  150.  
  151. .playerbuttonbg:hover {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  152.  
  153. .audioimgwrapper {position: absolute;left: 0px;top: 0px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; overflow: hidden;width: 88px;height: 88px;}
  154.  
  155. .audioimgwrapper img {width: 100%;height: auto; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
  156.  
  157. .trackdetails {width: auto;display:inline-block;margin-left: 100px;min-height: 85px;}
  158.  
  159. .audiowrapper {position: relative;display:inline-block;}
  160.  
  161. .audiop{background:white;padding:10px;}
  162.  
  163. .audioplayer {position:absolute;margin-top:-63px;margin-left:95px;width:200px;font-size:12px;font-family:times;text-align:center;overflow:;}
  164.  
  165. .audiop img{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  166.  
  167. .audiop img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  168.  
  169. ol.notes {display:block;padding-bottom:2%;text-align:right;list-style-type:none;padding:25px 0;}
  170.  
  171. ol.notes li.note{padding:2%;}
  172.  
  173. ol.notes li.note img.avatar{width:0px;height:0px;}
  174.  
  175. .pagenotes {text-align:right;float:right;}
  176.  
  177. #credit {position:fixed;right:10px;bottom:10px;text-transform:uppercase;font:8px 'times';letter-spacing:1px;padding:5px;text-shadow:2px 1px #eee;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  178.  
  179. #credit a:hover {position:fixed;right:10px;bottom:10px;opacity:1;text-transform:uppercase;font:8px 'times';letter-spacing:1px;padding:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  180.  
  181. {CustomCSS}
  182.  
  183. </style></head>
  184. <body>
  185.  
  186. <div id="still">
  187.  
  188. <div id="entries">
  189.  
  190. <div id="topbar">
  191.  
  192. <div id="title">{title}
  193.  
  194. <div id="links">
  195.  
  196. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">eins</a>{/block:iflink1}
  197. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">zwei</a>{/block:iflink2}
  198. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">drei</a>{/block:iflink3}
  199. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">vier</a>{/block:iflink4}
  200. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">fünf</a>{/block:iflink5}
  201. {block:iflink6}<a href="{text:link 6 url}" title="{text:link 6}">sechs</a>{/block:iflink6}
  202.  
  203. </div></div>
  204.  
  205. <div id="description"><font class="list">{description}</font></div>
  206.  
  207. </div>
  208.  
  209. {block:Posts}<div id="post">
  210. {block:indexpage}
  211. <div id="left">
  212. <div class="infoside">
  213.  
  214. {ShortDayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}<br/>
  215.  
  216. <a href="{Permalink}" style="color:{color:text}">
  217. with {NoteCount} Notes</a><br/>
  218.  
  219. {block:RebloggedFrom}{block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" style="color:{color:text}">Source</a> /{/block:ContentSource}{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" style="color:{color:text}">Reblog</a>
  220.  
  221. </div></div>{/block:indexpage}
  222.  
  223. {block:PermalinkPagination}
  224. <div id="left">
  225. <div class="infoside">
  226.  
  227. {ShortDayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}<br/>
  228.  
  229. <a href="{Permalink}" style="color:{color:text}">
  230. with {NoteCount} Notes</a><br/>
  231.  
  232. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> / {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" style="color:{color:text}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}
  233.  
  234. </div></div>{/block:PermalinkPagination}
  235.  
  236. {block:ContentSource}
  237. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  238. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  239. {/block:SourceLogo}
  240. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  241. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  242.  
  243. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div id="textpost">{Body}</div>{/block:Text}
  244.  
  245. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" width="300"/>{LinkCloseTag}</center>{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Photo}
  246.  
  247. {block:Photoset}<center>{Photoset-250}</center>{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Photoset}
  248.  
  249. {block:Quote}<div class="quote">{Quote}</div>{block:Source}
  250. <br><div id="source">&nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  251. {/block:Source}{/block:Quote}
  252.  
  253. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  254.  
  255. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  256.  
  257. {block:Audio}<section class="top audio"><div class="audiop">{block:AlbumArt}
  258. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">{/block:AlbumArt}
  259. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  260. {block:AudioPlayer}<div class="audioplayer">{AudioPlayerWhite}
  261. </div>{/block:AudioPlayer}
  262. </div>
  263. </section>
  264. {block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}
  265. {/block:Audio}
  266.  
  267. {block:Video}{Video-400}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Video}
  268.  
  269. {block:Answer}<div id="ask"><div style="color:{color:text};"><b>{Asker}</b>: {Question}</div></div><br>{Answer}{/block:Answer}
  270.  
  271. <div id="border"></div>
  272. <div id="info"><span class="infos">
  273. {block:HasTags}<div class="tags">Index: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  274. </span>
  275. </div></div>
  276.  
  277. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  278. {/block:Posts}
  279.  
  280. {block:Pagination}<div id="pagination">
  281. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  282. {block:JumpPagination length="10"}
  283. {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  284. {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  285. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  286. </div>
  287. {/block:Pagination}
  288.  
  289. </div>
  290.  
  291. <div id="credit">
  292. <a href="http://llermans.tumblr.com">
  293. LLMNS
  294. </a> </div>
  295. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!