API tools faq
paste
thewisepotato

The 2nd Law Tumblr Theme

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