solocodes

Theme: Tremors

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