API tools faq
paste
Advertisement
mrsmilicevic

aquiver

mrsmilicevic
May 17th, 2015
12,247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!-----------theme 14. aquiver by mrsthemes@tumblr
  8. edit if you want but don't steal or remove credit------------>
  9.  
  10. <!-- pixel union photoset tutorial credit to @eoxk-->
  11.  
  12. <!---default variables--->
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#8f8f8f"/>
  15. <meta name="color:links" content="#5b5b5b"/>
  16. <meta name="color:links hover" content="#c9c9c9"/>
  17. <meta name="color:borders" content="#eeeeee">
  18. <meta name="color:caption bg" content="#fafafa">
  19. <meta name="color:desc bg" content="#fafafa">
  20. <meta name="color:desc border" content="#eeeeee">
  21. <meta name="color:menu borders" content="#aaaaaa">
  22. <meta name="color:sbar links bg" content="#fafafa">
  23. <meta name="color:scrollbar bg" content="#ffffff"/>
  24. <meta name="color:scrollbar" content="#eeeeee">
  25.  
  26. <meta name="select:post width" content="300" title="300px">
  27. <meta name="select:post width" content="350" title="350px">
  28. <meta name="select:post width" content="400" title="400px">
  29. <meta name="select:post width" content="500" title="500px">
  30.  
  31. <meta name="select:photoset space" content="2" title="2px">
  32. <meta name="select:photoset space" content="3" title="3px">
  33. <meta name="select:photoset space" content="4" title="4px">
  34. <meta name="select:photoset space" content="5" title="5px">
  35. <meta name="select:photoset space" content="6" title="6px">
  36. <meta name="select:photoset space" content="7" title="7px">
  37. <meta name="select:photoset space" content="8" title="8px">
  38. <meta name="select:photoset space" content="9" title="9px">
  39. <meta name="select:photoset space" content="10" title="10px">
  40.  
  41. <meta name="image:sidebar image" content=""/>
  42. <meta name="image:background image" content=""/>
  43.  
  44. <meta name="text:link 1 title" content="link">
  45. <meta name="text:link 1 url" content=" ">
  46. <meta name="text:link 2 title" content="link">
  47. <meta name="text:link 2 url" content=" ">
  48. <meta name="text:link 3 title" content="link">
  49. <meta name="text:link 3 url" content=" ">
  50.  
  51. <meta name="if:show link 1" content="1" />
  52. <meta name="if:show link 2" content="1" />
  53. <meta name="if:show link 3" content="1" />
  54. <meta name="if:show sidebar image" content="1" />
  55. <meta name="if:show title" content="1" />
  56. <meta name="if:hover info" content="0" />
  57. <meta name="if:hover tags" content="0" />
  58. <meta name="if:lazy load" content="0" />
  59. <meta name="if:endless scrolling" content="0" />
  60.  
  61. <!------------------------tooltips script--------------------->
  62.  
  63. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("[title]").style_my_tooltips({
  70. tip_follows_cursor:true,
  71. tip_delay_time:200,
  72. tip_fade_speed:300
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78.  
  79. <!-------------------------------------------------------------------->
  80.  
  81. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  82. <link href='http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  83.  
  84. {block:IfLazyLoad}
  85. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  86. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  87. <script type="text/javascript" charset="utf-8">
  88. var $j = jQuery.noConflict();
  89. $j(function() {
  90. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  91. $j("img").lazyload({
  92. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  93. effect: "fadeIn",
  94. });
  95. });
  96. </script>
  97. {/block:IfLazyLoad}
  98.  
  99. <!-------------------------------------------------------------------->
  100.  
  101. <script type="text/javascript">
  102. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  103. $(document).ready(function() {
  104. function photosetResize() {
  105. $('iframe.photoset').each(function(){
  106. var newSize = {select:post width};
  107. var newSrc = $(this).attr('src').replace('500',newSize);
  108. $(this).attr('src', newSrc).width(newSize);
  109. var high = $(this).css('height');
  110. var calculate = parseInt(high, 10)* newSize/500;
  111. $(this).css('height', calculate);
  112. });
  113. }
  114. photosetResize();
  115. });
  116. </script>
  117.  
  118. <!-------------------------------------------------------------------->
  119.  
  120. {block:IfEndlessScrolling}
  121. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  122. {/block:IfEndlessScrolling}
  123.  
  124. <style type="text/css">
  125.  
  126. @import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";
  127.  
  128. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  129. top:5px;
  130. right:10px!important;
  131. position:fixed !important;
  132. -webkit-filter: invert(1);
  133. opacity:.4;
  134. filter:alpha(opacity=60);
  135. -moz-opacity:.4;
  136. z-index:999999999!important;
  137. }
  138.  
  139. /*---tooltips---*/
  140.  
  141. #s-m-t-tooltip {
  142. max-width:150px;
  143. margin:15px;
  144. padding:5px;
  145. background:{color:caption bg};
  146. border-left:1px solid {color:borders};
  147. color:{color:text};
  148. z-index:999999;
  149. font-size:7px;
  150. letter-spacing:0.5px;
  151. font-family:arial, sans-serif;
  152. text-transform:uppercase;
  153. box-shadow:0px 0px 0px rgba(0,0,0,.0);
  154. border-radius:0%;
  155. }
  156.  
  157.  
  158. /*---scrollbar---*/
  159.  
  160. ::-webkit-scrollbar {
  161. background-color: {color:scrollbar bg};
  162. height:10px;
  163. width:5px
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb:vertical {
  167. background-color:{color:scrollbar};
  168. height:50px
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb:horizontal {
  172. background-color:{color:scrollbar bg};
  173. height:10px!important
  174. }
  175.  
  176.  
  177. /*---basics---*/
  178.  
  179. body {
  180. background:{color:background} url({image:background image}) repeat right top fixed;
  181. color:{color:text};
  182. font-family:arial, sans-serif;
  183. line-height:15px;
  184. font-size:9px;
  185. margin:0;
  186. }
  187.  
  188. blockquote {
  189. padding:0px 10px 0px 10px;
  190. border-left:0px solid {color:borders};
  191. margin:10px;
  192. margin-left:0px;
  193. }
  194.  
  195. #vignette {
  196. visibility: hidden;
  197. }
  198.  
  199. #tumblr_lightbox img {
  200. box-shadow:none!important;
  201. border-radius:0!important;
  202. }
  203.  
  204. #tumblr_lightbox {
  205. background-color:transparent!important;
  206. }
  207.  
  208. #tumblr_lightbox div:nth-child(2) {
  209. background-color:#fff;
  210. opacity:0.8;
  211. }
  212.  
  213. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {
  214. visibility: hidden;
  215. }
  216.  
  217.  
  218. pre {
  219. white-space: pre-wrap;
  220. white-space: -moz-pre-wrap;
  221. white-space: -pre-wrap;
  222. white-space: -o-pre-wrap;
  223. word-wrap: break-word;
  224. }
  225.  
  226. a {
  227. cursor:help;
  228. color:{color:links};
  229. text-decoration:none;
  230. -webkit-transition:all 0.5s;
  231. -moz-transition:all 0.5s;
  232. -ms-transition:all 0.5s;
  233. -o-transition:all 0.5s;
  234. transition:all 0.5s;
  235. }
  236.  
  237. a:hover {
  238. text-decoration:none;
  239. color: {color:links hover};
  240. -webkit-transition:all 0.5s;
  241. -moz-transition:all 0.5s;
  242. -ms-transition:all 0.5s;
  243. -o-transition:all 0.5s;
  244. transition:all 0.5s;
  245. }
  246.  
  247. img {
  248. opacity:1;
  249. text-decoration:none;
  250. }
  251.  
  252. h1 {
  253. font-size:11px;
  254. font-weight:bold;
  255. margin-left:5px;
  256. margin-bottom:10px;
  257. text-transform:uppercase;
  258. }
  259.  
  260.  
  261.  
  262. /*---posts---*/
  263.  
  264. .container {
  265. margin:0px auto;
  266. position:relative;
  267. }
  268.  
  269. .posts {
  270. position:relative;
  271. display:block;
  272. {block:IndexPage}
  273. margin-bottom:100px;
  274. {/block:IndexPage}
  275. {block:PermalinkPage}
  276. margin-bottom:40px;
  277. {/block:PermalinkPage}
  278. width:{select:post width};
  279. -moz-transition-duration:.4s;
  280. -webkit-transition-duration:.4s;
  281. -o-transition-duration:.4s;
  282. }
  283.  
  284. ol, ul {
  285. padding-left:-10px;
  286. }
  287.  
  288. .entries {
  289. width:{select:post width}px;
  290. margin:80px auto 10px auto;
  291. }
  292.  
  293.  
  294. .posts img, .posts li, .posts blockquote {
  295. max-width: 100%;
  296. height:auto;
  297. }
  298.  
  299. .posts li {
  300. list-style: square;
  301. }
  302.  
  303. blockquote img {
  304. max-width:250px!important;
  305. height:auto;
  306. }
  307.  
  308. .phcaption {
  309. background:{color:caption bg};
  310. padding:5px 5px 5px 15px;
  311. margin-top:15px;
  312. border-left:1px solid {color:borders};
  313. }
  314.  
  315. .tcaption {
  316. background:{color:caption bg};
  317. padding:15px 15px 15px 15px;
  318. border-left:1px solid #eee;
  319. }
  320.  
  321. .acaption {
  322. background:{color:caption bg};
  323. padding:10px 10px 10px 20px;
  324. margin-top:10px;
  325. border-left:1px solid #eee;
  326. }
  327.  
  328.  
  329.  
  330. /*---post info---*/
  331.  
  332.  
  333. .info {
  334. text-transform:uppercase;
  335. font-size:8px;
  336. letter-spacing:0.5px;
  337. text-align:left;
  338. {block:IndexPage}
  339. {block:IfHoverInfo}
  340. opacity: 0.0;
  341. {/block:IfHoverInfo}
  342. {block:IfNotHoverInfo}
  343. opacity: 1;
  344. {/block:IfNotHoverInfo}
  345. {/block:IndexPage}
  346. margin-top:25px;
  347. margin-left:0px;
  348. {block:PermalinkPage}
  349. margin-bottom:40px;
  350. opacity:1;
  351. {/block:PermalinkPage}
  352. -moz-transition-duration: 0.4s;
  353. -o-transition-duration: 0.4s;
  354. -webkit-transition-duration: 0.4s;
  355. transition-duration: 0.4s;
  356. }
  357.  
  358.  
  359. .info a {
  360. color:{color:links};
  361. margin-right:-3px;
  362. background:transparent;
  363. padding:10px 5px 5px 2px;
  364. border-top:1px solid {color:borders};
  365. border-radius:0px;
  366. }
  367.  
  368.  
  369. .posts:hover .info {
  370. opacity:1;
  371. color: {color:links hover};
  372. -moz-transition-duration: 0.4s;
  373. -o-transition-duration: 0.4s;
  374. -webkit-transition-duration: 0.4s;
  375. transition-duration: 0.4s;
  376. }
  377.  
  378. .tags {
  379. text-transform:lowercase;
  380. font-size:8px;
  381. letter-spacing:0.5px;
  382. text-align:right;
  383. max-width:180px;
  384. float:right;
  385. margin-left:-5px;
  386. border:0px solid {color:borders};
  387. {block:IndexPage}
  388. {block:IfHoverTags}
  389. opacity: 0.0;
  390. {/block:IfHoverTags}
  391. {block:IfNotHoverTags}
  392. opacity: 1;
  393. {/block:IfNotHoverTags}
  394. margin-top:-20px;
  395. {/block:IndexPage}
  396. {block:PermalinkPage}
  397. opacity:1;
  398. margin-top:-58px;
  399. {/block:PermalinkPage}
  400. z-index:99999;
  401. -moz-transition-duration: 0.4s;
  402. -o-transition-duration: 0.4s;
  403. -webkit-transition-duration: 0.4s;
  404. transition-duration: 0.4s;
  405. }
  406.  
  407. .tags a {
  408. color:{color:links};
  409. margin-left:5px;
  410. background:transparent;
  411. padding:2px;
  412. }
  413.  
  414. .posts:hover .tags {
  415. opacity:1;
  416. -moz-transition-duration: 0.4s;
  417. -o-transition-duration: 0.4s;
  418. -webkit-transition-duration: 0.4s;
  419. transition-duration: 0.4s;
  420. }
  421.  
  422.  
  423. /*---post notes---*/
  424.  
  425. ol.notes {
  426. margin: 25px 0px 0px -40px;
  427. list-style-type: none;
  428. width:{select:post width}px;
  429. height:300px;
  430. overflow-y:scroll;
  431. text-transform:lowercase;
  432. }
  433.  
  434. ol.notes li.note {
  435. border-bottom: solid 1px {color:borders};
  436. padding:5px;
  437. }
  438.  
  439. ol.notes li.note img.avatar {
  440. vertical-align: -5px;
  441. margin-right: 10px;
  442. width: 16px;
  443. height: 16px;
  444. }
  445.  
  446. ol.notes li.note span.action {
  447. font-weight: none;
  448. }
  449.  
  450. ol.notes li.note .answer_content {
  451. font-weight: normal;
  452. }
  453.  
  454. ol.notes li.note blockquote {
  455. border-color: {color:borders};
  456. padding: 4px 5px;
  457. margin: 10px 0px 0px 25px;
  458. }
  459.  
  460. ol.notes li.note blockquote a {
  461. text-decoration: none;
  462. }
  463.  
  464. ol.notes::-webkit-scrollbar {
  465. width:3px;
  466. height:10px;
  467. margin-top:10px;
  468. }
  469.  
  470. /*---sidebar---*/
  471.  
  472. .sidebar {
  473. position:fixed;
  474. left:50%;
  475. width:100px;
  476. top:250px;
  477. padding:0px;
  478. margin-left:-400px;
  479. }
  480.  
  481.  
  482. .sidebarimage {
  483. width:80px;
  484. position:relative;
  485. display:block;
  486. margin-left:-2px;
  487. cursor:help;
  488. }
  489.  
  490. .sidebarimage img {
  491. width:80px;
  492. margin-bottom:10px;
  493. -webkit-transition:all 0.5s;
  494. -moz-transition:all 0.5s;
  495. -ms-transition:all 0.5s;
  496. -o-transition:all 0.5s;
  497. transition:all 0.5s;
  498. }
  499.  
  500.  
  501. .stitle {
  502. font-size:11px;
  503. text-align:center;
  504. width:80px;
  505. font-family: 'Cousine', sans-serif;
  506. text-transform:uppercase;
  507. margin-bottom:10px;
  508. letter-spacing:2px;
  509. }
  510.  
  511.  
  512. .description {
  513. width:80px;
  514. text-align:center;
  515. padding:15px;
  516. margin-left:-15px;
  517. margin-top:0px;
  518. font-size:9px;
  519. background:{color:desc bg};
  520. margin-bottom:25px;
  521. letter-spacing:0.5px;
  522. border-left:1px solid {color:desc border};
  523. }
  524.  
  525. .pagination {
  526. width:{select:post width}px;
  527. margin-top:-50px;
  528. padding-top:20px;
  529. padding-right:10px;
  530. text-align:right;
  531. text-transform:lowercase;
  532. font-size:9px;
  533. word-spacing:10px;
  534. margin-bottom:30px;
  535. z-index:999999;
  536. border-top:1px solid {color:borders};
  537. }
  538.  
  539. .flippet .trigger-menu {
  540. cursor:help;
  541. width:50px;
  542. height:50px;
  543. margin-left:20px;
  544. margin-top:-20px;
  545. vertical-align:middle;
  546. background-color:transparent;
  547. }
  548.  
  549. .flippet .trigger-menu .three-bars-icon {
  550. position:relative;
  551. display:inline-block;
  552. width:15px;
  553. height:1px;
  554. background:{color:menu borders};
  555. border-radius:3px;
  556. margin-top:19px;
  557. margin-left:12px;
  558. }
  559.  
  560. .flippet .trigger-menu .three-bars-icon:before, .flippet .trigger-menu .three-bars-icon:after {
  561. border-radius:3px;
  562. -webkit-transition: -webkit-transform 0.3s ease;
  563. -moz-transition: -moz-transform 0.3s ease;
  564. transition: transform 0.3s ease;
  565. }
  566.  
  567. .flippet .trigger-menu .three-bars-icon:before {
  568. content:'';
  569. display:block;
  570. position:absolute;
  571. width:15px;
  572. height:1px;
  573. top:-5px;
  574. background:{color:menu borders};
  575. }
  576.  
  577. .flippet .trigger-menu .three-bars-icon:after {
  578. content:'';
  579. display:block;
  580. position:absolute;
  581. width:15px;
  582. height:1px;
  583. top:5px;
  584. background:{color:menu borders};
  585. }
  586.  
  587. .flippet .trigger-menu .three-bars-icon.close {
  588. position:relative;
  589. display:inline-block;
  590. width:0;
  591. height:0;
  592. background:transparent;
  593. }
  594.  
  595. .flippet .trigger-menu .three-bars-icon.close:before, .flippet .trigger-menu .three-bars-icon.close:after {
  596. webkit-transition: -webkit-transform 0.3s ease;
  597. -moz-transition: -moz-transform 0.3s ease;
  598. transition: transform 0.3s ease;
  599. }
  600.  
  601. .flippet .trigger-menu .three-bars-icon.close:before {
  602. content:'';
  603. display:block;
  604. position:absolute;
  605. width:15px;
  606. height:1px;
  607. top:0;
  608. background:{color:menu borders};
  609. -webkit-transform: rotate(-45deg);
  610. -moz-transform: rotate(-45deg);
  611. -ms-transform: rotate(-45deg);
  612. -o-transform: rotate(-45deg);
  613. transform: rotate(-45deg);
  614. }
  615.  
  616. .flippet .trigger-menu .three-bars-icon.close:after {
  617. content:'';
  618. display:block;
  619. position:absolute;
  620. width:15px;
  621. height:1px;
  622. top:0;
  623. background:{color:menu borders};
  624. -webkit-transform: rotate(45deg);
  625. -moz-transform: rotate(45deg);
  626. -ms-transform: rotate(45deg);
  627. -o-transform: rotate(45deg);
  628. transform: rotate(45deg);
  629. }
  630.  
  631. .flippet ul {
  632. margin-top:-5px;
  633. margin-left:-20px;
  634. padding:0;
  635. text-align:center;
  636. -webkit-transition: -webkit-transform 0.3s ease;
  637. -moz-transition: -moz-transform 0.3s ease;
  638. transition: transform 0.3s ease;
  639. }
  640.  
  641. .flippet ul.active {
  642. -webkit-transform: translateX(0);
  643. -moz-transform: translateX(0);
  644. -ms-transform: translateX(0);
  645. -o-transform: translateX(0);
  646. transform: translateX(0);
  647. }
  648.  
  649. .flippet ul.active li {
  650. opacity:1;
  651. -webkit-transition: opacity 0.3s ease;
  652. -moz-transition: opacity 0.3s ease;
  653. transition: opacity 0.3s ease;
  654. }
  655.  
  656. .flippet ul li {
  657. margin:0;
  658. padding:0;
  659. list-style:none;
  660. padding:3px 10px;
  661. opacity:0;
  662. -webkit-transition: opacity 0.5s ease;
  663. -moz-transition: opacity 0.5s ease;
  664. transition: opacity 0.5s ease;
  665. }
  666.  
  667. .flippet ul li:nth-child(1) {
  668. -webkit-transition: opacity 0.5s ease 0.125s;
  669. -moz-transition: opacity 0.5s ease 0.125s;
  670. transition: opacity 0.5s ease 0.125s;
  671. }
  672.  
  673. .flippet ul li:nth-child(2) {
  674. -webkit-transition: opacity 0.5s ease 0.25s;
  675. -moz-transition: opacity 0.5s ease 0.25s;
  676. transition: opacity 0.5s ease 0.25s;
  677. }
  678.  
  679. .flippet ul li:nth-child(3) {
  680. -webkit-transition: opacity 0.5s ease 0.375s;
  681. -moz-transition: opacity 0.5s ease 0.375s;
  682. transition: opacity 0.5s ease 0.375s;
  683. }
  684.  
  685. .flippet ul li:nth-child(4) {
  686. -webkit-transition: opacity 0.5s ease 0.5s;
  687. -moz-transition: opacity 0.5s ease 0.5s;
  688. transition: opacity 0.5s ease 0.5s;
  689. }
  690.  
  691. .flippet ul li:nth-child(5) {
  692. -webkit-transition: opacity 0.6s ease 0.6s;
  693. -moz-transition: opacity 0.6s ease 0.6s;
  694. transition: opacity 0.6s ease 0.6s;
  695. }
  696.  
  697. .flippet ul li a {
  698. border-left:1px solid #eee;
  699. background:{color:sbar links bg};
  700. width:85px;
  701. color:#888;
  702. padding:5px;
  703. position: relative;
  704. font-size:7px;
  705. letter-spacing:1px;
  706. text-transform:uppercase;
  707. display: inline-block;
  708. text-decoration: none;
  709. -webkit-transition: all .3s linear;
  710. -moz-transition: all .3s linear;
  711. transition: all .3s linear;
  712. }
  713.  
  714. .flippet ul li a:hover {
  715. cursor:help;
  716. }
  717.  
  718. .flippet ul li a:before, .flippet ul li a:after {
  719. content:'';
  720. background:#000000;
  721. position:absolute;
  722. width:0;
  723. height:1px;
  724. -webkit-transition: all .3s linear;
  725. -moz-transition: all .3s linear;
  726. transition: all .3s linear;
  727. }
  728.  
  729. .flippet ul li a:before {
  730. top:0;
  731. left:0;
  732. }
  733.  
  734. .flippet ul li a:after {
  735. top:100%;
  736. right:0;
  737. }
  738.  
  739. .flippet ul li a:hover:before, .flippet ul li a:hover:after {
  740. width:100%;
  741. }
  742.  
  743.  
  744. /*---quotes---*/
  745.  
  746. .quote {
  747. text-transform:uppercase;
  748. font-size:10px;
  749. font-weight:none;
  750. text-align:justify;
  751. font-family: 'Cousine', sans-serif;
  752. background:{color:caption bg};
  753. border-left:1px solid {color:borders};
  754. padding:20px;
  755. }
  756.  
  757. .quotesource {
  758. padding:10px;
  759. text-align:right;
  760. margin-top:10px;
  761. margin-bottom:-10px;
  762. }
  763.  
  764.  
  765. /*---chat---*/
  766.  
  767. .chat {
  768. line-height:20px;
  769. list-style:none;
  770. }
  771.  
  772. .line.odd {
  773. background:#fafafa;
  774. margin-bottom:3px;
  775. padding:5px 5px 5px 10px;
  776. list-style:none;
  777. font-size:10px;
  778. border-left:1px solid #eee;
  779. }
  780.  
  781. .line.even {
  782. background:#f8f8f8;
  783. margin-bottom:3px;
  784. padding:5px 5px 5px 10px;
  785. list-style:none;
  786. font-size:10px;
  787. border-left:1px solid #eee;
  788. }
  789.  
  790. .label {
  791. padding-right:1px;
  792. font-weight:bold;
  793. color:{color:text};
  794. }
  795.  
  796.  
  797. /*---questions---*/
  798.  
  799. .question {
  800. background:{color:caption bg};
  801. padding:20px;
  802. margin-left:0px;
  803. border-left:1px solid {color:borders};
  804. }
  805.  
  806. .asker {
  807. text-transform:lowercase;
  808. letter-spacing:0.5px;
  809. }
  810.  
  811. .answer {
  812. padding:10px;
  813. margin-top:5px;
  814. background:{color:caption bg};
  815. border-left:1px solid {color:borders};
  816. }
  817.  
  818. .pic {
  819. border:1px solid {color:borders};
  820. background:{color:caption bg};
  821. padding:3px;
  822. float:left;
  823. margin-left:0px;
  824. margin-right:10px;
  825. display:inline-block;
  826. position:relative;
  827. }
  828.  
  829. .pic img {
  830. width:30px;
  831. height:30px;
  832. vertical-align:middle;
  833. position:relative;
  834. }
  835.  
  836. /*---audio---*/
  837.  
  838. .playerbutton {
  839. position:relative;
  840. width:25px;
  841. height:25px;
  842. overflow:hidden;
  843. }
  844.  
  845. .playerbuttonhug {
  846. position:absolute;
  847. top:-10px;
  848. left:2px;
  849. }
  850.  
  851. .tumblr_audio_player {
  852. height:48px;
  853. width:{select:post width}px;
  854. z-index:1;
  855. }
  856.  
  857. .playerbuttonbg {
  858. position:absolute;
  859. width:30px;
  860. height:30px;
  861. background-color:#fff;
  862. padding:10px;
  863. opacity:0;
  864. margin-top:0px;
  865. margin-left:12px;
  866. -moz-transition-duration: 0.4s;
  867. -o-transition-duration: 0.4s;
  868. -webkit-transition-duration: 0.4s;
  869. transition-duration: 0.4s;
  870. z-index:1;
  871. }
  872.  
  873. .playerbuttonbg:hover {
  874. opacity:0.8;
  875. -moz-transition-duration: 0.4s;
  876. -o-transition-duration: 0.4s;
  877. -webkit-transition-duration: 0.4s;
  878. transition-duration: 0.4s;
  879. }
  880.  
  881. .trackdetails {
  882. display:inline-block;
  883. margin-left:70px;
  884. font-size:7px;
  885. letter-spacing:1px;
  886. text-transform:uppercase;
  887. padding:5px;
  888. margin-top:-3px;
  889. background:transparent;
  890. z-index:1;
  891. }
  892.  
  893. .audioimgwrapper {
  894. position: absolute;
  895. padding:0px;
  896. left:15px;
  897. top: 15px;
  898. overflow: hidden;
  899. width:48px;
  900. height:48px;
  901. z-index:1;
  902. }
  903.  
  904. .audioimgwrapper img {
  905. width: 100%;
  906. height: auto;
  907. }
  908.  
  909. .audiowrapper {
  910. position:relative;
  911. display:inline-block;
  912. background:#fafafa;
  913. padding:15px 0px 15px 0px;
  914. width:{select:post width}px;
  915. border-left:1px solid {color:borders};
  916. }
  917.  
  918. /*---video---*/
  919.  
  920. .video {
  921. position: relative;
  922. padding-bottom: 56.25%;
  923. padding-top: 30px;
  924. height: 0;
  925. overflow: hidden;
  926. }
  927.  
  928. .video iframe,
  929. .video object,
  930. .video embed {
  931. position: absolute;
  932. top: 0;
  933. left: 0;
  934. width: 100%;
  935. height: 100%;
  936. }
  937.  
  938.  
  939. /*---credit---*/
  940.  
  941. .credit {
  942. font-size:10px;
  943. position:fixed;
  944. font-weight:normal;
  945. bottom:10px;
  946. right:10px;
  947. z-index:10;
  948. text-align:right;
  949. letter-spacing:1px;
  950. text-transform:uppercase;
  951. font-family: 'Cousine', sans-serif;
  952. }
  953.  
  954. .credit a {
  955. color:{color:links};
  956. text-decoration:none;
  957. }
  958.  
  959. .credit a:hover {
  960. color:{color:links hover};
  961. text-decoration:none;
  962. }
  963.  
  964. </style>
  965.  
  966. </head>
  967.  
  968. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  969. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  970. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  971. <script>
  972. $(document).ready(function(){
  973. $('.photo-slideshow').pxuPhotoset({
  974. lightbox: true,
  975. rounded: false,
  976. gutter: '{select:photoset space}px',
  977. borderRadius: '0px',
  978. photoset: '.photo-slideshow',
  979. photoWrap: '.photo-data',
  980. photo: '.pxu-photo'
  981. });
  982. });
  983. </script>
  984.  
  985.  
  986. <body>
  987.  
  988. <div class="container">
  989.  
  990. <div class="credit">
  991. <a title="@theme" href="http://mrsthemes.tumblr.com/" target="_blank">M</a></div>
  992.  
  993. <div class="sidebar">
  994.  
  995. {block:IfShowSidebarImage}
  996. <div class="sidebarimage">
  997. <a href="/" title="refresh"><img src="{image:sidebar image}">
  998. </a></div>{/block:IfShowSidebarImage}
  999.  
  1000. {block:IfShowTitle}
  1001. <div class="stitle">{Title}</div>
  1002. {block:IfShowTitle}
  1003.  
  1004. <div class="description">{Description}</div>
  1005.  
  1006. <div class="flippet">
  1007. <div class="trigger-menu">
  1008. <span class="three-bars-icon"></span></div>
  1009. <ul>
  1010. <li><a href="/">refresh</a></li>
  1011. <li><a href="/ask">message</a></li>
  1012. <li>{block:IfShowLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:IfShowLink1}</li>
  1013. <li>{block:IfShowLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:IfShowLink2}</li>
  1014. <li>{block:IfShowLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:IfShowLink3}</li>
  1015. </ul>
  1016. </div></div>
  1017.  
  1018. {block:IfEndlessScrolling}
  1019. <div class="autopagerize_page_element">
  1020. {/block:IfEndlessScrolling}
  1021.  
  1022. <div class="entries">
  1023. {block:Posts}
  1024. <div class="posts">
  1025.  
  1026. {block:Text}
  1027. <div class="tcaption">
  1028. <h1>{block:Title}{Title}{/block:Title}</h1>
  1029. {Body}</div>
  1030. {/block:Text}
  1031.  
  1032.  
  1033. {block:Photo}
  1034. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  1035. {block:Caption}<div class="phcaption">{Caption}</div>{/block:Caption}
  1036. {/block:Photo}
  1037.  
  1038.  
  1039. {block:Photoset}
  1040. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1041. {block:Photos}
  1042. <div class="photo-data">
  1043. <div class="pxu-photo">
  1044. <img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1045. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1046. {/block:Photos}</div>
  1047. {block:Caption}<div class="phcaption">{Caption}</div>{/block:Caption}
  1048. {/block:Photoset}
  1049.  
  1050.  
  1051. {block:Quote}
  1052. <div class="quote">{Quote}</div>
  1053. {block:Source}<div class="quotesource"> — {Source}</div>
  1054. {/block:Source}{/block:Quote}
  1055.  
  1056.  
  1057. {block:Link}
  1058. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1059. {block:Description}<div class="tcaption">{Description}</div>{/block:Description}
  1060. {/block:Link}
  1061.  
  1062.  
  1063. {block:Chat}
  1064. {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>
  1065. {/block:Chat}
  1066.  
  1067.  
  1068. {block:Audio}
  1069. {block:AudioPlayer}
  1070. {block:AlbumArt}
  1071. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1072. {/block:AlbumArt}
  1073.  
  1074. <div class="audiowrapper">
  1075. <div class="playerbuttonbg">
  1076. <div class="playerbutton">
  1077. <div class="playerbuttonhug">
  1078. {AudioPlayerWhite}
  1079. </div></div></div>
  1080.  
  1081. <div class="trackdetails">
  1082. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}<br>
  1083. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}<br>
  1084. <b>plays:</b> {FormattedPlayCount}</div></div>
  1085. {/block:AudioPlayer}
  1086. {block:Caption}<div class="acaption">{Caption}</div>{/block:Caption}
  1087. {/block:Audio}
  1088.  
  1089. {block:Video}
  1090. <div class="video">
  1091. {Video-500}</div>
  1092. {block:Caption}{Caption}{/block:Caption}
  1093. {/block:Video}
  1094.  
  1095. {block:Answer}
  1096. <div class="question">
  1097. <div class="pic"><a href="{AskerURL}"><img src="{AskerPortraitURL-30}" /></a></div>
  1098. <div class="asker"><b>{Asker} said:</b></div>
  1099. {Question}</div><p>
  1100. <div class="answer">
  1101. {Answer}</div>
  1102. {/block:Answer}
  1103.  
  1104. {block:Date}
  1105. <div class="info">
  1106. <b><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</b></a>
  1107. <a href="{Permalink}">{NoteCount}</a>
  1108. <a href="{ReblogURL}" target="_blank" class="details" title="reblog?"><i class="fa fa-retweet"></i></a>
  1109.  
  1110. {block:Permalink}
  1111. {block:RebloggedFrom}
  1112. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
  1113. {block:ContentSource}
  1114. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"><i class="fa fa-copyright"></i></a>
  1115. {/block:ContentSource}
  1116. {/block:RebloggedFrom}
  1117. {/block:Permalink}
  1118. </div>
  1119. {/block:Date}
  1120.  
  1121.  
  1122. {block:HasTags}
  1123. <div class="tags">
  1124. {block:Tags}
  1125. <a href="{TagURL}">{Tag}</a>
  1126. {/block:Tags}
  1127. </div>
  1128. {/block:HasTags}
  1129.  
  1130. </div>
  1131.  
  1132.  
  1133. {block:PostNotes}
  1134. {PostNotes}
  1135. {/block:PostNotes}
  1136.  
  1137. {/block:Posts}
  1138.  
  1139. {block:IfNotEndlessScrolling}
  1140. {block:Pagination}
  1141. <div class="pagination">
  1142. {block:PreviousPage}
  1143. <a href="{PreviousPage}">&lsaquo;</a>
  1144. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1145. <span class="current_page"><u>{PageNumber}</u></span>
  1146. {/block:CurrentPage}{block:JumpPage}
  1147. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1148. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1149. <a href="{NextPage}">&rsaquo;</a>
  1150. {/block:NextPage}</div>{/block:Pagination}{/block:IfNotEndlessScrolling}
  1151.  
  1152.  
  1153. {block:ContentSource}
  1154. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1155. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1156. {/block:SourceLogo}
  1157. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1158. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1159.  
  1160. <script>
  1161. $(document).ready(function(){
  1162. function fliSmallMenu(){
  1163. var $block = $('.flippet'),
  1164. $menu = $block.find('ul'),
  1165. $icon = $block.find('.trigger-menu'),
  1166. $bars = $icon.find('span');
  1167. $icon.on('click',function(e){
  1168. e.preventDefault();
  1169. if($menu.hasClass('active')){
  1170. $menu.removeClass('active');
  1171. $bars.removeClass('close');
  1172. }
  1173. else {
  1174. $menu.addClass('active');
  1175. $bars.addClass('close');
  1176. }
  1177. });
  1178. }
  1179. //call the menu function
  1180. fliSmallMenu();
  1181. });
  1182. </script>
  1183.  
  1184. </body>
  1185.  
  1186.  
  1187.  
  1188. </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!