API tools faq
paste
Advertisement
solocodes

Theme: Faults

solocodes
Jul 1st, 2022 (edited)
2,636
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.43 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------
  2. ___ ___ _ ___ ___ ___ ___ ___ ___
  3. / __|/ _ \| | / _ \ / __/ _ \| \| __/ __|
  4. \__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \
  5. |___/\___/|____\___/ \___\___/|___/|___|___/
  6.  
  7.  
  8. **** THEME: FAULTS ****
  9.  
  10. .Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
  11. .Hᴀᴠᴇ Aɴʏ Qᴜᴇsᴛɪᴏɴs? Sᴇɴᴅ Mᴇ ᴀɴ Asᴋ
  12.  
  13. .Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
  14. .Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
  15. .Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
  16. .Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
  17. .Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
  18. .Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
  19. .Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ
  20.  
  21. ------------------------------------>
  22.  
  23.  
  24. <!DOCTYPE html>
  25. <head>
  26.  
  27. <title>{Title}</title>
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33.  
  34. <meta name="color:Background" content="#070707"/>
  35. <meta name="color:Accent One" content ="#479aff"/>
  36. <meta name="color:Accent Two" content ="#ffcc33"/>
  37. <meta name="color:Tooltip Background" content="#ffcc33"/>
  38. <meta name="color:Tooltip Text" content="#000"/>
  39. <meta name="color:Sidebar" content="#000"/>
  40. <meta name="color:Text" content="#fff"/>
  41. <meta name="color:Links" content="#e53057"/>
  42. <meta name="color:Hover" content="#bbb"/>
  43. <meta name="color:Bold" content="#000"/>
  44. <meta name="color:Italic" content="#ccc"/>
  45. <meta name="color:Border" content="#111"/>
  46. <meta name="color:Posts" content="#fff"/>
  47. <meta name="color:Tags" content="#000"/>
  48. <meta name="color:Scrollbar" content="#ffcc33"/>
  49.  
  50. <meta name="text:Blog Title" content="Faults"/>
  51. <meta name="if:Box Shadows" content="0"/>
  52. <meta name="text:Desc Font Size" content="11"/>
  53. <meta name="text:Posts Margin" content="280"/>
  54.  
  55.  
  56. <meta name="select:Body Font" content="Space Mono"/>
  57. <meta name="select:Body Font" content="Poppins"/>
  58. <meta name="select:Body Font" content="Lato"/>
  59. <meta name="select:Body Font" content="Open Sans"/>
  60. <meta name="select:Body Font" content="Karla"/>
  61. <meta name="select:Body Font" content="Raleway"/>
  62. <meta name="select:Body Font" content="Montserrat"/>
  63. <meta name="select:Body Font" content="Day One"/>
  64. <meta name="select:Body Font" content="Sora"/>
  65. <meta name="select:Body Font" content="Doppio One"/>
  66. <meta name="select:Body Font" content="Exo"/>
  67. <meta name="select:Body Font" content="Montserrat"/>
  68. <meta name="select:Body Font" content="Libre Franklin"/>
  69. <meta name="select:Body Font" content="Monda"/>
  70. <meta name="select:Body Font" content="Mukta"/>
  71. <meta name="select:Body Font" content="Red Hat Display"/>
  72.  
  73. <meta name="select:Title Font Weight" content="400"/>
  74. <meta name="select:Title Font Weight" content="500"/>
  75. <meta name="select:Title Font Weight" content="600"/>
  76. <meta name="select:Title Font Weight" content="700"/>
  77. <meta name="select:Title Font Weight" content="800"/>
  78.  
  79. <meta name="select:Body Font Weight" content="400"/>
  80. <meta name="select:Body Font Weight" content="500"/>
  81. <meta name="select:Body Font Weight" content="600"/>
  82. <meta name="select:Body Font Weight" content="700"/>
  83. <meta name="select:Body Font Weight" content="800"/>
  84.  
  85.  
  86. <meta name="text:Link 1" content="http://"/>
  87. <meta name="text:Link 1 Title" content="Link"/>
  88. <meta name="text:Link 2" content="http://"/>
  89. <meta name="text:Link 2 Title" content="Link"/>
  90. <meta name="text:Link 3" content="http://"/>
  91. <meta name="text:Link 3 Title" content="Link"/>
  92. <meta name="text:Link 4" content="http://"/>
  93. <meta name="text:Link 4 Title" content="Link"/>
  94. <meta name="text:Link 5" content="http://"/>
  95. <meta name="text:Link 5 Title" content="Link"/>
  96.  
  97. <meta name="image:Background" content=""/>
  98. <meta name="image:Sidebar" content="https://i.imgur.com/N2rwdFx.jpg"/>
  99. <meta name="image:Icon" content="https://i.imgur.com/nReqMBE.jpg"/>
  100.  
  101.  
  102.  
  103. <!--- HONEYBEE, DRIP, GOOGLE MATERIAL & LINEAR ICONS FONT ICONS --->
  104. <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><link rel="stylesheet" href="https://unpkg.com/@icon/dripicons/dripicons.css">
  105.  
  106. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
  107.  
  108.  
  109. <!----- GOOGLE FONTS ----->
  110. <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Muli:400,600,700|Poppins:400,500,600,700|Space+Mono:400,700,800,600|Open+Sans:400,600,700|Ubuntu:400,700|Days+One&family=Doppio+One&family=Exo:wght@500;600;700;800&family=Libre+Franklin:wght@400;500;600;700;800&family=Monda:wght@400;700&family=Montserrat:wght@500;600;700&family=Mukta:wght@400;500;600;700;800&family=Red+Hat+Display:ital,wght@0,700;1,400&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  111.  
  112.  
  113. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&family=Raleway:wght@400;800&family=Work+Sans:wght@800&display=swap" rel="stylesheet">
  114.  
  115. <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
  116.  
  117.  
  118. <!----- COLOR AUDIO ----->
  119. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  120.  
  121. <script>
  122. $(document).ready(function() {
  123. // audio player
  124. var $audio = $('iframe.tumblr_audio_player');
  125. $audio.load(function() {
  126. $(this).contents().find('head').append('<style type="text/css">' +
  127. '.audio-player { background:{color:Accent}; color:{color:Text} !important; }' + '.audio-player .audio-info .track-artist { {color:Text} !important; }' + '</style>');
  128. });
  129. });
  130. </script>
  131.  
  132. <!--- SOUNDCLOUD PLAYER--->
  133. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  134. <script>
  135. // minimal soundcloud player © shythemes.tumblr
  136. $(document).ready(function(){
  137. var color = '{color:Accent One}'; // color of play button (hex)
  138. $('.soundcloud_audio_player').each(function(){
  139. $(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%' });
  140. });
  141. });
  142. </script>
  143.  
  144. <!---- DRAGGABLE SCRIPT --->
  145. <script src="https://cdn.jsdelivr.net/npm/interactjs/dist/interact.min.js"></script>
  146.  
  147.  
  148.  
  149.  
  150. <style>
  151.  
  152. * {box-sizing: border-box}
  153.  
  154. ::-webkit-scrollbar {
  155. z-index:9999999999;
  156. width:6px;
  157. height:7px;
  158. border-left:5px solid transparent;
  159. border-right:5px solid transparent;
  160. border-top:2px solid transparent;
  161. border-bottom:2px solid transparent;}
  162.  
  163.  
  164. ::-webkit-scrollbar-track {
  165. background:{color:Background};
  166. }
  167.  
  168.  
  169. ::-webkit-scrollbar-thumb {
  170. height:102px;
  171. border:1.7px solid transparent;
  172. z-index:9999999999;
  173. border-radius:8px;
  174. background:{color:Scrollbar};}
  175.  
  176.  
  177. /* TOOLTIPS */
  178. .tippy-tooltip.custom-theme {
  179. background-color:{color:Tooltip Background};
  180. color:{color:Tooltip Text};
  181. text-align:center;
  182. font-family:{select:Body Font}, sans-serif;
  183. font-weight:bold;
  184. text-transform:uppercase;
  185. letter-spacing:1px;
  186. font-size:0.90em;
  187. box-shadow: 7px 7px 7px -9px rgba(000,000,000, 0.45);}
  188.  
  189. .tippy-tooltip.custom-theme .tippy-svg-arrow {
  190. fill:{color:Tooltip Background};}
  191.  
  192.  
  193.  
  194. iframe.tmblr-iframe {
  195. {block:IndexPage}
  196. display:none;
  197. {/block:IndexPage}
  198. z-index:99999999;
  199. right:10px;
  200. top:200px;
  201. position:fixed;
  202. width:0;
  203. padding-right:0px;
  204. filter:contrast(150%) invert(100%);
  205. -webkit-filter:contrast(150%) invert(100%);
  206. transform:scale(0.6);
  207. -webkit-transform:scale(0.6);
  208. transform-origin:100% 0;
  209. -webkit-transform-origin:100% 0;}
  210.  
  211. #tumblr_controls:hover, .tmblr-iframe:hover {opacity:.5!important;}
  212. _controls:hover, .tmblr-iframe:hover {opacity:.5!important;}
  213.  
  214. /* LIGHTBOX */
  215. .vignette, #vignette {
  216. opacity:0; }
  217.  
  218. .lightbox-image, #tumblr_lightbox img {
  219. box-shadow:none !important;
  220. border-radius:0 !important;
  221. max-width:none;
  222. border:5px solid #fff !important;
  223. -moz-box-sizing:border-box;
  224. box-sizing:border-box;
  225. z-index:9999999999999999999999999 !important;}
  226.  
  227. .tmblr-lightbox, #tumblr_lightbox {
  228. background-color:rgba(245,245,245,.84) !important;
  229. z-index:9999999999999999999999999 !important;}
  230.  
  231. .lightbox-caption, #tumblr_lightbox_caption {
  232. visibility:hidden; }
  233.  
  234.  
  235. /* Set height of body and the document to 100% */
  236. body, html {
  237. height: 100%;
  238. margin: 0;
  239. font-size:12px;
  240. font-family:{select:Body Font};
  241. overflow-x:hidden;
  242. background-image:url('{image:Background}');
  243. background-repeat:repeat;
  244. background-attachment:fixed;
  245. color:{color:Text};
  246. background-color:{color:Background};}
  247.  
  248. /* FIXED IMAGES + VIDEOS + DO NOT TOUCH */vg
  249. img, embed, object, video {
  250. margin:auto;
  251. max-width: 100%;
  252. border:0;
  253. outline: none;}
  254.  
  255. select, textarea, input, a {
  256. outline:none; }
  257.  
  258. small{
  259. font-size:90%;}
  260.  
  261. big{
  262. font-size:110%;}
  263.  
  264.  
  265.  
  266. /* CHAT LINES */
  267. .lines {
  268. line-height:14px;
  269. padding:3px;
  270. font-family:{select:Body Font};
  271. color:{color:Text};}
  272.  
  273.  
  274. /* ENTRY TITLES */
  275. h1 {
  276. padding-top:0px;
  277. padding-left:5px;
  278. width:{select:Post Width} - 10px;
  279. letter-spacing:1.5px;
  280. font-size:2em;
  281. text-transform:uppercase;
  282. font-weight:800;
  283. text-align:left;
  284. background:{color:Posts};
  285. color:{color:Text};
  286. line-height:22px;}
  287.  
  288.  
  289. /* ENTRY BODY TEXTS */
  290. h2 {
  291. width:100%;
  292. line-height:16px;
  293. letter-spacing:1px;
  294. font-size:1em;
  295. font-weight:400;
  296. font-family:{select:Body Font}, sans-serif;
  297. color:{color:Text};}
  298.  
  299. /* ENTRY LINKS / BODY LINKS / ENTRY AND BODY IMAGE LINKS */
  300.  
  301. a:link, a:active, a:visited {
  302. z-index:2!Important;
  303. color:{color:Links};
  304. font:0.95em {select:Body Font}, sans-serif;
  305. letter-spacing:1px;
  306. text-decoration:none;
  307. text-transform:normal;}
  308.  
  309. a:hover {
  310. clear:both;
  311. z-index:99999999!Important;
  312. -webkit-transition: all .3s;
  313. -moz-transition: all .3s;
  314. -o-transition: all .3s;
  315. -ms-transition: all .3s;
  316. transition: all .3s;}
  317.  
  318. a img, :link img, :visited img {
  319. border: 0;}
  320.  
  321. /* BOLD TEXT / DESIGN & COLOR */
  322. b, strong {
  323. color:{color:Bold};
  324. font-style:bold;}
  325.  
  326. /* ITALIC TEXT / DESIGN & COLOR */
  327. i, em, italic {
  328. color:{color:Italic};
  329. font-style:italic;}
  330.  
  331.  
  332. /* BLOCKQUOTE , PARAGRAPHS / BLOCKQUOTE IMAGES */
  333. p { padding:5px; background:{color:Posts};}
  334. .caption li {font:0.90em, {select:Body Font}, sans-serif; line-height:22px;}
  335.  
  336. p,blockquote{line-height:150%;}
  337. p,blockquote,ul,ol{margin:10px;}
  338. blockquote p{margin:10px 0;}
  339. blockquote p:first-child{margin:0 0 10px;}
  340. blockquote p:last-child{margin:10px 0 0;}
  341. blockquote p:only-child{margin:0;}
  342.  
  343. blockquote {
  344. width:{select:Post Width} - 10px;
  345. font:1em {select:Body Font}, sans-serif;
  346. line-height:14px;
  347. border-left:1px solid {color:Border};
  348. background:{color:Posts};}
  349.  
  350. blockquote p{
  351. margin:auto;
  352. padding:auto;}
  353.  
  354. blockquote img, blockquote a img {
  355. width:{select:Post Width};
  356. height:auto;}
  357.  
  358. blockquote a {color:{color:Text};}
  359.  
  360. img a {border:none; max-width:500px;}
  361.  
  362.  
  363. /* QUOTE AND SOURCE TEXT POSTS */
  364. .quotee {
  365. font:1.4em {select:Body Font}, sans-serif;
  366. line-height:20px;}
  367.  
  368. .sourcee {
  369. font:1em {select:Body Font}, sans-serif;
  370. line-height:14px; }
  371.  
  372.  
  373. /* LINK BLOG POST */
  374. .linktitle h3 {
  375. width:auto;
  376. margin-top:0px;
  377. padding:none;
  378. height:80px;
  379. line-height:80px;
  380. text-align:center;
  381. color:{color:Posts};
  382. background:{color:Accent One};}
  383.  
  384. /* ENTIRE POSTS/SIDEBAR CONTAINER */
  385. section {
  386. display:block;
  387. display: -webkit-box;
  388. display: -webkit-flex;
  389. display: -ms-flexbox;
  390. display: flex;
  391. clear: both;
  392. margin: 0 auto;
  393. width:calc(450px + 500px);}
  394.  
  395.  
  396. /*SOLID COLOR HEADER */
  397. .header {
  398. position:fixed;
  399. z-index:999999999;
  400. top:0;
  401. left:0;
  402. width:100%;
  403. height:180px;
  404. background:{color:Accent One};}
  405.  
  406.  
  407. /* BLOG TITLE */
  408. .btitle {
  409. position:fixed;
  410. z-index:9999;
  411. top:10px;
  412. left:calc(50% - 350px);
  413. width:700px;
  414. text-align:center;
  415. letter-spacing:30px;
  416. font:bold 8em 'Poppins', sans-serif;
  417. color:{color:Accent Two};
  418. text-transform:uppercase;
  419. font-weight:800;}
  420.  
  421. /*SOLID COLOR HEADER */
  422. .top {
  423. position:fixed;
  424. z-index:999999999;
  425. top:160px;
  426. left:calc(50% - 350px);
  427. width:700px;
  428. height:50px;
  429. border-radius:10px;
  430. border:1px: solid {color:Border};
  431. background:{color:Sidebar};
  432. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);}
  433.  
  434. .top img {
  435. position:fixed;
  436. margin-left:650px;
  437. margin-top:10px;
  438. width:30px;
  439. height:30px;
  440. background:{color:Accent Two};
  441. border-radius:5px;}
  442.  
  443. /* MAIN LINKS / HOME, ASK, ARCHIVE (PAST), THEME / LINK BAR */
  444. .nav {
  445. position:fixed;
  446. width:600px;
  447. margin-left:10px;
  448. margin-top:15px;
  449. display:inline;
  450. z-index:9;}
  451.  
  452. .nav a {
  453. display:inline;
  454. z-index:9;
  455. font:0.90em {select:Body Font}, sans-serif;
  456. padding:6px;
  457. text-transform:uppercase;
  458. text-align:center;
  459. font-weight:{select:Body Font Weight}
  460. letter-spacing:1px;
  461. color:{color:Text};
  462. background-color:{color:Sidebar};
  463. line-height:20px;}
  464.  
  465. .nav a:hover { color:{color:Hover}; }
  466.  
  467. /* SECOND BIO BOX */
  468. .sidebar {
  469. position:fixed;
  470. z-index:99999999;
  471. top:250px;
  472. margin-left:0px;
  473. width:300px;
  474. height:190px;
  475. margin-bottom:30px;
  476. border-radius:5px;
  477. background:{color:Sidebar};
  478. border:1px solid {color:Border};
  479. {block:IfBoxShadows}
  480. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  481. {/block:IfBoxShadows}}
  482.  
  483.  
  484. /* SIDEBAR QUOTATIONS ICON */
  485. .material-symbols-outlined {
  486. position:fixed;
  487. color:{color:Accent Two};
  488. font-size:9em;
  489. width:280px;
  490. text-align:center;}
  491.  
  492. /* DESCRIPTION / BIO */
  493. .desc {
  494. position:fixed;
  495. z-index:9999999999999;
  496. margin-top:120px;
  497. margin-left:10px;
  498. width:280px;
  499. text-align:center;
  500. letter-spacing:1px;
  501. font-size:{text:Desc Font Size}px;
  502. font-family:{select:Body Font}, sans-serif;
  503. text-transform:normal;
  504. font-weight:{select:Body Font Weight};
  505. line-height:18px;
  506. color:{color:Text};}
  507.  
  508.  
  509. /* SECOND SIDEBAR CONTAINTER */
  510. .sidetwo {
  511. position:fixed;
  512. margin-top:480px;
  513. width:300px;
  514. height:150px;
  515. border-top-left-radius:5px;
  516. border-top-right-radius:5px;
  517. background:{color:Accent One};
  518. {block:IfBoxShadows}
  519. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  520. {/block:IfBoxShadows}}
  521.  
  522. .sidetwo img {
  523. border-top-left-radius:5px;
  524. border-top-right-radius:5px;
  525. width:300px;
  526. height:180px;}
  527.  
  528. /* CUSTOM LINKS */
  529. .links {
  530. position:fixed;
  531. z-index:9999999;
  532. width:300px;
  533. height:40px;
  534. margin-top:-10px;
  535. text-align:center;
  536. border-bottom-left-radius:5px;
  537. border-bottom-right-radius:5px;
  538. border-left:1px {color:Border};
  539. border-right:1px {color:Border};
  540. border-bottom:1px {color:Border};
  541. background:{color:Sidebar};}
  542.  
  543. .links a {
  544. display:inline;
  545. padding:4px;
  546. text-align:center;
  547. font:bold 0.90em {text:Body Font};
  548. color:{color:Text};
  549. text-transform:uppercase;
  550. font-weight:{select:Body Font Weight};
  551. line-height:40px;}
  552.  
  553. .links a:hover {color:{color:Hover};}
  554.  
  555.  
  556. /* POSTS AND ENTRIES */
  557. .posts {
  558. position:relative;
  559. z-index:9;
  560. top:280px;
  561. left:480px;
  562. float:right;}
  563.  
  564. /* ENTRIES */
  565. .entry {
  566. clear:both;
  567. margin-bottom:{text:Posts Margin}px;
  568. width:500px;
  569. float:right;
  570. padding:10px;
  571. border-radius:8px;
  572. border:1px solid {color:Border};
  573. {block:IfBoxShadows}
  574. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  575. {/block:IfBoxShadows}
  576. background:{color:Posts};}
  577.  
  578. .entry a {z-index:999999;}
  579.  
  580. .entry:hover {
  581. transition: .4s ease-in-out;
  582. -webkit-transition: .4s ease-in-out;
  583. -moz-transition: .4s ease-in-out;
  584. -o-transition: .4s ease-in-out;
  585. box-shadow:none;}}
  586.  
  587. /* ENTRY IMAGE */
  588. .entry img {
  589. margin:0px;
  590. height:auto;
  591. width:500px - 5px;}
  592.  
  593. /* CAPTIONS CONTAINER */
  594. .caption iframe{
  595. display:block;
  596. color:{color:Text};
  597. max-width:100%;
  598. overflow:hidden;}
  599.  
  600. .caption {
  601. color:{color:Text};
  602. font:1em {select:Body Font}, sans-serif;
  603. font-weight:{select:Body Font Weight};
  604. margin:10px 0;}
  605.  
  606. .tumblr_parent {
  607. border:0;
  608. margin:4px 0;
  609. padding:20px;}
  610.  
  611. .tumblr_parent blockquote {color:{color:Text}; margin:5px 0;}
  612.  
  613. {block:PermalinkPage}
  614. .tumblr_parent {padding:25px;}
  615. {/block:PermalinkPage}
  616.  
  617. .caption.nospace .tumblr_parent
  618. {border:0;
  619. padding-top:0;}
  620.  
  621. /* CAPTIONS LINK STYLING */
  622. .caption a {
  623. color:{color:Text};}
  624.  
  625. /* CAPTIONS TUMBLR USERNAME STYLING */
  626. .caption .tumblr_blog {
  627. color:{color:Text}
  628. font-size:0.90em;
  629. font-family:{select:Body Font}, sans-serif;
  630. font-weight:800;
  631. text-transform:uppercase;
  632. letter-spacing:1px;}
  633.  
  634. /* CAPTIONS TUMBLR USERNAME CONTAINER */
  635. .tumblr_blog {
  636. display:inline-block;
  637. vertical-align:middle;
  638. text-align:left;}
  639.  
  640. /* CAPTIONS AVATAR */
  641. .caption .tumblr_avatar {
  642. width:30px;
  643. height:30px;
  644. margin-right:7px;
  645. display:inline-block;
  646. vertical-align:middle;
  647. border:4px solid {color:Background};
  648. border-radius:100px;}
  649.  
  650. /* PAGINATION */
  651. .pagination {
  652. width:500px;
  653. z-index:100;
  654. display:block;
  655. text-align:center;
  656. font:1.1em 'Poppins', sans-serif;
  657. font-weight:{select:Body Font Weight};
  658. text-transform:uppercase;
  659. color:{color:Accent};}
  660.  
  661. .pagination a {
  662. margin:0 4px;
  663. display:inline-block;
  664. text-align:center;
  665. letter-spacing:1px;
  666. font-weight:700;
  667. font:1.1em 'Poppins', sans-serif;
  668. width:30px;
  669. height:30px;
  670. border-radius:5px;
  671. background:{color:Posts};
  672. color:{color:Accent};
  673. line-height:30px;}
  674.  
  675. .pagination a:hover {
  676. color:{color:Hover};}
  677.  
  678. .current_page {
  679. margin:0 4px;
  680. width:30px;
  681. height:30px;
  682. display:inline-block;
  683. text-align:center;
  684. letter-spacing:1px;
  685. font-weight:700;
  686. font:1.1em 'Poppins', sans-serif;
  687. letter-spacing:1px;
  688. color:{color:Accent One};
  689. background:{color:Posts};
  690. border-radius:5px;
  691. line-height:30px;}
  692.  
  693.  
  694. /* POSTS AND ENTRIES PINNED ENTRY LABEL*/
  695. .pinned-post {
  696. position:absolute;
  697. margin-top:-60px;
  698. margin-left:-10px;
  699. background:{color:Posts};
  700. border-radius: 5px;
  701. color:{color:Accent One};
  702. width:500px;
  703. padding:10px;
  704. text-transform: uppercase;
  705. font:bold 1em 'Poppins', sans-serif;
  706. font-weight:700;
  707. {block:IfBoxShadows}
  708. box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
  709. {/block:IfBoxShadows}}
  710.  
  711.  
  712. .pin {
  713. float:right;
  714. font-size:1.1em;}
  715.  
  716. .pin i {
  717. color:{color:Accent Two};}
  718.  
  719. /* DATE/MONTH BORDER BOX DESIGN */
  720. .dateback {
  721. position:absolute;
  722. margin-left:-63px;
  723. margin-top:-7px;
  724. width:40px;
  725. height:40px;
  726. background:{color:Background};
  727. border-radius:3px;
  728. border:solid 3px {color:Accent Two};}
  729.  
  730. /* --- DATE INFO ---*/
  731. .date {
  732. position:absolute;
  733. float:right;
  734. z-index:999999;
  735. margin-top:-18px;
  736. padding:20px;
  737. text-align:center;
  738. display:block;
  739. width:40px;
  740. margin-left:-90px;
  741. letter-spacing:1px;
  742. text-transform:uppercase;
  743. color:{color:Text};}
  744.  
  745. .date a {
  746. color:{color:Posts};
  747. z-index:9999999;
  748. display:block;
  749. color:{color:Text};
  750. font:13px 'Poppins', sans-serif;
  751. width:40px;
  752. font-weight:bold;
  753. text-align:center;
  754. line-height:40px;
  755. height:40px;
  756. border-radius:3px;
  757. background-color:{color:Accent One};}
  758.  
  759. .date a:hover {color:{color:Accent};background-color:{color:Posts};}
  760.  
  761.  
  762.  
  763. /* POST INFO TIME */
  764. .time {
  765. position:absolute;
  766. margin-left:-74px;
  767. margin-top:50px;
  768. float:left;
  769. width:auto;
  770. height:27px;
  771. padding:6px;
  772. text-align:right;
  773. text-transform:uppercase;
  774. font-size:0.90em;
  775. line-height:12px;
  776. font-weight:400;
  777. letter-spacing:1px;
  778. outline:none;}
  779.  
  780. /* TAGS CONTAINER + BOTTOM OST INFO */
  781.  
  782. .btin {
  783. margin-top:40px;
  784. text-align:center;
  785. display:inline-block;
  786. width:500px;
  787. letter-spacing:1px;
  788. text-transform:uppercase;
  789. font-weight:400;}
  790.  
  791. .btin a {
  792. font-weight:400;
  793. letter-spacing:1px;
  794. color:{color:Text}}
  795.  
  796. .btin a:hover {color:{color:Hover};}
  797.  
  798. /* BOTTOM POST + TAGS CONTAINER*/
  799. .bottominfo {
  800. position:absolute;
  801. width:500px;
  802. z-index:9;
  803. margin:0px;
  804. margin-top:20px;
  805. padding-top:10px;
  806. padding-bottom:10px;
  807. text-align:center;
  808. line-height:25px;
  809. letter-spacing:1px;
  810. text-transform:uppercase;}
  811.  
  812. /* TAGS */
  813. .tags {
  814. position:relative;
  815. width:500px;
  816. margin: 0px 0 0px -0px;
  817. z-index:9;}
  818.  
  819. /* TAGS STYLING */
  820. .tags a {
  821. width:500px;
  822. padding:4px;
  823. text-decoration:none;
  824. font-family:'Poppins', sans-serif;
  825. font-size:0.80em;
  826. font-style:normal;
  827. text-align:center;
  828. line-height:25px;
  829. z-index:9;
  830. letter-spacing:1px;
  831. font-weight:600;
  832. color:{color:Text};}
  833.  
  834. /* TAGS HOVER */
  835. .tags a:hover {
  836. box-shadow:none;
  837. color:{color:Hover}; }
  838.  
  839.  
  840. /* ASK POSTS */
  841. .asker {
  842. font:0.90em 'Day One', sans-serif;
  843. letter-spacing:1px;
  844. font-weight:600;
  845. font-style:bold;
  846. color:{color:Tags};}
  847.  
  848. /* ASKER URL */
  849. .asker a {
  850. border-radius:3px;
  851. font:1em {select:Body Font}, sans-serif;
  852. text-transform:uppercase;
  853. letter-spacing:1px;
  854. font-weight:800;
  855. border-radius:5px;
  856. padding:5px;
  857. background:{color:Accent One};
  858. color:{color:Tags};}
  859.  
  860. user {
  861. position:absolute;
  862. margin-top:0px;
  863. width:auto;
  864. padding-bottom:2px;}
  865.  
  866. /* QUESTION */
  867. .question {
  868. width:500px - 10px;
  869. font:1em {select:Body Font}, sans-serif;
  870. font-weight:600;
  871. text-transform:normal;
  872. letter-spacing:1px;
  873. background:{color:Posts};
  874. color:{color:Text};
  875. line-height:20px;}
  876.  
  877. /* ANSWER */
  878. .answer {
  879. padding:10px;
  880. font:1em {select:Body Font}, sans-serif;
  881. font-weight:400;
  882. text-transform:normal;
  883. letter-spacing:1px;
  884. background:{color:Posts};
  885. color:{color:Text};
  886. line-height:18px;}
  887.  
  888. /* ANSWER BLOCKQUOTE */
  889. .answer blockquote {
  890. padding:10px;
  891. font:1em {select:Body Font}, sans-serif;
  892. font-weight:400;
  893. text-transform:normal;
  894. letter-spacing:1px;
  895. background:{color:Posts};
  896. color:{color:Text};
  897. line-height:18px;}
  898.  
  899. /* POST NOTES */
  900. .notes {
  901. position:absolute;
  902. z-index:999999999999;
  903. width:500px;
  904. display:inline;
  905. height:100%;
  906. padding:5px;
  907. list-style-type: none;
  908. margin-top:40px;
  909. margin-left:-10px;
  910. font:0.90em {select:Body Font}, sans-serif;
  911. font-style:normal;
  912. letter-spacing:1px;
  913. font-weight:{select:Body Font Weight};
  914. text-transform:uppercase;
  915. line-height:25px;
  916. color:{color:Text};}
  917.  
  918. .notes a {
  919. border:none;
  920. color:{color:Text}; }
  921.  
  922. .notes blockquote {background:{color:background};}
  923.  
  924. ol.notes li.note img.avatar {
  925. vertical-align: -4px;
  926. margin-right: 10px;
  927. width: 16px;
  928. border: 0;
  929. border-radius:3px;
  930. height: 16px;
  931. color:{color:Text};}
  932.  
  933. a.avatar_frame {
  934. border: 0;}
  935.  
  936.  
  937. /* AUDIO POSTS */
  938. .tumblr_audio_player {
  939. border:none;
  940. clear:both;
  941. width:calc({select:Post Width} - 20px);}
  942.  
  943. .soundcloud_audio_player
  944. {width: 100%;}
  945.  
  946.  
  947. /* VIDEO POSTS */
  948. .video {overflow:hidden; border:0;}
  949. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  950.  
  951.  
  952.  
  953.  
  954. {CustomCSS}
  955. </style>
  956.  
  957. <!--- UNEST CAPTIONS --->
  958. <script src="https://static.tumblr.com/emvnqzg/cK3o6sxeb/jquery.truncate.js"></script>
  959. <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  960. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  961. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  962. <script> $(function(){ $('.entry').unnest({
  963. yourCaption: '.caption',
  964. originalPostCaptionUsername: true,
  965. newCaptionUsername: true,
  966. tumblrAvatars: true,
  967. tumblrAvatarClass: ".tumblr_avatar",
  968. usernameColon: false
  969. }); }); </script>
  970.  
  971. <!--- PXU PHOTOSET --->
  972. <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
  973. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  974. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  975.  
  976. <script>
  977. $(document).ready(function(){
  978. $('.photo-slideshow').pxuPhotoset({
  979. lightbox: true,
  980. rounded: false,
  981. gutter: '4px',
  982. borderRadius: '0px',
  983. photoset: '.photo-slideshow',
  984. photoWrap: '.photo-data',
  985. photo: '.pxu-photo'
  986. });
  987. });
  988. </script>
  989.  
  990.  
  991.  
  992. <!--- VIDEO RESIZE --->
  993. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  994.  
  995.  
  996. </style>
  997. </head>
  998. <body>
  999.  
  1000.  
  1001. <section>
  1002.  
  1003.  
  1004. <div class="header">
  1005. <div class="btitle">{text:Blog Title}</div>
  1006.  
  1007. <div class="top">
  1008. <div class="topimage"><img src="{image:Icon}"></div>
  1009. <div class="nav">
  1010. <a href="/" title="Return Home">↖ Home </a>
  1011. <a href="/ask" title="Ask">↖ Ask </a>
  1012. <a href="/archive" title="Archive">↖ Past </a>
  1013. <a href="https://solocodes.tumblr.com" title="Theme Credit">↖ Theme </a>
  1014. <a href="https://www.tumblr.com/follow/{Name}" title="Follow">↖ Follow </a>
  1015. <a href="https://www.tumblr.com/dashboard" title="Return To Dashboard">↖ Dashboard </a>
  1016. </div>
  1017. </div>
  1018.  
  1019. </div>
  1020.  
  1021.  
  1022.  
  1023.  
  1024. <div class="sidebar">
  1025. <span class="material-symbols-outlined">format_quote</span>
  1026. <div class="desc">{Description}</div>
  1027. </div>
  1028.  
  1029.  
  1030. <div class="sidetwo">
  1031. <div class="sidetwoimage"><img src={image:Sidebar}></div>
  1032. <div class="links">
  1033. {block:ifLink1Title}
  1034. <a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Title}</a>
  1035. {/block:ifLink1Title}
  1036.  
  1037. {block:ifLink2Title}
  1038. <a href="{text:Link 2}" title="{text:Link 2 Title}"> {text:Link 2 Title} </a>
  1039. {/block:ifLink2Title}
  1040.  
  1041. {block:ifLink3Title}
  1042. <a href="{text:Link 3}" title="{text:Link 3 Title}"> {text:Link 3 Title} </a>
  1043. {/block:ifLink3Title}
  1044.  
  1045. {block:ifLink4Title}
  1046. <a href="{text:Link 4}" title="{text:Link 4 Title}"> {text:Link 4 Title} </a>
  1047. {/block:ifLink4Title}
  1048.  
  1049. {block:ifLink5Title}
  1050. <a href="{text:Link 5}" title="{text:Link 5 Title}"> {text:Link 5 Title} </a>
  1051. {/block:ifLink5Title}
  1052.  
  1053. </div>
  1054. </div>
  1055.  
  1056.  
  1057.  
  1058. <div class="posts">
  1059. {block:Posts}
  1060. <div class="entry">
  1061.  
  1062.  
  1063. {block:PinnedPostLabel}
  1064. <div class="pinned-post">
  1065. {PinnedPostLabel}
  1066. <div class="pin"><i class="dripicons dripicons-pin"></i> </div>
  1067. </div>
  1068. {/block:PinnedPostLabel}
  1069.  
  1070. <div class="dateback"></div>
  1071. <div class="date"> <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}, {Year} @ {12Hour}:{Minutes} {CapitalAmPm}">{ShortMonth}</a> </div>
  1072.  
  1073.  
  1074. <div class="time">{24HourWithZero}:{Minutes}</div>
  1075.  
  1076.  
  1077. {block:Text}
  1078. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1079. <h2>{Body}<h2>
  1080. {block:IndexPage}
  1081. {/block:IndexPage}
  1082. {/block:Text}
  1083.  
  1084.  
  1085. {block:Photo}
  1086. <img src="{PhotoURL-HighRes}" width="100%"></center>
  1087. {/block:Photo}
  1088.  
  1089. {block:Photoset}
  1090. <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>
  1091. {/block:Photoset}
  1092.  
  1093. {block:Chat}
  1094. <div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
  1095. <div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
  1096. {/block:Lines}</div>
  1097. {/block:Chat}
  1098.  
  1099. {block:Quote}
  1100. <div class="quotee">
  1101. "{Quote}"
  1102. </div>
  1103. <div class="sourcee">
  1104. <br>
  1105. — {Source}
  1106. </div>
  1107. {/block:Quote}
  1108.  
  1109. {block:Link}
  1110. <div class="linktitle">
  1111. <a href="{URL}"><h3>{Name}</h3></a>
  1112. </div>
  1113. {block:Description}
  1114. <p>{Description}</p>
  1115. {/block:Description}
  1116. {/block:Link}
  1117.  
  1118. {block:Answer}
  1119. <div class="asker">
  1120. <div class="question">
  1121. <br>
  1122. {Asker}
  1123. <br><br>
  1124. {Question}</div>
  1125. </div>
  1126. <div class="answer">
  1127. <blockquote>{Answer}</blockquote>
  1128. </div>
  1129. {/block:Answer}
  1130.  
  1131. {block:Video}
  1132. <div class="video">{Video-500}</div>
  1133. {/block:Video}
  1134.  
  1135. {block:Audio}
  1136. <div class="tumblr_audio_player">
  1137. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  1138. </div>
  1139. {/block:Audio}
  1140.  
  1141. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1142.  
  1143.  
  1144.  
  1145. <div class="btin">
  1146.  
  1147. <a href="{ReblogURL}" target="_blank" title="reblog this post">Reblog</a>
  1148. ―
  1149.  
  1150. <span style="font-weight:800;">{NoteCountWithLabel}</span>
  1151.  
  1152. ―
  1153.  
  1154. {block:RebloggedFrom}
  1155. <a href="{ReblogRootURL}" title=" source: {ReblogRootName}" data-hover="{lang:source}">SRC</a>
  1156. {/block:RebloggedFrom}
  1157.  
  1158. {block:NotReblog}
  1159. <a href="{ReblogRootURL}" title="source: {Name}" data-hover="{lang:source}">SRC</a>
  1160. {/block:NotReblog}
  1161.  
  1162. </div>
  1163.  
  1164.  
  1165.  
  1166. {block:Date}
  1167. <div class="bottominfo">
  1168. <div class="tags"> ↖
  1169. &nbsp;{block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;&nbsp;{/block:Tags}
  1170. </div> </div>
  1171. {/block:Date}
  1172.  
  1173.  
  1174. {block:PermalinkPage}{block:PostNotes}<div class="notes">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>
  1175.  
  1176. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1177.  
  1178. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1179. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1180.  
  1181. {/block:Posts}
  1182.  
  1183.  
  1184. {block:Pagination}
  1185. <div class="pagination">{block:PreviousPage}
  1186. <a href="{PreviousPage}"><</a>
  1187. {/block:PreviousPage}
  1188. {block:JumpPagination length="5"}
  1189. {block:CurrentPage}
  1190. <span class="current_page">{PageNumber}</span>
  1191. {/block:CurrentPage}
  1192. {block:JumpPage}
  1193. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1194. {/block:JumpPage}
  1195. {/block:JumpPagination}
  1196. {block:NextPage}
  1197. <a href="{NextPage}">></a>
  1198. {/block:NextPage}
  1199. <br><br>
  1200. </div>
  1201. {/block:Pagination}
  1202. <br><br><br><br><br>
  1203. </div>
  1204. </div>
  1205. </div>
  1206. </section>
  1207. </body>
  1208.  
  1209.  
  1210. <!--- TOOLTIPS --->
  1211.  
  1212. <script src="https://unpkg.com/popper.js@1"></script>
  1213. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1214. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  1215.  
  1216. <script>
  1217. tippy('a[title]', {
  1218. theme: 'custom',
  1219. arrow: tippy.roundArrow,
  1220. zIndex: 9999999999,
  1221. maxWidth: 300,
  1222.  
  1223. content(reference) {
  1224. const title = reference.getAttribute('title');
  1225. reference.removeAttribute('title');
  1226. return title;
  1227. },
  1228. });
  1229. </script>
  1230.  
  1231.  
  1232. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!