API tools faq
paste
thewisepotato

Origin Of Symmetry Tumblr Theme

thewisepotato
May 26th, 2014
558
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9. <meta name="text:Link 1" content=""/>
  10. <meta name="text:Link 1 URL" content="http://"/>
  11. <meta name="text:Link 2" content=""/>
  12. <meta name="text:Link 2 URL" content="http://"/>
  13. <meta name="text:Link 3" content=""/>
  14. <meta name="text:Link 3 URL" content="http://"/>
  15. <meta name="text:Link 4" content=""/>
  16. <meta name="text:Link 4 URL" content="http://"/>
  17.  
  18. <meta name="text:Heading Font Size" content="24"/>
  19.  
  20. <meta name="color:Background" content="#888888"/>
  21. <meta name="color:Accent" content="#888888"/>
  22. <meta name="color:Menu Text" content="#000000"/>
  23. <meta name="color:Menu Background" content="#fcfcfc"/>
  24. <meta name="color:Post Text" content="#000000"/>
  25. <meta name="color:Post Background" content="#fcfcfc"/>
  26. <meta name="color:Permalink Text" content="#000000"/>
  27. <meta name="color:Permalink Background" content="#ffffff"/>
  28. <meta name="color:Notes and Pagination Text" content="#000000"/>
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  32.  
  33. <meta name="if:Wide Posts" content="0"/>
  34. <meta name="if:Show Tags" content="0"/>
  35. <meta name="if:Infinite Scroll" content="0"/>
  36. <meta name="if:Open Full Size Images" content="1"/>
  37.  
  38. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
  39.  
  40. <script type="text/javascript">
  41. $(document).ready(function(){
  42. $('#r').css('margin-top','-'+$('#r').outerHeight()/2+'px');
  43. {block:PermalinkPage}//{block:PermalinkPage} $(window).scroll(function(){if ($(window).scrollTop() >= 175) {$('#r').fadeIn();} else {$('#r').fadeOut();};});
  44. });
  45. </script>
  46.  
  47. {block:ifInfiniteScroll}
  48. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  49. {/block:ifInfiniteScroll}
  50.  
  51. <style type="text/css">
  52.  
  53. *{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
  54.  
  55. body {background:{color:Background} url({image:Background}) fixed; font-family:Helvetica, Arial, sans-serif;}
  56.  
  57. a {text-decoration:none; color:inherit;}
  58.  
  59. a:hover {color:{color:Accent};}
  60.  
  61. #t {margin-top:20px; margin-left:150px; display:inline-block; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} padding:16px 16px 0 16px; background:{color:Menu Background}; color:{color:Menu Text}; text-align:center; border:solid 1px transparent; border-bottom:none;}
  62.  
  63. #t h1 {text-transform:uppercase; font-size:{text:Heading Font Size}pt; float:left; line-height:52px; margin-top:0; border:solid {color:Menu Text}; border-width:6px 0; {block:ifWidePosts}width:426px;{/block:ifWidePosts}{block:ifNotWidePosts}width:326px;{/block:ifNotWidePosts}}
  64.  
  65. #t a:hover h1 {color:{color:Menu Text};}
  66.  
  67. #t img {float:left; margin-right:10px;}
  68.  
  69. #t a.nav {text-transform:uppercase; display:inline-block; font-size:0.9em; font-weight:bold; padding:0 5px 10px 5px; border-bottom:solid 2px transparent;}
  70.  
  71. #t a.nav:hover {color:{color:Menu Text}; border-bottom-color:{color:Accent};}
  72.  
  73. #r {position:fixed; top:50%; {block:ifWidePosts}left:785px;{/block:ifWidePosts}{block:ifNotWidePosts}left:685px;{/block:ifNotWidePosts} width:128px; background:{color:Menu Background}; color:{color:Menu Text}; padding:10px; display:none;}
  74.  
  75. #r div {font-size:0.8em; margin-top:15px;}
  76.  
  77. #r h1 {text-transform:uppercase; font-size:{text:Heading Font Size}pt; margin-top:0; border:solid {color:Menu Text}; border-width:6px 0; width:128px; word-break:break-all;}
  78.  
  79. #r a:hover h1 {color:{color:Menu Text};}
  80.  
  81. #r select {-webkit-appearance:none; font-weight:bold; border-radius:0; border:solid {color:Menu Text}; border-width:3px 0; color:{color:Menu Text}; line-height:130%; font-size:14.5px; text-indent:16px; font-family:Helvetica, Arial, sans-serif;}
  82.  
  83. #r select:focus {outline:none;}
  84.  
  85. /*----PAGINATION----*/
  86.  
  87. a.pg {display:block; {block:ifWidePosts}width:375px;{/block:ifWidePosts}{block:ifNotWidePosts}width:325px;{/block:ifNotWidePosts} margin-top:10px; font-weight:bold; text-transform:uppercase; color:{color:Notes and Pagination Text};}
  88.  
  89. a.pg:hover {color:{color:Notes and Pagination Text};}
  90.  
  91. a.pg:first-of-type {margin-top:30px;}
  92.  
  93. a.pg:last-of-type {margin-bottom:30px;}
  94.  
  95. a.pg.p {border-bottom:solid 5px {color:Notes and Pagination Text};}
  96.  
  97. a.pg.n {border-top:solid 5px {color:Notes and Pagination Text}; text-align:right; {block:ifWidePosts}margin-left:157px;{/block:ifWidePosts}{block:ifNotWidePosts}margin-left:107px;{/block:ifNotWidePosts}}
  98.  
  99. a.pn {display:inline-block; font-weight:bold; text-transform:uppercase; margin-bottom:25px; {block:ifWidePosts}width:264px;{/block:ifWidePosts}{block:ifNotWidePosts}width:214px;{/block:ifNotWidePosts}}
  100.  
  101. a.pn:hover {color:{color:Notes and Pagination Text};}
  102.  
  103. a.pn.n {text-align:right; border-top:solid 5px {color:Notes and Pagination Text};}
  104.  
  105. a.pn.p {border-bottom:solid 5px {color:Notes and Pagination Text};}
  106.  
  107. /*--------*/
  108.  
  109. /*----POSTS----*/
  110.  
  111. #posts {margin-top:25px; margin-left:150px; font-size:0.85em; {block:ifWidePosts}width:534px;{/block:ifWidePosts}{block:ifNotWidePosts}width:434px;{/block:ifNotWidePosts}}
  112.  
  113. #entry {padding:16px; {block:ifWidePosts}width:500px;{/block:ifWidePosts}{block:ifNotWidePosts}width:400px;{/block:ifNotWidePosts} height:auto; color:{color:Post Text}; background:{color:Post Background}; border:solid 1px transparent;}
  114.  
  115. #entry * {max-width:100%;}
  116.  
  117. h2 {text-align:center; margin-top:0; padding:5px; border:solid 1px white; background:{color:Permalink Background}; color:{color:Permalink Text}; text-transform:uppercase;}
  118.  
  119. #entry:hover h2 {color:{color:Accent};}
  120.  
  121. #entry b {text-transform:uppercase; font-size:0.85em;}
  122.  
  123. #entry table {{block:ifWidePosts}max-width:500px;{/block:ifWidePosts}
  124. {block:ifNotWidePosts}max-width:400px;{/block:ifNotWidePosts}}
  125.  
  126. blockquote {border-left:solid 2px {color:Post Text}; padding-left:15px; margin-left:15px; margin-top:-10px;}
  127.  
  128. /*----CHAT POSTS----*/
  129.  
  130. ul.chat {padding-left:15px; list-style-type:none;}
  131.  
  132. /*----LINK POSTS----*/
  133.  
  134. a.link h2:after {content:' ❯'; color:{color:Accent};}
  135.  
  136. #entry:hover a.link h2 {color:{color:Post Text};}
  137.  
  138. a.link:hover h2 {color:{color:Accent} !important;}
  139.  
  140. /*----AUDIO POSTS----*/
  141.  
  142. .audio {float:left;}
  143.  
  144. .audio img {height:80px; width:80px; padding:5px; display:block;}
  145.  
  146. .aud {height:28px; width:28px; overflow:hidden; margin:-60px 0 31px 31px; opacity:0.6;}
  147.  
  148. .audio:hover .aud {opacity:1;}
  149.  
  150. .audin {float:left; height:70px; {block:ifWidePosts}width:385px;{/block:ifWidePosts}{block:ifNotWidePosts}width:285px;{/block:ifNotWidePosts} padding:10px; margin-bottom:15px;}
  151.  
  152. /*----QUOTE POSTS----*/
  153.  
  154. h2.qu {text-transform:none;}
  155.  
  156. h2.short {font-size:1.25em;}
  157.  
  158. h2.medium, h2.long {text-align:left;}
  159.  
  160. h2.long {font-size:1.15em;}
  161.  
  162. /*----ASK POSTS----*/
  163.  
  164. div.ask b {text-align:center; display:block;}
  165.  
  166. div.answer b {display:block;}
  167.  
  168. div.ask {padding:10px; border:solid {color:Accent}; border-width:3px 0;}
  169.  
  170. div.answer {padding:10px; font-size:0.95em;}
  171.  
  172. /*--------*/
  173.  
  174. /*----PERMALINK----*/
  175.  
  176. #info {margin-bottom:25px; margin-top:-1px; background:{color:Permalink Background}; color:{color:Permalink Text}; border:solid 1px {color:Permalink Background};}
  177.  
  178. #tags {{block:ifWidePosts}width:522px;{/block:ifWidePosts}{block:ifNotWidePosts}width:422px;{/block:ifNotWidePosts} padding:10px 5px; font-size:0.95em; {block:ifNotShowTags}display:none;{/block:ifNotShowTags}{block:PermalinkPage}display:block;{/block:PermalinkPage} border-top:solid 1px {color:Background};}
  179.  
  180. #tags a {margin:0 5px;}
  181.  
  182. #perm {text-transform:uppercase; line-height:17px; text-align:center; padding:0; font-size:0.9em;}
  183.  
  184. #perm a, #perm div {display:inline-block !important; margin:5px;}
  185.  
  186. #perm a.reblog_button {position:relative; top:2px;}
  187.  
  188. /*--------*/
  189.  
  190. /*----NOTES----*/
  191.  
  192. ol.notes {padding-left:0; list-style-type:none; font-weight:bold; text-transform:uppercase; font-size:0.9em; color:{color:Notes and Pagination Text};}
  193.  
  194. ol.notes li {margin:5px;}
  195.  
  196. img.avatar {margin-right:15px; vertical-align:middle;}
  197.  
  198. ol.notes li blockquote {margin-top:10px; margin-left:7px; font-weight:initial;}
  199.  
  200. ol.notes a:hover {color:{color:Notes and Pagination Text}; opacity:0.75;}
  201.  
  202. /*--------*/
  203.  
  204. /*---custom css----*/
  205. {CustomCSS}
  206.  
  207. </style>
  208. </head>
  209. <body>
  210.  
  211.  
  212. <div id="t" {block:PermalinkPage}style="display:none"{/block:PermalinkPage}>
  213. <a href="/"><img src="{PortraitURL-64}"/>
  214. <h1>{Title}</h1></a>
  215. {block:AskEnabled}<a class="nav" href="/ask">ask</a>{/block:AskEnabled}
  216. <a class="nav" href="/archive">archive</a>
  217. {block:ifLink1}<a class="nav" href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  218. {block:ifLink2}<a class="nav" href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  219. {block:ifLink3}<a class="nav" href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  220. {block:ifLink4}<a class="nav" href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  221. <a class="nav" href="http://syntaxthemes.tumblr.com">theme</a>
  222. </div>
  223.  
  224. <div id="r" {block:PermalinkPage}style="display:block"{/block:PermalinkPage}>
  225. <img src="{PortraitURL-128}"/>
  226.  
  227. {block:PermalinkPage}
  228. <a href="/"><h1>{Title}</h1></a>
  229. {/block:PermalinkPage}
  230.  
  231. <div {block:PermalinkPage}style="display:none"{/block:PermalinkPage}>{Description}</div>
  232.  
  233. <select onchange='location=this.options[this.selectedIndex].value;' style='width:128px;{block:PermalinkPage}border:none;{/block:PermalinkPage}'>
  234. <option>NAVIGATE ▾</option>
  235. {block:PermalinkPage}<span style="display:none">{/block:PermalinkPage}<option{block:PermalinkPage}style="display:none"{/block:PermalinkPage} value="/">index</option> {block:PermalinkPage}</span>{/block:PermalinkPage}
  236. {block:AskEnabled}<option value="/ask">ask</option>{/block:AskEnabled}
  237. <option value="/archive">archive</option>
  238. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:ifLink1}
  239. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}
  240. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}
  241. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}
  242. <option value="http://syntaxthemes.tumblr.com">theme</option>
  243. </select>
  244.  
  245. </div>
  246.  
  247. <!----------------------------------POSTS---------------------------------->
  248.  
  249.  
  250. <div id="posts">
  251.  
  252. {block:Posts}
  253.  
  254. <div id="entry" {block:Quote}style="text-align:center;"{/block:Quote}>
  255.  
  256. {block:Text}
  257. {block:Title}<h2>{Title}</h2>{/block:Title}
  258. {Body}
  259. {/block:Text}
  260.  
  261. {block:Audio}
  262. <div class="audio">
  263. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  264. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  265. <div class="aud">{AudioPlayerWhite}</div>
  266. </div>
  267. <div class="audin">
  268. {block:TrackName}<b>Track Name</b> {TrackName}<br/>{/block:TrackName}
  269. {block:Artist}<b>Artist</b> {Artist}<br/>{/block:Artist}
  270. {block:Album}<b>Album</b> {Album}<br/>{/block:Album}
  271. {block:PlayCount}<b>Plays</b> {FormattedPlayCount}{/block:PlayCount}
  272. </div>
  273. {block:Caption}{Caption}{/block:Caption}
  274. {/block:Audio}
  275.  
  276. {block:Video}
  277. {block:ifWidePosts}{Video-500}{/block:ifWidePosts}
  278. {block:ifNotWidePosts}{Video-400}{/block:ifNotWidePosts}
  279. {block:Caption}{Caption}{/block:Caption}
  280. {/block:Video}
  281.  
  282. {block:Photo}
  283. {block:ifOpenFullSizeImages}
  284. {LinkOpenTag}
  285. {/block:ifOpenFullSizeImages}
  286. {block:ifWidePosts}<img src="{PhotoURL-500}">{/block:ifWidePosts}
  287. {block:ifNotWidePosts}<img src="{PhotoURL-400}">{/block:ifNotWidePosts}
  288. {block:ifOpenFullSizeImages}
  289. {LinkCloseTag}
  290. {/block:ifOpenFullSizeImages}
  291. {block:Caption}{Caption}{/block:Caption}
  292. {/block:Photo}
  293.  
  294. {block:Photoset}
  295. {block:ifWidePosts}{Photoset-500}{/block:ifWidePosts}
  296. {block:ifNotWidePosts}{Photoset-400}{/block:ifNotWidePosts}
  297. {block:Caption}{Caption}{/block:Caption}
  298. {/block:Photoset}
  299.  
  300. {block:Panorama}
  301. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  302. {block:Caption}{Caption}{/block:Caption}
  303. {/block:Panorama}
  304.  
  305. {block:Quote}
  306. <h2 class="{Length} qu">"{Quote}"</h2>
  307. {block:Source}{Source}{/block:Source}
  308. {/block:Quote}
  309.  
  310. {block:Link}
  311. <a href="{URL}" class="link"><h2>{Name}</h2></a>
  312. {block:Description}{Description}{/block:Description}
  313. {/block:Link}
  314.  
  315. {block:Chat}
  316. {block:Title}<h2>{Title}</h2>{/block:Title}
  317. <ul class="chat">
  318. {block:Lines}
  319. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  320. {/block:Lines}
  321. </ul>
  322. {/block:Chat}
  323.  
  324. {block:Answer}
  325. <div class="ask">
  326. <b>{Asker} asked:</b>{Question}
  327. </div>
  328. <div class="answer">
  329. {block:Answerer}<b>{Answerer} replied:</b>{/block:Answerer}
  330. {Answer}
  331. </div>
  332.  
  333. {block:Answerer}{Replies}{/block:Answerer}
  334. {/block:Answer}
  335.  
  336. </div><!--entry-->
  337.  
  338. {block:Date}<div id="info">
  339. <div id="perm">
  340. <a href="{Permalink}">{TimeAgo}</a>
  341. <a href="{Permalink}">{NoteCount}</a>
  342. {ReblogButton color="black" size="13"}
  343. {LikeButton color="black" size="13"}
  344.  
  345. {block:PermalinkPage}{block:RebloggedFrom}
  346. <a href="{ReblogParentURL}">via</a>
  347. <a href="{ReblogRootURL}">src</a>
  348. {/block:RebloggedFrom}{/block:PermalinkPage}
  349.  
  350. </div>
  351.  
  352. {block:HasTags}
  353. <div id="tags">
  354. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  355. </div>
  356. {/block:HasTags}
  357. </div>{/block:Date}
  358.  
  359. {block:PermalinkPagination}
  360. {block:PreviousPost}<a class="pn p" href="{PreviousPost}">previous post</a>{/block:PreviousPost}
  361. {block:NextPost}<a class="pn n" href="{NextPost}">next post</a>{/block:NextPost}
  362. {/block:PermalinkPagination}
  363.  
  364. {/block:Posts}
  365.  
  366. {block:ifNotInfiniteScroll}{block:Pagination}
  367. {block:PreviousPage}<a class="pg p" href="{PreviousPage}">previous page</a>{/block:PreviousPage}
  368. {block:NextPage}<a class="pg n" href="{NextPage}">next page</a>{/block:NextPage}
  369. {/block:Pagination}{/block:ifNotInfiniteScroll}
  370.  
  371. {block:PostNotes}
  372. {PostNotes}
  373. {/block:PostNotes}
  374.  
  375. </div><!--posts-->
  376.  
  377. <!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
  378. <a href="http://syntaxthemes.tumblr.com">
  379. <img style="position:fixed; bottom:0; right:0; display:block; opacity:0.7; margin:0; z-index:999999999999!important;" onmouseover="this.style.opacity=0.9" onmouseout="this.style.opacity=0.7" src="http://static.tumblr.com/puls2hm/QOHn1brjx/st.png"/></a>
  380. <!----------------------------------THANK-------------------------------->
  381.  
  382.  
  383. </body>
  384. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!