API tools faq
paste
Advertisement
babesthetique

tweaked theme for junhyuk - not for release

babesthetique
Nov 5th, 2016
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: breezeblocks 2.0 -- updated 1.6.2016
  5. - sorrism -
  6.  
  7.  
  8. --!>
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12. <title>{Title} {block:TagPage} #{Tag}{/block:TagPage}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  13.  
  14. <link rel="shortcut icon" href="{favicon}">
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#fafafa"/>
  22. <meta name="color:Text" content="#363636"/>
  23. <meta name="color:Link" content="#777777"/>
  24. <meta name="color:Link Hover" content="#eeeeee"/>
  25. <meta name="color:Blog Title" content="#bbbbbb"/>
  26. <meta name="color:Title" content="#000000"/>
  27. <meta name="color:Scrollbar" content="#aaaaaa" />
  28. <meta name="color:Borders" content="#eeeeee"/>
  29. <meta name="color:Text Borders" content="#eeeeee"/>
  30. <meta name="color:Posts" content="#ffffff"/>
  31. <meta name="color:Accents" content="#fbfbfb"/>
  32. <meta name="color:Shadow" content="#eeeeee"/>
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="image:Background" content=""/>
  36.  
  37. <meta name="if:Hide Tags" content="0"/>
  38. <meta name="if:Large Image" content="0"/>
  39. <meta name="if:Search Bar" content="0"/>
  40. <meta name="if:Infinite Scroll" content="0"/>
  41. <meta name="if:Manual Load" content="1"/>
  42. <meta name="if:Stretch Background" content="1"/>
  43.  
  44. <meta name="text:Home Title" content="Index"/>
  45. <meta name="text:Ask Title" content="Message"/>
  46.  
  47. <meta name="text:Link 1 URL" content=""/>
  48. <meta name="text:Link 1" content=""/>
  49. <meta name="text:Link 2 URL" content=""/>
  50. <meta name="text:Link 2" content=""/>
  51.  
  52. <meta name="select:Sidebar Position" content="left" title="Left"/>
  53. <meta name="select:Sidebar Position" content="right" title="Right"/>
  54.  
  55. <meta name="select:Post Width" content="275" title="275px"/>
  56. <meta name="select:Post Width" content="300" title="300px"/>
  57. <meta name="select:Post Width" content="350" title="350px"/>
  58. <meta name="select:Post Width" content="400" title="400px"/>
  59. <meta name="select:Post Width" content="450" title="450px"/>
  60. <meta name="select:Post Width" content="500" title="500px"/>
  61. <meta name="select:Post Width" content="540" title="540px"/>
  62.  
  63. <meta name="select:Caption" content="def" title="Default"/>
  64. <meta name="select:Caption" content="inl" title="Inline"/>
  65. <meta name="select:Caption" content="hide def" title="Hide Default"/>
  66. <meta name="select:Caption" content="hide inl" title="Hide Inline"/>
  67.  
  68.  
  69. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/open-sans:n4,i4,n7,i7.js"></script>
  70.  
  71. <!--CSS customization here. -->
  72.  
  73. <style type="text/css">
  74.  
  75. /*tumblr controls and lightbox*/
  76.  
  77. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  78.  
  79. .tmblr-lightbox img {opacity:0;}
  80.  
  81. .lightbox-caption {
  82. color:{color:title}!important;
  83. font-family:inherit!important;
  84. font-size:1em!important;
  85. font-weight:normal!important;
  86. text-shadow:none!important;
  87. }
  88.  
  89. .lightbox-image {
  90. -moz-box-shadow:none!important;
  91. -webkit-box-shadow:none!important;
  92. box-shadow:none!important;
  93. -moz-border-radius:3px!important;
  94. -webkit-border-radius:3px!important;
  95. border-radius:3px!important;
  96. padding:0px!important;
  97. border:3px solid {color:posts}!important;
  98. margin-top:-3px!important;
  99. margin-left:-3px!important;
  100. opacity:1!important;
  101. }
  102.  
  103. .vignette {opacity:0!Important;}
  104.  
  105. .iframe-controls--desktop {
  106. white-space:nowrap!important;
  107. -webkit-filter:invert(70%)!important;
  108. -moz-filter:invert(70%)!important;
  109. -ms-filter:invert(70%)!important;
  110. -o-filter:invert(70%)!important;
  111. filter:invert(70%)!important;
  112. top:5px!important;
  113. right:5px!important;
  114. opacity:.4!important;
  115. position:fixed!important;
  116. }
  117.  
  118. /*tooltip*/
  119.  
  120. .ui-tooltip {
  121. position:Absolute;
  122. z-index:9999;
  123. padding-top:10px;
  124. }
  125.  
  126. .ui-tooltip-content {
  127. background:{color:posts};
  128. padding:.5em 1em;
  129. font-size:.9em;
  130. text-transform:uppercase;
  131. letter-spacing:2px;
  132. border:1px solid {color:borders};
  133. border-radius:2px;
  134. -moz-border-radius:2px;
  135. -webkit-border-radius:2px;
  136. }
  137.  
  138. /*scrollbar*/
  139.  
  140. ::-webkit-scrollbar {
  141. height:2px;
  142. width:4px;
  143. background:inherit;
  144. }
  145.  
  146. ::-webkit-scrollbar-thumb{
  147. border-radius:2px;
  148. -moz-border-radius:2px;
  149. -webkit-border-radius:2px;
  150. background:{color:scrollbar};
  151. }
  152.  
  153. /*general*/
  154.  
  155. body {
  156. background:{color:background} url('{image:background}') center center fixed repeat;
  157. {block:ifstretchbackground}
  158. -webkit-background-size: cover;
  159. -moz-background-size: cover;
  160. -o-background-size: cover;
  161. background-size: cover;
  162. {/block:ifstretchbackground}
  163. color:{color:text};
  164. font:9px/1.5em open-sans, arial, sans-serif;
  165. word-wrap:break-word;
  166. text-align:left;
  167. -moz-osx-font-smoothing:grayscale;
  168. -webkit-font-smoothing:antialiased;
  169. font-smoothing:antialiased;
  170. margin:0;
  171. }
  172.  
  173. a {
  174. color:{color:link};
  175. text-decoration:none;
  176. }
  177.  
  178. a, svg {
  179. transition:all .3s linear;
  180. -webkit-transition:all .3s linear;
  181. -o-transition:all .3s linear;
  182. -moz-transition:all .3s linear;
  183. }
  184.  
  185. a, a img {cursor:pointer;}
  186.  
  187. a:hover {
  188. color:{color:link hover}!important;
  189. text-decoration:none;
  190. }
  191.  
  192. img {
  193. opacity:1;
  194. border:0;
  195. text-decoration:none;
  196. max-width:100%;
  197. height:auto;
  198. display:block;
  199. }
  200.  
  201. blockquote {
  202. padding:.25em 0 .25em 15px;
  203. margin:.5em 0;
  204. border-left:1px solid {color:text borders};
  205. }
  206.  
  207. pre {
  208. padding:0;
  209. margin:0;
  210. line-height:inherit!important;
  211. background:transparent;
  212. font-family:inherit!Important;
  213. font-size:inherit!important;
  214. white-space:pre-wrap;
  215. white-space:-moz-pre-wrap;
  216. white-space:-pre-wrap;
  217. white-space:-o-pre-wrap;
  218. word-wrap:break-word;
  219. }
  220.  
  221. p {margin:1em 0;}
  222.  
  223. p:first-of-type {margin-top:0;}
  224.  
  225. p:last-of-type {margin-bottom:0;}
  226.  
  227. b, strong, b a, strong a {color:{color:title};}
  228.  
  229. ol, ul {
  230. list-style:none;
  231. text-align:left;
  232. padding-left:0;
  233. }
  234.  
  235. li {
  236. position:relative;
  237. padding:.25em 0 .25em 25px;
  238. margin-left:15px;
  239. }
  240.  
  241. ol li {counter-increment:list;}
  242.  
  243. ol li:before, ul li:before {
  244. left:0;
  245. position:absolute;
  246. vertical-align:baseline!important;
  247. }
  248.  
  249. ol li:before {content:counter(list) '.';}
  250.  
  251. ul li:before {
  252. content:'○';
  253. margin-top:-1px;
  254. vertical-align:middle!important;
  255. }
  256.  
  257. .chat li:before, .pagenotes li:before {display:none;}
  258.  
  259. .chat li {margin:0;}
  260.  
  261. small, big, sub, pre {
  262. font-size:1em!important;
  263. line-height:1.4em!important;
  264. vertical-align:baseline!important;
  265. }
  266.  
  267. h1, h2, h3, h4 {
  268. margin:1.5em 0;
  269. font-size:1.5em;
  270. padding:0;
  271. color:{color:title};
  272. font-weight:normal;
  273. }
  274.  
  275. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  276.  
  277. hr {
  278. border:none;
  279. box-shadow:0;
  280. margin:2em auto;
  281. width:25px;
  282. border-top:2px solid {color:link hover};
  283. }
  284.  
  285. aside, form, footer, article {
  286. -webkit-animation-name: fade-in;
  287. -webkit-animation-duration: 1.5s;
  288. }
  289.  
  290. /*aside*/
  291.  
  292. aside {
  293. width:150px;
  294. height:auto;
  295. top:350px;
  296. margin-left:0px;
  297. position:fixed;
  298. }
  299.  
  300. aside, .posts, footer a, .ui-tooltip-content {
  301. background:{color:posts};
  302. border-radius:2px;
  303. -moz-border-radius:2px;
  304. -webkit-border-radius:2px;
  305. box-shadow:0px 1px 2px {color:shadow};
  306. -webkit-box-shadow:0px 1px 2px {color:shadow};
  307. -moz-box-shadow:0px 1px 2px {color:shadow};
  308. }
  309.  
  310. .right {left:calc(50% + {select:post width}px / 2 + {block:ifSidebarImage}{block:ifnotLargeImage}136{/block:ifnotLargeImage}{block:ifLargeImage}75{/block:ifLargeImage}{/block:ifSidebarImage}{block:ifnotSidebarImage}75{/block:ifnotSidebarImage}px);}
  311.  
  312. .left {left:calc(50% - {select:post width}px / 2 - 275px);}
  313.  
  314.  
  315. #d { font-size:.8em;
  316. text-transform:uppercase;
  317. text-align:center;
  318. letter-spacing:2px;
  319. padding:15px 15px 0 15px;
  320. padding-bottom:13px;
  321. }
  322.  
  323. nav {
  324. background-color:{color:posts};
  325. font-size:.9em;
  326. text-transform:uppercase;
  327. letter-spacing:2px;
  328. padding:15px 0;
  329. position:fixed;
  330. margin-top:-200px;
  331. width:150px;
  332. border-radius:2px;
  333. -moz-border-radius:2px;
  334. -webkit-border-radius:2px;
  335. box-shadow:0px 1px 2px {color:shadow};
  336. -webkit-box-shadow:0px 1px 2px {color:shadow};
  337. -moz-box-shadow:0px 1px 2px {color:shadow};
  338. }
  339.  
  340. nav a {
  341. display:block;
  342. padding:0 15px;
  343. margin-bottom:5px;
  344. }
  345.  
  346. nav a:last-of-type {margin-bottom:0;}
  347.  
  348. .ic {
  349. display:inline-block;
  350. {block:ifnotLargeImage}
  351. position:absolute;
  352. left:-150px;
  353. margin-top:-190px;
  354. {/block:ifnotLargeImage}
  355. }
  356.  
  357. .ic img {
  358. display:block;
  359. width:160px;
  360. height:auto;
  361.  
  362. }
  363.  
  364. /*pagination*/
  365.  
  366. footer {
  367. width:{select:post width}px;
  368. margin:0 auto 100px auto;
  369. text-align:center;
  370. {block:ifinfinitescroll}
  371. {block:ifnotmanualload}
  372. display:none;
  373. {/block:ifnotmanualload}
  374. {/block:ifinfinitescroll}
  375. }
  376.  
  377. footer a {
  378. padding:10px 15px;
  379. -moz-border-radius:2px;
  380. -webkit-border-radius:2px;
  381. border-radius:2px;
  382. font-size:.9em;
  383. display:inline-block;
  384. text-transform:uppercase;
  385. letter-spacing:1px;
  386. background:{color:posts};
  387. }
  388.  
  389. #pagination {
  390. text-align:right;
  391. {block:ifinfinitescroll}
  392. display:none;
  393. {/block:ifinfinitescroll}
  394. }
  395.  
  396. #plain {
  397. float:left;
  398. text-align:left;
  399. }
  400.  
  401. #infscr-loading {display:none!important;}
  402.  
  403. .nice {
  404. position:fixed;
  405. right:15px;
  406. bottom:10px;
  407. width:15px;
  408. height:15px;
  409. z-index:6;
  410. font-size:8px;
  411. line-height:15px;
  412. text-align:center;
  413. background:{color:posts};
  414. }
  415.  
  416. /*posts*/
  417.  
  418. section {
  419. width:{select:post width}px;
  420. margin:100px auto;
  421. }
  422.  
  423. article {
  424. width:{select:post width}px;
  425. position:relative;
  426. margin-bottom:75px;
  427. }
  428.  
  429. .posts {
  430. -moz-border-radius:2px;
  431. -webkit-border-radius:2px;
  432. border-radius:2px;
  433. overflow:hidden;
  434. }
  435.  
  436. .ph {
  437. position:relative;
  438. overflow:hidden;
  439. }
  440.  
  441. .ph img {
  442. width:100%;
  443. display:block;
  444. }
  445.  
  446. .video * {
  447. display:block;
  448. min-width:100%;
  449. }
  450.  
  451. a.read_more {text-transform:lowercase;}
  452.  
  453. a.tumblr_blog {
  454. display:inline-block;
  455. margin-bottom:5px;
  456. }
  457.  
  458. /*titles*/
  459.  
  460. .title {
  461. color:{color:title};
  462. font-size:1.3em;
  463. line-height:1.4em;
  464. padding:15px;
  465. }
  466.  
  467. .title a {color:{color:title};}
  468.  
  469. .title a:hover {color:{color:link};}
  470.  
  471. .tex, .source, .caption, .a {padding:15px;}
  472.  
  473. .ted {margin-top:-15px;}
  474.  
  475. /*captions*/
  476.  
  477. .ugh .caption {border-top:1px solid {color:borders};}
  478.  
  479. .inl.ree .caption p:first-of-type, .inl.ree .caption blockquote:first-of-type, .inl.ree .text p:first-of-type, .inl.ree .text blockquote:first-of-type {display:inline;}
  480.  
  481. .inl.ree .caption p:first-of-type::after {content:' ';}
  482.  
  483. .inl.ree .caption blockquote:first-of-type, .inl.ree .text blockquote:first-of-type {
  484. border:0;
  485. padding:0;
  486. }
  487.  
  488. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  489.  
  490. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  491.  
  492. .caption *:last-child, .a *:last-child, .text *:last-child {
  493. margin-bottom:0!important;
  494. padding-bottom:0!Important;
  495. }
  496.  
  497. /*asks*/
  498.  
  499. .q {
  500. padding:15px;
  501. background:{color:accents};
  502. border-bottom:1px solid {color:borders};
  503. position:relative;
  504. }
  505.  
  506. .as, .as a {
  507. color:{color:text};
  508. text-transform:lowercase;
  509. }
  510.  
  511. /*chat*/
  512.  
  513. .chat {
  514. padding:0;
  515. margin:0;
  516. list-style:none;
  517. }
  518.  
  519. .l.odd {background:{color:accents};}
  520.  
  521. .l {
  522. padding:15px;
  523. border-bottom:1px solid {color:borders};
  524. }
  525.  
  526. .l:last-of-type {border:0;}
  527.  
  528. .label {color:{color:title};}
  529.  
  530. /*audio*/
  531.  
  532. .tumblr_audio_player {
  533. width:{select:post width}px;
  534. height:30px;
  535. margin-top:-2px;
  536. }
  537.  
  538. .player {
  539. width:25px;
  540. height:24px;
  541. position:absolute;
  542. left:15px;
  543. opacity:.5;
  544. top:calc(50% - 12px);
  545. display:block;
  546. overflow:hidden;
  547. }
  548.  
  549. .hold {
  550. background:{color:accents};
  551. position:relative;
  552. display:block;
  553. min-height:24px;
  554. padding:15px;
  555. }
  556.  
  557. .audio_info {
  558. vertical-align:middle;
  559. margin-left:40px;
  560. max-width:calc(100% - 40px);
  561. }
  562.  
  563. .audio_info span {
  564. white-space:nowrap;
  565. overflow:hidden;
  566. text-overflow:ellipsis;
  567. display:block;
  568. }
  569.  
  570. .hold .artist {color:rgba({RGBcolor:text},.7);}
  571.  
  572. /*permalink and notes*/
  573.  
  574. .when {
  575. padding:calc(23px - .75em) 15px;
  576. text-transform:uppercase;
  577. letter-spacing:1px;
  578. border-bottom:1px solid {color:borders};
  579. }
  580.  
  581. .when a {
  582. display:inline-block;
  583. font-size:.9em;
  584. }
  585.  
  586. .when svg {
  587. width:12px;
  588. margin:-1px 15px 0 0;
  589. display:inline-block;
  590. fill:{color:text};
  591. vertical-align:middle;
  592. }
  593.  
  594. .when a:hover svg {fill:{color:link hover};}
  595.  
  596. .rr {
  597. float:right;
  598. text-align:right;
  599. }
  600.  
  601. .rr a {
  602. height:1em;
  603. position:relative;
  604. display:inline-block;
  605. }
  606.  
  607. .rr svg {margin:0 0 0 15px;}
  608.  
  609. .like:hover svg {fill:{color:link};}
  610.  
  611. .like .liked + svg {fill:#D95E40;}
  612.  
  613. .like_button {cursor:pointer;}
  614.  
  615. .like_button iframe {
  616. position:absolute;
  617. opacity:0;
  618. top:0;
  619. bottom:0;
  620. right:0;
  621. z-index:2;
  622. }
  623.  
  624. #permalink {
  625. padding:15px;
  626. font-size:.9em;
  627. text-transform:uppercase;
  628. letter-spacing:1px;
  629. }
  630.  
  631. .nope {padding-top:0!important;}
  632.  
  633. #permalink a {color:{color:text};}
  634.  
  635. .inf {
  636. padding:15px;
  637. {block:ifhidetags}
  638. {block:indexpage}
  639. display:none;
  640. {/block:indexpage}
  641. {/block:ifhidetags}
  642. }
  643.  
  644. .inf svg {
  645. height:12px;
  646. display:inline-block;
  647. fill:{color:link};
  648. vertical-align:middle;
  649. width:12px;
  650. margin-top:-2px;
  651. }
  652.  
  653. .inf .mm {
  654. display:inline-block;
  655. position:absolute;
  656. padding-right:15px;
  657. z-index:2;
  658. left:15px;
  659. width:15px;
  660. }
  661.  
  662. .inf .mm:before {
  663. content:'';
  664. width:30px;
  665. top:0;
  666. z-index:-1;
  667. bottom:0;
  668. left:0px;
  669. position:absolute;
  670. background:-moz-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  671. background:-webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  672. background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  673. background:-o-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  674. background:-ms-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  675. background:linear-gradient(to left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  676. }
  677.  
  678. .tags {
  679. position:relative;
  680. padding-left:30px;
  681. {block:indexpage}
  682. overflow:hidden;
  683. white-space:nowrap;
  684. {/block:indexpage}
  685. }
  686.  
  687. {block:indexpage}
  688. .tags_inner {
  689. padding:0px 40px 0px 0;
  690. position:relative;
  691. float:left;
  692. }
  693.  
  694. .tags.draggable .tags_inner {
  695. -webkit-touch-callout:none;
  696. -webkit-user-select:none;
  697. -khtml-user-select:none;
  698. -moz-user-select:none;
  699. -ms-user-select:none;
  700. user-select:none;
  701. }
  702.  
  703. .tags:after {
  704. content:'';
  705. width:20px;
  706. top:0;
  707. bottom:0;
  708. right:0;
  709. position:absolute;
  710. background:
  711. -moz-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  712. background:
  713. -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  714. background:
  715. -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  716. background:
  717. -o-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  718. background:
  719. -ms-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  720. background:
  721. linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  722. }
  723. {/block:indexpage}
  724.  
  725. .tags a {
  726. margin-right:10px;
  727. display:inline;
  728. text-transform:uppercase;
  729. letter-spacing:1px;
  730. font-size:.9em;
  731. }
  732.  
  733. .pagenotes .title {border-bottom:1px solid {color:borders};}
  734.  
  735. ol.notes {
  736. list-style-type:none;
  737. padding:10px 15px;
  738. margin:0px;
  739. overflow-y:auto;
  740. max-height:300px;
  741. }
  742.  
  743. ol.notes li.note {
  744. display:block;
  745. font-size:.9em;
  746. text-transform:uppercase;
  747. letter-spacing:1px;
  748. padding:5px 0;
  749. margin:0;
  750. }
  751.  
  752. ol.notes li.note:nth-child(odd) * {color:{color:text};}
  753.  
  754. ol.notes li.note:nth-child(even) * {color:rgba({RGBcolor:text},.7);}
  755.  
  756. ol.notes li.note img.avatar {display:none!important;}
  757.  
  758. .more_notes_link,.notes_loading {
  759. display:block;
  760. text-align:left!important;
  761. color:{color:title};
  762. }
  763.  
  764. #top {
  765. position:fixed;
  766. left:0;
  767. right:0;
  768. top:0;
  769. z-index:12;
  770. background:{color:posts};
  771. height:calc(3em + 10px);
  772. border-bottom:1px solid {color:borders};
  773. }
  774.  
  775. input[type="search"] {
  776. -webkit-appearance:textfield;
  777. -moz-box-sizing:content-box;
  778. -webkit-box-sizing:content-box;
  779. box-sizing:content-box;
  780. }
  781.  
  782. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  783.  
  784. .search-form {
  785. border:none;
  786. display:block;
  787. width:{select:post width}px;
  788. position:Relative;
  789. margin:5px auto;
  790. height:3em!important;
  791. line-height:3em!important;
  792. }
  793.  
  794. form svg {
  795. height:12px;
  796. display:inline-block;
  797. position:absolute;
  798. left:15px;
  799. top:calc(50% - 6px);
  800. fill:{color:text};
  801. vertical-align:middle;
  802. }
  803.  
  804. .search-form input {
  805. width:calc({select:post width}px - 50px);
  806. position:Relative;
  807. padding:0 5px!important;
  808. margin-left:40px;
  809. height:3em!important;
  810. font-size:.9em;
  811. background:{color:posts};
  812. text-transform:uppercase;
  813. font-family:open-sans, arial, sans-serif;
  814. letter-spacing:1px;
  815. display:block;
  816. outline:none;
  817. border:0;
  818. transition:0.8s;
  819. -o-transition-duration:0.8s;
  820. -webkit-transition-duration:0.8s;
  821. -moz-transition-duration:0.8s;
  822. }
  823.  
  824. .search-form input[type=text] {color:{color:text};}
  825.  
  826. .search-form input:focus{
  827. outline:none;
  828. background:{color:accents};
  829. transition:0.8s;
  830. -o-transition-duration:0.8s;
  831. -webkit-transition-duration:0.8s;
  832. -moz-transition-duration:0.8s;
  833. }
  834.  
  835. input::-webkit-input-placeholder {color:{color:text};}
  836.  
  837. input::-moz-placeholder {color:{color:text};}
  838.  
  839. input:-moz-placeholder {color:{color:text};}
  840.  
  841. input:-ms-input-placeholder {color:{color:text};}
  842.  
  843.  
  844. #togetherbitch{
  845. position:fixed;
  846. margin-top:-100px;
  847. }
  848.  
  849. #link1{
  850. background-color:#fff;
  851. width:150px;
  852. height:20px;
  853. border-radius:2px;
  854. -moz-border-radius:2px;
  855. -webkit-border-radius:2px;
  856. box-shadow:0px 1px 2px {color:shadow};
  857. -webkit-box-shadow:0px 1px 2px {color:shadow};
  858. -moz-box-shadow:0px 1px 2px {color:shadow};
  859. }
  860. #link2{
  861. background-color:#fff;
  862. width:150px;
  863. margin-top:5px;
  864. height:20px;
  865. border-radius:2px;
  866. -moz-border-radius:2px;
  867. -webkit-border-radius:2px;
  868. box-shadow:0px 1px 2px {color:shadow};
  869. -webkit-box-shadow:0px 1px 2px {color:shadow};
  870. -moz-box-shadow:0px 1px 2px {color:shadow};
  871. }
  872. #link3{
  873. background-color:#fff;
  874. width:150px;
  875. margin-top:5px;
  876. height:20px;
  877. border-radius:2px;
  878. -moz-border-radius:2px;
  879. -webkit-border-radius:2px;
  880. box-shadow:0px 1px 2px {color:shadow};
  881. -webkit-box-shadow:0px 1px 2px {color:shadow};
  882. -moz-box-shadow:0px 1px 2px {color:shadow};
  883. }
  884. #link4{
  885. background-color:#fff;
  886. width:150px;
  887. margin-top:5px;
  888. height:20px;
  889. border-radius:2px;
  890. -moz-border-radius:2px;
  891. -webkit-border-radius:2px;
  892. box-shadow:0px 1px 2px {color:shadow};
  893. -webkit-box-shadow:0px 1px 2px {color:shadow};
  894. -moz-box-shadow:0px 1px 2px {color:shadow};
  895. }
  896.  
  897.  
  898.  
  899. {customCss}
  900.  
  901. </style>
  902.  
  903. </head>
  904. <body>
  905.  
  906. {block:ifsearchbar}<div id="top"><form action="/search" class="search-form" method="get"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140,134.2c10.9-11.8,17.7-27.6,17.7-45c0-36.5-29.7-66.3-66.3-66.3S25.1,52.7,25.1,89.2s29.7,66.3,66.3,66.3c14.9,0,28.6-4.9,39.7-13.2l49.3,49.3c1.2,1.2,2.7,1.8,4.2,1.8c1.5,0,3.1-0.6,4.2-1.8c2.3-2.3,2.3-6.1,0-8.5L140,134.2z M37.1,89.2c0-29.9,24.3-54.3,54.3-54.3c29.9,0,54.3,24.3,54.3,54.3s-24.3,54.3-54.3,54.3C61.4,143.5,37.1,119.1,37.1,89.2z"/></svg><input id="searchField" name="q" placeholder="Search" type="text" value="{SearchQuery}"/></form></div>{/block:ifsearchbar}
  907.  
  908. <aside class="{select:sidebar position}">
  909.  
  910. {block:ifSidebarImage}<a class="ic" href="/"><img src="{image:Sidebar}"/></a>{/block:ifSidebarImage}
  911.  
  912. <div id="togetherbitch">
  913. <a href="/" title="{text:home title}"><div id="link1">
  914. </div></a>
  915. <a href="/ask" title="{text:ask title}"><div id="link2">
  916. </div></a>
  917. <a href="{text:link 1 url}" title="{text:link 1}"><div id="link3">
  918. </div></a>
  919. <a href="{text: link 2 url}" title="{text:link 2}"><div id="link4">
  920. </div></a>
  921. </div>
  922.  
  923. <div id="d">{description}</div>
  924.  
  925. </aside>
  926.  
  927. <section id="entries">
  928.  
  929. {block:Posts}
  930.  
  931. <article id="{PostID}" class="{select:caption} {select:Caption}{block:RebloggedFrom} ree{/block:RebloggedFrom}"><div class="posts {block:audio}ugh{/block:audio}">
  932.  
  933. {block:date}<div class="when"><span class="rr"><a href="{ReblogURL}" target="_blank" class="r"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a><a class="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span><a href="{permalink}" target="_blank"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> {month} {dayofmonth}{dayofmonthsuffix}</a></div>{/block:date}
  934.  
  935.  
  936. {block:Quote}<div class="title quote">{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  937.  
  938. {block:Text}
  939. {block:Title}<div class="title">{Title}</div>{/block:Title}
  940. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  941. {/block:Text}
  942.  
  943. {block:Link}
  944. <div class="title"><a href="{URL}">{Name}</a></div>
  945. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  946. {/block:Link}
  947.  
  948. {block:Chat}
  949. {block:Title}<div class="title">{Title}</div>{/block:Title}
  950. <ol class="chat">
  951. {block:Lines}
  952. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  953. {/block:Lines}
  954. </ol>
  955. {/block:Chat}
  956.  
  957. <div class="ph">
  958. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  959.  
  960. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>{/block:Photoset}
  961.  
  962. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  963.  
  964. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  965. </div>
  966.  
  967. {block:Answer}<div class="q"><span class="as">{Asker} sent: </span>{Question}</div><div class="a">{Answer}</div>{/block:Answer}
  968.  
  969. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  970.  
  971. {block:Date}{block:permalinkpage}{block:RebloggedFrom}<div id="permalink" {block:Caption}class="nope"{/block:Caption}>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="inf {block:Caption}nope{/block:Caption}{block:answer}nope{/block:answer}{block:text}nope{/block:text}{block:link}nope{/block:link}{block:quote}nope{/block:quote}" {block:chat}style="border-top:1px solid {Color:borders}"{/block:chat}><span class="mm"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg></span><div class="tags draggable"><div class="tags_inner">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div></div></div>{/block:HasTags}{/block:Date}
  972. </div></article>
  973.  
  974. {block:PostNotes}<article class="pagenotes"><div class="posts"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</div></article>{/block:PostNotes}
  975.  
  976. {/block:Posts}
  977.  
  978. </section>
  979.  
  980. {block:Pagination}<footer><div id="pagination">{block:previousPage}<a href="{previousPage}" {block:NextPage}id="plain"{/block:NextPage}>previous page</a>{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">next page</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  981.  
  982. {block:ContentSource}
  983. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  984. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  985. {/block:SourceLogo}
  986. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  987. {/block:ContentSource}
  988.  
  989. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>{block:indexpage}<script src="http://static.tumblr.com/sas2ex2/Uvzo2if15/tags.js"></script>{block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  990. <script>
  991. $(document).ready(function(){
  992. $('.photo-slideshow').pxuPhotoset({
  993. lightbox: true,
  994. rounded: false,
  995. gutter: '1px',
  996. photoset: '.photo-slideshow',
  997. photoWrap: '.photo-data',
  998. photo: '.pxu-photo'
  999. });
  1000. $(document).tooltip({track:true});
  1001. $('iframe.tumblr_audio_player').each(function(){
  1002. var audio = $(this).attr('src')
  1003. $(this).attr('src', audio + '&color=transparent');
  1004. });
  1005. var $container = $('section');
  1006. {block:indexpage}{block:ifinfinitescroll}
  1007. $container.infinitescroll({
  1008. itemSelector: 'article',
  1009. navSelector: '#pagination',
  1010. nextSelector: '#pagination a',
  1011. loadingImg: '',
  1012. loadingText: '<em></em>',
  1013. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1014. bufferPx: 3000
  1015. },
  1016. function( newElements ) {
  1017. var $newElems = $( newElements );
  1018. var $newID = $newElems.map(function() {return this.id;}).get();
  1019. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1020. $newElems.find('.photo-slideshow').pxuPhotoset({
  1021. lightbox: true,
  1022. rounded: false,
  1023. gutter: '1px',
  1024. photoset: '.photo-slideshow',
  1025. photoWrap: '.photo-data',
  1026. photo: '.pxu-photo'
  1027. });
  1028. resizeVideos();
  1029. dragTags();
  1030. $newElems.find('iframe.tumblr_audio_player').each(function(){
  1031. var audio = $(this).attr('src')
  1032. $(this).attr('src', audio + '&color=transparent');
  1033. });
  1034. });
  1035. {block:ifmanualload}
  1036. $(window).unbind('.infscr');
  1037. $('.load').click(function(){
  1038. $('footer').fadeTo("400", 0);
  1039. $container.delay(400).infinitescroll('retrieve');
  1040. $(this).parent('footer').delay(400).fadeTo("400", 1);
  1041. });
  1042. {/block:ifmanualload}
  1043. {/block:ifinfinitescroll}{/block:indexpage}
  1044. });
  1045. </script>
  1046. <a class="nice" href="http://sorrism.tumblr.com" title="theme by sorrism, tweaked by yuromeo" target="_blank">@</a>
  1047. </body>
  1048.  
  1049. </html>
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!