Advertisement
aellionios

insuo : sorrism base redo

May 14th, 2016
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.83 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: breezeblocks 2.0
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  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="#eeedec"/>
  22. <meta name="color:Text" content="#aaaaaa"/>
  23. <meta name="color:Link" content="#8c0000"/>
  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:Posts" content="#ffffff"/>
  30. <meta name="color:Accents" content="#fbfbfb"/>
  31. <meta name="color:Sidebar" content="#ffffff"/>
  32. <meta name="color:Sidebar Text" content="#aaaaaa"/>
  33. <meta name="color:Search Bar" content="#ffffff"/>
  34.  
  35. <meta name="color:Bold" content="#8c0000" />
  36. <meta name="color:Italic" content="#8c0000"/>
  37. <meta name="color:hover" content="#8c0000" />
  38.  
  39. <meta name="image:Sidebar" content=""/>
  40. <meta name="image:Background" content=""/>
  41.  
  42. <meta name="if:Hide Captions" content="0"/>
  43. <meta name="if:Hide Tags" content="0"/>
  44. <meta name="if:Search Bar" content="0"/>
  45. <meta name="if:Infinite Scroll" content="0"/>
  46. <meta name="if:Small Sidebar Image" content="1"/>
  47. <meta name="if:Stretch Background" content="1"/>
  48.  
  49. <meta name="text:Home Title" content="Index"/>
  50. <meta name="text:Ask Title" content="Message"/>
  51. <meta name="text:Archive Title" content="Archive"/>
  52.  
  53. <meta name="text:Link 1 URL" content=""/>
  54. <meta name="text:Link 1" content=""/>
  55. <meta name="text:Link 2 URL" content=""/>
  56. <meta name="text:Link 2" content=""/>
  57. <meta name="text:Link 3 URL" content=""/>
  58. <meta name="text:Link 3" content=""/>
  59.  
  60. <meta name="text:Post Spacing" content="50"/>
  61.  
  62. <meta name="select:Sidebar Position" content="left" title="Left"/>
  63. <meta name="select:Sidebar Position" content="right" title="Right"/>
  64.  
  65. <meta name="select:Post Width" content="200" title="200px"/>
  66. <meta name="select:Post Width" content="250" title="250px"/>
  67. <meta name="select:Post Width" content="300" title="300px"/>
  68. <meta name="select:Post Width" content="350" title="350px"/>
  69. <meta name="select:Post Width" content="400" title="400px"/>
  70. <meta name="select:Post Width" content="450" title="450px"/>
  71. <meta name="select:Post Width" content="500" title="500px"/>
  72. <meta name="select:Post Width" content="540" title="540px"/>
  73. <meta name="select:Post Width" content="540" title="540px"/>
  74.  
  75. <!--css-->
  76.  
  77. <link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
  78.  
  79. <style type="text/css">
  80.  
  81. /*tumblr controls and lightbox*/
  82.  
  83. iframe#tumblr_controls {
  84. white-space:nowrap!important;
  85. top:5px!important;
  86. right:5px!important;
  87. opacity:.4!important;
  88. -webkit-filter:invert(70%)!important;
  89. -moz-filter:invert(70%)!important;
  90. -ms-filter:invert(70%)!important;
  91. -o-filter:invert(70%)!important;
  92. filter:invert(70%)!important;
  93. position:fixed!important;
  94. }
  95.  
  96. #tumblr_lightbox {
  97. background-color:rgba({RGBcolor:background}, .9)!important;
  98. z-index:99999!important;
  99. }
  100.  
  101. #tumblr_lightbox img {
  102. opacity:0;
  103. border:3px solid {color:posts}!important;
  104. margin-top:-3px!important;
  105. margin-left:-3px!important;
  106. }
  107.  
  108. #tumblr_lightbox_caption {
  109. color:black!important;
  110. font-family:arial!important;
  111. font-size:10px!important;
  112. font-weight:normal!important;
  113. text-shadow:none!important;
  114. }
  115.  
  116. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  117. -moz-box-shadow:none!important;
  118. -webkit-box-shadow:none!important;
  119. box-shadow:none!important;
  120. -moz-border-radius:3px!important;
  121. -webkit-border-radius:3px!important;
  122. border-radius:3px!important;
  123. opacity:1!important;
  124. }
  125.  
  126. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  127.  
  128. /*tooltip*/
  129.  
  130. .ui-tooltip {
  131. position:Absolute;
  132. z-index:9999;
  133. padding-top:10px;
  134. }
  135.  
  136. .ui-tooltip-content {
  137. max-width:250px;
  138. background:{color:posts};
  139. padding:2px 5px;
  140. font-size:7px;
  141. text-transform:uppercase;
  142. letter-spacing:1px;
  143. border:1px solid {color:borders};
  144. font-family:trebuchet ms;
  145. border-radius:3px;
  146. -moz-border-radius:3px;
  147. -webkit-border-radius:3px;
  148. }
  149.  
  150. /*scrollbar*/
  151.  
  152. ::-webkit-scrollbar {
  153. height:2px;
  154. width:4px;
  155. background:inherit;
  156. }
  157.  
  158. ::-webkit-scrollbar-thumb{
  159. border-radius:3px;
  160. -moz-border-radius:3px;
  161. -webkit-border-radius:3px;
  162. background:{color:scrollbar};
  163. }
  164.  
  165. /*general*/
  166.  
  167. body {
  168. background:url('http://oi62.tinypic.com/2d7ueza.jpg');
  169. background-repeat:repeat;
  170. background-position: bottom;
  171. background-attachment: fixed;
  172. {/block:ifstretchbackground}
  173. color:{color:text};
  174. font-family:arial;
  175. font-size:9px;
  176. text-align:left;
  177. word-wrap:break-word;
  178. position:relative;
  179. margin:0;
  180. line-height:1.5em;
  181. }
  182.  
  183. img {
  184. opacity:1;
  185. border:0!Important;
  186. text-decoration:none;
  187. }
  188.  
  189. h1, h2, h3, h4 {
  190. font-weight:normal;
  191. color:{color:title};
  192. }
  193.  
  194. b, strong {
  195. color:{color:Bold};
  196. font-weight:bold;
  197. }
  198.  
  199. i, em {
  200. color:{color:Italic};
  201. font-style:italic;
  202. }
  203.  
  204. p {margin:5px 0;}
  205.  
  206. p:first-of-type {margin-top:0;}
  207.  
  208. p:last-of-type {margin-bottom:0;}
  209.  
  210. ul, ol {
  211. list-style:none;
  212. margin:.5em 0;
  213. padding:0;
  214. }
  215.  
  216. li {
  217. font-size:7px;
  218. letter-spacing:1px;
  219. text-transform:uppercase;
  220. padding-left:25px;
  221. position:relative;
  222. }
  223.  
  224. li:before, li:before {
  225. content:'';
  226. height:1px;
  227. background:{color:borders};
  228. position:absolute;
  229. width:15px;
  230. top:6px;
  231. margin-left:-25px;
  232. }
  233.  
  234. .chat li:before, .same li:before {display:none!important;}
  235.  
  236. small, big, sub {font-size:1em;}
  237.  
  238. a {
  239. color:{color:link};
  240. cursor:help;
  241. text-decoration:none;
  242. transition:all .4s ease-in-out;
  243. -webkit-transition:all .4s ease-in-out;
  244. -o-transition:all .4s ease-in-out;
  245. -moz-transition:all .4s ease-in-out;
  246. }
  247.  
  248. a:hover {
  249. color:{color:link hover};
  250. text-decoration:none;
  251. }
  252.  
  253. .ped a, nav a, .caption a {position:relative;}
  254.  
  255. .ped a:before, .nav a:before, .caption a:before {
  256. position:absolute;
  257. left:0;
  258. width:0;
  259. background:{color:link hover};
  260. height:1px;
  261. content:'';
  262. top:100%;
  263. transition:all .4s ease-in-out;
  264. -webkit-transition:all .4s ease-in-out;
  265. -o-transition:all .4s ease-in-out;
  266. -moz-transition:all .4s ease-in-out;
  267. }
  268.  
  269. .ped a:hover::before, nav a:hover::before, .caption a:hover::before {width:100%;}
  270.  
  271. blockquote {
  272. margin:5px 0;
  273. padding:3px 0 3px 15px;
  274. border-left:1px solid {color:borders}!important;
  275. }
  276.  
  277. pre {
  278. width:{select:post width}px!important;
  279. overflow-x:scroll;
  280. word-break:break-all;
  281. font-family:verdana, arial;
  282. font-size:1em;
  283. background:transparent;
  284. white-space:pre-wrap;
  285. white-space:-moz-pre-wrap;
  286. white-space:-pre-wrap;
  287. white-space:-o-pre-wrap;
  288. word-wrap:break-word;
  289. }
  290.  
  291. .c {
  292. text-transform:uppercase;
  293. font-size:7px;
  294. font-family:trebuchet ms;
  295. letter-spacing:1px;
  296. }
  297.  
  298. /*aside*/
  299.  
  300. aside {
  301. width:150px;
  302. background:{color:sidebar};
  303. padding:9px;
  304. border:1px solid {color:borders};
  305. top:100px;
  306. left:50%;
  307. color:{color:sidebar text};
  308. position:fixed;
  309. -webkit-animation-name: fade-in;
  310. -webkit-animation-duration: 1.5s;
  311. border-radius:3px;
  312. -moz-border-radius:3px;
  313. -webkit-border-radius:3px;
  314. }
  315.  
  316. aside.right {
  317. margin-left:calc({select:post width}px / 2 + 60px);
  318. {block:ifsmallsidebarimage}
  319. margin-left:calc({select:post width}px / 2 + 120px);
  320. {/block:ifsmallsidebarimage}
  321. }
  322.  
  323. aside a {color:{color:sidebar text};}
  324.  
  325. aside.left {margin-left:calc(-{select:post width}px / 2 - 230px);}
  326.  
  327. #te {
  328. display:block;
  329. font-style:italic;
  330. color:{color:blog title};
  331. font-weight:bold;
  332. position:relative;
  333. font-size:12px;
  334. margin-top:5px;
  335. }
  336.  
  337. #d {
  338. padding-top:10px;
  339. border-top:1px solid {color:borders};
  340. margin:10px 0;
  341. }
  342.  
  343. nav {margin-top:5px;}
  344.  
  345. nav span {
  346. font-weight:bold;
  347. font-family:arial;
  348. display:inline-block;
  349. height:14px;
  350. width:14px;
  351. line-height:14px;
  352. text-align:center;
  353. background:{color:accents};
  354. margin-right:10px;
  355. -moz-border-radius:3px;
  356. -webkit-border-radius:3px;
  357. border-radius:3px;
  358. }
  359.  
  360. nav a {
  361. display:block;
  362. color:{color:blog title};
  363. padding:5px 0;
  364. border-top:1px solid {color:borders};
  365. }
  366.  
  367. nav a:last-of-type {padding-bottom:0;}
  368.  
  369. aside img {
  370. display:block;
  371. background:{color:posts};
  372. width:168px;
  373. -moz-border-top-left-radius:3px;
  374. -webkit-border-top-left-radius:3px;
  375. border-top-left-radius:3px;
  376. -moz-border-top-right-radius:3px;
  377. -webkit-border-top-right-radius:3px;
  378. border-top-right-radius:3px;
  379. {block:ifsmallsidebarimage}
  380. width:50px;
  381. height:50px;
  382. -moz-border-radius:3px;
  383. -webkit-border-radius:3px;
  384. border-radius:3px;
  385. {/block:ifsmallsidebarimage}
  386. }
  387.  
  388. .eek {
  389. display:inline-block;
  390. margin:-9px -9px 5px -9px;
  391. {block:ifsmallsidebarimage}
  392. position:absolute;
  393. left:-60px;
  394. top:0px;
  395. margin:0 auto;
  396. {/block:ifsmallsidebarimage}
  397. }
  398.  
  399. /*pagination*/
  400.  
  401. #pagination {
  402. {block:ifinfinitescroll}
  403. display:none;
  404. {/block:ifinfinitescroll}
  405. }
  406.  
  407. #pagination {
  408. background: white;
  409. width: 300px;
  410. padding: 4px;
  411. text-align:center;
  412. margin:0 auto 25px auto;
  413. -webkit-animation-name: fade-in;
  414. -webkit-animation-duration: 1.5s;
  415. }
  416.  
  417. #pagination a {
  418. display:inline-block;
  419. margin:0 5px;
  420. color:{color:text};
  421. }
  422.  
  423. #infscr-loading {display:none!important;}
  424.  
  425. .nice {
  426. position:fixed;
  427. right:15px;
  428. bottom:10px;
  429. width:15px;
  430. height:15px;
  431. z-index:6;
  432. font-size:8px;
  433. line-height:15px;
  434. text-align:center;
  435. background:{color:posts};
  436. }
  437.  
  438. /*posts*/
  439.  
  440. #entries {
  441. position:absolute;
  442. width:calc({select:post width}px + 20px);
  443. margin-left: 700px;
  444. margin-top: 40px;
  445. margin-bottom:;
  446. {block:permalinkpage}
  447. margin-bottom:50px;
  448. {/block:permalinkpage}
  449. }
  450.  
  451. .posts {
  452. -webkit-animation-name: fade-in;
  453. -webkit-animation-duration: 1.5s;
  454. width:{select:post width}px;
  455. -moz-border-radius:3px;
  456. -webkit-border-radius:3px;
  457. border-radius:3px;
  458. position:relative;
  459. padding:3px;
  460. border:1px solid {color:borders};
  461. background:{color:posts};
  462. margin-bottom:{text:post spacing}px;
  463. display:inline-block;
  464. }
  465.  
  466. .posts li, .posts blockquote, .posts img {max-width:100%;}
  467.  
  468. .posts blockquote img {max-width:100%;}
  469.  
  470. .photo img, .posts iframe {
  471. display:block;
  472. margin:0;
  473. width:{select:post width}px;
  474. }
  475.  
  476. .photo img {
  477. -moz-border-radius:3px;
  478. -webkit-border-radius:3px;
  479. border-radius:3px;
  480. }
  481.  
  482. .ped img {
  483. max-width:calc({select:post width}px - 30px);
  484. height:auto;
  485. }
  486.  
  487. .ped iframe {max-width:calc({select:post width}px - 30px);}
  488.  
  489. .set {
  490. -moz-border-radius:3px;
  491. -webkit-border-radius:3px;
  492. border-radius:3px;
  493. overflow:hidden;
  494. }
  495.  
  496. .ped {padding:15px;}
  497.  
  498. #youtube_iframe {
  499. display:block;
  500. max-height:calc({select:post width}px * 0.67);
  501. max-width:{select:post width}px;
  502. }
  503.  
  504. .vi iframe, .tumblr_video_container {
  505. display:block;
  506. max-height:{select:post width}px;
  507. max-width:{select:post width}px;
  508. }
  509.  
  510. .instagram-media {max-height:none!important;}
  511.  
  512. a.tumblr_blog {
  513. display:inline-block;
  514. margin-bottom:3px;
  515. color:{color:text};
  516. }
  517.  
  518. a.tumblr_blog:hover {color:{color:link hover};}
  519.  
  520. /*titles*/
  521.  
  522. #title {
  523. color:{color:title};
  524. font-size:10px;
  525. font-weight:bold;
  526. padding:15px;
  527. }
  528.  
  529. #title a {
  530. color:{color:title};
  531. font-style:italic;
  532. }
  533.  
  534. .ed {border-top:1px solid {color:borders};}
  535.  
  536. /*captions*/
  537.  
  538. .caption {
  539. padding:15px;
  540. margin-top:3px;
  541. border-top:1px solid {color:borders};
  542. {block:indexpage}
  543. {block:ifhidecaptions}
  544. display:none;
  545. {/block:ifhidecaptions}
  546. {/block:indexpage}
  547. }
  548.  
  549. /*quotes*/
  550.  
  551. #titlequote{
  552. font-size:10px;
  553. font-weight:bold;
  554. padding:15px;
  555. font-style:italic;
  556. }
  557.  
  558. #source {
  559. line-height:30px;
  560. height:30px;
  561. padding-bottom:3px;
  562. position:Relative;
  563. overflow-y:hidden;
  564. display:block;
  565. overflow-x:auto;
  566. border-bottom:1px solid {color:borders};
  567. }
  568.  
  569. #source .fa {
  570. background:{color:accents};
  571. font-weight:bold;
  572. float:left;
  573. width:30px;
  574. line-height:30px;
  575. text-align:center;
  576. display:inline-block;
  577. -moz-border-radius:3px;
  578. -webkit-border-radius:3px;
  579. border-radius:3px;
  580.  
  581. }
  582.  
  583. #source .qe {
  584. padding:0 10px;
  585. line-height:30px;
  586. height:30px;
  587. display:block;
  588. margin-left:33px;
  589. background:{color:accents};
  590. -moz-border-radius:3px;
  591. -webkit-border-radius:3px;
  592. border-radius:3px;
  593. }
  594.  
  595. #source a {color:{color:text};}
  596.  
  597. #source a:hover {color:{color:link hover};}
  598.  
  599. /*asks*/
  600.  
  601. .q {
  602. padding:10px;
  603. background:{color:accents};
  604. margin-left:38px;
  605. -moz-border-radius:3px;
  606. -webkit-border-radius:3px;
  607. border-radius:3px;
  608. }
  609.  
  610. .as {
  611. float:left;
  612. position:relative;
  613. background:{color:accents};
  614. height:35px;
  615. width:35px;
  616. text-align:center;
  617. line-height:35px;
  618. font-size:10px;
  619. font-weight:bold;
  620. -moz-border-radius:3px;
  621. -webkit-border-radius:3px;
  622. border-radius:3px;
  623. }
  624.  
  625. .as i {line-height:35px;}
  626.  
  627. .as img {
  628. display:block;
  629. position:absolute;
  630. top:0;
  631. left:0;
  632. height:35px;
  633. width:35px;
  634. -moz-border-radius:3px;
  635. -webkit-border-radius:3px;
  636. border-radius:3px;
  637. }
  638.  
  639. .cl {
  640. margin-top:3px;
  641. float:right;
  642. }
  643.  
  644. .reb {margin:3px 38px 3px 0;}
  645.  
  646. .reb img {max-width:100%;}
  647.  
  648. /*chat*/
  649.  
  650. .chat {
  651. padding:0;
  652. margin:0;
  653. list-style:none;
  654. }
  655.  
  656. .line.odd {background:{color:accents};}
  657.  
  658. .line {
  659. padding:10px;
  660. letter-spacing:0;
  661. position:relative;
  662. text-transform:none;
  663. font-size:9px;
  664. -moz-border-radius:3px;
  665. -webkit-border-radius:3px;
  666. border-radius:3px;
  667. }
  668.  
  669. .label {
  670. font-weight:bold;
  671. color:{color:title};
  672. }
  673.  
  674. /*audio*/
  675.  
  676. .audio_info {
  677. margin-left:48px;
  678. padding:0 10px;
  679. line-height:45px;
  680. height:45px;
  681. position:relative;
  682. display:block;
  683. overflow-y:hidden;
  684. overflow-x:auto;
  685. background:{color:Accents};
  686. }
  687.  
  688. .tumblr_audio_player {
  689. width:400px;
  690. height:30px;
  691. }
  692.  
  693. .player {
  694. width:25px;
  695. overflow:hidden;
  696. height:25px;
  697. top:3px;
  698. position:absolute;
  699. left:3px;
  700. z-index:2;
  701. border:7px solid white;
  702. border-top-width:5px;
  703. border-bottom-width:9px;
  704. -moz-border-radius:3px;
  705. -webkit-border-radius:3px;
  706. border-radius:3px;
  707. opacity:0;
  708. transition:all .4s ease-in-out;
  709. -webkit-transition:all .4s ease-in-out;
  710. -o-transition:all .4s ease-in-out;
  711. -moz-transition:all .4s ease-in-out;
  712. }
  713.  
  714. .pl:hover .player {opacity:1;}
  715.  
  716. .pl img {
  717. position:absolute;
  718. height:45px;
  719. width:45px;
  720. top:0;
  721. left:0;
  722. z-index:1;
  723. -moz-border-radius:3px;
  724. -webkit-border-radius:3px;
  725. border-radius:3px;
  726. display:block;
  727. }
  728.  
  729. .pl {
  730. float:left;
  731. position:relative;
  732. background:{color:accents};
  733. height:45px;
  734. width:45px;
  735. text-align:center;
  736. line-height:45px;
  737. font-size:10px;
  738. font-weight:bold;
  739. -moz-border-radius:3px;
  740. -webkit-border-radius:3px;
  741. border-radius:3px;
  742. }
  743.  
  744. .pl i {line-height:45px;}
  745.  
  746. /*permalink and notes*/
  747.  
  748. #permalink {
  749. word-break:break-word;
  750. margin-top:3px;
  751. border-top:1px solid {color:borders};
  752. }
  753.  
  754. #permalink a {color:{color:text};}
  755.  
  756. #permalink a:hover {color:{color:link hover};}
  757.  
  758. #permalink .cool {
  759. display:block;
  760. line-height:15px;
  761. border-bottom:1px solid {color:borders};
  762. padding:3px 0;
  763. }
  764.  
  765. #permalink .cool:last-of-type {
  766. border:0;
  767. padding-bottom:0;
  768. }
  769.  
  770. #permalink .cool i {
  771. display:inline-block;
  772. background:{color:accents};
  773. font-weight:bold;
  774. line-height:15px;
  775. float:left;
  776. text-align:center;
  777. font-size:7px;
  778. margin-right:3px;
  779. width:15px;
  780. -moz-border-radius:3px;
  781. -webkit-border-radius:3px;
  782. border-radius:3px;
  783. }
  784.  
  785. #permalink .not {
  786. margin-left:18px;
  787. display:block;
  788. }
  789.  
  790. {block:indexpage}
  791.  
  792. .tags {
  793. word-break:break-word;
  794. padding:3px 0 0px 0px;
  795. border-top:1px solid {color:borders};
  796. line-height:15px;
  797. margin-top:3px;
  798. }
  799.  
  800. .crash {margin:0!important;}
  801.  
  802. .posts:hover .tags {opacity:1;}
  803.  
  804. .tags a {margin:0 3px;}
  805.  
  806. .tags a:after {content:',';}
  807.  
  808. .tags a:last-child:after {display:none!important;}
  809.  
  810. .tags i {
  811. display:inline-block;
  812. background:{color:accents};
  813. font-weight:bold;
  814. line-height:15px;
  815. text-align:center;
  816. font-size:7px;
  817. margin-right:3px;
  818. width:15px;
  819. -moz-border-radius:3px;
  820. -webkit-border-radius:3px;
  821. border-radius:3px;
  822. }
  823.  
  824. {/block:indexpage}
  825.  
  826. .tags a {color:{color:text};}
  827.  
  828. .tags a:hover {color:{color:link hover};}
  829.  
  830. .annoy {
  831. position:absolute;
  832. top:-1px;
  833. width:25px;
  834. }
  835.  
  836. .posts:hover .annoy a {opacity:1}
  837.  
  838. .posts.right .annoy {left:-28px;}
  839.  
  840. .posts.left .annoy {right:-28px;}
  841.  
  842. .annoy a {
  843. margin-bottom:3px;
  844. width:23px;
  845. opacity:0;
  846. vertical-align:middle;
  847. border:1px solid {color:borders};
  848. line-height:23px!important;
  849. height:23px;
  850. text-align:center;
  851. font-weight:bold;
  852. color:{color:text};
  853. background:{color:posts};
  854. display:block;
  855. -moz-border-radius:3px;
  856. -webkit-border-radius:3px;
  857. border-radius:3px;
  858. }
  859.  
  860. .annoy i {line-height:23px;}
  861.  
  862. .annoy a:first-of-kind {
  863. -webkit-transition-delay:0s;
  864. -moz-transition-delay:0s;
  865. transition-delay:0s;
  866. }
  867.  
  868. .annoy a:nth-child(2) {
  869. -webkit-transition-delay:.2s;
  870. -moz-transition-delay:.2s;
  871. transition-delay:.2s;
  872. }
  873.  
  874. .annoy a:nth-child(3) {
  875. -webkit-transition-delay:.4s;
  876. -moz-transition-delay:.4s;
  877. transition-delay:.4s;
  878. }
  879.  
  880. .annoy a:hover {background:{color:accents};}
  881.  
  882. /*notes*/
  883.  
  884. .t {color:{color:title};}
  885.  
  886. modal {
  887. display:none;
  888. width:100%;
  889. height:100%;
  890. left:0px;
  891. bottom:0px;
  892. background:{color:background};
  893. z-index:10;
  894. position:fixed;
  895. }
  896.  
  897. .off {
  898. width:100%;
  899. height:100%;
  900. left:0px;
  901. bottom:0px;
  902. z-index:10;
  903. position:fixed;
  904. }
  905.  
  906. .me {
  907. position:absolute;
  908. left:50%;
  909. z-index:11;
  910. width:{select:post width}px;
  911. padding:3px;
  912. border:1px solid {color:borders};
  913. top:50%;
  914. -moz-border-radius:3px;
  915. -webkit-border-radius:3px;
  916. border-radius:3px;
  917. background:{color:posts};
  918. transform: translate(-50%,-50%);
  919. -webkit-transform: translate(-50%,-50%);
  920. -o-transform: translate(-50%,-50%);
  921. -moz-transform: translate(-50%,-50%);
  922. }
  923.  
  924. .same {
  925. max-height:300px;
  926. overflow-y:auto;
  927. }
  928.  
  929. .same::-webkit-scrollbar {width:2px;}
  930.  
  931. .same ol {
  932. margin:0;
  933. padding:0;
  934. }
  935.  
  936. .same img {display:none!important;}
  937.  
  938. .same li {
  939. list-style-type:none;
  940. text-align:left;
  941. padding:5px;
  942. margin:0;
  943. -moz-border-radius:3px;
  944. -webkit-border-radius:3px;
  945. border-radius:3px;
  946. }
  947.  
  948. .same li:nth-child(odd) {background:{color:accents};}
  949.  
  950. .more_notes_link {
  951. display:block;
  952. border-bottom:0;
  953. text-align:left;
  954. color:{color:title};
  955. }
  956.  
  957. {customCss}
  958.  
  959. /* photoset by pixelunion */
  960.  
  961. .clearit:before, .clearit:after {
  962. content: "";
  963. display: table;
  964. }
  965.  
  966. .clearit:after {clear: both;}
  967.  
  968. .clearit { *zoom: 1; }
  969.  
  970. /* Photoset */
  971.  
  972. .photo-slideshow {visibility:hidden;}
  973.  
  974. .photo-slideshow.processed {
  975. visibility:visible;
  976. margin:0;
  977. display:block;
  978. }
  979.  
  980. .photo-slideshow a {border:0;}
  981.  
  982. .photo-slideshow .row {
  983. clear:both;
  984. width:100%;
  985. }
  986.  
  987. .photo-slideshow .row:last-of-type {margin-bottom:0!important;}
  988.  
  989. .photo-slideshow .pxu-photo {
  990. display:block;
  991. float:left;
  992. margin-bottom: 0;
  993. width: 100%;
  994. overflow: hidden;
  995. }
  996.  
  997. .photo-slideshow .pxu-photo img {display: block;}
  998.  
  999. .photo-slideshow.processed .pxu-photo img {
  1000. width: 100%;
  1001. height: auto;
  1002. display:block;
  1003. }
  1004.  
  1005. .photo-slideshow .pxu-photo:first-child img {margin-left: 0;}
  1006.  
  1007. .photo-slideshow .count-1 {width: 100%;}
  1008.  
  1009. .photo-slideshow .count-2 {width: 50%;}
  1010.  
  1011. .photo-slideshow .count-3 {width: 33.33%;}
  1012.  
  1013. .photo-slideshow .count-4 {width: 25%;}
  1014.  
  1015. .photo-slideshow .count-5 {width: 20%;}
  1016.  
  1017. .photo-slideshow .info {display: none;}
  1018.  
  1019. /* Icons for EXIF Data and Zoom */
  1020.  
  1021. .photo-data {
  1022. position: relative;
  1023. float: left;
  1024. }
  1025.  
  1026. .icons {display:none;}
  1027.  
  1028. .icons > span, .icons .tumblr-box span {display:none;}
  1029.  
  1030. .zoom {display:none;}
  1031.  
  1032. .info {display:none;}
  1033.  
  1034. /* EXIF & CAPTION Data Tooltip */
  1035.  
  1036. .pxu-data {display:none;}
  1037.  
  1038. .pxu-caption {display:none;}
  1039.  
  1040. .pxu-data table {display:none;}
  1041.  
  1042. .tumblr-box {
  1043. display:block;
  1044. position:absolute;
  1045. top:0;
  1046. right:0;
  1047. bottom:0;
  1048. left:0;
  1049. z-index:1;
  1050. }
  1051.  
  1052. @-webkit-keyframes fade-in {
  1053. 0% { opacity: 0; }
  1054. 50% { opacity: 0; }
  1055. 100% { opacity: 1; }
  1056. }
  1057.  
  1058. @-webkit-keyframes fade-in {
  1059. 0% { opacity: 0; }
  1060. 50% { opacity: 0; }
  1061. 100% { opacity: 1; }
  1062. }
  1063.  
  1064. @-moz-keyframes fade-in {
  1065. 0% { opacity: 0; }
  1066. 50% { opacity: 0; }
  1067. 100% { opacity: 1; }
  1068. }
  1069.  
  1070. @keyframes fade-in {
  1071. 0% { opacity: 0; }
  1072. 50% { opacity: 0; }
  1073. 100% { opacity: 1; }
  1074. }
  1075.  
  1076. #top {
  1077. position:fixed;
  1078. left:0;
  1079. right:0;
  1080. top:0;
  1081. z-index:12;
  1082. background:{color:search bar};
  1083. height:35px;
  1084. border-bottom:1px solid {color:borders};
  1085. }
  1086.  
  1087. input[type="search"] {
  1088. -webkit-appearance:textfield;
  1089. -moz-box-sizing:content-box;
  1090. -webkit-box-sizing:content-box;
  1091. box-sizing:content-box;
  1092. }
  1093.  
  1094. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  1095.  
  1096. .search-form {
  1097. border:none;
  1098. display:block;
  1099. width:120px;
  1100. position:Relative;
  1101. margin-left:5px;
  1102. height:25px!important;
  1103. margin-top:5px;
  1104. }
  1105.  
  1106. .search-form input {
  1107. width:120px;
  1108. position:Relative;
  1109. padding:0 5px!important;
  1110. height:25px!important;
  1111. line-height:25px!important;
  1112. font-size:7px;
  1113. background:{color:accents};
  1114. text-transform:uppercase;
  1115. font-family:trebuchet ms;
  1116. letter-spacing:1px;
  1117. display:block;
  1118. outline:none;
  1119. border:0;
  1120. transition:0.8s;
  1121. -o-transition-duration:0.8s;
  1122. -webkit-transition-duration:0.8s;
  1123. -moz-transition-duration:0.8s;
  1124. }
  1125.  
  1126. .search-form input[type=text] {color:{color:text};}
  1127.  
  1128. .search-form input:focus{
  1129. outline:none;
  1130. width:200px;
  1131. transition:0.8s;
  1132. -o-transition-duration:0.8s;
  1133. -webkit-transition-duration:0.8s;
  1134. -moz-transition-duration:0.8s;
  1135. }
  1136.  
  1137. input::-webkit-input-placeholder {color:{color:text};}
  1138.  
  1139. input::-moz-placeholder {color:{color:text};}
  1140.  
  1141. input:-moz-placeholder {color:{color:text};}
  1142.  
  1143. input:-ms-input-placeholder {color:{color:text};}
  1144.  
  1145. /* SIDEBAR CODING */
  1146.  
  1147. #sidebar {
  1148. position:fixed;
  1149. bottom: 40px;
  1150. margin-left: 150px;
  1151. height: 300px;
  1152. width: 400px;
  1153. z-index: 9;
  1154. }
  1155.  
  1156. .rendrimg {
  1157. position:fixed;
  1158. margin-top:-100px;
  1159. margin-left: -90px;
  1160. z-index: 9;
  1161. }
  1162.  
  1163. .border {
  1164. position:fixed;
  1165. margin-top: 291px;
  1166. margin-left: 3px;
  1167. height: 29px;
  1168. width: 389px;
  1169. background-color: white;
  1170. z-index: 999999999999;
  1171. }
  1172.  
  1173. .whants{
  1174. width:395px;
  1175. height:25px;
  1176. float: left;
  1177. margin-left: 122px;
  1178. position: fixed;
  1179. -webkit-transition: all 0.4s ease-out;
  1180. -moz-transition: all 0.1s ease-out;}
  1181.  
  1182. .whants a {
  1183. display: inline-block;
  1184. float: left;
  1185. margin-left: 3px;
  1186. margin-top:4px;
  1187. height: 20px;
  1188. width: 41px;
  1189. -webkit-transition: all .8s ease-out;
  1190. -moz-transition: all .8s ease-out;
  1191. -webkit-transition: all .8s ease-out;
  1192. -moz-transition: all .8s ease-out;
  1193. background-color: {color:background};
  1194. overflow:hidden;
  1195. color:#848484;
  1196. font-size:10px;
  1197. text-transform: uppercase;
  1198. line-height:20px;
  1199. text-align:center;}
  1200.  
  1201. .whants a:hover{
  1202. color:#fff;
  1203. background-color: {color:bold};
  1204. -webkit-animation: RH infinite 3s;}
  1205.  
  1206. .titleimg {
  1207. margin-top: 1px;
  1208. margin-left: 149px;
  1209. z-index: 9;
  1210. }
  1211.  
  1212. .dscript {
  1213. margin-left: 138px;
  1214. margin-top: -9px;
  1215. width:215px;
  1216. height:64px;
  1217. padding: 10px;
  1218. padding-left: 30px;
  1219. background-color:white;
  1220. text-align: justify;
  1221. font-size: 7px;
  1222. line-height: 13px;
  1223. z-index: 999999;
  1224. text-transform: uppercase;
  1225. }
  1226.  
  1227. .directories{
  1228. margin-left:115px;
  1229. margin-top: 4px;
  1230. width:163px;
  1231. height:16px;
  1232. background-color:{color:posts};
  1233. text-align: right;
  1234. padding: 4px;
  1235. padding-left: 25px;
  1236. line-height: 17px;
  1237. font-size: 8px;
  1238. letter-spacing: 1px;
  1239. word-spacing: 1px;
  1240. }
  1241.  
  1242. .directories a {
  1243. color: {color:links};
  1244. }
  1245.  
  1246. .statcounter {
  1247. position:relative;
  1248. margin-left:311px;
  1249. margin-top: -23px;
  1250. width:82px;
  1251. height:19px;
  1252. background-color:{color:posts};
  1253. text-align: center;
  1254. line-height: 14px;
  1255. padding-top: 5px;
  1256. font-family:Trebuchet MS, sans-serif;
  1257. font-size:8px;
  1258. text-transform:uppercase;
  1259. }
  1260.  
  1261. #volts {
  1262. width:379px;
  1263. height: 34px;
  1264. float: left;
  1265. margin-left:186px;
  1266. margin-top:3px; block;
  1267. padding-left: 10px;
  1268. text-align: center;}
  1269.  
  1270. #volts a {
  1271. display: inline-block;
  1272. text-shadow: 1px 0px 1px #0c0c0c;
  1273. display: inline-block;
  1274. float: left;
  1275. font-family:arial;
  1276. font-size:7px;
  1277. height: 31px;
  1278. width:28px;
  1279. line-height:31px;
  1280. color:{color:text};
  1281. -webkit-transition: all 0.4s ease-out;
  1282. -moz-transition: all 0.4s ease-out;
  1283. font-style: normal;
  1284. overflow: hidden;
  1285. text-transform: uppercase;
  1286. background-color:{color:posts};
  1287. border-bottom:2px solid {color:bold};
  1288. }
  1289.  
  1290. #volts a:hover{
  1291. color:#ffffff;
  1292. text-decoration: none;
  1293. -webkit-transition: 0.44s linear;
  1294. background-color:{color:bold};}
  1295.  
  1296. #CHx a{
  1297. background-color:{color:bold};
  1298. -webkit-transition: all 0.4s ease-out;
  1299. overflow: hidden;
  1300. text-align: center;
  1301. display: inline-block;
  1302. float: left;
  1303. padding-left:0px;
  1304. width:57px;
  1305. color:#fff}
  1306.  
  1307. .musicplayer{
  1308. position:fixed;
  1309. overflow:hidden;
  1310. width:23px;
  1311. height:23px;
  1312. padding:5px;
  1313. margin-left: 159px;
  1314. margin-top: 3px;
  1315. background:{color:posts}; /* This is the background color */
  1316. z-index:9999999999999999;
  1317. opacity:1;
  1318. -webkit-transition: all 1s ease-in-out;
  1319. -moz-transition: all 1s ease-in-out;
  1320. transition: all 1s ease-in-out;
  1321. }
  1322.  
  1323. #icon{
  1324. /* This is for the positioning of the music gif: */
  1325. margin-top:5px;
  1326. margin-left:5px;
  1327. opacity:0.7;
  1328. -webkit-transition: all 0.5s linear;
  1329. -moz-transition: all 0.5s linear;
  1330. transition: all 0.5s linear;
  1331. }
  1332.  
  1333. .musicplayer:hover #icon{
  1334. margin-top:-20px;
  1335. -webkit-transition: all 0.5s linear;
  1336. -moz-transition: all 0.5s linear;
  1337. transition: all 0.5s linear;
  1338. }
  1339.  
  1340. #musicbox{
  1341. width:10px;
  1342. height:10px;
  1343. overflow:hidden;
  1344. /* This is for the positioning of the music player: */
  1345. margin-top:13px;
  1346. margin-left:8px;
  1347. }
  1348.  
  1349. #music2{
  1350. margin-top:-6px;
  1351. margin-left:-35px;
  1352. border-radius:10em;
  1353. }
  1354.  
  1355. #sbbg:hover #musicplayer{
  1356. opacity:0.7;
  1357. -webkit-transition: all 1s ease-in-out;
  1358. -moz-transition: all 1s ease-in-out;
  1359. transition: all 1s ease-in-out;
  1360. }
  1361.  
  1362. .quto {
  1363. margin-left: 138px;
  1364. margin-top: 40px;
  1365. width:220px;
  1366. height:41px;
  1367. padding: 4px;
  1368. padding-left: 30px;
  1369. background-color:white;
  1370. text-align: justify;
  1371. font-size: 7px;
  1372. line-height: 13px;
  1373. z-index: 999999;
  1374. text-transform: uppercase;
  1375. }
  1376.  
  1377. </style>
  1378.  
  1379. </head>
  1380. <body>
  1381.  
  1382. <div id="sidebar">
  1383.  
  1384. <div class="border">
  1385. <div class="whants">
  1386. <a href="">I.</a>
  1387. <a href="">II.</a>
  1388. <a href="">III.</a>
  1389. <a href="">IV.</a>
  1390. <a href="">V.</a>
  1391. <a href="">VI.</a>
  1392. </div>
  1393. </div>
  1394. <div class="rendrimg"><img src='http://o.aolcdn.com/hss/storage/fss/d215829a8f4efdb59241f18b00cbc918/rqewrqwer.png'/></div>
  1395. <div class="titleimg"><img src='http://o.aolcdn.com/hss/storage/fss/b3a75cac772b141481ae0d2c345800d3/hgfhdfgh.png'/></div>
  1396. <div class="dscript">
  1397. good vibes, observant, easy to get along with, patient, open minded, reprehensive, high tolerance, selfless, honest; good vibes, observant, easy to get along with, patient, open minded, reprehensive;
  1398. </div>
  1399. <div class="directories">
  1400. <a href="http://originalites.tumblr.com/">ORIG<i>!</i></a> <a href="http://tq-entertainment.tumblr.com">TQENT<i>!</i></a> <a href="http://illestcrew.tumblr.com/">ILLEST<i>!</i></a> <a href="http://avcmoi.tumblr.com/">AVEC<i>!</i></a>
  1401. </div>
  1402. <div class="statcounter"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5294618";
  1403. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1404. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1405. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1406. </script> of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3136610";
  1407. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1408. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1409. </script>
  1410. </div>
  1411. <div id="volts">
  1412. <a title="hov">001.</a>
  1413. <a title="hov">002.</a>
  1414. <a title="hov">003.</a>
  1415. <a title="hov">004.</a>
  1416. <a title="hov">005.</a>
  1417. <div id="CHx"><a href="/navi" title="sorrism theme. tweaked heavily by aellionios for insuo's use only. do not steal, all questions should be directed towards her.">CREDIT.</a>
  1418. </div></div>
  1419. <div class="musicplayer"><div id="icon">
  1420. <img src="https://33.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1421. </div>
  1422. <div id="musicbox"><div id="music2">
  1423. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  1424. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1425. <param name="bgcolor" value="#ffffff" />
  1426. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=25&amp;volume=15&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=ffffff&amp;bgcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=8c0000&amp;buttonovercolor=8c0000&amp;showlist=0" />
  1427. </object></div></div></div>
  1428. <div class="quto">
  1429. good vibes, observant, easy to get along with, patient, open minded, reprehensive, high tolerance,
  1430. </div>
  1431.  
  1432.  
  1433. </div>
  1434.  
  1435. <section id="entries">
  1436.  
  1437. {block:Posts}
  1438.  
  1439. <article class="posts {select:sidebar position}">
  1440.  
  1441. {block:Quote}{block:Source}<div id="source"><i class="fa fa-quote-left"></i><span class="c qe">{Source}</span></div>{/block:Source}<div id="titlequote" class="ped">{Quote}</div>{/block:Quote}
  1442.  
  1443. {block:Text}
  1444. {block:Title}<div id="title">{Title}</div>{/block:Title}
  1445. <div class="ped ek {block:title}ed{/block:title}">{Body}</div>
  1446. {/block:Text}
  1447.  
  1448. {block:Link}
  1449. <div id="title"><a href="{URL}">{Name}</a></div>
  1450. {block:Description}<div class="ped ed">{Description}</div>{/block:Description}
  1451. {/block:Link}
  1452.  
  1453. {block:Chat}
  1454. {block:Title}<div id="title">{Title}</div>{/block:Title}
  1455. <ol class="chat {block:title}ed{/block:title}">
  1456. {block:Lines}
  1457. <li class="line {Alt}">
  1458. {block:Label}
  1459. <span class="label c">
  1460. {Label}</span>
  1461. {/block:Label}{Line}</li>
  1462. {/block:Lines}
  1463. </ol>
  1464. {/block:Chat}
  1465.  
  1466. {block:Photo}<div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" id="photo_{PostID}"/></div>
  1467. {/block:Photo}
  1468.  
  1469. {block:Photoset}<div class="set"><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></div>
  1470. {/block:Photoset}
  1471.  
  1472. {block:Answer}
  1473. <div class="as">?<a href="{askerurl}"><img src="{askerportraiturl-64}"/></a></div><div class="q ped"><b>{asker} sent: </b>{Question}</div>
  1474. {block:Answerer}<div class="as cl"><img src="{answererportraiturl-64}"/></div><div class="reb q"><b>{answerer} replied: </b>{Answer}</div>{/block:Answerer}
  1475. <div class="a ped" {block:Answerer}style="padding:0"{/block:Answerer}>{replies}</div>
  1476. {/block:Answer}
  1477.  
  1478. {block:Video}<div class="vi">{Video-500}</div>{/block:Video}
  1479.  
  1480. {block:Audio}
  1481. {block:AudioPlayer}<div class="pl">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}<i class="fa fa-music"></i><div class="player">{AudioPlayerwhite}</div></div>{/block:AudioPlayer}<div class="audio_info c">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  1482. {/block:Audio}
  1483.  
  1484.  
  1485. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1486.  
  1487. {block:indexpage}{block:ifnothidetags}{block:HasTags}<div class="tags {block:Caption}crash{/block:Caption}{block:Text}crash{/block:Text}{block:Link}crash{/block:Link}{block:answer}crash{/block:answer}"><i class="fa fa-tag"></i>{block:Tags}<a href="{TagUrl}" class="c">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifnothidetags}{/block:indexpage}
  1488.  
  1489. {block:Date}{block:indexpage}<div class="annoy"><a href="{Permalink}" title="{timeago}" target="_blank"><i class="fa fa-clock-o"></i></a>{block:NoteCount}<a href="{Permalink}" title="{NoteCountwithlabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh"></i></a></div>{/block:indexpage}
  1490.  
  1491. {block:permalinkpage}<div id="permalink" class="c"><span class="cool"><i class="fa fa-clock-o"></i><span class="not">posted on {month} {dayofmonth}{dayofmonthsuffix}, {year} at {12hour}:{minutes}{ampm}</span></span>{block:RebloggedFrom}<span class="cool"><i class="fa fa-location-arrow"></i><span class="not">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span></span>{/block:RebloggedFrom}{block:HasTags}<span class="tags cool"><i class="fa fa-tag"></i><span class="not">{block:Tags}<a href="{TagUrl}" style="margin-right:3px">#{Tag}</a>{/block:Tags}</span></span>{/block:HasTags}{block:notecount}<span class="cool"><i class="fa fa-heart"></i><span class="not"><a class="t">{notecountwithlabel}</a></span></span>{/block:notecount}</div>{/block:permalinkpage}
  1492. {/block:Date}
  1493.  
  1494. </article>
  1495.  
  1496.  
  1497. {/block:Posts}
  1498. {block:Pagination}<div id="pagination" class="c">{block:previousPage}<a href="{previousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}</div>{/block:Pagination}
  1499.  
  1500. </section>
  1501.  
  1502.  
  1503.  
  1504. <modal><div class="off"></div><div class="me"><div class="same c">{PostNotes}</div></div></modal>
  1505.  
  1506.  
  1507.  
  1508. {block:ContentSource}
  1509. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1510. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1511. {/block:SourceLogo}
  1512. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1513. {/block:ContentSource}
  1514.  
  1515. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1516. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  1517. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1518. <script>
  1519. $(document).ready(function(){
  1520. $('.photo-slideshow').pxuPhotoset({
  1521. lightbox: true,
  1522. rounded: false,
  1523. gutter: '3px',
  1524. photoset: '.photo-slideshow',
  1525. photoWrap: '.photo-data',
  1526. photo: '.pxu-photo'
  1527. });
  1528. $('.off, .t').click(function() {
  1529. $('modal').fadeToggle(400);
  1530. });
  1531. $(document).tooltip({
  1532. track:true
  1533. });
  1534. $('.up').click(function() {
  1535. $('body, html').animate({scrollTop:0}, 1000);
  1536. });
  1537. });
  1538. </script>
  1539.  
  1540. {block:indexpage}{block:ifinfinitescroll}
  1541. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1542. <script>
  1543. $(document).ready(function(){
  1544. var $container = $('#entries');
  1545. $container.infinitescroll({
  1546. itemSelector: '.posts',
  1547. navSelector: '#pagination',
  1548. nextSelector: '#next',
  1549. loadingImg: '',
  1550. loadingText: '<em></em>',
  1551. bufferPx: 100
  1552. },
  1553. function( newElements ) {
  1554. var $newElems = $( newElements );
  1555. $newElems.find('.photo-slideshow').pxuPhotoset({
  1556. lightbox: true,
  1557. rounded: false,
  1558. gutter: '3px',
  1559. photoset: '.photo-slideshow',
  1560. photoWrap: '.photo-data',
  1561. photo: '.pxu-photo'
  1562. });
  1563. });
  1564. });
  1565. </script>
  1566. {/block:ifinfinitescroll}{/block:indexpage}
  1567. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  1568. </body>
  1569.  
  1570. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement