dansmilth

THEME 26 - Closer

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