API tools faq
paste
thewisepotato

Circuit Tumblr Theme

thewisepotato
Apr 26th, 2014
4,174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.85 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. <meta name="color:Background" content="#222222"/>
  10. <meta name="color:Sidebar BG" content="#ffffff"/>
  11. <meta name="color:Sidebar Text" content="#000000"/>
  12. <meta name="color:Navigation Text" content="#000000"/>
  13. <meta name="color:Navigation BG" content="#cccccc"/>
  14. <meta name="color:Post BG" content="#ffffff"/>
  15. <meta name="color:Post Text" content="#000000"/>
  16. <meta name="color:Permalink BG" content="#cccccc"/>
  17. <meta name="color:Permalink Text" content="#000000"/>
  18. <meta name="color:Accent" content="#f6f6f6"/>
  19. <meta name="color:Borders" content="#666666"/>
  20.  
  21. <meta name="image:Right Image" content=""/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  24.  
  25. <meta name="if:Infinite Scroll" content="1"/>
  26. <meta name="if:Style My Tooltips" content="1"/>
  27. <meta name="if:Background Stretch" content="0"/>
  28. <meta name="if:Justified Text" content="1"/>
  29. <meta name="if:Show Tags" content="1"/>
  30. <meta name="if:Post Borders" content="1"/>
  31. <meta name="if:Sidebar Borders" content="1"/>
  32. <meta name="if:Right Image Borders" content="1"/>
  33. <meta name="if:Open Full Size Images" content="1"/>
  34.  
  35. <meta name="select:Font" content="arial" title="Arial"/>
  36. <meta name="select:Font" content="cambria" title="Cambria"/>
  37.  
  38. <meta name="text:Link 1" content=""/>
  39. <meta name="text:Link 1 URL" content="http://"/>
  40. <meta name="text:Link 2" content=""/>
  41. <meta name="text:Link 2 URL" content="http://"/>
  42. <meta name="text:Link 3" content=""/>
  43. <meta name="text:Link 3 URL" content="http://"/>
  44. <meta name="text:Link 4" content=""/>
  45. <meta name="text:Link 4 URL" content="http://"/>
  46.  
  47. <meta name="text:Link 5" content=""/>
  48. <meta name="text:Link 5 URL" content="http://"/>
  49. <meta name="text:Link 6" content=""/>
  50. <meta name="text:Link 6 URL" content="http://"/>
  51. <meta name="text:Link 7" content=""/>
  52. <meta name="text:Link 7 URL" content="http://"/>
  53. <meta name="text:Link 8" content=""/>
  54. <meta name="text:Link 8 URL" content="http://"/>
  55.  
  56. {block:ifStyleMyTooltips}
  57. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  58. {/block:ifStyleMyTooltips}
  59.  
  60. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  61.  
  62. {block:ifInfiniteScroll}
  63. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  64. {/block:ifInfiniteScroll}
  65.  
  66. <style type="text/css">
  67.  
  68. /*----GENERAL----*/
  69.  
  70. *{-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;}
  71.  
  72. {block:ifStyleMyTooltips}
  73. div#qTip {display:none; text-align:center; position:absolute; background:{color:Accent}; padding:4px; color:{color:Post Text}; margin-left:15px; margin-top:10px; z-index:999999; font-size:0.9em; border:solid 2px {color:Borders};}
  74.  
  75. div#qTip:before {content:''; display:block; height:50%; padding-top:11px; width:2px; background-color:{color:Borders}; position:absolute; top:-10px; left:-15px; margin-left:-1px;}
  76.  
  77. div#qTip:after {content:''; display:block; height:2px; width:15px; background-color:{color:Borders}; position:absolute; top:50%; left:-15px; margin-top:-1px;}
  78. {/block:ifStyleMyTooltips}
  79.  
  80. img {max-width:100%;}
  81.  
  82. a {text-decoration:none; color:inherit;}
  83.  
  84. a:hover {color:{color:Accent};}
  85.  
  86. a img:hover {background-color:inherit;}
  87.  
  88. body {background:{color:Background} url({image:Background}) fixed; font-family:{select:Font}; font-size:0.7em; {block:ifBackgroundStretch} background-size:100% 100%;{/block:ifBackgroundStretch}}
  89.  
  90. h3 {text-align:center; text-transform:uppercase; font-family:{select:Title Font}; font-size:1.5em;}
  91.  
  92. /*--------*/
  93.  
  94. /*----SIDEBAR----*/
  95.  
  96. #desc {position:fixed; top:100px; left:50px; height:110px; width:200px; border:solid 20px {color:Sidebar BG}; padding:0 5px; {block:ifJustifiedText}text-align:justify;{/block:ifJustifiedText} background-color:{color:Sidebar BG}; color:{color:Sidebar Text}; overflow:auto; {block:ifSidebarBorders}outline:solid 10px {color:Borders};{/block:ifSidebarBorders}}
  97.  
  98. #links {position:fixed; top:250px; left:50px; width:250px; {block:ifSidebarBorders}top:260px;{/block:ifSidebarBorders}}
  99.  
  100. #links a {display:inline-block; width:120px; padding:5px 0; background-color:{color:Navigation BG}; color:{color:Navigation Text}; text-align:center; margin-top:10px;}
  101.  
  102. #links a:nth-of-type(odd) {margin-right:6px;}
  103.  
  104. #links a:hover {background-color:{color:Accent};}
  105.  
  106. {block:ifSidebarBorders}
  107. #ldn {position:absolute; top:0; left:55px; height:100%; width:10px; background-color:{color:Borders}; z-index:-1;}
  108.  
  109. #llr {position:absolute; bottom:6px; left:0; height:10px; width:100%; background-color:{color:Borders}; z-index:-1; padding-right:70px;}
  110.  
  111. #sblk {position:fixed; top:170px; left:0; height:10px; width:40px; background-color:{color:Borders};}
  112. {/block:ifSidebarBorders}
  113.  
  114. /*----SIDE IMAGE----*/
  115.  
  116. img.side {position:fixed; top:100px; left:970px; height:290px; width:230px; {block:ifRightImageBorders}border:solid 10px {color:Borders};{/block:ifRightImageBorders}}
  117.  
  118. {block:ifRightImageBorders}
  119. #sideb {position:fixed; top:250px; left:875px; height:10px; width:95px; background-color:{color:Borders};}
  120. {/block:ifRightImageBorders}
  121.  
  122. {block:ifRightImageBorders}
  123. #sided {position:fixed; top:410px; left:1090px; height:50%; width:10px; background-color:{color:Borders};}
  124. {/block:ifRightImageBorders}
  125.  
  126. /*--------*/
  127.  
  128. /*----POSTS----*/
  129.  
  130. #posts {position:absolute; top:20px; left:425px; padding-bottom:50px; width:420px;
  131. {block:ifNotLink1}min-height:320px;{/block:ifNotLink1}
  132. {block:ifLink1}min-height:340px;{/block:ifLink1}
  133. {block:ifLink3}min-height:360px;{/block:ifLink3}
  134. {block:ifLink5}min-height:380px;{/block:ifLink5}
  135. {block:ifLink7}min-height:400px;{/block:ifLink7}}
  136.  
  137. #entry {{block:ifJustifiedText}text-align:justify;{/block:ifJustifiedText} background-color:{color:Post BG}; color:{color:Post Text}; padding:10px; width:400px; position:relative; {block:ifPostBorders}outline:solid 10px {color:Borders};{/block:ifPostBorders}}
  138.  
  139. #ewrap {width:420px; position:relative; min-height:100px; {block:RebloggedFrom}min-height:120px;{block:RebloggedFrom} margin-bottom:20px; {block:ifPostBorders}margin-bottom:40px;{/block:ifPostBorders} {block:PermalinkPage}margin-bottom:20px;{/block:PermalinkPage};}
  140.  
  141. #entry table {max-width:400px;}
  142.  
  143. blockquote {border-left:solid 1px {color:Post Text}; padding-left:15px; margin-left:15px;}
  144.  
  145. #blk {position:absolute; top:-20px; left:-55px; height:100%; width:10px; z-index:-1; background-color:{color:Borders}; padding-bottom:12px;}
  146.  
  147. #bblk {position:absolute; bottom:8px; left:-45px; height:10px; width:100%; padding-right:75px; background-color:{color:Borders}; z-index:0;}
  148.  
  149. #blk2 {position:absolute; top:-20px; left:100%; margin-left:20px; height:100%; width:10px; z-index:0; background-color:{color:Borders}; padding-bottom:12px;}
  150.  
  151. {block:ifPostBorders}
  152. #pblk {position:absolute; top:50%; left:-45px; margin-top:-5px; height:10px; width:100%; padding-right:75px; background-color:{color:Borders}; z-index:-1;}
  153. {block:ifPostBorders}
  154.  
  155. /*----CHAT POSTS----*/
  156.  
  157. .chat tr:hover td:first-child {background-color:{color:Accent};}
  158.  
  159. /*----AUDIO POSTS----*/
  160.  
  161. td.alabel {padding:0 10px;}
  162.  
  163. /*----QUOTE POSTS----*/
  164.  
  165. h3.short {font-size:1.65em;}
  166.  
  167. {block:ifJustifiedText}h3.medium, h3.long {text-align:justify;}{/block:ifJustifiedText}
  168.  
  169. h3.long {font-size:1.2em;}
  170.  
  171. /*--------*/
  172.  
  173. /*---TAGS-----*/
  174.  
  175. #tags {width:410px; padding:5px; margin-top:5px; background-color:{color:Post BG}; color:{color:Permalink BG};{block:ifPostBorders}border-top:solid 5px {color:Borders}; margin-top:0;{/block:ifPostBorders} {block:ifNotShowTags}display:none;{/block:ifNotShowTags}}
  176.  
  177. #tags a {color:{color:Permalink Text};}
  178.  
  179. #tags a:hover {color:{color:Accent};}
  180.  
  181. /*--------*/
  182.  
  183. /*----PERMALINK----*/
  184.  
  185. #info {width:60px; color:{color:Permalink Text}; position:absolute; left:-80px; top:0;}
  186.  
  187. #info a {padding:0 !important;}
  188.  
  189. #info a:hover {color:{color:Permalink Text};}
  190.  
  191. #info a:hover div {background-color:{color:Accent};}
  192.  
  193. #date {height:50px; width:50px; padding:5px; background-color:{color:Permalink BG}; text-align:center; margin-bottom:4px;}
  194.  
  195. #date .day {font-size:3em;}
  196.  
  197. #notes {width:50px; height:auto; padding:2px 5px; text-align:center; margin-bottom:4px; background-color:{color:Permalink BG};}
  198.  
  199. #via, #src {width:20px; height:auto; padding:2px 4px; text-align:center; background-color:{color:Permalink BG}; display:inline-block; margin-bottom:4px;}
  200.  
  201. #reblog {width:50px; height:auto; padding:2px 5px; text-align:center; background-color:{color:Permalink BG};}
  202.  
  203. /*--------*/
  204.  
  205. /*----NOTES----*/
  206.  
  207. ol.notes {list-style-type:none; color:{color:Post Text}; padding:10px; background-color:{color:Post BG}; width:410px; margin-top:0; margin-left:-5px; outline:solid 5px {color:Borders};}
  208.  
  209. ol.notes li {margin-top:5px;}
  210.  
  211. img.avatar {margin-right:5px; vertical-align:middle;}
  212.  
  213. /*--------*/
  214.  
  215. /*----PAGINATION----*/
  216.  
  217. a.pg {width:50px; height:auto; padding:2px 5px; text-align:center; background-color:{color:Permalink BG}; position:absolute; bottom:5px; height:14px; display:block; color:{color:Permalink Text};}
  218.  
  219. a.pg:hover {background-color:{color:Accent}; color:{color:Permalink Text};}
  220.  
  221. a.p {left:-80px; width:50px;}
  222.  
  223. a.n {left:100%; margin-left:-5px; width:62px;}
  224.  
  225. /*--------*/
  226.  
  227. /*----SCROLLBAR----*/
  228.  
  229. ::-webkit-scrollbar {height:5px; width:5px;}
  230. ::-webkit-scrollbar-thumb {background-color:{color:Accent};}
  231. ::-webkit-scrollbar-track-piece {background-color:transparent;}
  232.  
  233. /*--------*/
  234.  
  235. {CustomCSS}
  236. </style>
  237.  
  238. </head>
  239.  
  240. <body>
  241. {block:ifSidebarBorders}
  242. <div id="sblk"></div>
  243. {/block:ifSidebarBorders}
  244.  
  245. <div id="desc">
  246. {Description}
  247. </div>
  248.  
  249. <div id="links">
  250. {block:ifSidebarBorders}<div id="ldn"></div><div id="llr"></div>{/block:ifSidebarBorders}
  251. <a href="/">index</a>
  252. <a href="/ask">message</a>
  253. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  254. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  255. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  256. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  257. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  258. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  259. {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  260. {block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifLink8}
  261. </div>
  262.  
  263. {block:ifRightImageBorders}<div id="sideb"></div><div id="sided"></div>{/block:ifRightImageBorders}
  264. <img class="side" src="{image:Right Image}"/>
  265.  
  266.  
  267. <!---POSTS---------------->
  268.  
  269.  
  270. <div id="posts">
  271.  
  272. <div id="blk"></div><div id="blk2"></div><div id="bblk"></div>
  273.  
  274. {block:Posts}
  275.  
  276. <div id="ewrap" {block:ifPostBorders}{block:HasTags}style="outline:solid 10px {color:Borders};"{/block:HasTags}{/block:ifPostBorders}>
  277.  
  278. {block:Date}
  279. <div id="info">
  280. <div id="date">
  281. <span class="day">{DayOfMonthWithZero}</span>
  282. {ShortMonth} {Year}
  283. </div>
  284. <a href="{Permalink}"><div id="notes">{NoteCount}</div></a>
  285. {block:RebloggedFrom}
  286. <a href="{ReblogParentURL}"><div id="via">via</div></a>
  287. <a href="{ReblogRootURL}"><div id="src">src</div></a>
  288. {/block:RebloggedFrom}
  289. <a href="{ReblogURL}"><div id="reblog">reblog</div></a>
  290. </div>
  291. {/block:Date}
  292.  
  293. <div id="entry" {block:HasTags}style="outline:none;"{/block:HasTags}>
  294.  
  295. {block:ifPostBorders}<div id="pblk"></div>{block:ifPostBorders}
  296.  
  297. {block:Text}
  298. {block:Title}<h3>{Title}</h3>{/block:Title}
  299. {Body}
  300. {/block:Text}
  301.  
  302. {block:Audio}
  303. <table>
  304. <tr>
  305. <td {block:AlbumArt}style="display:none;"{/block:AlbumArt} rowspan="5"><img style="height:75px;width:75px;" src="{image:Default Album Art}"/></td>
  306. <td rowspan="5">{block:AlbumArt}<img style="height:75px; width:75px;" src="{AlbumArtURL}"/>{/block:AlbumArt}</td>
  307. <td rowspan="5"><div style="height:29px; width:90px; overflow:hidden; background-color:#fff; padding:23px 0;">{AudioPlayerWhite}</div></td>
  308. </tr>
  309. {block:TrackName}<tr>
  310. <td class="alabel"><b>Track Name</b></td>
  311. <td>{TrackName}</td>
  312. </tr>{/block:TrackName}
  313. {block:Artist}<tr>
  314. <td class="alabel"><b>Artist</b></td>
  315. <td>{Artist}</td>
  316. </tr>{/block:Artist}
  317. {block:Album}<tr>
  318. <td class="alabel"><b>Album</b></td>
  319. <td>{Album}</td>
  320. </tr>{/block:Album}
  321. {block:PlayCount}<tr>
  322. <td class="alabel"><b>Plays</b></td>
  323. <td>{FormattedPlayCount}</td>
  324. </tr>{/block:PlayCount}
  325. </table>
  326.  
  327. {block:Caption}{Caption}{/block:Caption}
  328. {/block:Audio}
  329.  
  330. {block:Video}
  331. {Video-400}
  332. {block:Caption}{Caption}{/block:Caption}
  333. {/block:Video}
  334.  
  335. {block:Photo}
  336. {block:ifOpenFullSizeImages}
  337. {LinkOpenTag}
  338. {/block:ifOpenFullSizeImages}
  339. <img src="{PhotoURL-400}">
  340. {block:ifOpenFullSizeImages}
  341. {LinkCloseTag}
  342. {/block:ifOpenFullSizeImages}
  343. {block:Caption}{Caption}{/block:Caption}
  344. {/block:Photo}
  345.  
  346. {block:Photoset}
  347. {Photoset-400}
  348. {block:Caption}{Caption}{/block:Caption}
  349. {/block:Photoset}
  350.  
  351. {block:Panorama}
  352. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  353. {block:Caption}{Caption}{/block:Caption}
  354. {/block:Panorama}
  355.  
  356. {block:Quote}
  357. <h3 class="{Length}">"{Quote}"</h3>
  358. {block:Source}- {Source}{/block:Source}
  359. {/block:Quote}
  360.  
  361. {block:Link}
  362. <a href="{URL}"><h3>{Name} →</h3></a>
  363. {block:Description}{Description}{/block:Description}
  364. {/block:Link}
  365.  
  366. {block:Chat}
  367. {block:Title}<h3>{Title}</h3>{/block:Title}
  368. {block:Lines}
  369. <table class="chat">
  370. <tr><td>{block:Label}<b>{Label}</b>{/block:Label}</td><td>{Line}</td></tr>
  371. </table>{/block:Lines}
  372. {/block:Chat}
  373.  
  374. {block:Answer}
  375. <table width="400">
  376. <tr>
  377. <td style="width:48px; height:48px; background:url({AskerPortraitURL-48}) no-repeat; border-bottom:solid 1px {color:Borders};"></td>
  378. <td style="padding:0 0 10px 10px; border-bottom:solid 1px {color:Borders};"><b>{Asker} asked:</b><br/>{Question}</td>
  379. </tr>
  380. </table>
  381. <table>
  382. <tr>
  383. <td colspan="2" style="padding:10px 0 0 30px;{block:Answerer}width:370px;{/block:Answerer}">{block:Answerer}<span style="display:block; margin:0; text-align:right;">{Answerer} answered:</span><br/>{/block:Answerer}{Answer}</td>
  384. {block:Answerer} <td style="vertical-align:top; width:30px;"><img src="{AnswererPortraitURL-48}"/></td> {/block:Answerer}
  385. </tr>
  386. </table>
  387. {block:Answerer}{Replies}{/block:Answerer}
  388. {/block:Answer}
  389.  
  390. </div><!--entry-->
  391.  
  392. {block:HasTags}
  393. <div id="tags">
  394. {block:Tags}x&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  395. </div>
  396. {/block:HasTags}
  397.  
  398. </div>
  399.  
  400. {block:PostNotes}
  401. <div id="notecontainer">{PostNotes}</div>
  402. {/block:PostNotes}
  403.  
  404. {/block:Posts}
  405.  
  406. {block:PermalinkPagination}
  407. {block:PreviousPost}<a class="pg p" href="{PreviousPost}">previous</a>{/block:PreviousPost}
  408. {block:NextPost}<a class="pg n" href="{NextPost}">next</a>{/block:NextPost}
  409. {/block:PermalinkPagination}
  410.  
  411. {block:ifNotInfiniteScroll}{block:Pagination}
  412. {block:PreviousPage}<a class="pg p" href="{PreviousPage}">previous</a>{/block:PreviousPage}
  413. {block:NextPage}<a class="pg n" href="{NextPage}">next</a>{/block:NextPage}
  414. {/block:Pagination}{/block:ifNotInfiniteScroll}
  415.  
  416. </div><!--posts-->
  417.  
  418.  
  419. <!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
  420. <a href="http://syntaxthemes.tumblr.com">
  421. <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>
  422. <!----------------------------------THANK-------------------------------->
  423.  
  424. </body>
  425. </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!