Advertisement
pjo06

Theme #025 - La Bella

Dec 21st, 2017
12,692
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.66 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. THEME BY LAURAHOLLIIS
  8. #025 LA BELLA
  9.  
  10. PLEASE DONT REMOVE
  11. THE CREDIT :)
  12.  
  13. -->
  14.  
  15.  
  16.  
  17. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  18.  
  19. <html>
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--TEST BLOG 4-->
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:icon" content=""/>
  29. <meta name="color:bg" content="#f8f8f8" />
  30. <meta name="color:accent" content="#ffffff" />
  31. <meta name="color:link hover" content="#fea926" />
  32. <meta name="color:outline" content="#eeeeee" />
  33. <meta name="color:text" content="#767676" />
  34. <meta name="color:link" content="#252525" />
  35. <meta name="color:Scrollbar" content="#000000">
  36.  
  37.  
  38.  
  39. <meta name="select:Post Size" content="425" title="425px"/>
  40. <meta name="select:Post Size" content="450" title="450px"/>
  41. <meta name="select:Post Size" content="475" title="475px"/>
  42. <meta name="select:Post Size" content="500" title="500px"/>
  43. <meta name="select:Post Size" content="540" title="540px"/>
  44.  
  45. <meta name="select:Gutter Size" content="1" title="1px"/>
  46. <meta name="select:Gutter Size" content="2" title="2px"/>
  47. <meta name="select:Gutter Size" content="3" title="3px"/>
  48. <meta name="select:Gutter Size" content="4" title="4px"/>
  49. <meta name="select:Gutter Size" content="5" title="5px"/>
  50. <meta name="select:Gutter Size" content="10" title="10px"/>
  51.  
  52. <meta name="text:subtitle" content="" />
  53.  
  54. <meta name="text:link 1 URL" content="/" />
  55. <meta name="text:link 1" content="" />
  56. <meta name="text:link 2 URL" content="/" />
  57. <meta name="text:link 2" content="" />
  58. <meta name="text:link 3 URL" content="/" />
  59. <meta name="text:link 3" content="" />
  60. <meta name="text:link 4 URL" content="/" />
  61. <meta name="text:link 4" content="" />
  62.  
  63.  
  64.  
  65.  
  66. <!--START-->
  67.  
  68. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  69. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  70. <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/Sv9ohgcx6/imoon.css">
  71. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  72. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  73. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  74. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
  75. <link href="https://fonts.googleapis.com/css?family=Abhaya+Libre" rel="stylesheet">
  76.  
  77. <!--Dropdown-->
  78. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  79.  
  80.  
  81.  
  82. <!--VIDEO RESIZE BY SHYTHEMES-->
  83. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  84. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  85.  
  86.  
  87.  
  88. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  89.  
  90.  
  91. <!--TOOLTIPS-->
  92. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  93. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  94. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  95. <script>
  96. (function($){
  97. $(document).ready(function(){
  98. $("[title]").style_my_tooltips({
  99. tip_follows_cursor:true,
  100. tip_delay_time:100,
  101. tip_fade_speed:200
  102. });
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107.  
  108.  
  109.  
  110.  
  111. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  112. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  113. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  114.  
  115.  
  116.  
  117.  
  118. <script>
  119. $(document).ready(function(){
  120. $('.photo-slideshow').pxuPhotoset({
  121. lightbox: true,
  122. rounded: false,
  123. gutter: '{select:Gutter Size}px',
  124. borderRadius: '0px',
  125. photoset: '.photo-slideshow',
  126. photoWrap: '.photo-data',
  127. photo: '.pxu-photo'
  128. });
  129. });
  130. </script>
  131.  
  132.  
  133.  
  134.  
  135. <!--SEARCH-->
  136. <script language="javascript">
  137. function send()
  138. {document.theform.submit()}
  139. </script>
  140.  
  141.  
  142.  
  143. <style type="text/css">
  144.  
  145.  
  146.  
  147. #s-m-t-tooltip {
  148. max-width:300px;
  149. margin:15px;
  150. padding:4px 8px 4px 8px;
  151. background:{color:link hover};
  152. color:white;
  153. z-index:999999;
  154. font-size:8px;
  155. letter-spacing:.6px;
  156. font-family:'karla';
  157. text-transform:uppercase;
  158. box-shadow:0px 0px 0px #f2f2f2;
  159. border-radius:0px;
  160. }
  161.  
  162. ::-webkit-scrollbar-thumb:vertical {
  163. background-color:{color:Scrollbar};
  164. height:5px;
  165. }
  166.  
  167. ::-webkit-scrollbar-thumb:horizontal {
  168. background-color:{color:Scrollbar};
  169. height:5px!important;
  170. }
  171.  
  172. ::-webkit-scrollbar {
  173. background-color:transparent;
  174. height:3px;
  175. width:3px;
  176. }
  177.  
  178.  
  179.  
  180. body {
  181. font-family:'Source Sans Pro';
  182. font-size:11px;
  183. font-weight:500;
  184. color:{color:text};
  185. background-color:{color:bg};
  186. }
  187.  
  188.  
  189. ::-moz-selection {
  190. background-color: {color:link hover};
  191. color: #fff;
  192. }
  193.  
  194. ::selection {
  195. background-color: {color:link hover};
  196. color: #fff;
  197. }
  198.  
  199. ul {
  200. list-style-type: circle;
  201. }
  202.  
  203.  
  204.  
  205. /*ENTRY*/
  206.  
  207. #entry {
  208. margin-top:50px;
  209. margin-left:20px;
  210. }
  211.  
  212.  
  213. /*SIDEBAR*/
  214.  
  215. #sidebar {
  216. width:245px;
  217. top:50px;
  218. left:calc(50% - {select:Post Size}px/2 - 275px);
  219. position:fixed;
  220. background-color:{color:accent};
  221. box-shadow: rgba(0,0,0,.03) 1px 1px 3px;
  222. border:1px solid {color:outline};
  223. padding-bottom:10px;
  224. }
  225.  
  226. #sidebar img {
  227. width:245px;
  228. }
  229.  
  230.  
  231. #description {
  232. font-size:11px;
  233. padding:10px 10px 10px 20px;
  234. }
  235.  
  236. #sb-name {
  237. margin:-18px 0px 10px 30px;
  238. font-size:10px;
  239. text-transform:uppercase;
  240. }
  241.  
  242. #parentp img {
  243. width:30px;
  244. height:30px;
  245. border-radius:100%;
  246. position:absolute;
  247. z-index:9999;
  248. background-color:{color:bg};
  249. padding:5px;
  250. margin-left:-60px;
  251. {block:IfSubtitle}
  252. margin-top:-5px;
  253. {/block:IfSubtitle}
  254. {block:IfNotSubtitle}
  255. margin-top:-5px;
  256. {/block:IfNotSubtitle}
  257. border-right:1px solid {color:outline};
  258. }
  259.  
  260. #title {
  261. border-bottom:1px solid {color:outline};
  262. margin-left:0px;
  263. max-width:210px;
  264. margin-top:10px;
  265. padding-right:10px;
  266. padding-left:37px;
  267. padding-bottom:15px;
  268. }
  269.  
  270. #title a{
  271. }
  272.  
  273.  
  274. #subtitle {
  275. font-size:11px;
  276. text-transform:lowercase;
  277. font-family:'Times';
  278. font-style: oblique;
  279. opacity:0.5;
  280. margin-top:2px;
  281. line-height:9px;
  282. }
  283.  
  284.  
  285.  
  286. .searchbox {
  287. vertical-align:middle;
  288. display:inline;
  289. margin:0px 0px 0px 20px;
  290. color:{color:text};
  291. }
  292.  
  293. .searchbox input {
  294. outline:none;
  295. background-color: transparent;
  296. font-size: 10px;
  297. border: 0px solid white;
  298. text-transform: uppercase;
  299. text-align:left;
  300. color: {color:text};
  301. padding: 0px 0px;
  302. width:90px;
  303. }
  304.  
  305. .searchbox input, .actual-edit-overlay {
  306. -webkit-text-fill-color: {color:text}; !important;
  307. font-family:'Source Sans Pro';
  308. }
  309.  
  310.  
  311.  
  312. #pagination {
  313. text-transform:uppercase;
  314. font-size:10px;
  315. float:right;
  316. margin-right:15px;
  317. }
  318.  
  319. #pagination a{
  320. padding:3px;
  321. }
  322.  
  323. #pagination a:hover{
  324. }
  325.  
  326. .current {
  327. display:inline-block;
  328. padding:3px;
  329. opacity:0.8;
  330. color:{color:link hover};
  331. }
  332.  
  333.  
  334. /*RIGHT SIDEBAR*/
  335.  
  336. .rightsidebar{
  337. background-color:{color:accent};
  338. border:1px solid {color:outline};
  339. position:fixed;
  340. left:calc(50% + {select:Post Size}px/2 + 45px);
  341. }
  342.  
  343. #iconx img {
  344. width:40px;
  345. height:40px;
  346. border-radius:100%;
  347. position:absolute;
  348. z-index:9999;
  349. background-color:{color:bg};
  350. padding:5px;
  351. margin-left:73px;
  352. margin-top:5px;
  353. border-left:1px solid {color:outline};
  354. }
  355.  
  356. #minifollow{
  357. font-size:9px;
  358. position:absolute;
  359. {block:IfIconImage}
  360. margin-left:107px;
  361. margin-top:10px;
  362. {/block:IfIconImage}
  363. {block:IfNotIconImage}
  364. margin-left:80px;
  365. margin-top:-5px;
  366. {/block:IfNotIconImage}
  367. z-index:9999;
  368. width:16px;
  369. height:16px;
  370. }
  371.  
  372. #minifollow a{
  373. background-color:{color:link hover};
  374. color:white;
  375. border:2px solid {color:bg};
  376. padding:3px 5px 3px 5px;
  377. border-radius:100%;
  378. }
  379.  
  380. /*SIDELINKS*/
  381.  
  382.  
  383.  
  384. .sidelinks {
  385. text-align:left;
  386. font-style:italic;
  387. text-transform:lowercase;
  388. font-size:10px;
  389. margin-top:2px;
  390. /*padding:10px 35px 10px 20px;*/
  391. width:90px;
  392. }
  393.  
  394.  
  395. .sidelinks a{
  396. color:{color:link};
  397. display:block;
  398. padding:0px 10px 0px 10px;
  399. margin-top:5px;
  400. margin-bottom:5px;
  401. letter-spacing:0.6px;
  402. -moz-transition-duration: 0.3s;
  403. -o-transition-duration: 0.3s;
  404. -webkit-transition-duration: 0.3s;
  405. transition-duration: 0.3s;
  406. }
  407.  
  408. .sidelinks a:hover {
  409. background-color:{color:link hover};
  410. color:white;
  411. -moz-transition-duration: 0.3s;
  412. -o-transition-duration: 0.3s;
  413. -webkit-transition-duration: 0.3s;
  414. transition-duration: 0.3s;
  415. }
  416.  
  417.  
  418. /*LINKS*/
  419.  
  420.  
  421. a {
  422. text-decoration:none;
  423. color:{color:link};
  424. -moz-transition-duration: 0.3s;
  425. -o-transition-duration: 0.3s;
  426. -webkit-transition-duration: 0.3s;
  427. transition-duration: 0.3s;
  428. }
  429.  
  430. a:hover {
  431. color:{color:link hover};
  432. -moz-transition-duration: 0.3s;
  433. -o-transition-duration: 0.3s;
  434. -webkit-transition-duration: 0.3s;
  435. transition-duration: 0.3s;
  436. }
  437.  
  438.  
  439.  
  440. /*POSTS*/
  441.  
  442. #posts {
  443. width:{select:Post Size}px;
  444. margin-left:auto;
  445. margin-right:auto;
  446. margin-bottom:70px;
  447. background-color:{color:accent};
  448. border:1px solid {color:outline};
  449. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  450. }
  451.  
  452. #posts img {
  453. max-width:100%;
  454. height:auto;
  455. }
  456.  
  457.  
  458. /*POSTINFO*/
  459.  
  460. #postinfo {
  461. border-top:1px solid {color:outline};
  462. max-width:{select:Post Size};
  463. padding:11px;
  464. text-transform:uppercase;
  465. font-size:10px;
  466. }
  467.  
  468. #maininfo2 {
  469. font-size:10px;
  470. padding:14px 0px 13px 14px;
  471. border-bottom:1px solid {color:outline};
  472. max-width:{select:Post Size};
  473. }
  474.  
  475.  
  476. .tags {
  477. margin-left:5px;
  478. margin-top:5px;
  479. position:absolute;
  480. max-width:calc({select:Post Size}px);
  481. font-size:10px;
  482. font-style:italic;
  483. opacity:0.6;
  484. max-height:65px;
  485. overflow-y:scroll;
  486. }
  487.  
  488. .tags a{
  489. -moz-transition-duration: 0.3s;
  490. -o-transition-duration: 0.3s;
  491. -webkit-transition-duration: 0.3s;
  492. transition-duration: 0.3s;
  493. }
  494.  
  495. .tags a:hover{
  496. background-color:{color:link hover};
  497. padding:0px;
  498. color:white;
  499. -moz-transition-duration: 0.3s;
  500. -o-transition-duration: 0.3s;
  501. -webkit-transition-duration: 0.3s;
  502. transition-duration: 0.3s;
  503. }
  504.  
  505. /*POST DETAILS*/
  506.  
  507. #quote {
  508. font-style:italic;
  509. font-size: 15px;
  510. text-transform:uppercase;
  511. padding:10px 10px 7px 10px;
  512. }
  513.  
  514. .source {
  515. font-style:italic;
  516. margin-bottom:10px;
  517. margin-left:20px;
  518. }
  519.  
  520. .title {
  521. font-size:18px;
  522. font-weight:600;
  523. font-style:italic;
  524. text-transform:uppercase;
  525. padding:10px 10px 0px 10px;
  526. }
  527.  
  528. .linkname {
  529. font-size:15px;
  530. font-style:italic;
  531. text-transform:uppercase;
  532. margin-bottom:-10px;
  533. }
  534.  
  535.  
  536.  
  537. /*AUDIO*/
  538.  
  539. .spotify_audio_player {
  540. height: 80px !important;
  541.  
  542. }
  543.  
  544. .audio-media .width_fix iframe{
  545. width: calc({select:Post Size}px) !important;
  546. margin: 0px;
  547. margin-top: 0px;
  548. margin-left: 0px;
  549. }
  550. .audio-media iframe.tumblr_audio_player{
  551. height: 85px !important;
  552. }
  553.  
  554.  
  555.  
  556. /*QUESTION*/
  557.  
  558. .question {
  559. background-color:#fafafa;
  560. width:500px;
  561. text-align:center;
  562. padding:10px;
  563. }
  564.  
  565. .asker {
  566. font-style:italic;
  567. text-transform:uppercase;
  568. font-size:12;
  569. text-align:center;
  570. }
  571.  
  572.  
  573.  
  574.  
  575. /*NOTES*/
  576.  
  577. #notes {
  578. margin-left:auto;
  579. margin-right:auto;
  580. margin-top:-10px;
  581. margin-bottom:60px;
  582. width:{select:Post Size}px;
  583. background-color:{color:accent};
  584. border:1px solid {color:outline};
  585. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  586. }
  587.  
  588. .notes ol, .notes li{
  589. list-style:none;
  590. }
  591.  
  592.  
  593. ol.notes li.note img.avatar {
  594. vertical-align:-8px;
  595. border-radius:0%;
  596. margin-right:10px;
  597. width:16px;
  598. height:16px;
  599. margin-top:4px;
  600. margin-bottom:4px;
  601. }
  602.  
  603.  
  604. /*CAPTIONS*/
  605.  
  606. blockquote {
  607. padding-left:5px;
  608. border-left:1px solid {color:outline};
  609. margin-left:5px;
  610. }
  611.  
  612.  
  613. blockquote blockquote {
  614. padding-left:5px;
  615. border-left:1px solid {color:outline};
  616. margin-left:5px;
  617. }
  618.  
  619. .captions {
  620. padding:0px 10px 0px 10px;
  621. }
  622.  
  623.  
  624. .cap {
  625. margin:10px;
  626. }
  627.  
  628. .cap a{
  629.  
  630. -moz-transition-duration: 0.3s;
  631. -o-transition-duration: 0.3s;
  632. -webkit-transition-duration: 0.3s;
  633. transition-duration: 0.3s;
  634. }
  635.  
  636. .cap a:hover{
  637. background-color:{color:link hover};
  638. padding:0px;
  639. color:white;
  640. -moz-transition-duration: 0.3s;
  641. -o-transition-duration: 0.3s;
  642. -webkit-transition-duration: 0.3s;
  643. transition-duration: 0.3s;
  644. }
  645.  
  646. .captions a{
  647.  
  648. -moz-transition-duration: 0.3s;
  649. -o-transition-duration: 0.3s;
  650. -webkit-transition-duration: 0.3s;
  651. transition-duration: 0.3s;
  652. }
  653.  
  654. .captions a:hover{
  655. background-color:{color:link hover};
  656. padding:0px;
  657. color:white;
  658. -moz-transition-duration: 0.3s;
  659. -o-transition-duration: 0.3s;
  660. -webkit-transition-duration: 0.3s;
  661. transition-duration: 0.3s;
  662. }
  663.  
  664.  
  665. /*LIKE INFO*/
  666.  
  667. .custom-like-button *{cursor:pointer!important;}
  668. .custom-like-button {
  669. position:relative;
  670. display:inline-block;
  671. vertical-align:top;
  672. width:10px;
  673. height:15px;
  674. margin:0 8px;
  675. cursor:pointer;
  676. color:{color:link};
  677. }
  678.  
  679. .like_button:hover + .our_button {
  680. color:{color:link hover};
  681. -moz-transition-duration: 0.3s;
  682. -o-transition-duration: 0.3s;
  683. -webkit-transition-duration: 0.3s;
  684. transition-duration: 0.3s;
  685. }
  686.  
  687. .like_button.liked + .our_button {
  688. color:{color:link hover};;
  689. }
  690. .like_button iframe {
  691. width:100%!important;
  692. height:100%!important;
  693. }
  694. .like_button {
  695. z-index:10;
  696. opacity:0;
  697. }
  698. .our_button {
  699. z-index:1;
  700. }
  701. .our_button,.like_button {
  702. position:absolute;
  703. top:0;
  704. left:0;
  705. width:100%;
  706. height:100%;
  707. }
  708.  
  709.  
  710.  
  711. /*SOURCE DO NOT REMOVE*/
  712.  
  713.  
  714. #mastersrc {
  715. background-color:{color:accent};
  716. font-family:'Karla';
  717. color:{color:text};
  718. position:fixed;
  719. bottom:10px;
  720. right:10px;
  721. padding:6px 8px 6px 8px;
  722. font-size:12px;
  723. border:1px solid {color:outline};
  724. opacity:1;
  725. width:10px;
  726. overflow:hidden;
  727. border-radius:100px;
  728. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  729. -moz-transition-duration: 0.4s;
  730. -o-transition-duration: 0.4s;
  731. -webkit-transition-duration: 0.4s;
  732. transition-duration: 0.4s;
  733. }
  734.  
  735. #srcname {
  736. font-family:'Karla';
  737. color:{color:text};
  738. font-size:8px;
  739. text-transform:uppercase;
  740. margin-top:-11px;
  741. margin-left:22px;
  742. position:absolute;
  743. }
  744.  
  745. #mastersrc:hover {
  746. color:{color:text};
  747. width:77px;
  748. -moz-transition-duration: 0.4s;
  749. -o-transition-duration: 0.4s;
  750. -webkit-transition-duration: 0.4s;
  751. transition-duration: 0.4s;
  752. }
  753.  
  754. #mastersrc a:hover{
  755. color:{color:text};
  756. }
  757.  
  758.  
  759. /*CONTROLS*/
  760.  
  761.  
  762. iframe.tmblr-iframe {
  763. z-index:99999999999999!important;
  764. top:0!important;
  765. right:0!important;
  766. opacity:0.4;
  767. /* delete invert(1) from here */
  768. filter:invert(1) contrast(150%);
  769. -webkit-filter:invert(1) contrast(150%);
  770. -o-filter:invert(1) contrast(150%);
  771. -moz-filter:invert(1) contrast(150%);
  772. -ms-filter:invert(1) contrast(150%);
  773. /* to here if your blog has a dark background */
  774. transform:scale(0.65);
  775. transform-origin:100% 0;
  776. -webkit-transform:scale(0.65);
  777. -webkit-transform-origin:100% 0;
  778. -o-transform:scale(0.65);
  779. -o-transform-origin:100% 0;
  780. -moz-transform:scale(0.65);
  781. -moz-transform-origin:100% 0;
  782. -ms-transform:scale(0.65);
  783. -ms-transform-origin:100% 0;}
  784.  
  785. iframe.tmblr-iframe:hover {
  786. opacity:0.6!important;}
  787.  
  788.  
  789.  
  790. {CustomCSS}</style>
  791.  
  792.  
  793. </head>
  794. <body>
  795.  
  796.  
  797. <!--SIDEBAR-->
  798.  
  799. <div id="sidebar">
  800.  
  801. {Block:IfSidebarImage}
  802. <img src="{image:sidebar}">
  803. {/Block:IfSidebarImage}
  804.  
  805. <!--<div id="sb-name">
  806. <a href="/"></a>
  807. </div>-->
  808.  
  809. <div id="title">
  810.  
  811. <span id="parentp" title="{Name}"><img src="{PortraitURL-48}"></span>
  812.  
  813. <a href="/" style="font-size:11px; text-transform:uppercase;">{Title}</a>
  814.  
  815. <div id="subtitle">
  816. {block:IfSubtitle}
  817. {text:subtitle}
  818. {/block:IfSubtitle}
  819. {block:IfNotSubtitle}
  820. <a href="/">{Name}</a>
  821. {/block:IfNotSubtitle}
  822. </div>
  823.  
  824.  
  825.  
  826. </div>
  827.  
  828.  
  829.  
  830. <div id="description">
  831.  
  832.  
  833. {description}
  834.  
  835. </div>
  836.  
  837.  
  838. <form action="/search" method="get" class="searchbox" name="theform">
  839. <i class="fa fa-search" aria-hidden="true" style="font-size:10px;margin-right:3px;"></i>
  840. <input type="text" name="q" value="" placeholder="search" id="sf"/>
  841. </form>
  842.  
  843.  
  844. {block:Pagination}
  845. <div id="pagination">
  846.  
  847. {block:PreviousPage}
  848. <a href="{PreviousPage}"><span class="lnr lnr-chevron-left" style="font-size:7px;font-weight:700;"></span></a>
  849. {/block:PreviousPage}
  850.  
  851. {block:JumpPagination length="5"}
  852. {block:CurrentPage}
  853. <span class="current">{PageNumber}</span>
  854. {/block:CurrentPage}
  855. {block:JumpPage}
  856. <a href="{URL}">{PageNumber}</a>
  857. {/block:JumpPage}
  858. {/block:JumpPagination}
  859.  
  860.  
  861. {block:NextPage}
  862. <a href="{NextPage}"><span class="lnr lnr-chevron-right" style="font-size:7px;font-weight:700;"></span></a>
  863. {/block:NextPage}
  864.  
  865. </div>
  866. {/block:Pagination}
  867.  
  868.  
  869.  
  870. </div>
  871.  
  872.  
  873.  
  874. <div class="rightsidebar">
  875.  
  876. {block:IfIconImage}
  877. <div id="iconx"><img src="{image:icon}"></div>
  878. {/block:IfIconImage}
  879. <div id="minifollow" title="follow">
  880. <a href="http://www.tumblr.com/follow/{Name}">
  881. <i class="fa fa-plus" aria-hidden="true"></i>
  882. </a>
  883. </div>
  884.  
  885. <div class="sidelinks">
  886.  
  887. <a href="/">
  888. index
  889. </a>
  890.  
  891. <a href="/ask">
  892. ask
  893. </a>
  894.  
  895.  
  896. {block:IfLink1}
  897. <a href="{text:link 1 URL}">
  898. {text:link 1}
  899. </a>
  900. {block:IfLink1}
  901.  
  902. {block:IfLink2}
  903. <a href="{text:link 2 URL}">
  904. {text:link 2}
  905. </a>
  906. {block:IfLink2}
  907.  
  908. {block:IfLink3}
  909. <a href="{text:link 3 URL}">
  910. {text:link 3}
  911. </a>
  912. {block:IfLink3}
  913.  
  914. {block:IfLink4}
  915. <a href="{text:link 4 URL}">
  916. {text:link 4}
  917. </a>
  918. {block:IfLink4}
  919.  
  920.  
  921. </div>
  922.  
  923. </div>
  924.  
  925.  
  926.  
  927.  
  928.  
  929. <!--posts-->
  930. <div id="entry">
  931. {block:posts}
  932.  
  933. <div id="posts">
  934.  
  935.  
  936. <div id="maininfo2">
  937. <a href="{Permalink}">
  938. <span title="{TimeAgo}">
  939. <span style="float:right;margin-right:18px;margin-top:-2px;{block:NotReblog}margin-top:-2px;{/block:NotReblog}">{block:Date}<i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;{ShortMonth} {DayOfMonth}, {Year}{/block:Date}</span>
  940. </span>
  941. {block:NotReblog}
  942. <span style="padding:10px"></span>
  943. {/block:NotReblog}
  944. </a>
  945.  
  946.  
  947. {block:NotReblog}
  948. <img src="{PortraitURL-40}" style="width:23px;border-radius:0px;float:left;margin-top:-6px;"/>
  949. <a href="/" style="margin-left:-8px;font-weight:bold;">{Name}</a>
  950. {/block:NotReblog}
  951.  
  952.  
  953.  
  954. {block:RebloggedFrom}
  955.  
  956. <img src="{ReblogParentPortraitURL-40}" style="width:23px;border-radius:0px;float:left;margin-top:0px;"/>
  957.  
  958. <a href="{ReblogParentURL}" style="margin-left:10px;font-weight:bold;">{ReblogParentName}</a>
  959. &nbsp;
  960. <br>
  961. <span style="opacity:.8; margin-left:10px;">
  962. <i class="fa fa-retweet" aria-hidden="true" style="opacity:.9;margin-right:3px;"></i>
  963. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  964. </span>
  965. {/block:RebloggedFrom}
  966. </div>
  967.  
  968.  
  969. {block:Text}
  970. {block:Title}<div class="title">{Title}</div>{/block:Title}
  971. <div class="cap">{Body}</div>
  972. {/block:Text}
  973.  
  974.  
  975.  
  976. {block:Photo}
  977. {LinkOpenTag}<img src="{PhotoURL-HighRes}" style="width:{select:Post Size}; margin-bottom:-3px;">{LinkCloseTag}
  978. {block:Caption}<div class="captions" style="margin-top:-1px;">{Caption}</div>{/block:Caption}
  979. {/block:Photo}
  980.  
  981.  
  982. {block:Photoset}
  983. <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>
  984.  
  985. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  986. {/block:Photoset}
  987.  
  988.  
  989.  
  990. {block:Quote}
  991. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  992. {/block:Quote}
  993.  
  994. {block:Link}
  995. <div class="captions" style="padding-top:10px;">
  996. <a href="{URL}"><div class="linkname">{Name}</div></a>{block:Description}{description}{/block:Description}
  997. </div>
  998. {/block:Link}
  999.  
  1000. {block:Chat}
  1001. <div style="padding:10px;">
  1002. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  1003. </div>
  1004. {/block:Chat}
  1005.  
  1006.  
  1007.  
  1008.  
  1009. {block:Audio}
  1010.  
  1011.  
  1012.  
  1013. {block:AudioEmbed}
  1014. <div class="audio-media" style="border:none; margin-top:-1px;">
  1015. <div class="width_fix">{AudioEmbed-500}</div>
  1016. </div>
  1017. {/block:AudioEmbed}
  1018.  
  1019. {block:Caption}
  1020. <div class="captions">{Caption}</div>
  1021. {/block:Caption}
  1022.  
  1023. {/block:Audio}
  1024.  
  1025.  
  1026.  
  1027.  
  1028. {block:video}
  1029. <div class="video">{Video-500}</div>
  1030. {block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  1031. {/block:video}
  1032.  
  1033.  
  1034. {block:answer}
  1035. <div class="question">
  1036. <div class="asker">
  1037. <b>{asker} said:</b></div>
  1038. <br>{question}
  1039. </div>
  1040. {Answer}
  1041. {/block:answer}
  1042.  
  1043.  
  1044. <!--postinfo-->
  1045.  
  1046. <div id="postinfo">
  1047.  
  1048. <a href="{Permalink}">
  1049. <i class="fa fa-heart" aria-hidden="true" style="font-size:9px;color:{color:link hover}"></i>&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}
  1050. </a>
  1051.  
  1052. <span style="float:right;">
  1053.  
  1054. <div class="custom-like-button">{LikeButton}
  1055. <span class="our_button"><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:900;" title="like"></i></span>
  1056. </div>
  1057.  
  1058. <a href="{ReblogURL}">
  1059. <i class="fa fa-repeat" aria-hidden="true" title="reblog"></i>
  1060. </a>
  1061.  
  1062.  
  1063. </span>
  1064.  
  1065. <!-- {block:NoRebloggedFrom}
  1066. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1067. {/block:NoRebloggedFrom} -->
  1068.  
  1069.  
  1070. {block:ContentSource}<!-- {SourceURL}
  1071. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1072. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1073. {/block:ContentSource}
  1074.  
  1075. </div> <!--POST INFO DIV-->
  1076.  
  1077.  
  1078. {block:HasTags}
  1079. <div class="tags">
  1080. {block:tags}
  1081. <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  1082. {/block:tags}
  1083. </div>
  1084. {/block:HasTags}
  1085.  
  1086.  
  1087. </div> <!--POSTS DIV-->
  1088.  
  1089.  
  1090.  
  1091.  
  1092. {block:PostNotes}
  1093. <div id="notes">
  1094. <div class="notes">
  1095. {PostNotes}
  1096. </div>
  1097. </div>
  1098. {/block:PostNotes}
  1099.  
  1100.  
  1101. {/block:posts}
  1102. </div>
  1103.  
  1104.  
  1105.  
  1106. </div>
  1107.  
  1108. <!--DO NOT REMOVE-->
  1109.  
  1110. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  1111. <a href="http://lauraholliis.tumblr.com">
  1112. <div id="srcname">lauraholliis</div>
  1113. </a>
  1114. </div>
  1115.  
  1116. </body>
  1117. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement