API tools faq
paste
Advertisement
bridgetowakanda

THEME 007: HOLIDAY by THEMESBYZORRA

bridgetowakanda
Jul 12th, 2019
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.51 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!------------------------------ FONTS ----------------------------->
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Kanit&display=swap" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Righteous&display=swap" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Courgette&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet">
  13.  
  14.  
  15.  
  16. <html>
  17. <!--
  18. - BASE CODE
  19. https://fratdadbase.tumblr.com/
  20.  
  21. - THEME BY ZORRA @ THEMESBYZORRA
  22. - THEME IS FREE FOR USE BY THE TUMBLR COMMUNITY. PLEASE LEAVE CREDIT WHERE IT IS DUE.
  23. - I PREFER IF YOU DIDN'T BUTURE MY CODE TO MAKE YOUR OWN BASECODE. BUT IF YOU HAPPEN TO TAKE ELEMENTS FROM THIS THEME, PLEASE CREDIT SOMEWHERE IN THE THEME.
  24. - THEME 007. HOLIDAY
  25.  
  26. -->
  27.  
  28.  
  29. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  30. <head>
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37.  
  38.  
  39. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  40.  
  41. <!------------------------------ SCRIPTS ----------------------------->
  42.  
  43. <!----------------------------- TOOLTLIP ----------------------------->
  44.  
  45.  
  46. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  47. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:200,
  55. tip_fade_speed:500
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61.  
  62.  
  63. <!------------------------------ VIDEO ------------------------------>
  64.  
  65. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  66. <script>
  67. $(document).ready(function(){
  68. $('.video iframe').each(function(){
  69. var scale = $(this).parents('.video').width() / 500;
  70. $(this).attr({
  71. width: Math.floor($(this).attr('width') * scale),
  72. height: Math.floor($(this).attr('height') * scale)
  73. });
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80. <!-------------------------- VERSES TAB ------------------------------->
  81. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82. <script>
  83. $(document).ready(function(){
  84. $(".inside").hide();
  85. $(".label").click(function(){
  86. $(this).next(".inside").slideToggle('fast');
  87. });
  88. });
  89. </script>
  90.  
  91.  
  92. <!---------------------------- META DATA ----------------------------->
  93. <meta name="image:Background" content="" />
  94. <meta name="image:headerbackground" content=""/>
  95. <meta name="image:sidebar" content=""/>
  96.  
  97. <meta name="text:titlehere" content="Title Here"/>
  98. <meta name="text:description" content="You can put some words here or something. Whatever tickles your fancy. Maybe a small description of what your blog is about. Totally up to you."/>
  99. <meta name="text:link3" content=""/>
  100. <meta name="text:link3title" content="Link 3"/>
  101. <meta name="text:link4" content=""/>
  102. <meta name="text:link4title" content="Link 4"/>
  103. <meta name="text:link5" content=""/>
  104. <meta name="text:link5title" content="Link 5"/>
  105.  
  106.  
  107. <meta name="color:background" content="#f6f6f6" />
  108. <meta name="color:container" content="#e3e3e3" />
  109. <meta name="color:postbackground" content="#ffffff" />
  110. <meta name="color:font" conteont="#686767" />
  111. <meta name="color:italic" content="#cac8c8" />
  112. <meta name="color:bold" content="#9f9d9d" />
  113. <meta name="color:Pagination" content="#000000" />
  114. <meta name="color:postborder" content="#ecebeb" />
  115. <meta name="color:info" content="#cac8c8" />
  116. <meta name="color:infolink" content="#cac8c8" />
  117. <meta name="color:infohover" content="#000000" />
  118. <meta name="color:blockquote" content="#000000" />
  119. <meta name="color:2blockquote" content="#333333" />
  120. <meta name="color:3blockquote" content="#000000" />
  121. <meta name="color:4blockquote" content="#000000" />
  122. <meta name="color:5blockquote" content="#000000" />
  123. <meta name="color:link" content="#222222" />
  124. <meta name="color:linkhover" content="#333333" />
  125. <meta name="color:title background" content="#f1f1f1" />
  126. <meta name="color:navi" content="##555555" />
  127. <meta name="color:navihover" content="#222121" />
  128. <meta name="color:h1" content="#ffffff" />
  129. <meta name="color:h2" content="#e7dcd6" />
  130. <meta name="color:h3" content="#111111" />
  131. <meta name="color:h3background" content="#c8c6bf" />
  132. <meta name="color:question" content="#f5f3f3" />
  133. <meta name="color:quotetext" content="#c6c6c6" />
  134.  
  135. <meta name="if:postroundcorners" content="border-radius:0px;"/>
  136. <meta name="if:sideboxcorners" content="border-radius:0px;"/>
  137.  
  138. <meta name="if:container" content="background-color:transparent;"/>
  139.  
  140. </head>
  141.  
  142.  
  143.  
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148. @font-face​ {
  149. font-family:"big noodle titling";
  150. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  151. }
  152.  
  153. /*---------------------------- SCROLL BAR ---------------------------*/
  154. ::-webkit-scrollbar {
  155. width: 2px;
  156. height: 2px;
  157. }
  158. ::-webkit-scrollbar-button {
  159. width: 0px;
  160. height: 0px;
  161. }
  162. ::-webkit-scrollbar-thumb {
  163. background: transparent;
  164. border: 0px none #a68b7c;
  165. border-radius: 50px;
  166. }
  167. ::-webkit-scrollbar-thumb:hover {
  168. background: transparent;
  169. }
  170. ::-webkit-scrollbar-thumb:active {
  171. background: transparent;
  172. }
  173. ::-webkit-scrollbar-track {
  174. background: transparent;
  175. border: 0px none #a68b7c;
  176. border-radius: 0px;
  177. }
  178. ::-webkit-scrollbar-track:hover {
  179. background:transparent;
  180. }
  181. ::-webkit-scrollbar-track:active {
  182. background: transparent;
  183. }
  184. ::-webkit-scrollbar-corner {
  185. background: transparent;
  186. }
  187.  
  188.  
  189. /*---------------------------- SELECTION ---------------------------*/
  190.  
  191. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  192. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  193.  
  194.  
  195.  
  196. /*---------------------------- BODY ---------------------------*/
  197.  
  198. body {
  199. background-color:{color:background};
  200. background-image:url('{image:background}');
  201. background-attachment: fixed;
  202. background-repeat: no-repeat;
  203. font-family: 'Abel', sans-serif;
  204. font-size: 10px;
  205. text-align: justify;
  206. color: {color:font};
  207. }
  208.  
  209. .navbar {
  210. position: fixed;
  211. top:460px;
  212. width: 50px;
  213. height: 200px;
  214. left: 1220px;
  215. background-color:transparent;
  216. }
  217.  
  218.  
  219.  
  220. #container {
  221. position:absolute;
  222. {block:ifcontainer}
  223. background-color: {color:container};
  224. {/block:ifcontainer}
  225. width: 460px;
  226. top: 0px;
  227. margin-left: 450px;
  228. height:auto;
  229. padding: 10px;
  230. margin-bottom:-50px;
  231. overflow:auto;
  232. overflow-x:hidden;
  233.  
  234. }
  235.  
  236. .posts {
  237. background-color: {color:postbackground};
  238. border: 1px solid {color:postborder};
  239. width:400px;
  240. margin-left:15px;
  241. margin-bottom:20px;
  242. padding: 13px;
  243. {block:ifpostroundcorners}
  244. border-radius: 10px;
  245. {/block:ifpostroundcorners}
  246.  
  247. }
  248.  
  249. #container img {
  250. height:auto;
  251. max-width:100%;
  252. }
  253.  
  254. #post img {
  255. height: auto;
  256. max-width: 100%;
  257. }
  258.  
  259.  
  260. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  261.  
  262. #askerurl {
  263. text-transform:uppercase;
  264. font-weight:400;
  265. font-size:20px;
  266. margin-top:80px;
  267. margin-left:50px;
  268. padding-bottom:5px;
  269. width:250px;
  270. font-family: 'Orbitron', sans-serif;
  271. text-align:center;
  272. }
  273.  
  274. #asking img {
  275. padding: 5px;
  276. }
  277.  
  278. #question {
  279. background-attachment:auto;
  280. background-image: url('');
  281. padding:15px 15px;
  282. margin:3px 0 3px 10px;
  283. border-top-left-radius: 2px;
  284. border-top-right-radius: 2px;
  285. background-color:{color:question};
  286. border-radius: 10px;
  287. color: {color:font};
  288. font-family: 'Open Sans Condensed';
  289. }
  290.  
  291. #answer {
  292. word-spacing: 0px;
  293. }
  294.  
  295.  
  296. /*---------------------------- NAVIGATION ---------------------------*/
  297.  
  298. .links {
  299. top: 550px;
  300. left: 200px;
  301. position: fixed;
  302. width: auto
  303. height: auto;
  304. text-align: center;
  305. }
  306.  
  307.  
  308.  
  309. /*---------------------------- SIDEBOXS ---------------------------*/
  310.  
  311.  
  312. .sidebox {
  313. position: fixed;
  314. background-color: {color:postbackground};
  315. border: 1px solid {color:postborder};
  316. top: 250px;
  317. left: 125px;
  318. width: 250px;
  319. height: auto;
  320. overflow: auto;
  321. padding: 5px;
  322. z-index: 1;
  323. {block:ifsideboxcorners}
  324. border-radius: 10px;
  325. {/block:ifsideboxcorners}
  326. }
  327.  
  328.  
  329. #headimage {
  330. z-index -99999999999
  331. padding-bottom: 5px;
  332. width: 250px;
  333. height: 150px;
  334. }
  335.  
  336. #dashcon {
  337. z-index: 9999999999;
  338. width: 55px;
  339. height: 55px;
  340. left: 130px;
  341. }
  342.  
  343. #iconborder {
  344. border: 3px solid {color:postborder};
  345. }
  346.  
  347. #iconborder2 {
  348. border: 3px solid #ffffff;
  349. }
  350.  
  351.  
  352. /*---------------------------- CREDIT ---------------------------*/
  353.  
  354. .credit {
  355. left: 98%;
  356. top: 95%;
  357. width: 50px;
  358. height: 50px;
  359. position: fixed;
  360. }
  361.  
  362. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  363. text-decoration: none;
  364. color: #8f3d2e;
  365. text-transform: none;
  366. font-family: 'Contrail One', cursive;
  367. font-size: 14px;
  368. -moz-transition-duration:.6s;
  369. -webkit-transition-duration:.6s;
  370. -o-transition-duration:.6s;
  371. -webkit-filter: blur(0px);
  372.  
  373. }
  374.  
  375. a.credit:hovor {
  376. color: #8f8f8f;
  377. font-family: 'Contrail One', cursive;
  378. letter-spacing: 0px;
  379. -moz-transition-duration:.6s;
  380. -webkit-transition-duration:.6s;
  381. -o-transition-duration:.6s;
  382. -webkit-filter: blur(0px); }
  383.  
  384.  
  385.  
  386. /*---------------------------- FANCY FONT ---------------------------*/
  387.  
  388. h1 {
  389. font-size:25px;
  390. font-family: times;
  391. color: {color:italic};
  392. display:block;
  393. margin-top: 5px;
  394. text-align:center;
  395. text-transform:uppercase;
  396. letter-spacing:3px;
  397.  
  398. }
  399.  
  400. h2 {
  401. font-size:40px;
  402. font-family: 'Kaushan Script', cursive;
  403. color:{color:h2};
  404. text-align: right;
  405. text-transform:lowercase;
  406. letter-spacing:2px;
  407. display:block;
  408. }
  409.  
  410.  
  411. h3 {
  412. background-image: url('{image:headerbackground}');
  413. background-position:top;
  414. background-color: {color:h3background};
  415. background-attachment:fixed;
  416. border: double 3px #000;
  417. padding:10px;
  418. color:{color:h3};
  419. overflow: auto;
  420. text-shadow:1px 1px 2px {color:h3};
  421. font-size:15px;
  422. font-family:calibri;
  423. text-transform:uppercase;
  424. letter-spacing:1px;
  425. text-align:center;
  426. }
  427.  
  428.  
  429.  
  430. i, italic, em {
  431. ffont-family: 'Courgette', cursive;
  432. font-size: 12px;
  433. text-shadow: 1px 1px 1px #ffffff;
  434. text-transform: italic;
  435. color:{color:italic};
  436. text-transform:lowercase;
  437. letter-spacing:1px;
  438.  
  439. }
  440.  
  441. b, bold, strong {
  442. font-size:10px;
  443. font-family: 'Righteous', cursive;
  444. color:{color:bold};
  445. text-transform:lowercase;
  446.  
  447. }
  448. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  449.  
  450. p {
  451. margin-top:5px;
  452. margin-bottom:5px;}
  453.  
  454.  
  455. ol {
  456. list-style:normal;}
  457.  
  458.  
  459. ul {
  460. list-style:square;}
  461.  
  462.  
  463. small {
  464. font-size:10px}
  465.  
  466.  
  467. sup,sub {
  468. font-size:11px}
  469.  
  470.  
  471.  
  472. blockquote {
  473. padding:2px 7px;
  474. padding-right:5px;
  475. margin:3px 0 3px 10px;
  476. border-left:1px solid {color:blockquote};
  477. -webkit-border-radius: 5px;
  478. }
  479.  
  480. blockquote blockquote {
  481. padding:2px 7px;
  482. padding-right:5px;
  483. margin:3px 0 3px 10px;
  484. border-left:1px solid {color:2blockquote};
  485. -webkit-border-radius: 5px;
  486. }
  487.  
  488. blockquote blockquote blockquote {
  489. padding:2px 7px;
  490. padding-right:5px;
  491. margin:3px 0 3px 10px;
  492. border-left:1px solid {color:3blockquote};
  493. -webkit-border-radius: 5px;
  494. }
  495.  
  496. blockquote blockquote blockquote blockquote {
  497. padding:2px 7px;
  498. padding-right:5px;
  499. margin:3px 0 3px 10px;
  500. border-left:1px solid {color:4blockquote};
  501. -webkit-border-radius: 5px;
  502. }
  503.  
  504. blockquote blockquote blockquote blockquote blockquote {
  505. padding:2px 7px;
  506. padding-right:5px;
  507. margin:3px 0 3px 10px;
  508. border-left:1px solid {color:5blockquote};
  509. -webkit-border-radius: 5px;
  510. }
  511.  
  512.  
  513. blockquote img{
  514. max-width:100%;
  515. height:auto;
  516. }
  517.  
  518. blockquote blockquote img{
  519. max-width:100%;
  520. height:auto;
  521. }
  522.  
  523.  
  524.  
  525.  
  526. t, title {
  527. size: 15px;
  528. color: 222;
  529. letter-spacing: 2px;
  530. font: times;
  531. }
  532.  
  533. quotetext {
  534. font-family: times;
  535. font-size: 20px;
  536. line-height: 21px;
  537. letter-spacing: 2px;
  538. text-align: center;
  539. text-transform:uppercase;
  540. color: {color:quotetext};
  541. }
  542.  
  543. quotations {
  544. font: courier;
  545. font-size: 30px;
  546. text-transform: uppercase;
  547. color: {color:bold};
  548. }
  549.  
  550. quote {
  551. font-size: 13px;
  552. }
  553.  
  554. img {
  555. max-width:100%;
  556. }
  557.  
  558.  
  559. code {
  560. text-transform: uppercase;
  561. }
  562. /*---------------------------- LINKS ---------------------------*/
  563.  
  564. a:link, a:active, a:visited {
  565. text-decoration: none;
  566. color: {color:link};
  567. text-transform: none;
  568. font-family: 'Kanit', sans-serif;
  569. font-size: 12px;
  570. -moz-transition-duration:.6s;
  571. -webkit-transition-duration:.6s;
  572. -o-transition-duration:.6s;
  573. -webkit-filter: blur(0px);}
  574.  
  575. a:hover {
  576. color: {color:linkhover};
  577. font-family: 'Kanit', sans-serif;
  578. letter-spacing: 0px;
  579. -moz-transition-duration:.6s;
  580. -webkit-transition-duration:.6s;
  581. -o-transition-duration:.6s;
  582. -webkit-filter: blur(0px);}
  583.  
  584.  
  585.  
  586. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  587. color: {color:navi};
  588. text-align: center;
  589. font-family: times;
  590. font-size: 10px;
  591. display: inline;
  592. text-transform: uppercase;
  593. width: 150px;
  594. padding-right: 5px;
  595.  
  596.  
  597. }
  598.  
  599. a.navi:hover {
  600. color: {color:navihover};
  601. -moz-transition-duration:.6s;
  602. -webkit-transition-duration:.6s;
  603. -o-transition-duration:.6s;
  604. -webkit-filter: blur(0px);
  605. }
  606.  
  607.  
  608.  
  609. /*---------------------------- PAGINATION ---------------------------*/
  610.  
  611.  
  612. .pag {
  613. position: fixed;
  614. left: 275px;
  615. top: 200px;
  616. width: auto;
  617. height: auto;
  618. }
  619.  
  620. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  621. color: {color:Pagination};
  622. font-family: 'Marck Script', cursive;
  623. font-size: 9px;
  624. text-shadow: 1px 1px 5px {color:Pagination};
  625. text-transform: none;
  626. }
  627.  
  628. a.pag:hover {
  629. opacity: .5;
  630. -moz-transition-duration:.6s;
  631. -webkit-transition-duration:.6s;
  632. -o-transition-duration:.6s;
  633. -webkit-filter: blur(0px);
  634. }
  635.  
  636.  
  637.  
  638. /*------------------------ POST INFO & TAGS -------------------------*/
  639.  
  640.  
  641.  
  642. #infobox {
  643. border:1px solid transparent;
  644. margin-bottom:0px;
  645. padding-top:10px;
  646. border-bottom:0px solid {color:postborder};
  647. }
  648.  
  649.  
  650. #info {
  651. margin-left:20px;
  652. padding-bottom: 2px;
  653. }
  654.  
  655. #info a {
  656. color:{color:infolink};
  657. opacity: 1;
  658. font-family: times;
  659. text-transform: uppercase;
  660. text-align: right;
  661. }
  662.  
  663. #info a:hover {
  664. color:{color:infohover};
  665. opacity: 1;
  666. }
  667.  
  668.  
  669.  
  670. #tags {
  671. width:375px;
  672. height: 25px;
  673. font-size:7px;
  674. text-align:right;
  675. font-family:arial;
  676. text-transform:uppercase;
  677. background:transparent;
  678. overflow: auto;
  679. margin-top:10px;
  680. margin-left:-15px;
  681. max-height:45px;
  682. margin-bottom: -50px;
  683. padding: 5px;
  684. }
  685.  
  686.  
  687. #tags a {
  688. font-family:times;
  689. font-size:8px;
  690. line-height:8pt;
  691. letter-spacing:0px;
  692. color:{color:bold};
  693. text-decoration:none;
  694. text-shadow: 0px 0px {select:info link background};
  695. text-transform:uppercase;
  696. letter-spacing:0px;
  697. text-align:center;
  698. display:inline-block;
  699. }
  700.  
  701.  
  702. #tags a:hover {
  703. color:{color:bold};
  704. filter: blur(0px);
  705. -webkit-transition: all 0.6s ease-in-out;
  706. -moz-transition: all 0.6s ease-in-out;
  707. -o-transition: all 0.6s ease-in-out;
  708. -ms-transition: all 0.6s ease-in-out;
  709. transition: all 0.6s ease-in-out;
  710. }
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717. /*---------------------------- EXTRA 1 ---------------------------*/
  718.  
  719.  
  720.  
  721. .notecontainer {
  722. background-color: transparent;
  723. border: 0px solid transparent;
  724. width:380px;
  725. padding: 0px;
  726. text-transform:uppercase;
  727. font-style:normal;
  728. font-size: 10px;
  729. height: 150px;
  730. overflow: auto;
  731. margin-left: 50px;
  732. text-align:left;
  733.  
  734. }
  735. .note {
  736. background-color: transparent;
  737. border: 1px solid transparent;
  738. width:280px;
  739. padding: 0px;
  740. text-transform:uppercase;
  741. font-style:normal;
  742. font-size: 10px;
  743. height: auto;
  744. overflow: auto;
  745. margin-left: -25px;
  746. text-align:left;
  747.  
  748. }
  749.  
  750. .note li {
  751. list-style-type:none;
  752. padding: 10px;
  753. text-align:left;
  754. margin:0px;
  755. -moz-transition-duration:0.5s;
  756. -webkit-transition-duration:0.5s;
  757. -o-transition-duration:0.5s;}
  758.  
  759. .note img.avatar {
  760. margin-right: 10px;
  761. width: 25px;
  762. height: 25px;}
  763.  
  764.  
  765.  
  766.  
  767. /*-------------------------- MUSIC PLAYER ---------------------------*/
  768.  
  769.  
  770.  
  771. .songart{
  772. float:left;
  773. margin-right:10px;
  774. }
  775.  
  776. .songart img{
  777. width:80px;
  778. height:80px;
  779. }
  780.  
  781. .songtitle{
  782. margin-bottom:10px;
  783. margin-left:90px;
  784. }
  785.  
  786. .songauthor{
  787. margin-bottom:10px;
  788. font-size:8px;
  789. margin-left:90px;
  790. }
  791.  
  792. .tumblr_audio_player {
  793. height: 50px;
  794. }
  795.  
  796.  
  797.  
  798. /*---------------------------- TOOLTIP ---------------------------*/
  799.  
  800.  
  801.  
  802. #s-m-t-tooltip{
  803. max-width:400px;
  804. margin:15px;
  805. padding:2px 8px;
  806. background: #1c0915;
  807. background-image:url('{image:headerbackground}');
  808. background-repeat:repeat;
  809. background-attachment:fixed;
  810. border: double 3px #000;
  811. color:#fff;
  812. text-shadow:1px 1px 0px #000,
  813. z-index:99999999999999999999;
  814. font-size:9px;
  815. letter-spacing:2px;
  816. font-style:bold;
  817. letter-spacing:2px;
  818. font-family: calibri;
  819. text-transform:uppercase;
  820. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  821.  
  822.  
  823.  
  824.  
  825. /* ----------------------------- CHAT CODE --------------------------- */
  826.  
  827. /* chat cred: https://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  828.  
  829. /* IMESSAGE CHAT POST */
  830. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  831. .asked p {
  832. text-align: left;
  833. margin: 0 0px 10px 0px;
  834. padding: 0;
  835. color: #666666;
  836. font-family: 'Inconsolata', Inconsolata;
  837. font-size: 12px;
  838. line-height: 0px;
  839. }
  840. .footerright .viasrc {
  841. float: left;
  842. }
  843. .asked a {
  844. margin:0;padding:0;
  845. }
  846. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  847. .convo {
  848. overflow: hidden;
  849. list-style-type: none;
  850. padding: 0;
  851. margin: 0;
  852. }
  853.  
  854.  
  855.  
  856.  
  857. </style>
  858.  
  859.  
  860.  
  861. <body>
  862.  
  863. <!--------------------------- SIDEBOX -------------------------------->
  864.  
  865. <div class="sidebox">
  866. <p><img src="{image:sidebar}" id="headimage">
  867. <p>
  868. <br><h1>{text:titlehere}</h1>
  869.  
  870. <p><hr size="1" width="75%" align="center" color="{color:font}" paddin-top="5px" padding-bottom="5px">
  871. <br>
  872. <p>{text:description}
  873.  
  874. <center>
  875. <br><br>
  876. <a href="/" class="navi" title="home" style="padding-top: 10px;">Home</a> <a href="/ask" class="navi" title="ask" style="padding-top: 10px;">Ask</a>
  877. <a href="/{text:link3}" class="navi poplight" title="{text:link3title}" style="padding-top: 10px;">{text:link3title}</a>
  878. <a href="/{text:link4}" class="navi poplight" title="{text:link4title}" style="padding-top: 10px;">{text:link4title}</a>
  879. <a href="/{text:link5}" class="navi poplight" title="{text:link5title}" style="padding-top: 10px;">{text:link5title}</a>
  880.  
  881.  
  882. </center>
  883.  
  884. </div>
  885.  
  886. <!------------------------- SIDEBOX END ------------------------------>
  887.  
  888.  
  889.  
  890.  
  891. <!----------------------------- CREDIT ------------------------------>
  892.  
  893. <div class="credit">
  894. <a href="https://themesbyzorra.tumblr.com/" title="Themes By Zorra">♛</a>
  895. </div>
  896. </body>
  897.  
  898. <!--------------------------- CREDIT END ----------------------------->
  899.  
  900.  
  901. <!------------------------- BLOG CONTENT ----------------------------->
  902.  
  903. <div class="pag">{block:Pagination}
  904. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -50px; font-size: 30px;" TITLE="S">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x; font-size: 30px;" TITLE="FORWARD">»</a>
  905. {/block:NextPage}
  906. {/block:Pagination}</div>
  907. <div id="container">
  908.  
  909. {block:Posts}
  910.  
  911. <div class="posts">
  912.  
  913. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  914.  
  915. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  916. {/block:Photo}
  917.  
  918. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  919.  
  920. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  921.  
  922. {block:Video}
  923. <div class="video">{Video-500}</div>
  924. {/block:Video}
  925.  
  926. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  927.  
  928.  
  929. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  930.  
  931.  
  932.  
  933. {block:Chat}
  934. {block:Title}
  935. <h1>{Title}</h1>{/block:Title}<br>
  936. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  937. {Line}</li>{/block:Lines}</ul>
  938. {/block:Chat}
  939.  
  940.  
  941. <!--------------------------- AUDIO POST ------------------------------>
  942. {block:Audio}
  943. {block:AlbumArt}
  944. <div class="songart">
  945. <img src="{AlbumArtURL}">
  946. </div>
  947. {/block:AlbumArt}
  948. <div class="songtitle">
  949. {block:TrackName}
  950. {TrackName}
  951. {/block:TrackName}
  952. </div>
  953. <div class="songauthor">
  954. By
  955. {block:Artist}
  956. {Artist}
  957. {/block:Artist}
  958. </div>
  959. {AudioPlayerWhite}
  960. {/block:Audio}
  961.  
  962.  
  963.  
  964. {block:Answer}
  965. <div id="askerurl" style="margin-left:-50px; margin-top:0px; text-transform:uppercase; font-size: 13px; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div>
  966.  
  967.  
  968. <div id="question" style="margin-top: -5px">{Question}</div><img src="{AskerPortraitURL-48}" style="border-radius: 100px; margin-left: 325px; margin-top: -20px;">
  969. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  970. {/block:Answer}
  971.  
  972.  
  973. <!----------------------- INFO & SYMBOLS ----------------------------->
  974.  
  975. <div id="infobox">
  976. <div id="info">
  977. <br>
  978.  
  979. &nbsp; &nbsp;
  980.  
  981.  
  982.  
  983. {block:Date}
  984. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left: 240px; margin-top:0px; letter-spacing: 2px; font-size: 12px; font-family: times" title="{TimeAgo} & {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  985. {/block:Date}
  986.  
  987.  
  988. <a href="{ReblogURL}" style="position:absolute; margin-left:295px; margin-top:0px; letter-spacing: 2px; font-size:12px; font-family: times" title="reblog"> Reblog </a>
  989.  
  990.  
  991.  
  992. {block:NoRebloggedFrom}
  993. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  994. {/block:NoRebloggedFrom}
  995.  
  996.  
  997. {block:ContentSource}
  998. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  999. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1000. {/block:SourceLogo}
  1001. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1002. {/block:ContentSource}
  1003. <br>
  1004.  
  1005.  
  1006. <!------------------- INFO & SYMBOLS ENDS --------------------------->
  1007.  
  1008.  
  1009. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1010.  
  1011. <br><br><br><br>
  1012. </div>
  1013. </div>
  1014.  
  1015. {/block:Posts}
  1016. <div class="notecontainer">
  1017. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1018. </div></div>
  1019. {/block:Posts}
  1020.  
  1021. </div>
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027. </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!