API tools faq
paste
jcegers

DAWN2

jcegers
Apr 21st, 2015
463
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!-----------
  13.  
  14.  
  15. T H E M E S B Y
  16.  
  17. ░░░▒█ ▒█▀▀█ ▒█▀▀▀ ▒█▀▀█ ▒█▀▀▀ ▒█▀▀█ ▒█▀▀▀█
  18. ░▄░▒█ ▒█░░░ ▒█▀▀▀ ▒█░▄▄ ▒█▀▀▀ ▒█▄▄▀ ░▀▀▀▄▄
  19. ▒█▄▄█ ▒█▄▄█ ▒█▄▄▄ ▒█▄▄█ ▒█▄▄▄ ▒█░▒█ ▒█▄▄▄█
  20.  
  21. I N F O R M A T I O N
  22.  
  23. — JCEGERS' THEME #13: DAWN2 (500px posts version)
  24. — MADE IN OPERA ( 1600X900 SCREEN RESOLUTION)
  25. — HAVE A QUESTION? MESSAGE TO @jcegers or @jcethemes
  26.  
  27. T E R M S O F U S E / R U L E S
  28.  
  29. — DON'T MOVE OR DELETE THE CREDIT! JUST LEAVE IT WHERE IT IS!
  30. AFTER ALL MY THEMES ARE FREE! SO RESPECT THAT!
  31. — DO NOT STEAL ANY PART OF MY CODE
  32. — DO NOT USE AS A BASECODE
  33. — DO NOT TWEAK IT UNTIL IT IS UNRECOGNIZABLE
  34.  
  35. T H A N K Y O U!
  36.  
  37.  
  38. ------------->
  39.  
  40. <!--Default Variables-->
  41.  
  42. <meta name="color:Background" content="#ffffff"/>
  43. <meta name="color:Text" content="#aaaaaa"/>
  44. <meta name="color:Link" content="#000000"/>
  45. <meta name="color:Hover" content="#000000"/>
  46. <meta name="color:Desc Link" content="#cfcfcf"/>
  47. <meta name="color:Desc Link Hover" content="#ffffff"/>
  48. <meta name="color:Side Link" content="#ffffff"/>
  49. <meta name="color:Side Link Hover" content="#fcfcfc"/>
  50. <meta name="color:Post Bg" content="#f8f8f8"/>
  51. <meta name="color:Accent" content="#6c95b6"/>
  52. <meta name="color:Accent Text" content="#ffffff"/>
  53. <meta name="color:Border" content="#eeeeee"/>
  54.  
  55. <meta name="image:Sidebar Image" content=""/>
  56. <meta name="image:Sidebar Icon" content=""/>
  57. <meta name="if:First Letter" content=""/>
  58. <meta name="if:Show Border" content=""/>
  59. <meta name="text:Side Title" content="title here"/>
  60.  
  61. <meta name="text:Link 1 URL" content="" />
  62. <meta name="text:Link 1 Title" content="" />
  63. <meta name="text:Link 2 URL" content="" />
  64. <meta name="text:Link 2 Title" content="" />
  65. <meta name="text:Link 3 URL" content="" />
  66. <meta name="text:Link 3 Title" content="" />
  67. <meta name="text:Link 4 URL" content="" />
  68. <meta name="text:Link 4 Title" content="" />
  69. <meta name="text:Link 5 URL" content="" />
  70. <meta name="text:Link 5 Title" content="" />
  71.  
  72.  
  73. <!-- jquery for tooltips-->
  74.  
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77.  
  78. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("a[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:30,
  85. tip_fade_speed:300,
  86. attribute:"title"
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <!--CSS customization here. -->
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97. #s-m-t-tooltip{
  98. position:absolute;
  99. margin-top:25px;
  100. z-index:9999;
  101. font:10px 'calibri';
  102. text-transform:none;
  103. padding:5px;
  104. letter-spacing:1px;
  105. color:{color:Accent text};
  106. background:{color:Accent};
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:vertical {background-color:{color:accent};}
  110. ::-webkit-scrollbar-button:horizontal {display:none;}
  111. ::-webkit-scrollbar {background-color:{color:post bg}; width:5px;}
  112.  
  113. /*basics*/
  114.  
  115. blockquote {
  116. padding:0px 5px;
  117. border-left:3px solid {color:accent};
  118. margin-left:5px;}
  119.  
  120. body {
  121. background:{color:background};
  122. color:{color:text};
  123. font-family:'calibri';
  124. font-size:10px;
  125. text-align:justify;
  126. margin:0;}
  127.  
  128.  
  129. a {
  130. color:{color:link};
  131. text-decoration:none;
  132. -moz-transition-duration: 0.5s;
  133. -o-transition-duration: 0.5s;
  134. -webkit-transition-duration: 0.5s;
  135. transition-duration: 0.5s;}
  136.  
  137. a:hover {
  138. color:{color:hover};
  139. text-decoration:none;}
  140.  
  141. img{opacity:1;
  142. border:none;
  143. text-decoration:none}
  144.  
  145.  
  146. small {font-size:10px;}
  147. big {font-size:12px;}
  148.  
  149.  
  150. #title {
  151. font-size:10px;
  152. line-height:18px;
  153. font-family:'calibri';
  154. background:{color:post bg};
  155. padding:10px;
  156. font-weight:bold;
  157. margin-bottom:10px;
  158. letter-spacing:2px;
  159. text-transform:uppercase;
  160. text-align:center;
  161. }
  162.  
  163. {block:ifFirstLetter}
  164. #title:first-letter {
  165. color:{color:accent};
  166. }
  167. {/block:ifFirstLetter}
  168.  
  169. /*sidebar*/
  170.  
  171. #sidebarcon {
  172. position:fixed;
  173. width:450px;
  174. height:100%;
  175. left:0px;
  176. top:0px;
  177. background:{color:post bg};
  178. }
  179.  
  180. #sidebar {
  181. text-align:left;
  182. position:fixed;
  183. left:100px;
  184. top:250px;
  185. width:200px;
  186. min-height:80px;
  187. border:0px solid #121212;
  188. }
  189.  
  190. #sidetitle {
  191. font-size:8px;
  192. line-height:14px;
  193. font-family:'calibri';
  194. background:{color:background};
  195. padding:8px;
  196. font-weight:bold;
  197. width:200px;
  198. letter-spacing:2px;
  199. text-transform:uppercase;
  200. text-align:center;
  201. }
  202.  
  203. {block:ifFirstLetter}
  204. #sidetitle:first-letter {
  205. color:{color:accent};
  206. }
  207. {/block:ifFirstLetter}
  208.  
  209. #sidelinks {
  210. display:inline-block;
  211. {block:ifShowBorder}
  212. border-bottom:1px solid {color:Border};
  213. {/block:ifShowBorder}
  214. background:{color:background};
  215. width:139px;
  216. margin-left:0px;
  217. text-align:right;
  218. margin-top:-10px;
  219. padding:7px 7px 7px 70px;
  220. }
  221.  
  222. {block:ifFirstLetter}
  223. #sidelinks a:first-letter {
  224. color:{color:accent};
  225. }
  226. {/block:ifFirstLetter}
  227.  
  228. #sidelinks a {
  229. display:inline-block;
  230. text-transform:uppercase;
  231. color:{color:Side Link};
  232. font-size:10px;
  233. letter-spacing:1px;
  234. font-family:'calibri';
  235. font-weight:bold;
  236. text-align:right;
  237. }
  238.  
  239. {block:ifFirstLetter}
  240. #sidelinks a:hover {
  241. color:{color:side link Hover};
  242. }
  243. {/block:ifFirstLetter}
  244.  
  245. .sidebar img {
  246. float:left;
  247. width:216px;
  248. border-radius:0px;
  249. margin:0px 0px;
  250. }
  251.  
  252.  
  253. .sidebaric img {
  254. float:left;
  255. position:relative;
  256. background:{color:Background};
  257. width:70px;
  258. border-radius:100px;
  259. margin:-30px 0px;
  260. }
  261.  
  262.  
  263. #description {
  264. text-align:center;
  265. font-style:none;
  266. padding:13px;
  267. color:{color:Text};
  268. font-family:'calibri';
  269. font-size:10px;
  270. line-height:10px;
  271. letter-spacing:1px;
  272. background:{color:background};
  273. width:190px;
  274. }
  275.  
  276. #description a {
  277. color:{color:Desc Link};
  278. }
  279.  
  280. #description a:hover {
  281. color:{color:Desc Link Hover};
  282. }
  283.  
  284. /*pagination*/
  285.  
  286. #pagination {
  287. margin:50px 140px;
  288. width:200px;
  289. text-align:center;
  290. text-transform:uppercase;
  291. font-weight:bold;}
  292.  
  293. #pagination a {
  294. padding:8px;
  295. letter-spacing:2px;
  296. font-size:8px;
  297. line-height:14px;
  298. font-family:'calibri';
  299. color:{color:link};
  300. {block:ifShowBorder}
  301. border-bottom:1px solid {color:Border};
  302. {/block:ifShowBorder}
  303. background:{color:background};
  304. }
  305.  
  306. #pagination a:hover {
  307. color:{color:hover};
  308. }
  309.  
  310. /*posts*/
  311.  
  312. #entries {
  313. margin-top:85px;
  314. margin-left:620px;
  315. width:800px;
  316. }
  317.  
  318. #entries p img, #entries blockquote img { max-width: 100%; }
  319.  
  320.  
  321. #posts {
  322. width:500px;
  323. overflow:hidden;
  324. {block:IndexPage}
  325. margin-bottom:85px;
  326. margin-right:45px;
  327. {/block:IndexPage}
  328. {block:PermalinkPage}
  329. margin-bottom:50px;
  330. {/block:PermalinkPage}
  331. padding:20px;
  332. }
  333.  
  334. .tags a {
  335. font-size:10px;
  336. margin-right:4px;
  337. color:{color:link};
  338. text-transform:none;
  339. }
  340.  
  341. .tags a:hover {
  342. color:{color:hover};
  343. }
  344.  
  345. .tags {
  346. margin-top:-12px;
  347. text-align:center;
  348. }
  349.  
  350. .permapage a {
  351. color:{color:Link};
  352. font-weight:bold;
  353. font-size:9px;
  354. letter-spacing:0.5px;
  355. }
  356.  
  357. .permapage a:hover {
  358. color:{color:Hover};
  359. }
  360.  
  361. .permapage {
  362. margin:15px 0px;
  363. line-height:14px;
  364. {block:ifShowBorder}
  365. border-bottom:1px solid {color:border};
  366. {/block:ifShowBorder}
  367. text-align:center;
  368. text-transform:uppercase;
  369.  
  370. padding:5px;
  371. background:{color:post bg};
  372. {block:ifShowBorder}
  373. border-bottom:1px solid {color:border};
  374. {/block:ifShowBorder}
  375. font-weight:bold;
  376. font-size:9px;
  377. letter-spacing:0.5px;
  378. }
  379.  
  380.  
  381. #posts img {
  382. max-width:500px;}
  383. .caption {width:100%;margin-top:2px;}
  384.  
  385. /*quote*/
  386.  
  387. #titlequote{
  388. text-align:center;
  389. font-size:12px;
  390. line-height:18px;
  391. font-weight:bold;}
  392.  
  393. #source {
  394. margin-top:4px;
  395. text-align:right;
  396. margin-left:15px;}
  397.  
  398. /*audio*/
  399.  
  400.  
  401. #audio:hover .play {opacity:1;width:30px;}
  402. #audio:hover img {margin-left:30px;}
  403. #audio {
  404. float:left;
  405. width:70px;
  406. height:70px;
  407. position:relative;
  408. overflow:hidden;
  409. }
  410.  
  411. .cover img {
  412. width:70px;
  413. position:absolute;
  414. transition:0.5s ease;
  415. -o-transition:0.5s ease;
  416. -moz-transition:0.5s ease;
  417. -webkit-transition:0.5s ease;}
  418.  
  419. .play {
  420. overflow:hidden;
  421. width:0px;
  422. height:30px;
  423. background:#fff;
  424. position:absolute;
  425. padding:20px 0px;
  426. transition:0.5s ease;
  427. -o-transition:0.5s ease;
  428. -moz-transition:0.5s ease;
  429. -webkit-transition:0.5s ease;}
  430.  
  431. .au b{
  432. color:{color:Title};
  433. font-weight:700;
  434. margin-right:2px;}
  435.  
  436. .au {
  437. height:45px;
  438. overflow:hidden;
  439. padding:12px 10px;
  440. line-height:15px;
  441. margin-left:70px;
  442. text-align:left;}
  443.  
  444. /*asks*/
  445.  
  446. .ask img {
  447. float:left;
  448. border-radius:100px;
  449. float:left;
  450. background:{color:Background};
  451. width:50px;
  452. border-radius:100px;
  453. margin:0px 10px 5px 0px;
  454. }
  455.  
  456.  
  457. .question {
  458. padding:10px;
  459. border:0px dotted #cdcdcd;
  460. max-width:490px;
  461. min-height:30px;
  462. text-transform:none;
  463. font-size:10px;
  464. letter-spacing:1px;
  465. background:{color:background};
  466. {block:ifShowBorder}
  467. border-bottom:1px solid {color:Border};
  468. {/block:ifShowBorder}
  469. color:{color:Text};
  470. text-align:justify;
  471. }
  472.  
  473. .asker {
  474. text-transform:uppercase;
  475. font-family:'calibri';
  476. font-size:9px;
  477. line-height:14px;
  478. letter-spacing:2px;
  479. text-align:left;
  480. margin-top:0px;
  481. font-weight:bold;
  482. }
  483.  
  484. {block:ifFirstLetter}
  485. .asker:first-letter {
  486. color:{color:accent};
  487. }
  488. {/block:ifFirstLetter}
  489.  
  490. .asker a {
  491. color:{color:link};
  492. font-weight:bold;
  493. }
  494.  
  495. .asker a:hover {
  496. color:{color:hover};
  497. }
  498.  
  499. .answer {
  500. padding:5px;
  501. text-align:left;
  502. font-size:10px;
  503. text-transform:none;
  504. letter-spacing:1px;
  505. margin-top:0px;
  506. width:490px;
  507. }
  508.  
  509. /*chat*/
  510.  
  511. .chat ol {padding:0;list-style:none;}
  512. .line {padding:5px 0;}
  513. .label {font-weight:bold;}
  514.  
  515. /*permalink and notes*/
  516.  
  517.  
  518. .pagenotes {
  519. {block:IndexPage}
  520. display: none!important;
  521. {/block:IndexPage}
  522. width:500px;
  523. text-align:left;}
  524.  
  525. .pagenotes img {
  526. display:none!important;}
  527.  
  528. .pagenotes li {
  529. list-style-type:none;
  530. padding:6px 0px;
  531. text-align:left;
  532. margin:0px 0px 0px -10px;}
  533.  
  534. .credit {
  535. position:fixed;
  536. font-family:'calibri';
  537. font-size:10px;
  538. font-weight:bold;
  539. line-height:150%;
  540. letter-spacing:0px;
  541. right:5px;
  542. bottom:7px;
  543. text-align:center;}
  544.  
  545. .credit a {
  546. font-size:8px;
  547. line-height:14px;
  548. font-family:'calibri';
  549. background:{color:background};
  550. padding:5px;
  551. font-weight:bold;
  552. {block:ifShowBorder}
  553. border-bottom:1px solid {color:Border};
  554. {/block:ifShowBorder}
  555. letter-spacing:2px;
  556. text-transform:uppercase;}
  557.  
  558. .credit a:hover {
  559. color:{color:Hover};
  560. }
  561.  
  562.  
  563. {CustomCSS}
  564.  
  565.  
  566. </style>
  567. </head>
  568.  
  569. <body>
  570.  
  571.  
  572. <div class="credit">
  573. <a href="http://jcegers.tumblr.com" title="Theme">JCE</a>
  574. </div>
  575.  
  576.  
  577. <div id="sidebarcon">
  578. <div id="sidebar">
  579. <div id="sidetitle"><a href="/" title="Home">{text:Side Title}</a></div>
  580. <div class="sidebar img"><img src="{image:Sidebar Image}"></div>
  581. <div class="sidebaric img"><img src="{image:Sidebar Icon}"></div>
  582. <div id="sidelinks">
  583. <a href="/ask">message</a>&nbsp;
  584. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>&nbsp;
  585. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>&nbsp;
  586. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>&nbsp;
  587. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>&nbsp;
  588. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>&nbsp;
  589. <a href="{text:Link 6 URL}">{text:Link 6 Title}</a>
  590. </div>
  591. <div id="description">{Description}</div>
  592. </div>
  593. </div>
  594.  
  595.  
  596. <div id="entries">
  597.  
  598. {block:Posts}
  599. <div id="posts">
  600.  
  601. {block:Quote}
  602.  
  603.  
  604. <div id="titlequote">“{Quote}”</div>
  605. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  606. {/block:Quote}
  607.  
  608. {block:Text}
  609.  
  610. {block:Title}
  611. <div id="title">{Title}</div>{/block:Title}
  612. {Body}
  613. {/block:Text}
  614.  
  615. {block:Link}
  616. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  617. {/block:Link}
  618.  
  619. {block:Chat}
  620. {block:Title}
  621. <h1>{Title}</h1>
  622. {/block:Title}
  623. <div class="chat">
  624. <ol>{block:Lines}
  625. <li class="line {Alt}">
  626. {block:Label}
  627. <span class="label">
  628. {Label}</span>
  629. {/block:Label}{Line}</li>
  630. {/block:Lines}
  631. </ol></div>
  632. {/block:Chat}
  633.  
  634. {block:Photo}
  635. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  636. {/block:Photo}
  637.  
  638. {block:Photoset}
  639. {Photoset-500}
  640. {/block:Photoset}
  641.  
  642. {block:Video}
  643. {Video-500}
  644. {/block:Video}
  645.  
  646. {block:Audio}
  647. <div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}{block:AudioPlayer}<div class="play">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div>
  648. <div class="au">
  649. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  650. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  651. <b>Plays:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  652. </div>
  653. {/block:Audio}
  654.  
  655.  
  656. {block:Answer}
  657. <div class="ask"><img src="{AskerPortraitURL-48}">
  658. <div class="question">
  659. <div class="asker">{Asker}:</div>
  660. {Question}</div></div>
  661. <div class="answer">
  662. {Answer}</div>
  663. {/block:Answer}
  664.  
  665.  
  666. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  667.  
  668. {block:IndexPage}
  669. {block:Date}
  670. <div class="permapage">
  671. <a href="{Permalink}">{TimeAgo}</a> &nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; <a href="{ReblogURL}" target="_blank" title="reblog" float="right">reblog</a>
  672. </div>
  673. <div class="tags">
  674. {/block:HasTags}
  675. {block:HasTags}
  676. {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  677. {/block:HasTags}
  678. </div>
  679. {/block:Date}
  680. {/block:IndexPage}
  681.  
  682.  
  683. {block:PermalinkPage}
  684. {block:Date}
  685. <div class="permapage">
  686. {TimeAgo} &nbsp; {NoteCountWithLabel}<br>
  687. {block:RebloggedFrom}
  688. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &nbsp; & &nbsp; <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  689. {/block:RebloggedFrom}
  690. </div>
  691. <div class="tags">
  692. {/block:HasTags}
  693. {block:HasTags}
  694. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  695. {/block:HasTags}
  696. </div>
  697. {/block:Date}
  698. {/block:PermalinkPage}
  699.  
  700.  
  701. {block:ContentSource}
  702. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  703. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  704. {/block:SourceLogo}
  705. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  706. {/block:ContentSource}
  707.  
  708. </div>
  709.  
  710. {block:PostNotes}
  711. <div class="pagenotes">
  712. {PostNotes}
  713. </div>
  714. {/block:PostNotes}
  715.  
  716.  
  717. {/block:Posts}
  718.  
  719. {block:Pagination}
  720. <div id="pagination">
  721. {block:NextPage}
  722. <a href="{NextPage}">next</a>
  723. {/block:NextPage}
  724.  
  725. {block:PreviousPage}
  726. <a href="{PreviousPage}">back</a>
  727. {/block:PreviousPage}
  728. </div>
  729. {/block:Pagination}
  730.  
  731.  
  732.  
  733.  
  734. </div>
  735.  
  736. </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!