API tools faq
paste
Advertisement
dansmilth

THEME 25 - Dawn

dansmilth
Jun 13th, 2016
3,329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- THEME 25 by albertosrosende :> ------------>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--------DEFAULT VARIABLES-------->
  13.  
  14. <meta name="color:background" content="#f8f8f8"/>
  15. <meta name="color:text" content="#000000"/>
  16. <meta name="color:links" content="#626262"/>
  17. <meta name="color:links hover" content="#a5a5a5"/>
  18. <meta name="color:sidebar" content="#ffffff"/>
  19. <meta name="color:posts" content="#ffffff"/>
  20. <meta name="color:info" content="#ffffff"/>
  21. <meta name="color:question" content="#f8f8f8"/>
  22. <meta name="color:scrollbar" content="#000000"/>
  23. <meta name="color:scrollbar background" content="#ffffff"/>
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:link 1 title" content="link 1"/>
  28. <meta name="text:link 1 url" content=""/>
  29. <meta name="text:link 2 title" content="link 2"/>
  30. <meta name="text:link 2 url" content=""/>
  31. <meta name="text:link 3 title" content="link 3"/>
  32. <meta name="text:link 3 url" content=""/>
  33.  
  34. <!----------------SCRIPTS---------------->
  35.  
  36. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:200,
  45. tip_fade_speed:300
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  52.  
  53. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  54.  
  55. <script type="text/javascript">
  56. WebFontConfig = {
  57. google: { families: [ 'Karla:400,400italic,700,700italic:latin' ] }
  58. };
  59. (function() {
  60. var wf = document.createElement('script');
  61. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  62. wf.type = 'text/javascript';
  63. wf.async = 'true';
  64. var s = document.getElementsByTagName('script')[0];
  65. s.parentNode.insertBefore(wf, s);
  66. })(); </script>
  67.  
  68. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  69.  
  70. <script type="text/javascript">
  71. WebFontConfig = {
  72. google: { families: [ 'Open+Sans:400,700,400italic,700italic:latin' ] }
  73. };
  74. (function() {
  75. var wf = document.createElement('script');
  76. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  77. wf.type = 'text/javascript';
  78. wf.async = 'true';
  79. var s = document.getElementsByTagName('script')[0];
  80. s.parentNode.insertBefore(wf, s);
  81. })(); </script>
  82.  
  83. <style type="text/css">
  84.  
  85. /*----------SCROLLBAR---------*/
  86.  
  87. ::-webkit-scrollbar {
  88. background-color: {color:scrollbar bg};
  89. height:8px;
  90. width:5px;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb:vertical {
  94. background-color:{color:scrollbar};
  95. height:50px;
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb:horizontal {
  99. background-color:{color:scrollbar bg};
  100. height:8px;
  101. }
  102.  
  103. /*----------TOOLTIPS---------*/
  104.  
  105. #s-m-t-tooltip {
  106. max-width:300px;
  107. margin:15px;
  108. padding:5px;
  109. border:1px solid #eeeeee;
  110. border-radius:0px;
  111. background:#ffffff;
  112. color:{color:text};
  113. z-index:999999;
  114. font-size:7px;
  115. font-style:none;
  116. letter-spacing:2px;
  117. font-family:arial;
  118. text-transform:uppercase;
  119. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  120. }
  121.  
  122.  
  123.  
  124.  
  125. /*----------BASICS---------*/
  126.  
  127. body {
  128. background:{color:background};
  129. color:{color:text};
  130. font-family:'open sans', sans-serif;
  131. font-size:10px;
  132. line-height:150%;
  133. margin:0;
  134. text-align:justify;
  135. }
  136.  
  137. small {
  138. font-size:10px;
  139. }
  140.  
  141.  
  142. a {
  143. color:{color:links};
  144. text-decoration:none;
  145. }
  146.  
  147. a:hover {
  148. color:{color:links hover};
  149. transition:1s;
  150. -webkit-transition:1s;
  151. -moz-transition:1s;
  152. -o-transition:1s;
  153. }
  154.  
  155. img {
  156. opacity:1;
  157. text-decoration:none;
  158. }
  159.  
  160. h1 {
  161. font-size:12px;
  162. font-weight:bold;
  163. font-family:arial;
  164. line-height:150%;
  165. text-transform:uppercase;
  166. margin-left:10px;
  167. font-family:'karla', sans-serif;
  168. font-style:italic;
  169. }
  170.  
  171. blockquote {
  172. padding-left:10px;
  173. margin:10px;
  174. border-left:1px solid #eee;
  175. }
  176.  
  177.  
  178.  
  179. /*----------SIDEBAR---------*/
  180.  
  181. .sidebar {
  182. position:fixed;
  183. top:100px;
  184. width:200px;
  185. margin-left:380px;
  186. }
  187.  
  188. .title img {
  189. width:20px;
  190. border-radius:100%;
  191. float:left;
  192. margin-right:10px;
  193. margin-top:-3px;
  194. }
  195.  
  196. .title {
  197. font-size:15px;
  198. text-transform:uppercase;
  199. font-weight:bold;
  200. font-family:'karla', sans-serif;
  201. padding:10px;
  202. border-bottom:3px solid #f8f8f8;
  203. background:{color:sidebar};
  204.  
  205. }
  206.  
  207. .description {
  208. text-align:justify;
  209. margin-top:3px;
  210. padding:25px;
  211. background:{color:sidebar};
  212. font-size:10px;
  213. }
  214.  
  215. .links {
  216. margin-top:3px;
  217. text-align:center;
  218. font-size:9px;
  219. }
  220.  
  221. .links a {
  222. display:inline-block;
  223. padding:8px;
  224. letter-spacing:1px;
  225. }
  226.  
  227. /*----------PAGINATION---------*/
  228.  
  229. #pagination {
  230. padding:10px;
  231. text-align:center;
  232. letter-spacing:1px;
  233. margin-bottom:50px;
  234. }
  235.  
  236. #pagination a {
  237. padding:5px 10px 5px 10px;
  238. background:#eee;
  239. color:black;
  240. }
  241.  
  242. /*----------POSTS---------*/
  243.  
  244. .entries {
  245. margin-left:600px;
  246. margin-top:100px;
  247. width:400px;
  248. }
  249.  
  250. .posts {
  251. width:400px;
  252. margin-bottom:70px;
  253. background:{color:posts};
  254. }
  255.  
  256. .caption {
  257. padding:10px;
  258. }
  259.  
  260.  
  261.  
  262. /*----------QUOTE---------*/
  263.  
  264. .quote {
  265. padding:20px;
  266. font-size:12px;
  267. text-align:center;
  268. background:#f8f8f8;
  269. margin:20px;
  270. font-family:'karla', sans-serif;
  271. line-height:150%;
  272. font-weight:bold;
  273. letter-spacing:1px;
  274. font-style:italic;
  275. }
  276.  
  277. .quotesource {
  278. font-family:'karla', sans-serif;
  279. text-align:center;
  280. text-transform:uppercase;
  281. font-size:10px;
  282. letter-spacing:1px;
  283. }
  284.  
  285. /*----------CHAT---------*/
  286.  
  287. .chat {
  288. line-height:150%;
  289. list-style:none;
  290. padding:15px 10px 10px 10px;
  291. }
  292.  
  293. .line.odd {
  294. padding:10px;
  295. background:#f8f8f8;
  296. }
  297.  
  298. .line.even {
  299. padding:10px;
  300. }
  301.  
  302. .label {
  303. text-transform:uppercase;
  304. font-size:10px;
  305. letter-spacing:1px;
  306. font-weight:bold;
  307. }
  308.  
  309. /*----------AUDIO---------*/
  310.  
  311. .cover {
  312. position:relative;
  313. z-index:1;
  314. max-width:100px;
  315. padding:10px;
  316. float:left;
  317. }
  318.  
  319. .playbutton {
  320. width:20px;
  321. height:30px;
  322. overflow:hidden;
  323. position:relative;
  324. z-index:2;
  325.  
  326. }
  327.  
  328.  
  329. .playbox {
  330. background-color:#000;
  331. position:absolute;
  332. z-index:2;
  333. padding:15px 24px 13px 16px;
  334. margin-top:30px;
  335. margin-left:30px;
  336. opacity:0.5;
  337. }
  338.  
  339. .trackdetails {
  340. padding:10px;
  341. width:auto;
  342. height:100px;
  343. margin-top:10px;
  344. margin-left:100px;
  345. }
  346.  
  347. /*----------ASK---------*/
  348.  
  349. .question {
  350. margin-top:15px;
  351. padding:10px;
  352. background:{color:question};
  353. margin:20px;
  354. }
  355.  
  356.  
  357. .asker {
  358. text-transform:uppercase;
  359. font-family:'karla', sans-serif;
  360. font-size:10px;
  361. letter-spacing:1px;
  362.  
  363. }
  364.  
  365. .asker img {
  366. width:20px;
  367. border-radius:100%;
  368. padding:5px;
  369. background:white;
  370. float:left;
  371. margin-right:10px;
  372. }
  373.  
  374. .answer {
  375. margin:20px;
  376. }
  377.  
  378. /*----------INFO---------*/
  379.  
  380. .info {
  381. padding:10px;
  382. text-transform:uppercase;
  383. font-family:'karla', sans-serif;
  384. font-size:10px;
  385. letter-spacing:1px;
  386. background:{color:info};
  387. }
  388.  
  389.  
  390. .tags {
  391. background:{color:info}
  392. }
  393.  
  394. .tags a {
  395. letter-spacing:1px;
  396. }
  397.  
  398. .source {
  399. padding:10px;
  400. font-family:'karla', sans-serif;
  401. font-size:10px;
  402. text-transform:uppercase;
  403. letter-spacing:1px;
  404. background:{color:info}
  405. }
  406.  
  407. .source a:first-child {
  408. font-weight:bold;
  409. }
  410.  
  411. /*----------POST NOTES---------*/
  412.  
  413. ol.notes {
  414. padding:0px;
  415. margin:25px 0px 0px -10px;
  416. list-style-type:none;
  417. }
  418.  
  419. ol.notes li.note {
  420. padding:10px;
  421. }
  422.  
  423. ol.notes li.note img.avatar {
  424. vertical-align:-4px;
  425. margin-right:10px;
  426. width:16px;
  427. height:16px;
  428. }
  429.  
  430. ol.notes li.note span.action {
  431. font-weight:none;
  432. }
  433.  
  434. ol.notes li.note .answer_content {
  435. font-weight:normal;
  436. }
  437.  
  438. ol.notes li.note blockquote {
  439. padding:4px 10px;
  440. margin:10px 0px 0px 25px;
  441. }
  442.  
  443. ol.notes li.note blockquote a {
  444. text-decoration:none;
  445. }
  446.  
  447. /*----------CREDIT---------*/
  448.  
  449. .credit {
  450. font-size:8px;
  451. position:fixed;
  452. font-weight:bold;
  453. bottom:5px;
  454. right:15px;
  455. z-index:10;
  456. text-align:right;
  457. letter-spacing:1px;
  458. padding:2px;
  459. }
  460.  
  461. .credit a {
  462. color:{color:links};
  463. text-decoration:none;
  464. background:white;
  465. padding:10px;
  466. border-radius:100%;
  467. }
  468.  
  469. .credit a:hover {
  470. color:{color:links hover};
  471. text-decoration:none;
  472. }
  473.  
  474. </style>
  475.  
  476.  
  477. <!--- pixel union photosets - tutorial by @shythemes --->
  478.  
  479. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  480. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  481. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  482.  
  483. <script>
  484. $(document).ready(function(){
  485. $('.photo-slideshow').pxuPhotoset({
  486. lightbox: true,
  487. rounded: false,
  488. gutter: '3px',
  489. photoset: '.photo-slideshow',
  490. photoWrap: '.photo-data',
  491. photo: '.pxu-photo'
  492. });
  493. });
  494. </script>
  495.  
  496. <!--- video resizing - tutorial by @shythemes --->
  497.  
  498. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  499.  
  500. </head>
  501.  
  502. <body>
  503.  
  504. <div class="credit">
  505. <a title="theme" href="http://albertosrosende.tumblr.com/" target="_blank">AR</a></div>
  506.  
  507.  
  508. <div class="sidebar">
  509.  
  510.  
  511.  
  512.  
  513. <div class="title"> <img src="{image:sidebar}"/> {Title}</div>
  514. <div class="description">{Description}</div>
  515.  
  516. <div class="links">
  517. <a href="/" title="home">01.</a>
  518. <a href="/ask" title="inbox">02.</a>
  519. <a href="{text:link 1 url}" title="{text:link 1 title}">03.</a>
  520. <a href="{text:link 2 url}" title="{text:link 2 title}">04.</a>
  521. <a href="{text:link 3 url}" title="{text:link 3 title}">05.</a>
  522. </div>
  523.  
  524.  
  525. </div>
  526.  
  527. <div class="entries">
  528.  
  529. {block:Posts}
  530.  
  531. <div class="posts">
  532.  
  533. <div class="source">
  534.  
  535.  
  536. {block:RebloggedFrom}
  537. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName} </a>
  538. <i class="fa fa-retweet" aria-hidden="true"></i>
  539. {block:ContentSource}
  540. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  541. {/block:ContentSource}
  542. {/block:RebloggedFrom}
  543.  
  544.  
  545. <font style="float:right;"><i class="fa fa-clock-o" aria-hidden="true"></i> <a href="{Permalink}">{TimeAgo}</a></font>
  546.  
  547. </div>
  548.  
  549. {block:Text}
  550. <h1>{block:Title}{Title}{/block:Title}</h1>
  551. <div class="caption">{Body}</div>{/block:Text}
  552.  
  553.  
  554. {block:Photo}
  555. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" style="margin-top:8px/></a></div>
  556. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  557. {/block:Photo}
  558.  
  559.  
  560. {block:Photoset}
  561. <div class="bx"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  562. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  563. {/block:Photoset}
  564.  
  565.  
  566. {block:Quote}
  567. <div class="quote">"{Quote}"</div>
  568. {block:Source}<div class="quotesource"> — {Source}</div>
  569. {/block:Source}{/block:Quote}
  570.  
  571.  
  572. {block:Link}
  573. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  574. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  575. {/block:Link}
  576.  
  577.  
  578. {block:Chat}
  579. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  580. {/block:Chat}
  581.  
  582.  
  583. {block:Audio}
  584.  
  585. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  586.  
  587. {block:AlbumArt}
  588. <img src="{AlbumArtURL}" class="cover">
  589. {/block:AlbumArt}
  590.  
  591.  
  592. <div class="trackdetails"><br>
  593. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  594.  
  595. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  596.  
  597. <b>PLAYS:</b> {FormattedPlayCount}</div>
  598.  
  599.  
  600. {block:Caption}
  601. <div class="caption">{Caption}</div>
  602. {/block:Caption}
  603. {/block:Audio}
  604.  
  605.  
  606. {block:Video}
  607. {Video-400}
  608. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  609. {/block:Video}
  610.  
  611.  
  612. {block:Answer}
  613. <div class="question">
  614. <div class="asker"><b><img src="{AskerPortraitURL-24}"> {Asker} said:</b></div>
  615. {Question}</div>
  616. <div class="answer">
  617. {Answer}</div>
  618. {/block:Answer}
  619.  
  620.  
  621. <div class="info">
  622. {block:Date}
  623. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  624. {/block:Date}
  625. &nbsp;&nbsp;
  626. <i class="fa fa-heart-o" aria-hidden="true"></i>
  627. &nbsp;&nbsp;
  628. <a href="{Permalink}">{NoteCount}</a>
  629. &nbsp;&nbsp;
  630.  
  631. <a href="{ReblogURL}" target="_blank" class="details" style="float:right"><i class="fa fa-refresh"></i> reblog</a>
  632.  
  633. {block:HasTags}
  634. <div class="tags">
  635. {block:Tags}
  636. <a href="{TagURL}">#{Tag}</a>
  637. {/block:Tags}
  638. </div>
  639. {/block:HasTags}
  640. </div>
  641.  
  642.  
  643.  
  644.  
  645. </div>
  646.  
  647.  
  648.  
  649.  
  650. {block:PostNotes}
  651. {PostNotes}
  652. {/block:PostNotes}
  653.  
  654. {/block:Posts}
  655.  
  656.  
  657. {block:IndexPage}
  658. <div id="pagination">
  659. {block:Pagination}
  660. {block:JumpPagination length="5"}
  661. {block:CurrentPage}
  662. <span class="current_page">{PageNumber}</span>
  663. {/block:CurrentPage}
  664. {block:JumpPage}
  665. <a class="jump_page" href="{URL}">{PageNumber}</a>
  666. {/block:JumpPage}
  667. {/block:JumpPagination}
  668. {/block:Pagination}
  669. </div>
  670. {/block:IndexPage}
  671.  
  672.  
  673. {block:ContentSource}
  674. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  675. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  676. {/block:SourceLogo}
  677. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  678. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  679.  
  680. </body>
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!