Advertisement
winchestheart

theme 27; sensates.

Jul 10th, 2015
3,982
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.59 KB | None | 0 0
  1. <!--
  2.  
  3. Theme 27; sensates by winchestheart ©
  4. > http://winchestheart.tumblr.com
  5.  
  6.  
  7. - do not remove the credit
  8. - do not steal anything
  9. - do not claim as your own
  10.  
  11. thanks :)
  12.  
  13. -->
  14.  
  15.  
  16. <html><head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <meta name="image:Sidebar" content="" />
  21.  
  22. <meta name="color:Links" content="#000000" />
  23. <meta name="color:Text" content="#4a4c4c" />
  24. <meta name="color:Background" content="#ffffff" />
  25. <meta name="color:Border" content="#f1f1f1" />
  26. <meta name="color:Scrollbar" content="#000000" />
  27. <meta name="color:Main Color" content="#333333" />
  28.  
  29. <meta name="text:Link 1" content="one" />
  30. <meta name="text:Link 2" content="two" />
  31. <meta name="text:Link 3" content="three" />
  32. <meta name="text:Link 1 URL" content="/" />
  33. <meta name="text:Link 2 URL" content="/" />
  34. <meta name="text:Link 3 URL" content="/" />
  35.  
  36. <meta name="text:Font Family" content="calibri" />
  37. <meta name="text:Font Size" content="9" />
  38.  
  39. <meta name="if:Custom Scrollbar" content="1">
  40. <meta name="if:Tooltips" content="1" />
  41. <meta name="if:Lazy Load" content="0" />
  42. <meta name="if:Permalink Hover" content="1" />
  43.  
  44. <meta name="select:Posts Width" content="300" title="300px">
  45. <meta name="select:Posts Width" content="350" title="350px">
  46. <meta name="select:Posts Width" content="400" title="400px">
  47. <meta name="select:Posts Width" content="450" title="450px">
  48. <meta name="select:Posts Width" content="500" title="500px">
  49. <meta name="select:Posts Width" content="540" title="540px">
  50.  
  51. <meta name="select:Photosets Margin" content="2" title="2px">
  52. <meta name="select:Photosets Margin" content="3" title="3px">
  53. <meta name="select:Photosets Margin" content="4" title="4px">
  54. <meta name="select:Photosets Margin" content="5" title="5px">
  55. <meta name="select:Photosets Margin" content="6" title="6px">
  56. <meta name="select:Photosets Margin" content="7" title="7px">
  57. <meta name="select:Photosets Margin" content="8" title="8px">
  58. <meta name="select:Photosets Margin" content="9" title="9px">
  59. <meta name="select:Photosets Margin" content="10" title="10px">
  60.  
  61. <!--------------------------------------------------------------------------->
  62.  
  63. {block:IfLazyLoad}
  64. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  65. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  66. <script type="text/javascript" charset="utf-8">
  67. var $j = jQuery.noConflict();
  68. $j(function() {
  69. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  70. $j("img").lazyload({
  71. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  72. effect: "fadeIn",
  73. });
  74. });
  75. </script>
  76. {/block:IfLazyLoad}
  77.  
  78. <!--------------------------------------------------------------------------->
  79.  
  80. {block:IfTooltips}
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  83.  
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title],a[title],img[title]").style_my_tooltips({
  88. tip_follows_cursor:"true",
  89. tip_delay_time:100,
  90. tip_fade_speed:100,
  91. attribute:"title"
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96. {/block:IfTooltips}
  97.  
  98. <!-- hide script by @lmthemes ----------------------------------------------->
  99.  
  100. <script type="text/javascript">
  101. function unhide(divID) {
  102. var item = document.getElementById(divID);
  103. if (item) {
  104. item.className=(item.className=='hidden')?'unhidden':'hidden';
  105. }
  106. }
  107. </script>
  108.  
  109. <!-- @shythemes ------------------------------------------------------------->
  110.  
  111. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  112. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  113. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  114.  
  115. <!--------------------------------------------------------------------------->
  116.  
  117. <style type="text/css">
  118.  
  119. /****************************************************************************/
  120.  
  121. {block:IfCustomScrollbar}
  122. ::-webkit-scrollbar {height:9px;width:9px;}
  123. ::-webkit-scrollbar-thumb {
  124. background-color:{color:scrollbar};
  125. border:4px solid {color:background};}
  126. {/block:IfCustomScrollbar}
  127.  
  128. {block:IfTooltips}
  129. #s-m-t-tooltip {
  130. color:{color:background};
  131. background-color:{color:main color};
  132. display:none;
  133. text-align:center;
  134. position:absolute;
  135. z-index:9999999999999999;
  136. font-family:calibri;
  137. font-size:7px;
  138. letter-spacing:1px;
  139. text-transform:uppercase;
  140. padding:3px 7px 3px 7px;
  141. margin-top:-25px;
  142. -webkit-transition:.1s ease-out;
  143. -moz-transition:.1s ease-out;
  144. transition:.1s ease-out;}
  145. {/block:IfTooltips}
  146.  
  147. iframe#tumblr_controls {
  148. white-space:nowrap;
  149. -webkit-filter:invert(100%);
  150. -moz-filter:invert(100%);
  151. -o-filter:invert(100%);
  152. -ms-filter: invert(100%);
  153. filter:invert(100%);
  154. opacity:.2;}
  155.  
  156. ::selection {
  157. color:{color:background};
  158. background-color:{color:main color};}
  159.  
  160. ::-moz-selection {
  161. color:{color:background};
  162. background-color:{color:main color};}
  163.  
  164. ::-webkit-selection {
  165. color:{color:background};
  166. background-color:{color:main color};}
  167.  
  168. /****************************************************************************/
  169.  
  170. body {
  171. margin:0;
  172. font-family:{text:font family};
  173. font-size:{text:font size}px;
  174. line-height:14px;
  175. color:{color:text};
  176. background-color:{color:background};}
  177.  
  178. a {
  179. color:{color:links};
  180. text-decoration:none;
  181. -webkit-transition:.3s;
  182. -moz-transition:.3s;
  183. -ms-transition:.3s;
  184. -o-transition:.3s;
  185. transition:.3s;}
  186.  
  187. a:hover {text-decoration:underline;}
  188.  
  189. strong, bold, b {font-weight:bold;color:{color:links};}
  190. small, sub {font-size:{text:font size}px;}
  191.  
  192. code {
  193. font-size:{text:font size}px;
  194. font-family:{text:font family};}
  195.  
  196. pre {
  197. word-wrap:break-word;
  198. font-size:{text:font size}px;
  199. font-family:{text:font family};}
  200.  
  201. blockquote {
  202. padding-left:10px;
  203. margin:10px;
  204. border-left:1px solid {color:border};}
  205.  
  206. h1 {
  207. font-size:9px;
  208. font-weight:normal;
  209. letter-spacing:1.5px;
  210. text-transform:uppercase;
  211. text-align:center;
  212. line-height:16px;
  213. color:{color:links};}
  214.  
  215. h1 a {color:{color:links};}
  216. h1 a:hover {text-decoration:none;}
  217.  
  218. ul {list-style-type:square;}
  219.  
  220. /****************************************************************************/
  221.  
  222. #credit {
  223. position:fixed;
  224. bottom:10px;
  225. right:10px;
  226. font-weight:bold;}
  227.  
  228. #center {
  229. position:relative;
  230. margin:100px auto;
  231. width:{select:posts width}px;
  232. padding-right:220px;}
  233.  
  234. /****************************************************************************/
  235.  
  236. #sidebar {
  237. position:fixed;
  238. width:110px;
  239. margin-top:100px;}
  240.  
  241. .sidebar img {
  242. width:80px;
  243. height:80px;
  244. border-radius:50px;
  245. -webkit-border-radius:50px;
  246. -moz-border-radius:50px;}
  247.  
  248. .description {
  249. margin:30px 0px;
  250. text-align:justify;
  251. line-height:15px;
  252. letter-spacing:0px;}
  253.  
  254. .nav {
  255. text-transform:uppercase;
  256. letter-spacing:2px;
  257. font-size:7px;
  258. font-family:calibri;
  259. font-weight:bold;}
  260.  
  261. .nav a {
  262. display:block;
  263. margin-bottom:20px;
  264. padding:8px;
  265. cursor:help;
  266. border-bottom:1px solid {color:border};
  267. transition:none;}
  268.  
  269. .nav a:hover {
  270. text-decoration:none;
  271. background:{color:main color};
  272. color:{color:background};}
  273.  
  274. /****************************************************************************/
  275.  
  276. #post {
  277. margin-left:220px;
  278. width:{select:Posts Width}px;
  279. {block:IndexPage}
  280. margin-bottom:120px;
  281. padding-bottom:10px;
  282. border-bottom:1px solid {color:border};
  283. {/block:Indexpage}
  284. {block:PermalinkPage}
  285. margin-bottom:50px;
  286. {/block:PermalinkPage};}
  287.  
  288. #post img, #post blockquote {max-width:100%;}
  289.  
  290. #permalink {
  291. position:absolute;
  292. width:{select:Posts Width}px;
  293. margin-top:20px;
  294. line-height:15px;
  295. {block:IfPermalinkHover}
  296. opacity:0;
  297. {/block:IfPermalinkHover}
  298. -webkit-transition:.3s;
  299. -moz-transition:.3s;
  300. -ms-transition:.3s;
  301. -o-transition:.3s;
  302. transition:.3s;}
  303.  
  304. #post:hover #permalink {
  305. {block:IfPermalinkHover}
  306. opacity:1;
  307. {/block:IfPermalinkHover}}
  308.  
  309. .permalink {
  310. text-transform:lowercase;
  311. color:{color:links};
  312. display:inline;
  313. margin-left:-5px;}
  314.  
  315. .permalink a:hover, .permalink a {text-decoration:none;}
  316. .permalink span {margin:0px 5px;}
  317.  
  318. .tags {display:inline;}
  319. .tags a {margin:0px 6px;}
  320.  
  321. /****************************************************************************/
  322.  
  323. .pagination {
  324. margin-left:220px;
  325. width:{select:posts width}px;
  326. text-align:center;
  327. border-bottom:1px solid {color:border};
  328. padding-bottom:10px;}
  329.  
  330. .pagination span, .pagination a {margin:0px 10px;}
  331. .pagination a {cursor:help;}
  332. .pagination a:hover {text-decoration:none;}
  333.  
  334. /****************************************************************************/
  335.  
  336. #permalinkpage {
  337. width:{select:posts width};
  338. margin-top:15px;
  339. background-color:#f9f9f9;
  340. text-align:center;
  341. padding:5px 0px;
  342. text-transform:lowercase;
  343. border-top:1px solid {color:border};}
  344.  
  345. #tagspp {
  346. width:{select:posts width};
  347. line-height:15px;
  348. text-align:center;
  349. color:{color:links};
  350. padding:5px 0px;}
  351.  
  352. #tagspp a {margin:0px 5px;}
  353.  
  354. /****************************************************************************/
  355.  
  356. #audio img {
  357. width:100px;
  358. height:100px;
  359. overflow:hidden;}
  360.  
  361. .playbutton {
  362. width:20px;
  363. height:30px;
  364. overflow:hidden;
  365. position:relative;
  366. z-index:1000;
  367. margin:35px 44px 35px 36px;}
  368.  
  369. .playbox {
  370. background-color:#000;
  371. position:absolute;
  372. z-index:1000;
  373. margin:0;
  374. opacity:.3;}
  375.  
  376. .cover {
  377. position:relative;
  378. z-index:1;}
  379.  
  380. .audio {
  381. position:absolute;
  382. margin-top:-100px;
  383. margin-left:120px;}
  384.  
  385. .ainfo {
  386. height:100px;
  387. vertical-align:middle;
  388. min-height:10em;
  389. display:table-cell;}
  390.  
  391. .audio span {
  392. display:block;
  393. margin:5px 0px;}
  394.  
  395. .audio b {
  396. font-weight:bold;
  397. color:{color:links};
  398. text-transform:uppercase;
  399. letter-spacing:.5px;
  400. margin-right:3px;}
  401.  
  402. /****************************************************************************/
  403.  
  404. .quote {
  405. font:14px cambria;
  406. font-style:italic;
  407. line-height:18px;}
  408.  
  409. .source {
  410. text-transform:uppercase;
  411. letter-spacing:1.5px;
  412. text-align:center;
  413. margin:15px;}
  414.  
  415. /****************************************************************************/
  416.  
  417. #question {
  418. margin:10px 0px;
  419. padding:10px 20px;
  420. line-height:15px;
  421. border:1px solid {color:border};
  422. text-align:center;
  423. background-color:#f9f9f9;}
  424.  
  425. /****************************************************************************/
  426. .label {
  427. font-weight:bold;
  428. text-transform:uppercase;
  429. color:{color:links};
  430. letter-spacing:.5;}
  431.  
  432. .chat {
  433. line-height:16px;
  434. margin:10px;}
  435.  
  436. /****************************************************************************/
  437.  
  438. .line {
  439. background-color:{color:border};
  440. height:1px;
  441. margin-top:20px;}
  442.  
  443. .show {
  444. margin-top:-7px;
  445. text-align:center;
  446. color:{color:text};
  447. font-size:7px;
  448. letter-spacing:1px;
  449. text-transform:uppercase;}
  450.  
  451. .show a {cursor:help;}
  452. .show a:hover {text-decoration:none;}
  453.  
  454. .notes {
  455. margin-left:-20px;
  456. margin-top:30px;
  457. width:{select:posts width};}
  458.  
  459. .notes a:hover {
  460. background-color:transparent;
  461. color:{color:links};}
  462.  
  463. ol.notes {list-style-type:none;}
  464.  
  465. ol.notes li.note {
  466. padding-bottom:7px;
  467. margin-bottom:12px;
  468. border-bottom:1px solid {color:border};}
  469.  
  470. ol.notes li.note img.avatar {
  471. vertical-align:-6px;
  472. max-width:16px;
  473. max-height:16px;}
  474.  
  475. ol.notes li.note img {padding:2px 5px 2px 2px;}
  476. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  477.  
  478. /****************************************************************************/
  479.  
  480. .hidden {display:none;}
  481. .unhidden {display:block;}
  482.  
  483. /****************************************************************************/
  484.  
  485. </style>
  486. </head>
  487.  
  488. <body>
  489.  
  490. <!--------------------------------------------------------------------------->
  491.  
  492. <div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank" title="theme by winchestheart">wh.</a></div>
  493.  
  494. <div id="center">
  495.  
  496. <!--------------------------------------------------------------------------->
  497.  
  498. <div id="sidebar">
  499.  
  500. <div class="sidebar"><center>
  501. <a href="/"><img src="{image:Sidebar}" height="80"></a>
  502. </center></div>
  503.  
  504. <div class="description">{Description}</div>
  505.  
  506.  
  507. <div class="nav">
  508. <a href="{text:link 1 url}">{text:link 1}</a>
  509. <a href="{text:link 2 url}">{text:link 2}</a>
  510. <a href="{text:link 3 url}">{text:link 3}</a>
  511. </div>
  512.  
  513. </div>
  514.  
  515. <!--------------------------------------------------------------------------->
  516.  
  517. {block:Posts}
  518. <div id="post">
  519.  
  520. {block:Text}
  521. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  522. {Body}
  523. {/block:Text}
  524.  
  525. {block:Photo}
  526. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:Photo}
  529.  
  530. {block:Photoset} <!-- @shythemes -->
  531. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" 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>
  532. {block:Caption}{Caption}{/block:Caption}
  533. {/block:Photoset}
  534.  
  535. {block:Quote}
  536. <div class="quote">“ {Quote} ”</div>
  537. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  538. {/block:Quote}
  539.  
  540. {block:Link}
  541. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  542. {block:Description}{Description}{/block:Description}
  543. {/block:Link}
  544.  
  545. {block:Chat}
  546. <div id="chat">
  547. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  548. <div class="chat">
  549. {block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}
  550. </div></div>
  551. {/block:Chat}
  552.  
  553. {block:Video}
  554. <div class="video">{Video-500}</div>
  555. {block:Caption}{Caption}{/block:Caption}
  556. {/block:Video}
  557.  
  558. {block:Audio}
  559. <div id="audio">
  560. <div class="playbox"><div class="playbutton">
  561. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  562. </div></div>
  563.  
  564. {block:AlbumArt}
  565. <img src="{AlbumArtURL}" class="cover">
  566. {/block:AlbumArt}
  567.  
  568. <div class="audio">
  569. <div class="ainfo">
  570.  
  571. {block:TrackName}<span>
  572. <b>Track Name</b> {TrackName}
  573. </span>{/block:TrackName}
  574.  
  575. {block:Artist}<span>
  576. <b>Artist</b> {Artist}
  577. </span>{/block:Artist}
  578.  
  579. {block:Album}<span>
  580. <b>Album</b> {Album}
  581. </span>{/block:Album}
  582.  
  583. {block:PlayCount}<span>
  584. <b>Played</b> {PlayCount} times
  585. </span>{/block:PlayCount}
  586.  
  587. </div></div>
  588. {block:caption}{caption}{/block:caption}
  589. </div>{/block:Audio}
  590.  
  591. {block:Answer}
  592. <div id="question">« {Question} » — <i>{Asker}</i></div>{Answer}
  593. {/block:Answer}
  594.  
  595. <!--------------------------------------------------------------------------->
  596.  
  597. {block:ContentSource}
  598. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  599. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  600. {/block:ContentSource}
  601.  
  602. <!-- {block:NoRebloggedFrom}
  603. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  604. {/block:NoRebloggedFrom} -->
  605.  
  606. <!--------------------------------------------------------------------------->
  607.  
  608. {block:IndexPage}<div id="permalink">
  609.  
  610. <div class="permalink">
  611.  
  612. {block:Date}
  613. <span><a href="{Permalink}" title="{TimeAgo}"><u><b>{ShortMonth} {DayOfMonthWithZero}</b></u></a></span>
  614. {/block:Date}
  615.  
  616. {block:NoteCount}
  617. <span>{NoteCount}</span>
  618. {/block:NoteCount}
  619.  
  620. <span><a href="{ReblogURL}" target="_blank" title="reblog this?" style="cursor:help;">reblog</a></span>
  621.  
  622. </div>
  623.  
  624. <div class="tags">
  625.  
  626. {block:HasTags}
  627. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  628. {/block:HasTags}
  629.  
  630. </div>
  631.  
  632. </div>{/block:IndexPage}
  633.  
  634. <!--------------------------------------------------------------------------->
  635.  
  636. {block:PermalinkPage}
  637.  
  638. {block:Date}<div id="permalinkpage">
  639.  
  640. shared {TimeAgo} on {Month} {DayOfMonthWithZero}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  641.  
  642. {block:RebloggedFrom}
  643. <br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  644. {/block:RebloggedFrom}
  645.  
  646. </div>{/block:Date}
  647.  
  648. {block:HasTags}<div id="tagspp">
  649.  
  650. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  651.  
  652. </div>{/block:HasTags}
  653.  
  654. {/block:PermalinkPage}
  655.  
  656. <!--------------------------------------------------------------------------->
  657.  
  658. {block:PostNotes}
  659.  
  660. <div class="line"></div>
  661.  
  662. <div class="show">
  663. <span style="background-color:#fff;padding:0px 5px;">
  664. <a href="javascript:unhide('notes');">show notes</a>
  665. </span>
  666. </div>
  667.  
  668. <div id="notes" class="hidden">
  669. <div class="notes">{PostNotes}</div>
  670. </div>
  671.  
  672. {/block:PostNotes}
  673.  
  674. <!--------------------------------------------------------------------------->
  675.  
  676. </div>
  677. {/block:Posts}
  678.  
  679. <!--------------------------------------------------------------------------->
  680.  
  681. {block:Pagination}<div class="pagination">
  682.  
  683. {block:PreviousPage}
  684. <a href="{PreviousPage}" title="previous page">‹</a>
  685. {/block:PreviousPage}
  686.  
  687. {block:JumpPagination length="5"}
  688. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  689. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  690. {/block:JumpPagination}
  691.  
  692. {block:NextPage}
  693. <a href="{NextPage}" title="next page">›</a>
  694. {/block:NextPage}
  695.  
  696. </div>{/block:Pagination}
  697.  
  698. </div>
  699.  
  700. <!-- Pixel union photosets tutorial by @shythemes --------------------------->
  701.  
  702. <script>
  703. $(document).ready(function(){
  704. $('.photo-slideshow').pxuPhotoset({
  705. lightbox: true,
  706. rounded: false,
  707. gutter: '{select:photosets margin}px',
  708. borderRadius: '0px',
  709. photoset: '.photo-slideshow',
  710. photoWrap: '.photo-data',
  711. photo: '.pxu-photo'
  712. });
  713. });
  714. </script>
  715.  
  716. <!-- Resizing videos tutorial by @shythemes --------------------------------->
  717.  
  718. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  719.  
  720. <!--------------------------------------------------------------------------->
  721.  
  722. </body>
  723. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement