bridgetowakanda

THEME 006: SUMMER BREEZE by THEMESBYZORRA

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