pjo06

Theme #022 - Sleepwalker

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