siothemes

Oleander

Feb 26th, 2017
959
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.93 KB | None | 0 0
  1. <!---
  2.  
  3. Theme Oleander
  4. by siothemes.tumblr.com / j-murphy.tumblr.com
  5.  
  6. base code by mrsthemes@tumblr <3 (im gonna try to make one from scratch next time... maybe)
  7.  
  8. *check out https://fontawesome.io/icons/ to change any of the icons in this theme - look for anywhere in the theme where it says <i class="fa fa-something"></i> and change the something to an icon from fontawesome*
  9.  
  10. ***important****
  11. make sure that you only have one of the "two pics" "two words" and "two links selected or you wont have any - you may also have to turn the links on and off again before choosing your one
  12.  
  13.  
  14. also if your description or title doesnt look good try turning off the small sidebar and using the big sidebar
  15.  
  16. theres a heap of options so mess around with them all and send me an ask if you get too confused
  17. -->
  18.  
  19. <!DOCTYPE html>
  20. <head><title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25.  
  26.  
  27. <!--------default variables-------->
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:post background" content="#fbfbfb"/>
  30. <meta name="color:link background" content="ffffff"/>
  31. <meta name="color:text" content="#333333"/>
  32. <meta name="color:links" content="#5b5b5b"/>
  33. <meta name="color:links hover" content="#c9c9c9"/>
  34. <meta name="color:scrollbar bg" content="#ffffff"/>
  35. <meta name="color:scrollbar" content="#eeeeee">
  36.  
  37. <meta name="image:sidebar image" content=""/>
  38. <meta name="image:2nd sidebar image" content=""/>
  39.  
  40. <meta name="if:smaller sidebar" content="0"/>
  41.  
  42. <meta name="if:two links" content="1" />
  43. <meta name="if:two pics" content="0" />
  44. <meta name="if:two words" content="0" />
  45. <meta name="if:show description" content="1" />
  46. <meta name="if:captions" content="1" />
  47. <meta name="if:side info" content="1" />
  48. <meta name="if:hover info" content="1" />
  49. <meta name="if:show tags" content="1" />
  50. <meta name="if:side tags" content="1" />
  51. <meta name="if:hover tags" content="1" />
  52.  
  53. <meta name="select:Sidetitle Type" content="uppercase" title="uppercase">
  54. <meta name="select:Sidetitle Type" content="lowercase" title="lowercase">
  55. <meta name="select:Sidetitle Type" content="none" title="neither">
  56.  
  57. <meta name="select:Image Shape" content="0% 0% 0% 0%" title="square">
  58. <meta name="select:Image Shape" content="50% 50% 50% 50%" title="circle">
  59. <meta name="select:Image Shape" content="50% 50% 0% 50%" title="teardrop">
  60.  
  61. <meta name="text:link 1 url" content="/">
  62. <meta name="text:link 1 title" content="one">
  63. <meta name="text:link 2 url" content="/">
  64. <meta name="text:link 2 title" content="two">
  65. <meta name="text:link 3 url" content="/">
  66. <meta name="text:link 3 title" content="three">
  67. <meta name="text:link 4 url" content="/">
  68. <meta name="text:link 4 title" content="four">
  69. <meta name="text:link 5 url" content="/">
  70. <meta name="text:link 5 title" content="five">
  71. <meta name="text:link 6 url" content="/">
  72. <meta name="text:link 6 title" content="six">
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79. <!------------------------TOOLTIPS SCRIPT--------------------->
  80.  
  81. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  82. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:200,
  90. tip_fade_speed:300
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96.  
  97. <!-------------------------------------------------------------------->
  98.  
  99. <style type="text/css">
  100.  
  101. /*----------tooltips---------*/
  102.  
  103. #s-m-t-tooltip {
  104. max-width:300px;
  105. margin:15px;
  106. padding:5px;
  107. border:1px solid #eeeeee;
  108. border-radius:0px;
  109. background:#ffffff;
  110. color:{color:text};
  111. z-index:999999;
  112. font-size:7px;
  113. font-style:none;
  114. font-weight:lighter;
  115. letter-spacing:2px;
  116. font-family:helvetica;
  117. text-transform:uppercase;
  118. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  119. }
  120.  
  121.  
  122. /*----------lightbox---------*/
  123.  
  124. .vignette, #vignette {
  125. opacity:0;
  126. }
  127. .lightbox-image, #tumblr_lightbox img {
  128. box-shadow:none !important;
  129. border-radius:0 !important;
  130. max-width:none;
  131. }
  132.  
  133. .tmblr-lightbox, #tumblr_lightbox {
  134. background-color:rgba(245,245,245,.75) !important;
  135. }
  136.  
  137. .lightbox-image, #tumblr_lightbox img {
  138. border:5px solid #fff !important;
  139. -moz-box-sizing:border-box;
  140. box-sizing:border-box;
  141. }
  142.  
  143. /*----------scrollbar---------*/
  144.  
  145. ::-webkit-scrollbar {
  146. background-color: {color:scrollbar bg};
  147. height:8px;
  148. width:5px
  149. }
  150.  
  151. ::-webkit-scrollbar-thumb:vertical {
  152. background-color:{color:scrollbar};
  153. height:50px
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb:horizontal {
  157. background-color:{color:scrollbar bg};
  158. height:8px!important
  159. }
  160.  
  161.  
  162. /*-------tumblr controls thanks to odeysseus.tumblr.com ------*/
  163.  
  164. .tmblr-iframe{ white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:.2;transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;position:fixed!important;right:-20px!important;transform:scale(0.7,0.7); } .tmblr-iframe:hover { opacity:0.5; }
  165.  
  166. /*----------basics---------*/
  167.  
  168. body {
  169. background-color:{color:background};
  170. color:{color:text};
  171. font-family:arial;
  172. line-height:15px;
  173. font-size:10px;
  174. margin:0;
  175. text-align:left;
  176. }
  177.  
  178. blockquote {
  179. padding-left:10px;
  180. border-left:1px solid;
  181. border-color:#eeeeee;
  182. margin:10px;
  183. }
  184.  
  185. a {
  186. color:{color:links};
  187. text-decoration:none;
  188. }
  189.  
  190. a:hover {
  191. text-decoration:none;
  192. color: {color:links hover};
  193. -webkit-transition:all 0.5s;
  194. -moz-transition:all 0.5s;
  195. -ms-transition:all 0.5s;
  196. -o-transition:all 0.5s;
  197. transition:all 0.5s;
  198. }
  199.  
  200. img {
  201. opacity:1;
  202. text-decoration:none;
  203. }
  204.  
  205. h1 {
  206. font-size:10px;
  207. font-weight:bold;
  208. }
  209.  
  210.  
  211. /*----------posts---------*/
  212.  
  213. .container {
  214. position:relative;
  215. margin:100px auto;
  216. width:500px;
  217. }
  218.  
  219.  
  220. .posts {
  221. {block:IndexPage}
  222. margin-bottom:80px;
  223. {/block:IndexPage}
  224. {block:PermalinkPage}
  225. margin-bottom:30px;
  226. {/block:PermalinkPage}
  227. width:400px;
  228. background:{color:post background};
  229. padding:10px 10px 10px 10px;
  230. }
  231.  
  232.  
  233. .entries {
  234. {block:ifSmallerSidebar}
  235. margin-left:10px;
  236. {/block:ifSmallerSidebar}
  237. {block:ifnotSmallerSidebar}
  238. margin-left:50px;
  239. {/block:ifnotSmallerSidebar}
  240. width:400px;
  241. margin-top:50px;
  242. margin-bottom:50px;
  243. position:relative;
  244. }
  245.  
  246. .posts img, .posts li, .posts blockquote {
  247. max-width: 400px;
  248. }
  249.  
  250. .posts li {
  251. list-style: square;
  252. }
  253.  
  254. blockquote img {
  255. max-width:320px!important;
  256. }
  257.  
  258.  
  259. /*----------post info---------*/
  260.  
  261. .info {
  262. padding-top:4px;
  263. text-transform:lowercase;
  264. font-size:9px;
  265. letter-spacing:1px;
  266. margin-top:5px;
  267. text-align:center;
  268. padding-right:10px;
  269. display:block;
  270. }
  271.  
  272. .info table, td, tr {
  273. border: 1px solid {color:link background};
  274. }
  275.  
  276. .info table {
  277. width:400px;
  278. height:10px;
  279. table-layout:fixed;
  280. background-color:{color:link background};
  281. border-collapse:collapse;
  282. }
  283.  
  284. .info td {
  285. text-align:center;
  286. }
  287.  
  288. .sideinfo {
  289. margin-left:420px;
  290. padding:5px;
  291. display:block;
  292. position:absolute;
  293. {block:ifHoverInfo}
  294. opacity:0;
  295. {/block:ifHoverInfo}
  296. }
  297.  
  298. .sideinfo table {
  299. border-collapse:collapse;
  300. padding:5px;
  301. border-color:{color:post background};
  302. background-color:{color:post background};
  303. width:40px;
  304. height:40px;
  305. table-layout:fixed;
  306. }
  307.  
  308. .sideinfo tr {
  309. height:20px;
  310. border-color:{color:post background};
  311. }
  312.  
  313. .sideinfo td {
  314. width:20px;
  315. height:20px;
  316. border-color:{color:post background};
  317. text-align:center;
  318. }
  319.  
  320. {block:ifHoverInfo}
  321. .posts:hover .sideinfo {
  322. opacity:1;
  323. -moz-transition:all 0.8s;
  324. -ms-transition:all 0.8s;
  325. -o-transition:all 0.8s;
  326. transition:all 0.8s;
  327. }
  328. {/block:ifHoverInfo}
  329.  
  330. .custom-like-button {
  331. position: relative;
  332. display: block;
  333. {block:ifSideInfo}
  334. width: 20px;
  335. height: 20px;
  336. {/block:ifSideInfo}
  337. {block:ifnotSideInfo}
  338. width: 100px;
  339. height:13px;
  340. {/block:ifnotSideInfo}
  341. cursor: pointer;
  342. }
  343.  
  344. /* class for the Tumblr Like Button iframe */
  345. .like_button {
  346. position: absolute;
  347. top: 0;
  348. left: 0;
  349. right: 0;
  350. bottom: 0;
  351. width: 100%;
  352. height: 100%;
  353. opacity: 0;
  354. z-index: 10;
  355. }
  356. /* Force iframe to fill button */
  357. .like_button iframe {
  358. width: 100% !important;
  359. height: 100% !important;
  360. }
  361. /* class for Our Like Button */
  362. .our_button {
  363. position: absolute;
  364. top: 0;
  365. left: 0;
  366. right: 0;
  367. bottom: 0;
  368. width: 100%;
  369. height: 100%;
  370. z-index: 1;
  371. }
  372.  
  373. /* Liked State */
  374. .like_button.liked + .our_button {
  375. background: red;
  376. color: white;
  377. }
  378.  
  379. .tags {
  380. font-size:8px;
  381. letter-spacing:1px;
  382. font-style:italic;
  383. position:absolute;
  384.  
  385. {block:ifSideTags}
  386. display:block;
  387. margin-left:425px;
  388. {block:ifSideInfo}
  389. margin-top:60px;
  390. {/block:ifSideInfo}
  391. {block:ifnotSideInfo}
  392. margin-top:0px;
  393. {/block:ifnotSideInfo}
  394. width:40px;
  395. padding:5px 5px 5px 5px;
  396. {/block:ifSideTags}
  397. {block:ifnotSideTags}
  398. width:390px;
  399. margin-top:20px;
  400. padding:5px 5px 5px 5px;
  401. text-align:center;
  402. margin-left:0px;
  403. {/block:ifnotSideTags}
  404. background:{color:post background};
  405. {block:ifHoverTags}
  406. opacity:0;
  407. {/block:ifHoverTags}
  408. }
  409.  
  410. {block:ifHoverTags}
  411. .posts:hover .tags {
  412. opacity:1;
  413. -moz-transition:all 0.8s;
  414. -ms-transition:all 0.8s;
  415. -o-transition:all 0.8s;
  416. transition:all 0.8s;
  417. }
  418. {/block:ifHoverTags}
  419.  
  420.  
  421. /*----------post notes---------*/
  422.  
  423. ol.notes {
  424. padding:0px;
  425. margin:25px 0px 0px -10px;
  426. list-style-type:none;
  427. }
  428.  
  429. ol.notes li.note {
  430. padding:10px;
  431. }
  432.  
  433. ol.notes li.note img.avatar {
  434. display:none!important;
  435. }
  436.  
  437. ol.notes li.note span.action {
  438. font-weight:none;
  439. }
  440.  
  441. ol.notes li.note .answer_content {
  442. font-weight:normal;
  443. }
  444.  
  445. ol.notes li.note blockquote {
  446. padding:4px 10px;
  447. margin:10px 0px 0px 25px;
  448. }
  449.  
  450. ol.notes li.note blockquote a {
  451. text-decoration:none;
  452. }
  453.  
  454. /*----------sidebar---------*/
  455.  
  456. .sidebar {
  457. position:fixed;
  458. margin-left:-175px;
  459. top:125px;
  460. {block:ifSmallerSidebar}
  461. width:150px;
  462. height:150px;
  463. {/block:ifSmallerSidebar}
  464. {block:ifnotSmallerSidebar}
  465. width:200px;
  466. height:200px;
  467. {/block:ifnotSmallerSidebar}
  468. }
  469.  
  470. .big table {
  471. {block:ifSmallerSidebar}
  472. width:150px;
  473. height:150px;
  474. {/block:ifSmallerSidebar}
  475. {block:ifnotSmallerSidebar}
  476. width:200px;
  477. height:200px;
  478. {/block:ifnotSmallerSidebar}
  479. table-layout:fixed;
  480. text-align:center;
  481. border-color:{color:background};
  482. border-width:1px;
  483. border-collapse:collapse;
  484. }
  485.  
  486. .big td {
  487. {block:ifSmallerSidebar}
  488. height:75px;
  489. width:75px;
  490. {/block:ifSmallerSidebar}
  491. {block:ifnotSmallerSidebar}
  492. height:100px;
  493. width:100px;
  494. {/block:ifnotSmallerSidebar}
  495. border-color:{color:background};
  496. }
  497.  
  498. .big tr {
  499. {block:ifSmallerSidebar}
  500. height:75px;
  501. {/block:ifSmallerSidebar}
  502. {block:ifnotSmallerSidebar}
  503. height:100px;
  504. {/block:ifnotSmallerSidebar}
  505. border-color:{color:background};
  506. }
  507.  
  508.  
  509. .sidebarimage {
  510. {block:ifSmallerSidebar}
  511. width:70px;
  512. padding:2.5px 2.5px 0px 2.5px;
  513. {/block:ifSmallerSidebar}
  514. {block:ifnotSmallerSidebar}
  515. width:90px;
  516. padding:5px 5px 2.5px 5px;
  517. {/block:ifnotSmallerSidebar}
  518. }
  519.  
  520. .sidebarimage img {
  521. {block:ifSmallerSidebar}
  522. width:70px;
  523. height:70px;
  524. {/block:ifSmallerSidebar}
  525. {block:ifnotSmallerSidebar}
  526. width:90px;
  527. height:90px;
  528. {/block:ifnotSmallerSidebar}
  529. border-radius:{select:Image Shape};
  530. }
  531.  
  532.  
  533.  
  534. .sidelinks {
  535. {block:ifSmallerSidebar}
  536. font-size:10px;
  537. {/block:ifSmallerSidebar}
  538. {block:ifnotSmallerSidebar}
  539. font-size:13px;
  540. {/block:ifnotSmallerSidebar}
  541. }
  542.  
  543.  
  544. .sidetitle{
  545. margin-top:5px;
  546. font-weight:bold;
  547. {block:ifSmallerSidebar}
  548. width:75px;
  549. max-height:75px;
  550. font-size:14px;
  551. {/block:ifSmallerSidebar}
  552. {block:ifnotSmallerSidebar}
  553. width:100px;
  554. max-height:100px;
  555. font-size:15px;
  556. {/block:ifnotSmallerSidebar}
  557. text-align:center;
  558. text-transform:{select:Sidetitle Type};
  559. word-wrap:break-word;
  560. overflow:auto;
  561. }
  562.  
  563. .description {
  564. text-align:justify;
  565. {block:ifSmallerSidebar}
  566. width:75px;
  567. max-height:75px;
  568. {/block:ifSmallerSidebar}
  569. {block:ifnotSmallerSidebar}
  570. width:90px;
  571. max-height:90px;
  572. padding:5px;
  573. {/block:ifnotSmallerSidebar}
  574. overflow:auto;
  575. }
  576.  
  577.  
  578. .links {
  579. color:{color:links};
  580. padding:0px;
  581. }
  582.  
  583. .links a {
  584.  
  585. }
  586.  
  587. .links li {
  588. text-align:justify;
  589. }
  590.  
  591. .small table {
  592. {block:ifSmallerSidebar}
  593. width:30px;
  594. height:30px;
  595. {/block:ifSmallerSidebar}
  596. {block:ifnotSmallerSidebar}
  597. width:60px;
  598. height:60px;
  599. {/block:ifnotSmallerSidebar}
  600. table-layout:fixed;
  601. margin:auto;
  602. border-color:{color:post background};
  603. }
  604.  
  605. .small td {
  606. {block:ifSmallerSidebar}
  607. width:15px;
  608. height:15px;
  609. {/block:ifSmallerSidebar}
  610. {block:ifnotSmallerSidebar}
  611. width:30px;
  612. height:30px;
  613. {/block:ifnotSmallerSidebar}
  614. border-color:{color:post background};
  615. }
  616.  
  617. .small tr {
  618. {block:ifSmallerSidebar}
  619. height:15px;
  620. {/block:ifSmallerSidebar}
  621. {block:ifnotSmallerSidebar}
  622. height:30px;
  623. {/block:ifnotSmallerSidebar}
  624. border-color:{color:post background};
  625. }
  626.  
  627. .words table {
  628. {block:ifSmallerSidebar}
  629. width:30px;
  630. height:30px;
  631. {/block:ifSmallerSidebar}
  632. {block:ifnotSmallerSidebar}
  633. width:60px;
  634. height:60px;
  635. {/block:ifnotSmallerSidebar}
  636. table-layout:fixed;
  637. margin:auto;
  638. border-color:{color:background};
  639. }
  640.  
  641. .words td {
  642. {block:ifSmallerSidebar}
  643. width:15px;
  644. height:15px;
  645. {/block:ifSmallerSidebar}
  646. {block:ifnotSmallerSidebar}
  647. width:30px;
  648. height:30px;
  649. {/block:ifnotSmallerSidebar}
  650. border-color:{color:background};
  651. }
  652.  
  653. .words tr {
  654. {block:ifSmallerSidebar}
  655. height:15px;
  656. {/block:ifSmallerSidebar}
  657. {block:ifnotSmallerSidebar}
  658. height:30px;
  659. {/block:ifnotSmallerSidebar}
  660. border-color:{color:background};
  661. }
  662.  
  663.  
  664. .pagination {
  665. margin-top:20px;
  666. text-align:center;
  667. font-size:11px;
  668. width:420px;
  669. }
  670.  
  671. .back {
  672. background:{color:post background};
  673. padding:5px 8px 5px 8px;
  674. }
  675.  
  676. .forward {
  677. background:{color:post background};
  678. padding:5px 9px 5px 10px;
  679. }
  680.  
  681.  
  682.  
  683. /*----------quotes---------*/
  684.  
  685. .quote {
  686. text-transform:uppercase;
  687. font-size:12px;
  688. font-weight:bold;
  689. text-align:center;
  690. font-style:italic;
  691. }
  692.  
  693. .quotesource {
  694. text-align:center;
  695. margin-top:10px;
  696. }
  697.  
  698.  
  699. /*----------chat---------*/
  700.  
  701. .chat {
  702. line-height:20px;
  703. list-style:none;
  704. }
  705.  
  706. .line.odd {
  707. background:#fafafa;
  708. margin-bottom:2px;
  709. padding:5px;
  710. list-style:none;
  711. font-size:10px;
  712. }
  713.  
  714. .line.even {
  715. background:#f5f5f5;
  716. margin-bottom:2px;
  717. padding:5px;
  718. list-style:none;
  719. font-size:10px;
  720. }
  721.  
  722. .label {
  723. padding-right:1px;
  724. text-transform:lowercase;
  725. font-weight:bold;
  726. color:{color:links};
  727. }
  728.  
  729.  
  730. /*----------questions---------*/
  731.  
  732. .question {
  733. background:#fafafa;
  734. padding:10px;
  735. }
  736.  
  737. .asker {
  738. text-transform:lowercase;
  739. }
  740.  
  741. .answer {
  742. padding:10px;
  743. margin-top:-15px;
  744. }
  745.  
  746. /*----------audio---------*/
  747.  
  748. .playerbutton {
  749. position:relative;
  750. width:30px;
  751. height:35px;
  752. overflow:hidden;
  753. }
  754.  
  755. .playerbuttonhug {
  756. position: absolute;
  757. top:-7px;
  758. left:2px;
  759. }
  760.  
  761. .tumblr_audio_player {
  762. height:50px;
  763. width:400px;
  764. }
  765.  
  766. .playerbuttonbg {
  767. position:absolute;
  768. width:35px;
  769. height:35px;
  770. background-color:#e4e4e4;
  771. padding:10px;
  772. }
  773.  
  774. .trackdetails {
  775. width:auto;
  776. display:inline-block;
  777. margin-left:70px;
  778. font-size:10px;
  779. letter-spacing:1px;
  780. text-transform:lowercase;
  781. padding:5px;
  782. line-height:15px;
  783. }
  784.  
  785. .audiowrapper {
  786. position:relative;
  787. display:inline-block;
  788. }
  789.  
  790. /*------permalink page--------*/
  791.  
  792. .permainfo {
  793. text-align:center;
  794. background:{color:post background};
  795. border: 1px solid {color:background};
  796. padding:10px 10px 10px 10px;
  797. width:400px;
  798. margin-top:10px;
  799. }
  800.  
  801. .permlinktags a:after {
  802. content:',';
  803. }
  804.  
  805. .permlinktags a:last-of-type:after {
  806. content:'.';
  807. }
  808.  
  809. .postnotes {
  810. line-height:40%;
  811. font-size:9px;
  812. text-align:center;
  813. background:{color:post background};
  814. border: 1px solid {color:background};
  815. padding:10px 10px 10px 10px;
  816. width:400px;
  817. margin-top:10px;
  818. }
  819.  
  820. .permacaption {
  821. background:{color:post background};
  822. border: 1px solid {color:post borders};
  823. padding:10px 10px 10px 10px;
  824. width:400px;
  825. }
  826.  
  827.  
  828. /*----------credit---------*/
  829.  
  830. .credit {
  831. font-size:8px;
  832. position:fixed;
  833. font-weight:bold;
  834. bottom:5px;
  835. right:15px;
  836. z-index:10;
  837. text-align:right;
  838. letter-spacing:1px;
  839. padding:2px;
  840. }
  841.  
  842. .credit a {
  843. color:{color:links};
  844. text-decoration:none;
  845. }
  846.  
  847. .credit a:hover {
  848. color:{color:links hover};
  849. text-decoration:none;
  850. }
  851.  
  852.  
  853.  
  854. </style>
  855.  
  856.  
  857. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  858. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  859. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  860. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  861.  
  862.  
  863.  
  864.  
  865.  
  866. </head>
  867.  
  868. <body>
  869. <div class="container">
  870.  
  871. <div class="credit">
  872. <a title="theme" href="https://siothemes.tumblr.com/" target="_blank">SIO</a></div>
  873.  
  874.  
  875. <div class="sidebar">
  876.  
  877. {select:SidebarType}
  878.  
  879. {block:ifnotTwoWords}
  880. {block:ifnotTwoPics}
  881. {block:ifTwoLinks}
  882. <div class="big">
  883. <table>
  884.  
  885. <tr>
  886. <td>
  887. <div class="sidebarimage">
  888. <a href="/"><img src="{image:sidebar image}">
  889. </a></div>
  890. </td>
  891.  
  892. <td style="background-color:{color:post background}">
  893. </div>
  894. <div class="links">
  895. <div class="sidelinks">
  896. <div class="small">
  897. <table>
  898. <tr>
  899. <td>
  900. <a title={text:link 3 title} href="{text:link 3 url}"><i class="fa fa-thumb-tack"></i></a>
  901. </td>
  902. <td>
  903. <a title={text:link 4 title} href="{text:link 4 url}"><i class="fa fa-sun-o"></i></a>
  904. </td>
  905. </tr>
  906. <tr>
  907. <td>
  908. <a title={text:link 5 title} href="{text:link 5 url}"><i class="fa fa-file-image-o"></i></a>
  909. </td>
  910. <td>
  911. <a title={text:link 6 title} href="{text:link 6 url}"><i class="fa fa-folder"></i></a>
  912. </td>
  913. </tr>
  914. </table>
  915. </div>
  916. </div>
  917. </div>
  918. <div class="big">
  919. </td>
  920.  
  921.  
  922. </tr>
  923. <tr>
  924.  
  925.  
  926. <td style="background-color:{color:post background}">
  927. </div>
  928. <div class="links">
  929. <div class="sidelinks">
  930. <div class="small">
  931. <table>
  932. <tr>
  933. <td>
  934. <a title=home a href="/"><i class="fa fa-home"></i></a>
  935. </td>
  936. <td>
  937. <a title={text:link 1 title} href="{text:link 1 url}"><i class="fa fa-thumbs-o-up"></i></a>
  938. </td>
  939. </tr>
  940. <tr>
  941. <td>
  942. <a title={text:link 2 title} href="{text:link 2 url}"><i class="fa fa-compass"></i></a>
  943. </td>
  944. <td>
  945. <a title=inbox a href="/ask"><i class="fa fa-envelope-o"></i></a>
  946. </td>
  947. </tr>
  948. </table>
  949. </div>
  950. </div>
  951. </div>
  952. <div class="big">
  953. </td>
  954.  
  955.  
  956. <td>
  957. {block:ifShowDescription}
  958. <div class="description">{Description}</div>
  959. {/block:ifShowDescription}
  960. {block:ifnotShowDescription}
  961. <div class="sidetitle">{Title}</div>
  962. {/block:ifnotShowDescription}
  963. </td>
  964.  
  965. </tr>
  966.  
  967.  
  968. </table>
  969. </div>
  970. {/block:ifTwoLinks}
  971. {/block:ifnotTwoPics}
  972. {/block:ifnotTwoWords}
  973.  
  974. <!---------------------------------------------------------------->
  975.  
  976. {block:ifnotTwoWords}
  977. {block:ifnotTwoLinks}
  978. {block:ifTwoPics}
  979. <div class="big">
  980. <table>
  981.  
  982. <tr>
  983. <td>
  984. <div class="sidebarimage">
  985. <a href="/"><img src="{image:sidebar image}">
  986. </a></div>
  987. </td>
  988.  
  989. <td style="background-color:{color:post background}">
  990. {block:ifShowDescription}
  991. <div class="description">{Description}</div>
  992. {/block:ifShowDescription}
  993. {block:ifnotShowDescription}
  994. <div class="sidetitle">{Title}</div>
  995. {/block:ifnotShowDescription}
  996. </td>
  997.  
  998.  
  999. </tr>
  1000. <tr>
  1001.  
  1002.  
  1003. <td style="background-color:{color:post background}">
  1004. </div>
  1005. <div class="links">
  1006. <div class="sidelinks">
  1007. <div class="small">
  1008. <table>
  1009. <tr>
  1010. <td>
  1011. <a title=home a href="/"><i class="fa fa-home"></i></a>
  1012. </td>
  1013. <td>
  1014. <a title={text:link 1 title} href="{text:link 1 url}"><i class="fa fa-thumbs-o-up"></i></a>
  1015. </td>
  1016. </tr>
  1017. <tr>
  1018. <td>
  1019. <a title={text:link 2 title} href="{text:link 2 url}"><i class="fa fa-compass"></i></a>
  1020. </td>
  1021. <td>
  1022. <a title=inbox a href="/ask"><i class="fa fa-envelope-o"></i></a>
  1023. </td>
  1024. </tr>
  1025. </table>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. <div class="big">
  1030. </td>
  1031.  
  1032. <td>
  1033. <div class="sidebarimage">
  1034. <a href="/"><img src="{image:2nd sidebar image}">
  1035. </a></div>
  1036. </td>
  1037.  
  1038.  
  1039. </tr>
  1040.  
  1041.  
  1042. </table>
  1043. </div>
  1044. {block:ifTwoPics}
  1045. {/block:ifnotTwoLinks}
  1046. {/block:ifnotTwoWords}
  1047.  
  1048. <!-------------------------------------------------------------------->
  1049.  
  1050. {block:ifnotTwoPics}
  1051. {block:ifnotTwoLinks}
  1052. {block:ifTwoWords}
  1053.  
  1054. <div class="big">
  1055. <table>
  1056.  
  1057. <tr>
  1058. <td>
  1059. <div class="sidebarimage">
  1060. <a href="/"><img src="{image:sidebar image}">
  1061. </a></div>
  1062. </td>
  1063.  
  1064. <td style="background-color:{color:post background}">
  1065. <div class="sidetitle">{Title}</div>
  1066. </td>
  1067.  
  1068. </tr>
  1069. <tr>
  1070.  
  1071. <td style="background-color:{color:post background}">
  1072. <div class="description">{Description}</div>
  1073. </td>
  1074.  
  1075.  
  1076. <td>
  1077. </div>
  1078. <div class="links">
  1079. <div class="sidelinks">
  1080. <div class="words">
  1081. <table>
  1082. <tr>
  1083. <td>
  1084. <a title=home a href="/"><i class="fa fa-home"></i></a>
  1085. </td>
  1086. <td>
  1087. <a title={text:link 1 title} href="{text:link 1 url}"><i class="fa fa-thumbs-o-up"></i></a>
  1088. </td>
  1089. </tr>
  1090. <tr>
  1091. <td>
  1092. <a title={text:link 2 title} href="{text:link 2 url}"><i class="fa fa-compass"></i></a>
  1093. </td>
  1094. <td>
  1095. <a title=inbox a href="/ask"><i class="fa fa-envelope-o"></i></a>
  1096. </td>
  1097. </tr>
  1098. </table>
  1099. </div>
  1100. </div>
  1101. </div>
  1102. <div class="big">
  1103. </td>
  1104.  
  1105. </tr>
  1106.  
  1107. </table>
  1108. </div>
  1109.  
  1110. {/block:ifTwoWords}
  1111. {/block:ifnotTwoLinks}
  1112. {/block:ifnotTwoPics}
  1113.  
  1114. </div>
  1115.  
  1116.  
  1117. <div class="entries">
  1118. {block:Posts}
  1119. <div class="posts">
  1120.  
  1121. {block:IndexPage}
  1122. {block:ifSideInfo}
  1123. <div class="sideinfo">
  1124. <table>
  1125. <tr>
  1126. <td><a title="{TimeAgo}" href="{Permalink}"><i class="fa fa-clock-o"></i></a></td>
  1127. <td>{block:NoteCount}<a title="{NoteCount}n" href="{Permalink}"><i class="fa fa-star-o"></i></a>{/block:NoteCount}</td>
  1128. </tr>
  1129. <tr>
  1130. <td>
  1131. <div class="custom-like-button">
  1132. <div class="like_button">
  1133. <a title="like">{LikeButton}
  1134. </div>
  1135. <span class="our_button">
  1136. <i class="fa fa-heart-o"></i></a>
  1137. </span>
  1138. </div>
  1139. </td>
  1140. <td><a title="reblog" href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-floppy-o"></i></a></td>
  1141. </tr>
  1142. </table>
  1143. </div>
  1144. {/block:ifSideInfo}
  1145. {/block:IndexPage}
  1146.  
  1147.  
  1148.  
  1149. {block:IndexPage}
  1150. {block:ifSideTags}
  1151. {block:ifShowTags}
  1152. {block:HasTags}
  1153. <div class="tags">
  1154. {block:Tags}
  1155. <a href="{TagURL}">#{Tag}</a>
  1156. {/block:Tags}
  1157. </div>
  1158. {/block:HasTags}
  1159. {/block:ifShowTags}
  1160. {/block:ifSideTags}
  1161. {/block:IndexPage}
  1162.  
  1163.  
  1164.  
  1165. {block:Text}
  1166. <h1>{block:Title}{Title}{/block:Title}</h1>
  1167. {Body}{/block:Text}
  1168.  
  1169.  
  1170.  
  1171. {block:Photo}
  1172. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  1173. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  1174. {/block:Photo}
  1175.  
  1176.  
  1177.  
  1178. {block:Photoset}
  1179. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1180.  
  1181. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  1182. {/block:Photoset}
  1183.  
  1184.  
  1185.  
  1186.  
  1187. {block:Quote}
  1188. <div class="quote">"{Quote}"</div>
  1189. {block:Source}<div class="quotesource"> ~ {Source} ~</div>
  1190. {/block:Source}{/block:Quote}
  1191.  
  1192.  
  1193. {block:Link}
  1194. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1195. {block:Description}{Description}{/block:Description}
  1196. {/block:Link}
  1197.  
  1198.  
  1199.  
  1200. {block:Chat}
  1201. {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>
  1202. {/block:Chat}
  1203.  
  1204.  
  1205. {block:Audio}
  1206. {block:AudioPlayer}
  1207. <div class="audiowrapper">
  1208. <div class="playerbuttonbg">
  1209. <div class="playerbutton">
  1210. <div class="playerbuttonhug">
  1211. {AudioPlayerGrey}
  1212. </div></div></div>
  1213.  
  1214. <div class="trackdetails">
  1215. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1216.  
  1217. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1218.  
  1219. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1220. {/block:AudioPlayer}
  1221.  
  1222. {block:ifCaptions}{block:Caption}
  1223. <div class="caption">{Caption}</div>
  1224. {/block:Caption}{/block:ifCaptions}
  1225. {/block:Audio}
  1226.  
  1227.  
  1228.  
  1229. {block:Video}
  1230. {Video-400}
  1231. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  1232. {/block:Video}
  1233.  
  1234.  
  1235. {block:Answer}
  1236. <div class="question">
  1237. <div class="asker"><b>{Asker} said:</b></div>
  1238. {Question}</div><br>
  1239. <div class="answer">
  1240. {Answer}</div>
  1241. {/block:Answer}
  1242.  
  1243.  
  1244.  
  1245. {block:ifnotSideInfo}
  1246. {block:IndexPage}
  1247. {block:Date}
  1248. <div class="info">
  1249.  
  1250. <table>
  1251.  
  1252. <tr>
  1253. <td>
  1254. <a href="{Permalink}"><i class="fa fa-clock-o"></i> {TimeAgo}</a>
  1255. </td>
  1256.  
  1257. {block:NoteCount}<td>
  1258. <a href="{Permalink}"><i class="fa fa-star-o"></i> {NoteCount}n</a>
  1259. </td>{/block:NoteCount}
  1260.  
  1261. <td>
  1262. <div class="custom-like-button">
  1263. <div class="like_button">
  1264. <a title="like">{LikeButton}
  1265. </div>
  1266. <span class="our_button">
  1267. <i class="fa fa-heart-o"></i> like</a>
  1268. </span>
  1269. </div>
  1270. </td>
  1271.  
  1272. <td>
  1273. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-floppy-o"></i> reblog</a>
  1274. </td>
  1275. </tr>
  1276.  
  1277.  
  1278. </table>
  1279.  
  1280.  
  1281.  
  1282.  
  1283. </div>
  1284.  
  1285. {/block:Date}
  1286. {/block:IndexPage}
  1287. {/block:ifnotSideInfo}
  1288.  
  1289. {block:IndexPage}
  1290. {block:ifnotSideTags}
  1291. {block:ifShowTags}
  1292. {block:HasTags}
  1293. <div class="tags">
  1294. {block:Tags}
  1295. <a href="{TagURL}">#{Tag}</a>
  1296. {/block:Tags}
  1297. </div>
  1298. {/block:HasTags}
  1299. {/block:ifShowTags}
  1300. {/block:ifnotSideTags}
  1301. {/block:IndexPage}
  1302.  
  1303.  
  1304. </div>
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310. {block:PermalinkPage}
  1311. {block:Date}
  1312.  
  1313. {block:ifnotCaptions}<div class="permacaption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnotCaptions}
  1314.  
  1315. <div class="permainfo">
  1316.  
  1317. <i class="fa fa-clock-o"></i> {DayofMonth}{DayOfMonthSuffix} of {Month} {block:NoteCount} <i class="fa fa-star-o"></i> {NoteCountWithLabel}{/block:NoteCount}
  1318.  
  1319. {block:RebloggedFrom}<br>
  1320. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1321. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1322. {/block:RebloggedFrom}
  1323.  
  1324. {block:HasTags}<br><div class="permlinktags">
  1325. <i class="fa fa-tags"></i> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  1326. {/block:HasTags}
  1327.  
  1328. </div>
  1329.  
  1330.  
  1331.  
  1332.  
  1333. {block:PostNotes}
  1334. <div class="postnotes">{PostNotes}</div>
  1335. {/block:PostNotes}
  1336.  
  1337. </div>
  1338. {/block:Date}
  1339. {/block:PermalinkPage}
  1340.  
  1341.  
  1342.  
  1343. {/block:Posts}
  1344.  
  1345.  
  1346.  
  1347.  
  1348. <div class="pagination">
  1349. {block:Pagination}
  1350. {block:PreviousPage}
  1351. <a href="{PreviousPage}"><i class="fa fa-angle-double-left"></i></a>{/block:PreviousPage}&nbsp;
  1352.  
  1353.  
  1354. {block:JumpPagination length="5"}
  1355. {block:CurrentPage} {PageNumber} {/block:CurrentPage}
  1356. {block:JumpPage} <a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  1357. {/block:JumpPagination}
  1358.  
  1359.  
  1360. &nbsp;{block:NextPage}
  1361. <a href="{NextPage}"><i class="fa fa-angle-double-right"></i></a>
  1362. {/block:NextPage}
  1363. {/block:Pagination}
  1364. </div>
  1365.  
  1366.  
  1367. {block:ContentSource}
  1368. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1369. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1370. {/block:SourceLogo}
  1371. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1372. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1373.  
  1374.  
  1375.  
  1376.  
  1377. <script>
  1378. $(document).ready(function(){
  1379. $('.photo-slideshow').pxuPhotoset({
  1380. lightbox: true,
  1381. rounded: false,
  1382. gutter: '1px',
  1383. borderRadius: '0px',
  1384. photoset: '.photo-slideshow',
  1385. photoWrap: '.photo-data',
  1386. photo: '.pxu-photo'
  1387. });
  1388. });
  1389. </script>
  1390.  
  1391.  
  1392.  
  1393.  
  1394. </body>
  1395.  
  1396. </div></div></div></div></div></div></div></div></div></div></div>
  1397. </html>
Advertisement
Add Comment
Please, Sign In to add comment