solocodes

Theme: Bounce

Jun 7th, 2020 (edited)
2,862
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.48 KB | None | 0 0
  1. <!----------------------------------
  2. ____ ___ _ ___ ___ ___ ___ ___ ___
  3. / __|/ _ \| | / _ \ / __/ _ \| \| __/ __|
  4. \__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \
  5. |___/\___/|____\___/ \___\___/|___/|___|___/
  6.  
  7.  
  8. **** THEME: BOUNCE ****
  9. Code Updated w/ Slight Changes November 2020
  10.  
  11. .Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
  12. .Send an ask if you need any help for malfunction
  13.  
  14. .Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
  15. .Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
  16. .Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
  17. .Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
  18. .Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
  19. .Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
  20. .Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ
  21.  
  22. ------------------------------------>
  23.  
  24.  
  25. <!DOCTYPE html>
  26. <head>
  27.  
  28. <title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34.  
  35. <meta name="color:Background" content="#fff"/>
  36. <meta name="color:Blog Title" content="000"/>
  37. <meta name="color:Desc Text" content="#000"/>
  38. <meta name="color:Search Text" content="#000"/>
  39. <meta name="color:Navigation Text" content="#000"/>
  40. <meta name="color:Text" content="#000"/>
  41. <meta name="color:Links" content="#000"/>
  42. <meta name="color:Hover" content="#000"/>
  43. <meta name="color:Bold" content="#000"/>
  44. <meta name="color:Italic" content="#777"/>
  45. <meta name="color:Border" content="#eee"/>
  46. <meta name="color:Post Info" content="#fff"/>
  47. <meta name="color:Post Info Background" content="#000"/>
  48. <meta name="color:Scrollbar" content="#fff"/>
  49.  
  50. <meta name="text:Blog Title" content="bounce"/>
  51. <meta name="text:Sub Title" content="'cause when we jumping and popping, we jopping"/>
  52. <meta name="if:Side Post Info" content="1" />
  53.  
  54.  
  55. <meta name="text:Tags Font Size" content="11"/>
  56. <meta name="text:Posts Margin" content="280"/>
  57.  
  58. <meta name="select:Title Font" content="Poppins"/>
  59. <meta name="select:Title Font" content="Muli"/>
  60. <meta name="select:Title Font" content="Open Sans"/>
  61. <meta name="select:Title Font" content="Ubuntu"/>
  62. <meta name="select:Title Font" content="Lato"/>
  63. <meta name="select:Title Font" content="Muli"/>
  64. <meta name="select:Title Font" content="Raleway"/>
  65. <meta name="select:Title Font" content="Playfair Display"/>
  66.  
  67. <meta name="select:Body Font" content="Poppins"/>
  68. <meta name="select:Body Font" content="Lato"/>
  69. <meta name="select:Body Font" content="Open Sans"/>
  70. <meta name="select:Body Font" content="Ubuntu"/>
  71. <meta name="select:Body Font" content="Raleway"/>
  72. <meta name="select:Body Font" content="Playfair Display"/>
  73.  
  74.  
  75. <meta name="select:Title Font Weight" content="400"/>
  76. <meta name="select:Title Font Weight" content="600"/>
  77. <meta name="select:Title Font Weight" content="700"/>
  78.  
  79. <meta name="select:Post Width" content="400px"/>
  80. <meta name="select:Post Width" content="450px"/>
  81. <meta name="select:Post Width" content="500px"/>
  82. <meta name="select:Post Width" content="540px"/>
  83.  
  84. <meta name="text:Link 3" content="http://"/>
  85. <meta name="text:Link 3 Title" content="Link 3"/>
  86. <meta name="text:Link 4" content="http://"/>
  87. <meta name="text:Link 4 Title" content="Link 4"/>
  88.  
  89. <meta name="image:Background" content=""/>
  90. <meta name="image:Sidebar" content ="https://static.tumblr.com/8130c33a42ce2c0be93be1c33658cb0d/ctj6i5a/6q9pyys0g/tumblr_static_9qm7zh0ydssgcgooowwksgwww.png"/>
  91.  
  92.  
  93.  
  94. <!--- HONEYBEE, GOOGLE MATERIAL & LINEAR ICONS FONT ICONS --->
  95. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/all.js"></script><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/v4-shims.js"></script>
  96.  
  97. <!----- GOOGLE FONTS ----->
  98. <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Muli:400,600,700|Poppins:400,500,600,700|Open+Sans:400,600,700|Ubuntu:400,700|Raleway:400,600,700|Playfair+Display|Rubik:400,700&display=swap" rel="stylesheet">
  99.  
  100.  
  101. <!--- SOUNDCLOUD PLAYER--->
  102. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  103. <script>
  104. // minimal soundcloud player © shythemes.tumblr
  105. $(document).ready(function(){
  106. var color = '{color:Accent One}'; // color of play button (hex)
  107. $('.soundcloud_audio_player').each(function(){
  108. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  109. });
  110. });
  111. </script>
  112.  
  113. <!--- TOOLTIPS --->
  114.  
  115. <script type="text/javascript"
  116. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  117.  
  118. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  119. <script>
  120. (function($){
  121. $(document).ready(function(){
  122. $("[title]").style_my_tooltips();
  123. });
  124. })(jQuery);
  125. </script>
  126.  
  127.  
  128.  
  129.  
  130. <style>
  131.  
  132. * {box-sizing: border-box}
  133.  
  134. /* SCROLLBAR */
  135.  
  136.  
  137.  
  138. ::-webkit-scrollbar-thumb {
  139. height:122px;
  140. border:1.7px solid transparent;
  141. background: {color:Scrollbar};}
  142.  
  143. ::-webkit-scrollbar {
  144. width:6px;
  145. height:7px;
  146. border-left:5px solid transparent;
  147. border-right:5px solid transparent;
  148. border-top:2px solid transparent;
  149. border-bottom:2px solid transparent;}
  150.  
  151.  
  152. /* TOOLTIPS */
  153. #s-m-t-tooltip {
  154. display: block;
  155. margin: 15px;
  156. color:{color:Text};
  157. background:{color:Background};
  158. border:1px solid {color:Border};
  159. font-family:{select:Body Font};
  160. font-size:0.75em;
  161. font-weight:700;
  162. text-align:center;
  163. border-radius:90px;
  164. padding:8px;
  165. border:1px solid {color:Blog Title};
  166. margin-left:25px;
  167. letter-spacing:1px;
  168. text-transform: uppercase;
  169. line-height:130%;
  170. min-width:40px;
  171. max-width:150px;
  172. z-index: 9999999999;}
  173.  
  174.  
  175. /* TUMBLR CONTROLS */
  176.  
  177. .tc svg {
  178. display:block;
  179. z-index:99999999999 !important;
  180. width:14px;
  181. height:auto;
  182. overflow:hidden;
  183. overflow:visible;}
  184.  
  185. .tc svg path {fill:{color:Blog Title};}
  186.  
  187. .tc {
  188. z-index:15;
  189. position:fixed;
  190. top:15px;
  191. right:25px;}
  192.  
  193. iframe.tmblr-iframe {
  194. z-index:999;
  195. right:-5px;
  196. top:9px;
  197. opacity:0;
  198. position:fixed;
  199. width:0;
  200. padding-right:80px;
  201. filter:contrast(150%) invert(100%);
  202. -webkit-filter:contrast(150%) invert(100%);
  203. transform:scale(0.6);
  204. -webkit-transform:scale(0.6);
  205. transform-origin:100% 0;
  206. -webkit-transform-origin:100% 0; }
  207.  
  208. #tumblr_controls:hover, .tmblr-iframe:hover {opacity:.5!important;}
  209.  
  210.  
  211.  
  212. /* LIGHTBOX */
  213. .vignette, #vignette {
  214. opacity:0; }
  215.  
  216. .lightbox-image, #tumblr_lightbox img {
  217. box-shadow:none !important;
  218. border-radius:0 !important;
  219. max-width:none;
  220. border:5px solid #fff !important;
  221. -moz-box-sizing:border-box;
  222. box-sizing:border-box;
  223. z-index:999999999999999999999 !important;}
  224.  
  225. .tmblr-lightbox, #tumblr_lightbox {
  226. background-color:rgba(245,245,245,.84) !important;
  227. z-index:999999999999999999999 !important;}
  228.  
  229. .lightbox-caption, #tumblr_lightbox_caption {
  230. visibility:hidden; }
  231.  
  232.  
  233. /* Set height of body and the document to 100% */
  234. body, html {
  235. height: 100%;
  236. margin: 0;
  237. font-size:12px;
  238. font-family:{select:Body Font};
  239. overflow-x:hidden;
  240. background-image:url('{image:Background}');
  241. background-repeat:repeat;
  242. background-attachment:fixed;
  243. background-color:{color:Background};}
  244.  
  245.  
  246. /* FIXED IMAGES + VIDEOS + DO NOT TOUCH */vg
  247. img, embed, object, video {
  248. margin:auto;
  249. max-width: 100%;
  250. border:0;
  251. outline: none;}
  252.  
  253.  
  254. select, textarea, input, a {
  255. outline: none; }
  256.  
  257. small{
  258. font-size: 90%;}
  259.  
  260. big{
  261. font-size: 110%;}
  262.  
  263. /* CHAT LINES */
  264. .lines {
  265. line-height:14px;
  266. padding:3px;
  267. font-family:{select:Body Font};
  268. color:{color:Text};}
  269.  
  270. /* ENTRY TITLES */
  271. h1 {
  272. padding-top:0px;
  273. padding-left:5px;
  274. width:{select:Post Width} - 10px;
  275. letter-spacing:1.5px;
  276. font-size:1em;
  277. text-transform:uppercase;
  278. font-weight:600;
  279. text-align:left;
  280. background:{color:Posts};
  281. color:{color:Text};
  282. line-height:22px;}
  283.  
  284. /* ENTRY BODY TEXT */
  285. h2 {
  286. width:100%;
  287. padding-bottom:10px;
  288. line-height:16px;
  289. letter-spacing: 1px;
  290. font-weight:400;
  291. font-size:1em;
  292. font-family:{select:Body Font};
  293. color:{color:Text};}
  294.  
  295. p { padding:5px;background:{color:Posts};}
  296.  
  297.  
  298. /* ENTRY LINKS / BODY LINKS */
  299. a:link, a:active, a:visited {
  300. clear:both;
  301. z-index:2!Important;
  302. color: {color:Link};
  303. text-decoration:none;}
  304.  
  305. a:hover {
  306. clear:both;
  307. z-index:99999999!Important;
  308. color: {color:Hover};
  309. -webkit-transition: all .3s;
  310. -moz-transition: all .3s;
  311. -o-transition: all .3s;
  312. -ms-transition: all .3s;
  313. transition: all .3s;}
  314.  
  315. a img, :link img, :visited img {
  316. border: 0;}
  317.  
  318. /* BOLD TEXT / DESIGN & COLOR */
  319. b, strong {
  320. color:{color:Bold};
  321. font-style:bold;}
  322.  
  323. /* ITALIC TEXT / DESIGN & COLOR */
  324. i, em, italic {
  325. color:{color:Italic};
  326. font-style:italic;}
  327.  
  328.  
  329. /* BLOCKQUOTE , PARAGRAPHS / BLOCKQUOTE IMAGES */
  330. p { padding:5px; background:{color:Posts};}
  331. .caption li {font:0.90em, {select:Body Font}, sans-serif; line-height:22px;}
  332.  
  333. p,blockquote{line-height:150%;}
  334. p,blockquote,ul,ol{margin:10px;}
  335. blockquote p{margin:10px 0;}
  336. blockquote p:first-child{margin:0 0 10px;}
  337. blockquote p:last-child{margin:10px 0 0;}
  338. blockquote p:only-child{margin:0;}
  339.  
  340. blockquote {
  341. width:{select:Post Width} - 10px;
  342. font:1em {select:Body Font}, sans-serif;
  343. line-height:14px;
  344. border-left:1px solid {color:Border};
  345. background:{color:Posts};}
  346.  
  347. blockquote p{
  348. margin:auto;
  349. padding:auto;}
  350.  
  351. blockquote img, blockquote a img {
  352. width:500px;
  353. height:auto;}
  354.  
  355. blockquote a {color:{color:Text};}
  356.  
  357. img a {border:none; max-width:500px;}
  358.  
  359.  
  360. /* QUOTE AND SOURCE TEXT POSTS */
  361. .quotee {
  362. font:1.2em {select:Body Font}, sans-serif;
  363. line-height:20px;}
  364.  
  365. .sourcee {
  366. font:1em {select:Body Font}, sans-serif;
  367. line-height:14px; }
  368.  
  369.  
  370. /* LINK BLOG POST */
  371.  
  372. .linktitle h1 {
  373. width:auto;
  374. margin-top:-3px;
  375. padding:none;
  376. height:80px;
  377. line-height:80px;
  378. text-align:center;
  379. background:{color:Background}}
  380.  
  381. /* ENTIRE POSTS/SIDEBAR CONTAINER */
  382. section {
  383. display:block;
  384. display: -webkit-box;
  385. display: -webkit-flex;
  386. display: -ms-flexbox;
  387. display: flex;
  388. clear: both;
  389. margin: 0 auto;
  390. width:calc(450px + {select:Post Width});}
  391.  
  392.  
  393. /* SLIDEOUT NAVIATION MENU CONTAINER */
  394. .sidemid {
  395. position:fixed;
  396. z-index:9;
  397. width:300px;
  398. height:200px;
  399. top:calc(49% - 100px);}
  400.  
  401.  
  402.  
  403. /* SIDEBAR CONTAINER */
  404. .sidebar {
  405. position:fixed;
  406. clear:both;
  407. margin-left:0px;
  408. margin-top:0px;
  409. width:450px;
  410. height:100%;}
  411.  
  412. /* SIDEBAR ICON IMAGE */
  413. .sidebar img {
  414. position:fixed;
  415. bottom:60px;
  416. width:150px;
  417. height:150px;}
  418.  
  419.  
  420. /* SIDEBAR/MAIN BLOG TITLE */
  421. .blogtitle {
  422. position:fixed;
  423. z-index:999999;
  424. margin-left:0px;
  425. margin-top:0px;
  426. width:170px;
  427. font-family:{select:Title Font}, sans-serif;
  428. font-size:7em;
  429. text-align:left;
  430. font-weight:{select:Title Font Weight};
  431. letter-spacing:1.1px;
  432. text-transform:uppercase;
  433. color:{color:Blog Title};}
  434.  
  435. .blogtitle a {color:{color:Blog Title};}
  436.  
  437. /* SUB TITLE */
  438. .subtitle {
  439. position:fixed;
  440. margin-left:6px;
  441. margin-top:125px;
  442. width:auto;
  443. text-align:left;
  444. font-size:2em;
  445. letter-spacing:1.1px;
  446. text-transform:uppercase;
  447. font-weight:400;
  448. font-size:0.90em;
  449. font-family:{select:Body Font}, sans-serif;}
  450.  
  451. .subtitle a {color:{color:Blog Title};}
  452.  
  453. .links {
  454. position:fixed;
  455. margin-top:58px;
  456. margin-left:0px;
  457. text-align:center;
  458. width:100px;}
  459.  
  460. .links a {
  461. width:80px;
  462. display:block;
  463. letter-spacing:1px;
  464. text-align:left;
  465. text-transform:uppercase;
  466. font-size:1.2em;
  467. margin-bottom:3px;
  468. font-weight:700;
  469. font-family:{select:Body Font}, sans-serif;
  470. color:{color:Navigation Text};}
  471.  
  472.  
  473. /* SIDEBAR ABOUT BOX DESCRIPTION */
  474. .desc {
  475. position:fixed;
  476. z-index:9999999;
  477. margin-left:190px;
  478. margin-top:40px;
  479. width:150px;
  480. height:auto;
  481. letter-spacing:1.2px;
  482. font-weight:400;
  483. text-align:left;
  484. font-size:0.90em;
  485. font-weight:400;
  486. font-family:{select:Body Font}, sans-serif;
  487. text-transform:normal;
  488. line-height:17px;
  489. color:{color:Desc Text};}
  490.  
  491.  
  492. /* SEARCH BAR */
  493. .search .query {
  494. position:fixed;
  495. z-index:9;
  496. bottom:20px;
  497. border:0;
  498. outline:0;
  499. width:280px;
  500. overflow:hidden;
  501. font:bold 0.85em {select:Body Font}, sans-serif;
  502. font-weight:400;
  503. font-style:bold;
  504. letter-spacing:1.1px;
  505. text-align:left;
  506. text-transform:uppercase;
  507. background:transparent;
  508. color:{color:Text};}
  509.  
  510. ::-webkit-input-placeholder {color: inherit;}
  511. :-moz-placeholder {color: inherit; opacity:1;}
  512. ::-moz-placeholder {color: inherit; opacity:1;}
  513. :-ms-input-placeholder {color: inherit;}
  514. input:focus::-webkit-input-placeholder {color: transparent;}
  515. input:focus:-moz-placeholder {color: transparent;}
  516. input:focus::-moz-placeholder {color: transparent;}
  517. input:focus:-ms-input-placeholder { color: transparent;}
  518.  
  519.  
  520.  
  521. /* POSTS AND ENTRIES */
  522. .posts {
  523. position:relative;
  524. z-index:999;
  525. top:50px;
  526. left:450px;
  527. float:right;}
  528.  
  529. .posts a {z-index:999;}
  530. .posts a:hover {z-index:999;}
  531.  
  532. /* ENTRIES */
  533. .entry {
  534. clear:both;
  535. margin-bottom:{text:Posts Margin}px;
  536. width:{select:Post Width};
  537. float:left;
  538. padding:10px;
  539. border:1px solid {color:Border};
  540. background:{color:Posts};}
  541.  
  542. .entry a {
  543. z-index:999999;}
  544.  
  545. /* ENTRY IMAGE */
  546. .entry img {
  547. margin:0px;
  548. height:auto;
  549. width:{select:Post Width} - 5px;}
  550.  
  551.  
  552. /* CAPTIONS CONTAINER */
  553. .caption iframe{
  554. display:block;
  555. max-width:100%;
  556. overflow:hidden;}
  557.  
  558. .caption {
  559. font:1em {select:Body Font}, sans-serif;
  560. font-weight:{select:Body Font Weight};
  561. margin:10px 0;}
  562.  
  563. .tumblr_parent {
  564. border:0;
  565. margin:4px 0;
  566. padding:20px;}
  567.  
  568. .tumblr_parent blockquote {margin:15px 10;}
  569.  
  570. {block:PermalinkPage}
  571. .tumblr_parent {padding:25px;}
  572. {/block:PermalinkPage}
  573.  
  574. .caption.nospace .tumblr_parent
  575. {border:0;
  576. padding-top:0;}
  577.  
  578. /* CAPTIONS LINK STYLING */
  579. .caption a {
  580. color:{color:Text};}
  581.  
  582. /* CAPTIONS TUMBLR USERNAME STYLING */
  583. .caption .tumblr_blog {
  584. color:{color:Text}
  585. font-size:0.90em;
  586. font-family:{select:Body Font}, sans-serif;
  587. font-weight:800;
  588. text-transform:uppercase;
  589. letter-spacing:1px;}
  590.  
  591. /* CAPTIONS TUMBLR USERNAME CONTAINER */
  592. .tumblr_blog {
  593. display:inline-block;
  594. vertical-align:middle;
  595. text-align:left;}
  596.  
  597. /* CAPTIONS AVATAR */
  598. .caption .tumblr_avatar {
  599. width:20px;
  600. height:20px;
  601. margin-right:7px;
  602. display:inline-block;
  603. vertical-align:middle;
  604. border-radius:100px;}
  605.  
  606.  
  607. /* POST INFO ICONS */
  608. .posticon {
  609. position:absolute;
  610. opacity:0;
  611. z-index:9;
  612. margin-left:{select:Post Width};
  613. margin-top:-10px;
  614. float:left;
  615. width:200px;
  616. font-size:1.2em;
  617. line-height:15px;
  618. text-align:left;
  619. font-family:{select:Title Font}, sans-serif;
  620. font-weight:{select:Title Font Weight};
  621. color:{color:Text};
  622. {block:IfSidePostInfo}
  623. opacity:11;
  624. {/block:IfSidePostInfo}}
  625.  
  626. .posticon a {
  627. letter-spacing:1.2px;
  628. text-align:right;
  629. color:{color:Text};}
  630.  
  631.  
  632. /* POST INFO TIME */
  633. .time {
  634. position:absolute;
  635. opacity:0;
  636. z-index:9;
  637. margin-left:{select:Post Width};
  638. margin-top:10px;
  639. float:left;
  640. width:200px;
  641. text-align:left;
  642. text-transform:uppercase;
  643. font-size:1em;
  644. line-height:12px;
  645. font-weight:400;
  646. letter-spacing:1px;
  647. outline:none;
  648. font-family:'Poppins', sans-serif;
  649. color:{color:Text};
  650. {block:IfSidePostInfo}
  651. opacity:1;
  652. {/block:IfSidePostInfo}}
  653.  
  654.  
  655.  
  656. /* BOTTOM POST + ENTRY INFO */
  657. .bottominfo {
  658. position:absolute;
  659. z-index:2;
  660. width:calc({select:Post Width} - 2px);
  661. margin:-10px;
  662. margin-top:-5px;
  663. margin-left:-10px;
  664. padding-top:10px;
  665. padding-bottom:10px;
  666. text-align:left;
  667. letter-spacing:1.5px;
  668. border-top:1px solid {color:Border};
  669. text-transform:uppercase;
  670. background:{color:Post Info Background};}
  671.  
  672. /* BOTTOM POST + ENTRY INFO STYING */
  673. .bottominfo a {
  674. z-index:9;
  675. display:inline-block;
  676. width:32%;
  677. padding:7px;
  678. font-family:{select:Body Font}, sans-serif;
  679. font-size:0.85em;
  680. font-weight:600;
  681. text-align:center;
  682. letter-spacing:1px;
  683. text-transform:uppercase;
  684. color:{color:Post Info};}
  685.  
  686.  
  687. /* TAGS */
  688. .tags {
  689. position:absolute;
  690. width:{select:Post Width};
  691. margin-left:-9px;
  692. margin-top:53px;
  693. z-index:9;
  694. text-align:center;
  695. line-height:20px;}
  696.  
  697. /* TAGS STYLING */
  698. .tags a {
  699. width:{select:Post Size};
  700. display:inline;
  701. padding:6px;
  702. text-decoration:none;
  703. font-family:{select:Body Font}, sans-serif;
  704. font-size:{text:Tags Font Size}px;
  705. font-style:normal;
  706. text-align:left;
  707. z-index:9;
  708. line-height:30px;
  709. letter-spacing:1px;
  710. font-weight:700;
  711. color:{color:Text};}
  712.  
  713. /* TAGS HOVER */
  714. .tags a:hover { color:{color:Hover}; }
  715.  
  716. {block:IfHoverTags}
  717. .tags {opacity:0;}
  718. .entry:hover .tags {opacity:1;}
  719. {/block:IfHoverTags}
  720.  
  721. /* ASK POSTS */
  722. .asker {
  723. font:0.90em {select:Title Font}, sans-serif;
  724. letter-spacing:1.5px;
  725. font-weight:600;
  726. font-style:bold;
  727. color:{color:Text};}
  728.  
  729. /* ASKER URL */
  730. .asker a {
  731. background:{color:Accent One};
  732. color:{color:Text};
  733. padding:4px;
  734. border-radius:3px;
  735. font:1em 'Poppins', sans-serif;
  736. text-transform:uppercase;
  737. letter-spacing:1.5px;
  738. font-weight:600;
  739. font-style:bold;
  740. border:none;}
  741.  
  742.  
  743. user{
  744. position:absolute;
  745. margin-top:8px;
  746. padding-bottom:2px;}
  747.  
  748. /* QUESTION */
  749. .question {
  750. margin-top:-15px;
  751. height: auto;
  752. padding:10px;
  753. font:1em 'Muli';
  754. font-weight:600;
  755. line-height:19px;
  756. text-transform:normal;
  757. letter-spacing:1px;
  758. background:{color:Posts};
  759. color:{color:Text};}
  760.  
  761. /* ANSWER */
  762. .answer {
  763. padding:10px;
  764. font:0.93em 'Poppins', sans-serif;
  765. font-weight:400;
  766. line-height:14px;
  767. text-transform:normal;
  768. letter-spacing:1.5px;
  769. background:{color:Posts};
  770. color:{color:Text};}
  771.  
  772. /* ANSWER BLOCKQUOTE */
  773. .answer blockquote {
  774. padding:10px;
  775. font:0.93em 'Poppins', sans-serif;
  776. font-weight:400;
  777. line-height:14px;
  778. text-transform:normal;
  779. letter-spacing:1.5px;
  780. background:{color:Posts};
  781. color:{color:Text};}
  782.  
  783. /* POST NOTES */
  784. .notes {
  785. position:absolute;
  786. z-index:999999999999;
  787. width:{select:Post Size};
  788. height:100%;
  789. padding:5px;
  790. list-style-type: none;
  791. margin-top:120px;
  792. font-size:0.80em;
  793. font-family:{select:Body Font}, sans-serif;
  794. font-style:normal;
  795. letter-spacing:1.5px;
  796. margin-left:0px;
  797. font-weight:400;
  798. text-transform:uppercase;
  799. line-height:25px;
  800. color:{color:Text};}
  801.  
  802. .notes a {
  803. border:none;
  804. color:{color:Text}; }
  805.  
  806.  
  807. ol.notes li.note img.avatar {
  808. vertical-align: -4px;
  809. margin-right: 10px;
  810. width: 16px;
  811. border: 0;
  812. border-radius:3px;
  813. height: 16px;
  814. color:{color:Text};}
  815.  
  816. a.avatar_frame {
  817. border: 0;}
  818.  
  819. /* PAGINATION */
  820. .pagination {
  821. width:{select:Post Width};
  822. z-index:100;
  823. display:block;
  824. text-align:center;
  825. font:1em 'Poppins', sans-serif;
  826. font-weight:700;
  827. text-transform:uppercase;
  828. color:{color:Text};}
  829.  
  830. .pagination a {
  831. margin: 0 4px;
  832. display: inline-block;
  833. text-align: center;
  834. letter-spacing:1px;
  835. line-height: 20px;
  836. font-weight:700;
  837. font:1em 'Poppins', sans-serif;
  838. color:{color:Text};}
  839.  
  840. .pagination a:hover {
  841. color:{color:Hover};}
  842.  
  843.  
  844. /* AUDIO POSTS */
  845. .tumblr_audio_player {
  846. border:none;
  847. clear:both;
  848. width:calc({select:Post Width} - 20px);}
  849.  
  850. .soundcloud_audio_player
  851. {width: 100%;}
  852.  
  853.  
  854. /* VIDEO POSTS */
  855. .video {overflow:hidden; border:0;}
  856. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  857.  
  858.  
  859.  
  860. {CustomCSS}
  861. </style>
  862.  
  863. <!--- UNEST CAPTIONS --->
  864. <script src="https://static.tumblr.com/emvnqzg/cK3o6sxeb/jquery.truncate.js"></script>
  865. <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  866. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  867. <script> $(function(){ $('.entry').unnest({
  868. yourCaption: '.caption',
  869. originalPostCaptionUsername: true ,
  870. tumblrAvatars: true,
  871. newCaptionUsername:false,
  872. tumblrAvatarClass: ".tumblr_avatar",
  873. usernameColon: false
  874. }); }); </script>
  875.  
  876. <!--- PXU PHOTOSET --->
  877.  
  878.  
  879.  
  880. <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
  881.  
  882. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  883.  
  884. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  885.  
  886. <script>
  887. $(document).ready(function(){
  888. $('.photo-slideshow').pxuPhotoset({
  889. lightbox: true,
  890. rounded: false,
  891. gutter: '4px',
  892. borderRadius: '0px',
  893. photoset: '.photo-slideshow',
  894. photoWrap: '.photo-data',
  895. photo: '.pxu-photo'
  896. });
  897. });
  898. </script>
  899.  
  900.  
  901. </style>
  902. </head>
  903. <body>
  904.  
  905. <div class="tc"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px"viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg></div>
  906.  
  907. <section>
  908. <div class="sidebar">
  909. <div class="sidebarimage"><img src="{image:Sidebar}"></div>
  910.  
  911. <div class="sidemid">
  912. <div class="blogtitle"><a href="/" title="return home">{text:Blog Title}</a></div>
  913. <div class="subtitle"><a href="/" title="return home">{text:Sub Title}</a></div>
  914.  
  915. <form action="/search" method="get" class="search">
  916. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="Search">
  917. </form>
  918. </div>
  919.  
  920. <div class="links">
  921. <a href="/ask" title="ask">.001</a>
  922. <a href="/archive" title="archive">.002</a>
  923. {block:ifLink3Title}
  924. <a href="{text:Link 3}" title="{text:Link 3 Title}">.003</a>
  925. {/block:ifLink3Title}
  926.  
  927. {block:ifLink4Title}
  928. <a href="{text:Link 4}" title="{text:Link 4 Title}">.004</a>
  929. {/block:ifLink4Title}
  930.  
  931. <a href="https://solocodes.tumblr.com" title="theme credit">.005</a>
  932. </div>
  933.  
  934. <div class="desc">
  935. <br> {Description}</div>
  936. </div>
  937.  
  938.  
  939. <div class="top"><div class="topimage"><img src="{image:Icon}"></div></div>
  940.  
  941. <div class="posts">
  942. {block:Posts}
  943. <div class="entry">
  944.  
  945. <div class="time">{12HourWithZero}:{Minutes} {AmPm}</div>
  946.  
  947. {block:Text}
  948. <div class="posticon"><a href="{Permalink}" title="Text Post"><span class="th th-information-o"></span> &nbsp; Text</a></div>
  949.  
  950. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  951. <h2>{Body}<h2>{/block:Text}
  952.  
  953. {block:Photo}
  954. <div class="posticon"><a href="{Permalink}" title="Photo Post"><span class="th th-picture-o"></span> &nbsp; Photo</a></div>
  955. <img src="{PhotoURL-HighRes}" width="100%"></center>
  956. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  957. <br>
  958. {/block:Photo}
  959.  
  960. {block:Photoset}
  961. <div class="posticon"><a href="{Permalink}" title="Photoset Post"><span class="th th-layers"></span> &nbsp;Picset</a></div>
  962. <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>
  963. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  964. {/block:Photoset}
  965.  
  966. {block:Chat}
  967. <div class="posticon"><a href="{Permalink}" title="Chat Post"><span class="th th-chat-bubble-o"></span> &nbsp; Chat </a></div>
  968. <div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
  969. <div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
  970. {/block:Lines}</div>
  971. {/block:Chat}
  972.  
  973. {block:Quote}
  974. <div class="quotee">
  975. "{Quote}"
  976. </div>
  977. <div class="sourcee">
  978. <br>
  979. — {Source}
  980. </div>
  981. {/block:Quote}
  982.  
  983.  
  984. {block:Link}
  985. <div class="posticon"><a href="{Permalink}" title="Link Post"><span class="th th-link"></span> &nbsp; Link </a></div>
  986. <div class="linktitle">
  987. <a href="{URL}"><h1>{Name}</h1></a>
  988. </div>
  989.  
  990. {block:Description}
  991. <p>{Description}</p>
  992. {/block:Description}
  993. {/block:Link}
  994.  
  995. {block:Answer}
  996. <div class="posticon"><a href="{Permalink}" title="Ask Post"><span class="th th-question-o"></span> &nbsp; Ask </a></div>
  997. <div class="asker">
  998. <br><div class="question">
  999. <user> {Asker} </user>
  1000. <br><br>
  1001. {Question}</div>
  1002. </div>
  1003. <div class="answer">
  1004. <blockquote>{Answer}</blockquote>
  1005. </div>
  1006. {/block:Answer}
  1007.  
  1008. {block:Video}
  1009. <div class="posticon"><a href="{Permalink}" title="Video Post"><span class="th th-tv"></span> &nbsp; Video</a></div>
  1010. <div class="video" >{Video-500}</div>
  1011. {block:IfShowCaption}
  1012. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1013. {/block:IfShowCaption}
  1014. {/block:Video}
  1015.  
  1016. {block:Audio}
  1017. <div class="posticon"><a href="{Permalink}" title="Audio Post"><span class="th th-music-o"></span> &nbsp; Tune </a> </div>
  1018. <div class="tumblr_audio_player">
  1019. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1020. </div>
  1021. {/block:Audio}
  1022.  
  1023.  
  1024. {block:Date}
  1025. <br>
  1026. <div class="bottominfo">
  1027.  
  1028. <a href="{ReblogURL}" target="_blank" title="reblog this post">Reblog</a>
  1029. <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a>
  1030.  
  1031. {block:RebloggedFrom}
  1032. <a href="{ReblogRootURL}" title=" source: {ReblogRootName}" data-hover="{lang:source}">Source</a>
  1033. {/block:RebloggedFrom}
  1034.  
  1035. {block:NotReblog}
  1036. <a href="{ReblogRootURL}" title="source: {Name}" data-hover="{lang:source}">Source</a>
  1037. {/block:NotReblog}
  1038. </div>
  1039. {/block:Date}
  1040.  
  1041. <div class="tags">
  1042. {block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;&nbsp;{/block:Tags}
  1043. </div>
  1044.  
  1045. {block:PermalinkPage}{block:PostNotes}<div class="note">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>
  1046.  
  1047. {/block:Posts}
  1048.  
  1049. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1050.  
  1051. {block:Pagination}
  1052. <div class="pagination">{block:PreviousPage}
  1053. <a href="{PreviousPage}"><</a>
  1054. {/block:PreviousPage}
  1055. {block:JumpPagination length="5"}
  1056. {block:CurrentPage}
  1057. <span class="current_page" style="color:{color:Text};letter-spacing:1px;">{PageNumber}</span>
  1058. {/block:CurrentPage}
  1059. {block:JumpPage}
  1060. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1061. {/block:JumpPage}
  1062. {/block:JumpPagination}
  1063. {block:NextPage}
  1064. <a href="{NextPage}">></a>
  1065. {/block:NextPage}
  1066. <br><br>
  1067. </div>
  1068. {/block:Pagination}
  1069. </div>
  1070. </section>
  1071.  
  1072. </body>
  1073. </html>
Add Comment
Please, Sign In to add comment