API tools faq
paste
Advertisement
jackiesthemes

theme five | ✖ ✖ ✖ ✖ ✖

jackiesthemes
Sep 2nd, 2014
832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5. theme five | ✖ ✖ ✖ ✖ ✖ | by noahczherny
  6. please do not steal, claim as your own, or remove the credit
  7. base code by primrosetylers
  8. -->
  9. <title>{Title}</title>
  10. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. <!-- meta stuffs go here -->
  15.  
  16. <meta name="image:sidebar" content="" />
  17. <meta name="if:500px posts" content="0">
  18.  
  19. <meta name="color:background" content="#fff">
  20. <meta name="color:description" content="#000">
  21. <meta name="color:text" content="#000">
  22. <meta name="color:link" content="#000">
  23. <meta name="color:link background hover" content="#000">
  24. <meta name="color:scrollbar button" content="#aaa">
  25. <meta name="color:scrollbar background" content="#efefef">
  26. <meta name="color:tooltips border" content="#000">
  27. <meta name="color:tooltips background" content="#fff">
  28. <meta name="color:sidebar and album art border" content="#efefef">
  29. <meta name="color:blockquote" content="#efefef">
  30.  
  31.  
  32. <meta name="text:link 1" content="✖">
  33. <meta name="text:link 1 url" content="">
  34. <meta name="text:link 1 hover" content="">
  35. <meta name="text:link 2" content="✖">
  36. <meta name="text:link 2 url" content="">
  37. <meta name="text:link 2 hover" content="">
  38. <meta name="text:link 3" content="✖">
  39. <meta name="text:link 3 url" content="">
  40. <meta name="text:link 3 hover" content="">
  41. <meta name="text:link 4" content="✖">
  42. <meta name="text:link 4 url" content="">
  43. <meta name="text:link 4 hover" content="">
  44. <meta name="text:link 5" content="✖">
  45. <meta name="text:link 5 url" content="">
  46. <meta name="text:link 5 hover" content="">
  47.  
  48. <!-- metas end-->
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  53.  
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55.  
  56. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57.  
  58. <script>
  59.  
  60. (function($){
  61.  
  62. $(document).ready(function(){
  63.  
  64. $("a[title]").style_my_tooltips({
  65.  
  66. tip_follows_cursor:true,
  67.  
  68. tip_delay_time:0,
  69.  
  70. tip_fade_speed:0,
  71.  
  72. attribute:"title"
  73.  
  74. });
  75.  
  76. });
  77.  
  78. })(jQuery);
  79.  
  80. </script>
  81.  
  82. <style type=text/css>
  83.  
  84. ::-webkit-scrollbar {
  85. width: 6px;
  86. height: 4px;
  87. background: {color:scrollbar background};
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. background-color: {color:scrollbar button};
  92. }
  93.  
  94. #s-m-t-tooltip {
  95. max-width:200px;
  96. padding:5px 10px 5px 10px;
  97. margin:20px 14px 7px 10px;
  98. border:1px solid {color:tooltips border};
  99. background-color:{color:tooltips background};
  100. font-family:'Inconsolata', serif;
  101. font-style: normal;
  102. font-size:10px;
  103. line-height:11px;
  104. letter-spacing:1px;
  105. text-transform:uppercase;
  106. color:{color:text};
  107. z-index:999;
  108. }
  109.  
  110. body {
  111. background-color:{color:background};
  112. font-family: 'Inconsolata', serif;
  113. font-size:11px;
  114. color:{color:text};
  115. }
  116.  
  117. big {
  118. font-size:14px;
  119. }
  120.  
  121. small {
  122. font-size:10px;
  123. }
  124.  
  125. a {
  126. text-decoration:none;
  127. padding:2px;
  128. color:{color:link};
  129. -webkit-transition:0.6s;
  130. -moz-transition:0.6s;
  131. -ms-transition:0.6s;
  132. -o-transition:0.6s;
  133. }
  134.  
  135. a:hover {
  136. color:{color:background};
  137. background-color:{color:link background hover};
  138. }
  139.  
  140. blockquote {
  141. border-left:3px solid {color:blockquote};
  142. margin-left:5px;
  143. padding-left:10px;
  144. }
  145.  
  146. h2 {
  147. text-align:center;
  148. }
  149.  
  150. img {
  151. width:auto;
  152. max-width:100%;
  153. }
  154.  
  155. /*sidebar*/
  156. #sidebar {
  157. width:210px;
  158. position:fixed;
  159. margin-left:150px;
  160. margin-top:100px;
  161. }
  162.  
  163. #sidebar img {
  164. border:5px solid {color:sidebar and album art border};
  165. max-width:180px;
  166. }
  167.  
  168. #title {
  169. padding-left:5px;
  170. padding-right:5px;
  171. font-family:Courier;
  172. text-transform:uppercase;
  173. font-style:italic;
  174. font-size:15px;
  175. width:180px;
  176. }
  177.  
  178. #description {
  179. color:{color:description};
  180. font-family:'Inconsolata', serif;
  181. text-transform:lowercase;
  182. padding:0 5px 0;
  183. width:180px;
  184. text-align:justify;
  185. }
  186.  
  187. #links {
  188. word-spacing:2px;
  189. width:180px;
  190. padding:0px 3px 0px;
  191. }
  192.  
  193. #links a {
  194. color:{color:link};
  195. }
  196.  
  197. #links a:hover {
  198. color:{color:background};
  199. }
  200.  
  201. #pag {
  202. font-size:11px;
  203. float:right;
  204. }
  205.  
  206. #pag a{
  207. color:{color:link};
  208. }
  209.  
  210. /*all posts*/
  211. #postage {
  212. {block:IfNot500pxPosts}
  213. width:400px;
  214. {/block:IfNot500pxPosts}
  215. {block:If500pxPosts}
  216. width:500px;
  217. {/block:If500pxPosts}
  218. margin:80px 500px 40px;
  219. }
  220.  
  221. /*text posts*/
  222. #text {
  223. text-align:left;
  224. }
  225.  
  226. /*photo posts*/
  227. #photo {
  228. text-align:left;
  229. }
  230.  
  231. /*photoset posts*/
  232. #photoset {
  233. text-align:left;
  234. }
  235.  
  236. /*quote posts*/
  237. #words {
  238. font-style:italic;
  239. font-size:15px;
  240. text-transform:uppercase;
  241. }
  242.  
  243. .source {
  244. text-align:right;
  245. padding-right:5px;
  246. padding-bottom:5px;
  247. width:350px;
  248. }
  249.  
  250. /*link posts*/
  251. #linkpost {
  252. text-align:left;
  253. font-size:11px;
  254. }
  255.  
  256. .linkety {
  257. font-size:15px;
  258. text-transform:uppercase;
  259. }
  260.  
  261. /*chat posts*/
  262. #chat ul {
  263. list-style:none;
  264. font-family:courier;
  265. }
  266.  
  267. .label {
  268. text-transform:uppercase;
  269. }
  270.  
  271. /*video posts*/
  272. #video {
  273. text-align:left;
  274. }
  275.  
  276. /*audio posts*/
  277. #audioplayer {
  278. width:25px;
  279. height:25px;
  280. overflow:hidden;
  281. position:absolute;
  282. margin-top:40px;
  283. margin-left:40px;
  284. opacity:0.7;
  285. border-radius:100%;
  286. }
  287.  
  288. #albumart {
  289. width:100px;
  290. height:100px;
  291. background-color:#e3e3e3;
  292. border:5px solid {color:sidebar and album art border};
  293. }
  294.  
  295.  
  296. /*ask posts*/
  297.  
  298. #ask {
  299. text-align:left;
  300. font-size:11px;
  301. letter-spacing:1px;
  302. border:5px solid #efefef;
  303. padding:2px;
  304. padding-left:5px;
  305. }
  306.  
  307. #ask a {
  308. color:{color:link};
  309. }
  310.  
  311. #ask a:hover {
  312. color:#fff;
  313. }
  314.  
  315. #answer {
  316. text-align:left;
  317. font-size:11px;
  318. color:{color:text};
  319. letter-spacing:1px;
  320. padding:4px;
  321. }
  322.  
  323. /*info*/
  324.  
  325. #info {
  326. text-align:right;
  327. text-transform:uppercase;
  328. word-spacing:1px;
  329. font-size:9px;
  330. border-top:1px solid #efefef;
  331. {block:IfNot500pxPosts}
  332. width:400px;
  333. {/block:IfNot500pxPosts}
  334. {block:If500pxPosts}
  335. width:500px;
  336. {/block:If500pxPosts}
  337. }
  338.  
  339. #info a {
  340. color:{color:link};
  341. }
  342.  
  343. #info a:hover {
  344. color:{color:background};
  345. }
  346.  
  347. .tags {
  348. text-transform:uppercase;
  349. }
  350.  
  351. .tags:hover {
  352. color:{color:background};
  353. }
  354.  
  355. #postnotes {
  356. margin-left:500px;
  357. width:400px;{block:IfNot500pxPosts}
  358. width:400px;
  359. {/block:IfNot500pxPosts}
  360. {block:If500pxPosts}
  361. width:500px;
  362. {/block:If500pxPosts}
  363. line-height:140%;
  364. text-align:left;
  365. }
  366.  
  367. #postnotes img {
  368. display:none;
  369. }
  370.  
  371. #credit {
  372. right:10px;
  373. bottom:10px;
  374. font-size:9px;
  375. text-transform:uppercase;
  376. text-align:center;
  377. position:fixed;
  378. }
  379.  
  380. #credit a {
  381. color:{color:link};
  382. }
  383.  
  384. #credit a:hover {
  385. color:{color:background};
  386. }
  387.  
  388.  
  389. {CustomCSS}
  390. </style>
  391. </head>
  392. <body>
  393.  
  394. <div id="sidebar">
  395.  
  396. <div id="links"> <big>
  397. {block:iflink1}<a href="{text:link 1 url}" title={text:link 1 hover}>{text:link 1}</a>{/block:iflink1}
  398. {block:iflink2}<a href="{text:link 2 url}" title={text:link 2 hover}>{text:link 2}</a>{/block:iflink2}
  399. {block:iflink3}<a href="{text:link 3 url}" title={text:link 3 hover}>{text:link 3}</a>{/block:iflink3}
  400. {block:iflink4}<a href="{text:link 4 url}" title={text:link 4 hover}>{text:link 4}</a>{/block:iflink4}
  401. {block:iflink5}<a href="{text:link 5 url}" title={text:link 5 hover}>{text:link 5}</a>{/block:iflink5}
  402. </big>
  403.  
  404. {block:Pagination}
  405. <div id="pag">
  406. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  407. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  408. </div>
  409. {/block:Pagination}
  410. </div>
  411.  
  412. <div id="sidebar img"><img src="{image:sidebar}" alt=""></div>
  413.  
  414. <div id="title">{Title}</div>
  415.  
  416. <div id="description">{Description}
  417. </div>
  418.  
  419.  
  420.  
  421. </div> <!--sidebar-->
  422.  
  423. {block:Posts}
  424. <div id="postage">
  425.  
  426. {block:Text}
  427. <div id="text">
  428. <h2><a href="{Permalink}">{Title}</a></h2>
  429. {Body}
  430. </div> <!--text post-->
  431. {/block:Text}
  432.  
  433. {block:Photo}
  434. <div id="photo">
  435. <img src="{block:IfNot500pxPosts}
  436. {PhotoURL-400}
  437. {/block:IfNot500pxPosts}
  438. {block:If500pxPosts}
  439. {PhotoURL-500}
  440. {/block:If500pxPosts}" alt="{PhotoAlt}"/>
  441. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  442. </div> <!--photo post-->
  443. {/block:Photo}
  444.  
  445. {block:Panorama}
  446. <div id="panorama">
  447. {LinkOpenTag}
  448. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  449. {LinkCloseTag}
  450. {block:Caption}
  451. <div class="caption">{Caption}</div>
  452. {/block:Caption}
  453. </div> <!--panorama post-->
  454. {/block:Panorama}
  455.  
  456. {block:Photoset}
  457. <div id="photoset">
  458. {block:IfNot500pxPosts}
  459. {Photoset-400}
  460. {/block:IfNot500pxPosts}
  461. {block:If500pxPosts}
  462. {Photoset-500}
  463. {/block:If500pxPosts}
  464. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  465. </div> <!--photoset-->
  466. {/block:Photoset}
  467.  
  468. {block:Quote}
  469. <div id="quote">
  470. <div id="words">"{Quote}"</big></div>
  471. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  472. </div> <!--quote-->
  473. {/block:Quote}
  474.  
  475. {block:Link}
  476. <div id="linkpost">
  477. <a href="{URL}" class="linkety" {Target}>{Name}</a>
  478. {block:Description}
  479. <div class="linkdesc">{Description}</div>
  480. {/block:Description}
  481. </div> <!--link-->
  482. {/block:Link}
  483.  
  484. {block:Chat}
  485. <div id="chat">
  486. <h2><a href="{Permalink}">{Title}</a></h2>
  487. <ul>
  488. {block:Lines}
  489. <li class="{Alt} user_{UserNumber}">
  490. {block:Label}
  491. <span class="label">{Label}</span>
  492. {/block:Label}{Line}
  493. </li>
  494. {/block:Lines}
  495. </ul>
  496. </div> <!--chat-->
  497. {/block:Chat}
  498.  
  499. {block:Video}
  500. <div id="video">
  501. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  502. {block:IfNot500pxPosts}
  503. {Video-400}
  504. {/block:IfNot500pxPosts}
  505. {block:If500pxPosts}
  506. {Video-500}
  507. {/block:If500pxPosts}
  508. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  509. </div> <!--video-->
  510. {/block:Video}
  511.  
  512. {block:Audio}
  513. <div id="audio">
  514. <table style="padding:5px; margin-bottom:5px;">
  515. <tr><td style="vertical-align:top;padding-right:10px;"><div id ="audioplayer">{AudioPlayerWhite}</div>
  516. <div id="albumart">{block:AlbumArt} <img src="{AlbumArtURL}" style="width:100px;">{/block:AlbumArt}
  517. </div></td>
  518. <td style="vertical-align:center; font-size:11px; line-height:140%">
  519. {block:TrackName}<b>{TrackName}</b> {/block:TrackName} <p>{block:Artist}<i>{Artist}</i> {/block:Artist} {/block:ExternalAudio}
  520. </div></td></tr></table>
  521. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  522. </div>
  523. {/block:Audio}
  524.  
  525. {block:Answer} <div id="ask"> <p> -<span>{Asker}</span>: {Question} </p> </div> <div id="answer"> {Answer} </div> {/block:Answer}
  526.  
  527. <div id="info">
  528. {block:Date}
  529. <a href="{Permalink}" title="{12Hour}:{Minutes} {AMPM}">✖ {MonthNumberWithZero}/{DayofMonthWithZero}</a> <a href="{Permalink}">✖ {NoteCount}</a> <a href="{ReblogURL}" target="_blank">✖ reblog</a>
  530. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">✖ via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">✖ src</a>{/block:ContentSource}
  531. {block:HasTags}
  532. <div class="tags">
  533. {block:Tags} <a href="{TagURL}">{Tag};</a>{/block:Tags}
  534. </div>
  535. {/block:HasTags}
  536. {/block:Date}
  537. </div>
  538.  
  539. </div>
  540.  
  541. <div id="postnotes"> {block:PostNotes} {PostNotes} {/block:PostNotes}
  542. </div>
  543.  
  544. {/block:Posts}
  545.  
  546. <div id="credit"><a href="http://noahczherny.tumblr.com">☾</a></div>
  547. </body>
  548. </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!