API tools faq
paste
Advertisement
natalskaa

h4te Theme 1 Tumblr Code

natalskaa
Jan 17th, 2012
313
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.99 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <!--
  5. Theme by h4te
  6. http://h4te.tumblr.com
  7. Please don't remove the credit.
  8. -->
  9.  
  10. {block:ifdisablerightclick}<script type="text/javascript" src="http://static.tumblr.com/is5f0mm/bW6lrpwtp/disable_right_click.txt"></script>{/block:ifdisablerightclick}
  11.  
  12.  
  13. {block:iftinycursor}<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>{/block:iftinycursor}
  14.  
  15. <title>{Title}</title>
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="{Favicon}" />
  20.  
  21. <meta name="color:Blog title" content="#000000"/>
  22. <meta name="color:Text" content="#000000"/>
  23. <meta name="color:Links" content="#5C5C5C"/>
  24. <meta name="color:Links Hover" content="#B1B1B1"/>
  25. <meta name="if:Background" content="1">
  26. <meta name="if:Show Notes" content="1">
  27. <meta name="if:Show Caption" content="1">
  28. <meta name="if:Show Note Count" content="1">
  29. <meta name="if:One Row" content="0">
  30. <meta name="if:Two Rows" content="0">
  31. <meta name="if:Three Rows" content="1">
  32. <meta name="if:Archive Link" content="1">
  33. <meta name="if:Message Link" content="1">
  34. <meta name="color:Background" content="#FFFFFF"/>
  35. <meta name="font:Title" content="Georgia"/>
  36. <meta name="font:Body" content="Georgia"/>
  37. <meta name="image:Background" content="">
  38. <meta name="if:Use logo" content="0">
  39. <meta name="image:Logo" content="">
  40. <meta name="if:Rounded Photos" content="0"/>
  41. <meta name="if:Rainbow Links" content="0"/>
  42. <meta name="if:Shadow Links" content="0"/>
  43. <meta name="if:Shadow Photos" content="1"/>
  44. <meta name="if:No Fade" content="0"/>
  45. <meta name="if:Faded Images" content="0"/>
  46. <meta name="if:Inverted Fade" content="1"/>
  47. <meta name="if:Show Blog Title" content="1"/>
  48. <meta name="if:Tiny Cursor" content="0"/>
  49. <meta name="if:Disable Right Click" content="1"/>
  50. <meta name="color:Title" content="#FFFFFF"/>
  51. <meta name="color:Text Bubble" content="#444444"/>
  52. <meta name="text:Link One" content="" />
  53. <meta name="text:Link One Title" content="" />
  54. <meta name="text:Link Two" content="" />
  55. <meta name="text:Link Two Title" content="" />
  56. <meta name="text:Link Three" content="" />
  57. <meta name="text:Link Three Title" content="" />
  58. <meta name="text:Link Four" content="" />
  59. <meta name="text:link Four Title" content="" />
  60. <meta name="text:link Five" content="" />
  61. <meta name="text:link Five Title" content="" />
  62.  
  63. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  64.  
  65. <script type="text/javascript" src="http://static.tumblr.com/ubmlcww/pnRltkm3q/one.txt"></script>
  66. <script type="text/javascript" src="http://static.tumblr.com/ubmlcww/FAClrz4ly/scroll_to_top.txt"></script><br>
  67.  
  68. <style type="text/css">
  69.  
  70.  
  71. h1 { color:{color:Blog title}; padding-bottom:30px; font-weight: normal; font-size: 40px; text-transform: uppercase; font-family:{font:Title}; line-height: -4px;{block:ifuselogo}display:none;{/block:ifuselogo}}
  72. h1 a {color:{color:Blog title};}
  73.  
  74. body {height: 100%; background-color:{color:Background}; color: {color:Text};font-size: 11px; font-family:{font:Body}; line-height: 14px; padding: 30px 0 200px 0; {block:ifbackground}background-attachment: fixed; background-image:url('{image:Background}');{/block:ifbackground}}
  75.  
  76. a {color: {color:Links}; text-decoration:none;}
  77.  
  78. a:hover { color: {color:Links Hover}; -webkit-transition-duration: 0.5s; }
  79.  
  80. a.title {color: {color:Links}; text-decoration:none;}
  81.  
  82. #container { {block:ifshadowphotos}width: 1115px;{/block:ifshadowphotos} {block:ifnotshadowphotos}width: 1050px;{block:ifnotshadowphotos} margin: auto auto auto auto; position: relative;}
  83.  
  84. #container .header { {block:ifshadowphotos}width: 1050px;{/block:ifshadowphotos} {block:ifnotshadowphotos}width: 1050px;{block:ifnotshadowphotos} margin: auto auto; }
  85.  
  86. #container .description {padding: 10px 0px 40px; clear: both; position: relative; text-align:center; width:500px; margin-left: auto ; margin-right: auto;}
  87.  
  88. #container .posts { width: 1050px; {block:ifshadowphotos}width: 1200px;{/block:ifshadowphotos} {block:ifnotshadowphotos}width: 1050px;{block:ifnotshadowphotos} clear: both; position: relative; margin-left: auto; margin-right: auto; padding-top:30px; }
  89.  
  90. #container .box {width: 345px;{block:iftworows}width: 500px;{/block:iftworows}{block:iffourrows}width: 250px; margin-bottom:20px;{/block:iffourrows} {block:indexpage}{block:ifonerow}width: 600px; padding-left:21%;{/block:ifonerow}{/block:indexpage} margin-left: 5px; {block:ifnotshadowphotos}margin-left: 5px;{/block:ifnotshadowphotos} {block:ifshadowphotos}margin-left: 12px; margin-right: 12px;{block:ifshadowphotos} float: left; margin-bottom: 30px; {block:ifnotshadowphotos}margin-bottom: 30px;{/block:ifnotshadowphotos} {block:ifshadowphotos}margin-bottom: 45px;{/block:ifshadowphotos} position: relative; }
  91.  
  92. #container .box a{-webkit-transition-duration: 0.5s; }
  93.  
  94. #container .box img {max-width: 100%; border:0px; -webkit-transition-duration: 0.5s; {block:ifnofade}opacity:1;{/block:ifnofade}{block:ifroundedphotos}-moz-border-radius: 5px;
  95. border-radius: 5px;{/block:ifroundedphotos} {block:ifshadowphotos}
  96. -moz-box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  97. -webkit-box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  98. box-shadow: 5px 5px 6px rgba(0,0,0,0.6);
  99. } {/block:ifshadowphotos}}
  100.  
  101. {block:iffadedimages}
  102. img{
  103. -webkit-transition: opacity 0.7s linear;
  104. opacity: 0.8;
  105. }
  106. img:hover{
  107. -webkit-transition: opacity 0.7s linear;
  108. opacity: 1;
  109. }
  110. {/block:iffadedimages}
  111. {block:ifinvertedfade}
  112. img{
  113. -webkit-transition: opacity 0.7s linear;
  114. opacity: 1;
  115. }
  116. img:hover{
  117. -webkit-transition: opacity 0.7s linear;
  118. opacity: 0.8;
  119. }
  120. {/block:ifinvertedfade}
  121.  
  122. #container .title { font-size: 12px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}
  123.  
  124. #container .ask { font-size: 11px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}
  125.  
  126. #container .audio {width: 207px;}
  127.  
  128. #container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}
  129.  
  130. #container .columnHolder .column { width: 225px; min-height: 1px; float: left;}
  131.  
  132. #container .columnHolder .column.middle { margin: 0 0px; }
  133.  
  134. #arrow {font-size:15px; padding-left:20px; color:{color:Text Bubble}; margin-top:-5px; padding-bottom:5px;}
  135.  
  136. {block:PermalinkPage}
  137.  
  138. .box { width: 600px !important; padding-left: 21%;}
  139.  
  140.  
  141. p.answer_form_container { width: 580px; }
  142.  
  143. ol.notes { width: 600px; position:relative; padding-left:21%; list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }
  144.  
  145. ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}
  146.  
  147. ol.notes a {color:Links}
  148.  
  149. ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}
  150.  
  151. ol.notes blockquote { margin: 0; }
  152.  
  153. ol.notes blockquote a { text-decoration: none; }
  154.  
  155. {/block:PermalinkPage}
  156.  
  157. .video{text-align: center; background-color:black;}
  158.  
  159. .curve { background-color:{color:Text Bubble}; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; overflow:hidden;}
  160.  
  161. #top-link { position:fixed; right:5px; bottom:5px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }
  162.  
  163. #audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top: -27px;display:block;height:27px;z-index:-1000;width:250px;}
  164.  
  165. .box:hover .back {{block:indexpage}{/block:indexpage}z-index:1000;}
  166.  
  167. .back { margin-top: -25px; width:100%; opacity: 0;
  168. z-index: 1000;}
  169.  
  170. {block:PermalinkPage}
  171.  
  172. .back img{width:500px; height:20px;}
  173.  
  174. {/block:PermalinkPage}
  175.  
  176. {block:iffourrows}
  177. .back img{width:100%; height:20px;}
  178. {/block:iffourrows}
  179.  
  180. {block:iftworows}
  181. .back img{width:500px; height:20px;}
  182. {/block:iftworows}
  183.  
  184. {block:ifonerow}
  185. .back img{width:600px; height:20px;}
  186.  
  187. {/block:ifonerow}
  188. </style>
  189.  
  190. <style type="text/css">{CustomCSS}</style>
  191.  
  192. <script src="http://static.tumblr.com/ubmlcww/CVqlrvww0/two.txt"></script>
  193. <script src="http://static.tumblr.com/is5f0mm/oBolrpvgf/infinite_scroll.txt"></script>
  194. <script src="http://static.tumblr.com/ubmlcww/Bhflrvwwe/three.txt" type="text/javascript"></script>
  195. <script src="http://static.tumblr.com/is5f0mm/JOdlrpvsh/four.txt" type="text/javascript"></script>
  196. <script src="http://static.tumblr.com/is5f0mm/cuOlrpvzp/five.txt" type="text/javascript"></script>
  197.  
  198. {block:ifrainbowlinks}<script src="http://static.tumblr.com/is5f0mm/0cxlrpwye/rainbow_links.txt" type="text/javascript"></script>{/block:ifrainbowlinks}
  199.  
  200.  
  201. </head>
  202.  
  203. {block:indexpage}
  204. <script src="http://static.tumblr.com/is5f0mm/PT0lrpwjq/six.txt" type="text/javascript"></script>
  205.  
  206. {/block:indexpage}
  207. <br>
  208.  
  209. {block:ifshadowlinks}<style type="text/css">a:hover {
  210.  
  211. color: #000000;
  212.  
  213. text-decoration: none;
  214.  
  215. font-style: none;
  216.  
  217. text-shadow:0px 0px 3px #999999;}</style>{/block:ifshadowlinks}
  218.  
  219. <div id="container">
  220. <div class="header">
  221.  
  222. <div style="text-align: center;">{block:ifuselogo}<img style="max-width:1500px; max-height:300px" src="{image:logo}"/>{/block:ifuselogo}<h1 class="bebas"><a href="/">{block:ifshowblogtitle}{Title}{/block:ifshowblogtitle}</a></h1></div>
  223.  
  224. <div style="text-align: center; font-size:12px; margin-top:-35px; {block:ifuselogo}margin-top:10px; {/block:ifuselogo}text-transform: lowercase;">
  225.  
  226. {block:ifLinkOneTitle}
  227. <a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;
  228. {/block:ifLinkOneTitle}
  229. {block:ifLinkTwoTitle}
  230. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;&nbsp;
  231. {/block:ifLinkTwoTitle}
  232. {block:ifLinkThreeTitle}
  233. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;&nbsp;
  234. {/block:ifLinkThreeTitle}
  235. {block:ifLinkFourTitle}
  236. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;&nbsp;
  237. {/block:ifLinkFourTitle}
  238. {block:ifLinkFiveTitle}
  239. <a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;&nbsp;</a>
  240. {/block:ifLinkFiveTitle}
  241.  
  242. {block:ifmessagelink}<a href="/ask">message</a>&nbsp;&nbsp;&nbsp;{/block:ifmessagelink}
  243.  
  244. {block:ifarchivelink}<a href="/archive">archive</a>&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}
  245.  
  246. <script type="text/javascript" src="http://static.tumblr.com/ubu82zj/rWllrq2r0/seven.txt"></script>
  247.  
  248. {block:HasPages}
  249. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{/block:Pages}
  250. {/block:HasPages}
  251.  
  252. </div>
  253.  
  254. <div class="description">{description}<br style="clear:both"></div></div>
  255.  
  256. <div class="posts" id="allposts">
  257. {block:Posts}
  258. <div class="box">
  259.  
  260. {block:Photo}
  261. {block:IndexPage}
  262. <a href="{Permalink}" target="_blank">{/block:IndexPage}
  263. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  264. <img style="min-width:100%;" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  265.  
  266.  
  267. <div class="back"></div>
  268. <div class="perma">
  269. <a href="{Permalink}" target="_blank"></a>
  270. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
  271. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  272. {/block:Photo}
  273.  
  274. {block:Audio}
  275. <div class="curve">
  276. <div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;">
  277. {AudioPlayerBlack}
  278. </div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">&#9660;</div>
  279.  
  280.  
  281. {block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  282.  
  283. {block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  284.  
  285. {block:IndexPage}
  286. <div class="back"></div>
  287. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  288. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
  289. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a>{block:ExternalAudio}<a href="{ExternalAudioURL}"></a>{/block:ExternalAudio}</div>{/block:IndexPage}
  290.  
  291. {/block:Audio}
  292.  
  293. {block:Video}
  294. <div class="video">{block:iffourrows}
  295. {Video-250}{/block:iffourrows}{block:ifthreerows}
  296. {Video-250}{/block:ifthreerows}
  297. {block:iftworows}
  298. {Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow}
  299. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  300.  
  301. <div class="back"></div>
  302. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  303. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  304. {/block:Video}
  305.  
  306. {block:Text}
  307. <div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">&#9660;</div>{/block:Title}
  308.  
  309. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>
  310. <div class="back"></div>
  311. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  312. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  313.  
  314. {block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More}
  315. {/block:Text}
  316.  
  317. {block:Answer}
  318.  
  319. <div class="curve"><a href="{Permalink}" class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">&#9660;</div>
  320.  
  321. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;">&nbsp;&nbsp;{Asker}</span>
  322. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>
  323.  
  324. <div class="back"></div>
  325. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  326. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a></div>
  327. {/block:Answer}
  328.  
  329. {block:Link}
  330. <div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
  331. </div><div id="arrow">&#9660;</div>
  332. {block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}
  333.  
  334. <div class="back"></div>
  335. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  336. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  337. {/block:Link}
  338.  
  339. {block:Quote}<div class="curve"><a href="{Permalink}" class="title">"{Quote}"</a></div><div id="arrow">&#9660;</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}
  340. <div class="back"></div>
  341. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  342. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>{/block:Quote}
  343.  
  344. {block:Chat}
  345. <div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">&#9660;</div>{/block:Title}
  346.  
  347. <table class="chat" style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>
  348.  
  349. <div class="back"></div>
  350. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  351. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  352. {/block:Chat}
  353.  
  354. {block:PermalinkPage}{block:ifshowcaption}<block:Caption>
  355. <BR>{block:ifshadowphotos}<BR>{/block:ifshadowphotos}{Caption}</block:Caption>{/block:ifshowcaption}{block:ifshownotecount}<BR><BR>
  356. {block:NoteCount}{notecountwithlabel}{/block:NoteCount}{/block:ifshownotecount}{/block:PermalinkPage}
  357.  
  358. {block:PermalinkPage}</div>
  359. {block:IfShowNotes}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotes}
  360. {/block:PermalinkPage}
  361.  
  362. </div>{/block:Posts}
  363. </div>
  364.  
  365. {block:IndexPage}
  366. <div class="columnHolder footer"><div class="column navigation" id="navigation">
  367. {block:Pagination}
  368. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  369. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  370.  
  371. {block:PermalinkPagination}
  372. {block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
  373. {block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
  374. {/block:IndexPage}</div>
  375.  
  376. <script type="text/javascript" src="http://static.tumblr.com/is5f0mm/T5klrpwms/autoscale.txt"></script>
  377.  
  378. <!--
  379. Theme by h4te
  380. http://h4te.tumblr.com
  381. Please don't remove the credit.
  382. -->
  383.  
  384. </body>
  385. </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!