API tools faq
paste
jcegers

BLACK

jcegers
Dec 29th, 2014
748
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!--
  11.  
  12. jcegers' THEME #06: BLACK // Please don't remove the credit!
  13. if you have any questions, please feel free to ask.
  14.  
  15. -->
  16.  
  17. <!--Default Variables-->
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#313030"/>
  21. <meta name="color:Link" content="#121212"/>
  22. <meta name="color:Hover" content="#000000"/>
  23. <meta name="color:Desc BG" content="#121212"/>
  24. <meta name="color:Desc Text" content="#ffffff"/>
  25. <meta name="color:Desc Link" content="#f7f7f7"/>
  26. <meta name="color:Desc Link Hover" content="#fafafa"/>
  27. <meta name="color:SB Link" content="#121212"/>
  28. <meta name="color:SB Link Hover" content="#eeeeee"/>
  29. <meta name="color:SB Link BG" content="#f7f7f7"/>
  30. <meta name="color:SB Link BG Hover" content="#ffffff"/>
  31. <meta name="color:Accent" content="#121212"/>
  32. <meta name="color:Accent Hover" content="#f7f7f7"/>
  33. <meta name="color:Accent Text" content="#ffffff"/>
  34. <meta name="color:Accent Hover Text" content="#121212"/>
  35. <meta name="color:Accent Link" content="#fafafa"/>
  36. <meta name="color:Accent Link Hover" content="#121212"/>
  37. <meta name="color:Blockquote" content="#121212"/>
  38.  
  39. <meta name="image:Sidebar Image" content=""/>
  40. <meta name="if:Show 400px posts" content="0"/>
  41. <meta name="if:Grayscale Hover" content="0"/>
  42.  
  43. <meta name="text:Link 1 URL" content="" />
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 2 URL" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 3 URL" content="" />
  48. <meta name="text:Link 3" content="" />
  49.  
  50.  
  51. <!-- jquery for tooltips-->
  52.  
  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. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("a[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:30,
  63. tip_fade_speed:300,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <!--CSS customization here. -->
  71.  
  72. <style type="text/css">
  73.  
  74. {block:ifGrayscaleHover}
  75. img,.photoset{
  76. FILTER: URL("DATA:IMAGE/SVG+XML;UTF8,<SVG XMLNS=\'HTTP://WWW.W3.ORG/2000/SVG\'><FILTER ID=\'GRAYSCALE\'><FECOLORMATRIX TYPE=\'MATRIX\'
  77. VALUES=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></FILTER></SVG>#GRAYSCALE"); /* FIREFOX 3.5+ */
  78. FILTER: GRAY; /* IE6-9 */
  79. -WEBKIT-FILTER: GRAYSCALE(90%);
  80. -webkit-transition: all 0.6s ease-in-out;
  81. -moz-transition: all 0.6s ease-in-out;
  82. -o-transition: all 0.6s ease-in-out;
  83. }
  84.  
  85. img:hover,.photoset:hover{
  86. FILTER: URL("DATA:IMAGE/SVG+XML;UTF8,<SVG XMLNS=\'HTTP://WWW.W3.ORG/2000/SVG\'><FILTER ID=\'GRAYSCALE\'><FECOLORMATRIX TYPE=\'MATRIX\'
  87. VALUES=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></FILTER></SVG>#GRAYSCALE"); /* FIREFOX 3.5+ */
  88. FILTER: GRAY; /* IE6-9 */
  89. -WEBKIT-FILTER: GRAYSCALE(0%);
  90. -webkit-transition: all 0.6s ease-in-out;
  91. -moz-transition: all 0.6s ease-in-out;
  92. -o-transition: all 0.6s ease-in-out;
  93. }
  94. {/block:ifGrayscaleHover}
  95.  
  96. #s-m-t-tooltip{
  97. position:absolute;
  98. margin-top: 15px;
  99. z-index:9999;
  100. padding:3px;
  101. font-family:arial;
  102. font-weight:bold;
  103. text-transform:lowercase;
  104. font-size:9px;
  105. color:{color:Accent Text};
  106. background:{color:Accent};}
  107.  
  108. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border};}
  109. ::-webkit-scrollbar-button:horizontal {display:none;}
  110. ::-webkit-scrollbar {background-color:#fcfcfc; width:5px;}
  111.  
  112. /*basics*/
  113.  
  114. blockquote {
  115. padding:0px 5px;
  116. border-left:3px solid {color:blockquote};
  117. margin-left:5px;}
  118.  
  119. body {
  120. background:{color:background};
  121. color:{color:text};
  122. font-family:arial;
  123. font-size:10px;
  124. text-align:justify;
  125. margin:0;}
  126.  
  127.  
  128. a {
  129. color:{color:link};
  130. text-decoration:none;
  131. -moz-transition-duration: 0.5s;
  132. -o-transition-duration: 0.5s;
  133. -webkit-transition-duration: 0.5s;
  134. transition-duration: 0.5s;}
  135.  
  136. a:hover {
  137. color:{color:hover};
  138. text-decoration:none;}
  139.  
  140. img{opacity:1;
  141. border:none;
  142. text-decoration:none}
  143.  
  144.  
  145. small {font-size:9px;}
  146. big {font-size:12px;}
  147.  
  148. pre {
  149. {block:ifNotShow400pxposts}
  150. width:500px;
  151. {/block:ifNotShow400pxposts}
  152. {block:ifShow400pxposts}
  153. width:400px;
  154. {/block:ifShow400pxposts}
  155. text-align: left;
  156. word-wrap: break-word;
  157. color:{color:Text};
  158. }
  159.  
  160. #title {
  161. font-size:12px;
  162. line-height:18px;
  163. font-weight:bold;
  164. margin-bottom:10px;
  165. background:{color:Accent};
  166. color:{color:Accent Text};
  167. text-transform:none;
  168. padding:10px;
  169. text-align:center;
  170. -moz-transition-duration:1s;
  171. -webkit-transition-duration:1s;
  172. -o-transition-duration:1s;
  173. }
  174.  
  175. #title:hover {
  176. background:{color:Accent Hover};
  177. color:{color:Accent Hover text};
  178. -moz-transition-duration:1s;
  179. -webkit-transition-duration:1s;
  180. -o-transition-duration:1s;
  181. }
  182.  
  183. #title a {
  184. color:{color:Accent Link};
  185. }
  186.  
  187. #title a:hover {
  188. color:{color:Accent Link Hover};
  189. }
  190.  
  191.  
  192. /*sidebar*/
  193.  
  194. #sidebarim img {
  195. width:100px;
  196. border:10px solid {color:Accent};
  197. -moz-transition-duration:1s;
  198. -webkit-transition-duration:1s;
  199. -o-transition-duration:1s;
  200. }
  201.  
  202. #sidebar img:hover {
  203. border:10px solid {color:Accent Hover};
  204. -moz-transition-duration:1s;
  205. -webkit-transition-duration:1s;
  206. -o-transition-duration:1s;
  207. }
  208.  
  209. #sidebar {
  210. text-align:left;
  211. position:fixed;
  212. padding:5px;
  213. margin-left:315px;
  214. margin-top:0px;
  215. width:100px;
  216. }
  217.  
  218. #sidebar:hover #links {
  219. opacity:1;
  220. -moz-transition-duration:1s;
  221. -webkit-transition-duration:1s;
  222. -o-transition-duration:1s;
  223. }
  224.  
  225. #links {
  226. font-family:arial;
  227. border:0px solid #cfcfcf;
  228. text-align:center;
  229. word-spacing:2px;
  230. font-size:9px;
  231. font-weight:bold;
  232. display:block;
  233. width:120px;
  234. text-transform:lowercase;
  235. opacity:0;
  236. -moz-transition-duration:1s;
  237. -webkit-transition-duration:1s;
  238. -o-transition-duration:1s;
  239. }
  240.  
  241.  
  242. #links a {
  243. margin-top:3px;
  244. display:block;
  245. color:{color:SB Link};
  246. background:{color:sb Link BG};
  247. padding:4px;
  248. }
  249.  
  250. #links a:hover {
  251. background:{color:sb link bg hover};
  252. color:{color:sb link hover};
  253. }
  254.  
  255. #description {
  256. width:116px;
  257. font-family:'calibri';
  258. background:{color:Desc BG};
  259. padding:7px 2px 7px 2px;
  260. color:{color:Desc Text};
  261. font-size:10px;
  262. line-height:10px;
  263. text-align:center;
  264. margin:0px 2px 2px 0px;
  265. }
  266.  
  267. #description a {
  268. color:{color:Desc Link};
  269. }
  270.  
  271. #description a:hover {
  272. color:{color:Desc Link Hover};
  273. }
  274.  
  275.  
  276. /*pagination*/
  277.  
  278. #pagination {
  279. margin:50px 0;
  280. text-align:center;
  281. text-transform:lowercase;
  282. font-weight:bold;}
  283.  
  284. #pagination a {
  285. padding:0 15px;}
  286.  
  287. /*posts*/
  288.  
  289. #entries {
  290. margin-top:75px;
  291. margin-left:550px;
  292. {block:ifNotShow400pxposts}
  293. width:500px;
  294. {/block:ifNotShow400pxposts}
  295. {block:ifShow400pxposts}
  296. width:400px;
  297. {/block:ifShow400pxposts}
  298. }
  299.  
  300. #posts {
  301. {block:ifNotShow400pxposts}
  302. max-width:500px;
  303. {/block:ifNotShow400pxposts}
  304. {block:ifShow400pxposts}
  305. max-width:400px;
  306. {/block:ifShow400pxposts}
  307. overflow:hidden;
  308. {block:IndexPage}
  309. margin-bottom:75px;
  310. {/block:IndexPage}
  311. {block:PermalinkPage}
  312. margin-bottom:50px;
  313. {/block:PermalinkPage}}
  314.  
  315. #posts img {
  316. {block:ifNotShow400pxposts}
  317. max-width:500px;
  318. {/block:ifNotShow400pxposts}
  319. {block:ifShow400pxposts}
  320. max-width:400px;
  321. {/block:ifShow400pxposts}}}
  322. .caption {width:100%;margin-top:2px;
  323. }
  324.  
  325. /*quote*/
  326.  
  327. #titlequote{
  328. text-align:center;
  329. font-size:12px;
  330. line-height:18px;
  331. font-weight:bold;}
  332.  
  333. #source {
  334. margin-top:4px;
  335. text-align:right;
  336. margin-left:15px;}
  337.  
  338. /*audio*/
  339.  
  340. .music {
  341. width:500px;
  342. padding-bottom:10px;
  343. }
  344.  
  345. .albumart {
  346. float:left;
  347. }
  348.  
  349. .albumart img {
  350. width:50px;
  351. float: left;
  352. margin-top:10px;
  353. margin-left:10px;
  354. margin-right:8px;
  355. }
  356.  
  357. .playercontainer {
  358. text-align:left;
  359. padding:5px 5px -10px 0px;
  360. }
  361.  
  362. .musicinfo {
  363. padding:10px;
  364. min-height:49px;
  365. background:{color:Accent};
  366. color:{color:Accent Text};
  367. }
  368.  
  369. .musicinfo:hover {
  370. background:{color:Accent Hover};
  371. color:{color:Accent Hover Text};
  372. -moz-transition-duration:1s;
  373. -webkit-transition-duration:1s;
  374. -o-transition-duration:1s;
  375. }
  376.  
  377. /*asks*/
  378.  
  379. .ask {
  380. background:{color:Accent};
  381. padding:10px;
  382. {block:ifShow400pxposts}
  383. width:380px;
  384. {/block:ifShow400pxposts}
  385. {block:ifNotShow400pxposts}
  386. width:480px;
  387. {/block:ifNotShow400pxposts}
  388. min-height:46px;
  389. color:{color:Accent Text};
  390. -moz-transition-duration:1s;
  391. -webkit-transition-duration:1s;
  392. -o-transition-duration:1s;
  393. }
  394.  
  395. .ask img {
  396. float: left;
  397. margin-top:-1px;
  398. margin-right:8px;
  399. }
  400.  
  401. .ask a{
  402. color:{color:Accent Link};
  403. }
  404.  
  405. .ask a:hover {
  406. color:{color:Accent Link Hover};
  407. }
  408.  
  409. .ask:hover {
  410. background:{color:Accent Hover};
  411. color:{color:Accent Hover Text};
  412. -moz-transition-duration:1s;
  413. -webkit-transition-duration:1s;
  414. -o-transition-duration:1s;
  415. }
  416.  
  417. .answer {
  418. display:block;
  419. padding:0px;
  420. color:{color:Text};
  421. text-transform:none;
  422. text-align:justify;
  423. }
  424.  
  425. /*chat*/
  426.  
  427. .chat ol {padding:0;list-style:none;}
  428. .line {padding:5px 0;}
  429. .label {font-weight:bold;}
  430.  
  431. /*permalink and notes*/
  432.  
  433. #permalink {
  434. margin-left:-5px;
  435. padding-bottom:4px;
  436. margin-top:15px;
  437. font-weight:bold;
  438. text-align:left;}
  439.  
  440. #permalink a {margin-right:5px;}
  441.  
  442. #posts:hover .tags {
  443. opacity:1;
  444. -moz-transition-duration:1s;
  445. -webkit-transition-duration:1s;
  446. -o-transition-duration:1s;
  447. }
  448.  
  449. .tags{
  450. margin-top:0px;
  451. padding:5px;
  452. background:{color:Accent};
  453. opacity:0;
  454. -moz-transition-duration:1s;
  455. -webkit-transition-duration:1s;
  456. -o-transition-duration:1s;}
  457.  
  458. .tags a {
  459. margin-right:5px;
  460. color:{color:Accent Link};
  461. }
  462.  
  463. .tags a:hover{
  464. color:{color:Accent Link Hover};
  465. }
  466.  
  467.  
  468.  
  469. .pagenotes {
  470. {block:IndexPage}
  471. display: none!important;
  472. {/block:IndexPage}
  473. width:400px;
  474. text-align:left;}
  475.  
  476. .pagenotes img {
  477. display:none!important;}
  478.  
  479. .pagenotes li {
  480. list-style-type:none;
  481. padding:5px;
  482. text-align:left;
  483. margin:0 0 0 -40px;}
  484.  
  485. .pagenotes li a {
  486. font-weight:bold;
  487. }
  488.  
  489. .credit {
  490. position:fixed;
  491. font-family:arial;
  492. font-size:7px;
  493. font-weight:bold;
  494. line-height:150%;
  495. letter-spacing:0px;
  496. right:5px;
  497. bottom:5px;
  498. text-align:center;}
  499.  
  500. .credit a {
  501. font-style:normal;
  502. padding:4px 2px 4px 2px;
  503. background:{color:Accent};
  504. color:{color:Accent Link};
  505. -moz-transition-duration:0.5s;
  506. -webkit-transition-duration:0.5s;
  507. -o-transition-duration:0.5s;}
  508.  
  509. .credit a:hover {
  510. background:{color:Accent Hover};
  511. color:{color:Accent Link Hover};
  512. }
  513.  
  514. {CustomCSS}
  515.  
  516.  
  517. </style>
  518.  
  519.  
  520.  
  521. </head>
  522.  
  523. <body>
  524.  
  525. <div class="credit"><a href="http://jcegers.tumblr.com/">JCE</a></div>
  526.  
  527. <div id="sidebar">
  528. <div id="sidebarim"><a href="/" title="Home"><img src="{image:Sidebar Image}"></a></div>
  529. <div id="description">{Description}</div>
  530. <div id="links">
  531. <a href="/ask">ask</a>
  532. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  533. <a href="{text:Link 2 URL}" >{text:Link 2}</a>
  534. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  535. </div>
  536. </div>
  537.  
  538.  
  539.  
  540.  
  541. <div id="entries">
  542.  
  543. {block:Posts}
  544. <div id="posts">
  545.  
  546.  
  547. {block:Quote}
  548.  
  549.  
  550. <div id="titlequote">“{Quote}”</div>
  551. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  552. {/block:Quote}
  553.  
  554.  
  555.  
  556. {block:Text}
  557.  
  558. {block:Title}
  559. <div id="title">{Title}</div>{/block:Title}
  560. {Body}
  561. {/block:Text}
  562.  
  563. {block:Link}
  564. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  565. {/block:Link}
  566.  
  567. {block:Chat}
  568. {block:Title}
  569. <h1>{Title}</h1>
  570. {/block:Title}
  571. <div class="chat">
  572. <ol>{block:Lines}
  573. <li class="line {Alt}">
  574. {block:Label}
  575. <span class="label">
  576. {Label}</span>
  577. {/block:Label}{Line}</li>
  578. {/block:Lines}
  579. </ol></div>
  580. {/block:Chat}
  581.  
  582. {block:Photo}
  583. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  584. {/block:Photo}
  585.  
  586. {block:Photoset}
  587. {block:IfNotShow400pxPosts}{Photoset-500}{/block:IfNotShow400pxPosts}
  588. {block:IfShow400pxPosts}{Photoset-400}{/block:IfShow400pxPosts}
  589. {/block:Photoset}
  590.  
  591. {block:Video}
  592. {block:IfNotShow400pxPosts}{Video-500}{/block:IfNotShow400pxPosts}
  593. {block:IfShow400pxPosts}{Video-400}{/block:IfShow400pxPosts}
  594. {/block:Video}
  595.  
  596. {block:Audio}
  597. <div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  598. <div class="musicinfo">
  599. {block:TrackName}<b>Title:</b> {TrackName}<br/>{/block:TrackName}
  600. {block:Artist}<b>Artist:</b> {Artist}<br/>{/block:Artist}
  601. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  602. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  603. {/block:Audio}
  604.  
  605. {block:Answer}
  606. <div class="ask"><img src="{AskerPortraitURL-48}"> <b>{Asker}</b>: {Question}</div>
  607. <div class="answer">{Answer}</div>
  608. {/block:Answer}
  609.  
  610.  
  611. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  612.  
  613. {block:Date}
  614. <div id="permalink">
  615. <a href="{Permalink}" >
  616. <a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {Month}</a>
  617. {block:NoteCount}
  618. <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a><font color="#fa4858">♥</font>
  619. {/block:NoteCount}
  620.  
  621. <span style="float:right;">
  622. {block:PermalinkPage}
  623. {block:RebloggedFrom}
  624. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  625. {block:ContentSource}
  626. <a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>
  627. {/block:ContentSource}
  628. {/block:RebloggedFrom}
  629. {/block:PermalinkPage}
  630.  
  631. </span>
  632.  
  633. </div>
  634. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  635.  
  636. {/block:Date}
  637.  
  638.  
  639.  
  640. </div>
  641.  
  642.  
  643. {block:PostNotes}
  644. <div class="pagenotes">
  645. {PostNotes}
  646. </div>
  647. {/block:PostNotes}
  648.  
  649.  
  650. {/block:Posts}
  651.  
  652. <div id="pagination">
  653. {block:Pagination}
  654. {block:PreviousPage}
  655. <a href="{PreviousPage}">back</a>
  656. {/block:PreviousPage}
  657.  
  658.  
  659. {block:NextPage}
  660. <a href="{NextPage}">next</a>
  661. {/block:NextPage}
  662. {/block:Pagination}
  663. </div>
  664.  
  665.  
  666.  
  667. </div>
  668.  
  669.  
  670.  
  671. {block:ContentSource}
  672. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  673. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  674. {/block:SourceLogo}
  675. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  676. {/block:ContentSource}
  677.  
  678. </body></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!