API tools faq
paste
MrsTinCan

08: Dark Thoughts

MrsTinCan
Jul 30th, 2016 (edited)
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.39 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. HI! Thank you for using my THEME! Don't worry, the Permalinks box might look a little BIG but it will scale down on your blog. It's just in the cutom/edito view. PLEASE do not remove my credit, EVEN if you change the theme. It's not a base theme after all. HAVE FUN!
  5. -->
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta name="image:Background" content="" />
  16. <meta name="image:Sidebar Left" content="" />
  17. <meta name="image:Sidebar Right" content="" />
  18. <meta name="image:Desc Image" content="http://static.tumblr.com/a614278bb203f1b4b7f5d022d924123f/hgwpeok/4cxob4xsh/tumblr_static_8fy37mfjdascgwsoo4g8kkkgs.jpg" />
  19. <meta name="image:Hover" content="http://static.tumblr.com/7e4d23c34866455231961647791f03c2/hgwpeok/330ob4x6h/tumblr_static_9vu79wke9rcokck4gwoggc8ow.gif" />
  20. <meta name="image:Perma" content="http://static.tumblr.com/e874e125e48c88d1b19ee9bebbb99556/hgwpeok/sRxob4w5m/tumblr_static_6flxnm8rs54w0wsko8www44ow.gif" />
  21.  
  22. <meta name="color:Background" content="#222222" />
  23. <meta name="color:Sidebar" content="#000000" />
  24. <meta name="color:Sidebar Links" content="#ffffff" />
  25. <meta name="color:Post" content="#444444" />
  26. <meta name="color:Post Border" content="#FFFFFF" />
  27. <meta name="color:Title" content="#CCCCCC" />
  28. <meta name="color:Ask" content="#8f2626" />
  29. <meta name="color:Question" content="#888888" />
  30.  
  31. <meta name="text:Link1" content="Link 1" />
  32. <meta name="text:Url1" content="" />
  33. <meta name="text:Link2" content="Link 2" />
  34. <meta name="text:Url2" content="" />
  35. <meta name="text:Link3" content="Link 3" />
  36. <meta name="text:Url3" content="" />
  37. <meta name="text:Link4" content="Link 4" />
  38. <meta name="text:Url4" content="" />
  39. <meta name="text:Link5" content="Link 5" />
  40. <meta name="text:Url5" content="" />
  41. <meta name="text:Link6" content="Link 6" />
  42. <meta name="text:Url6" content="" />
  43. <meta name="text:Link7" content="Link 7" />
  44. <meta name="text:Url7" content="" />
  45.  
  46. <meta name="color:Text" content="#FFFFFF" />
  47. <meta name="color:Italics" content="#CCCCCC" />
  48. <meta name="color:Bold" content="#315f7a" />
  49. <meta name="color:Strike" content="#666666" />
  50. <meta name="color:Caption" content="#CCCCCC" />
  51. <meta name="color:Link" content="#992727" />
  52. <meta name="color:Link Hover" content="#320f04" />
  53.  
  54. </head>
  55. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
  58.  
  59. <link href="https://fonts.googleapis.com/css?family=Rakkas" rel="stylesheet">
  60.  
  61. <link href='https://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  64.  
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66. <script type="text/javascript" scr="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips({
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75. <style type="text/css">
  76.  
  77. ::-webkit-scrollbar {
  78. width: 4px;
  79. height: 2px;
  80. background: transparent;
  81. -webkit-border-radius: 1ex;}
  82. ::-webkit-scrollbar-thumb {
  83. background-color: transparent;
  84. -webkit-border-radius: 1ex;
  85. }
  86.  
  87. body{
  88. Background:{color:Background};
  89. Font-Family:'Slabo 27px';
  90. Font-Size: 16px;
  91. color:{color:Text};
  92. background-image:url('{image:Background}');
  93. background-size:50%;
  94. background-position: center center;
  95. background-repeat: repeat;
  96. background-attachment: fixed;
  97. }
  98.  
  99. /* CONTAINER */
  100. #container {
  101. position:fixed;
  102. top:80px;
  103. left:26%;
  104. right:26%;
  105. height:85%;
  106. width:Auto;
  107. padding:20px;
  108. bottom:60px;
  109. overflow:auto;
  110. }
  111.  
  112. .posts {
  113. width:Auto;
  114. Background-color:{color:Post};
  115. border:2px solid {color:Post Border};
  116. padding:10px;
  117. margin-top:0px;
  118. margin-bottom:25px;
  119. }
  120.  
  121. /* Sidebar */
  122.  
  123. #sidebartitle {
  124. position:fixed;
  125. top:10px;
  126. left:20%;
  127. right:20%;
  128. width:100%
  129. height:auto;
  130. font-family:'Lobster';
  131. font-size:40px;
  132. text-align:center;
  133. }
  134.  
  135. #sidebartitle a {
  136. display:inline-block;
  137. color:{color:Title};
  138. -webkit-transition: all 0.9s ease;
  139. -moz-transition: all 0.9s ease;
  140. -o-transition: all 0.9s ease;
  141. }
  142.  
  143. #sidebartitle a:hover {
  144. opacity:0.4;
  145. }
  146.  
  147. #leftsidebar {
  148. position:fixed;
  149. height:100%;
  150. width:25%;
  151. top:0px;
  152. left:0px;
  153. padding:20px 5px;
  154. border-right:4px solid {color:Post Border};
  155. background:{color:Sidebar};
  156. background-image:url('{image:Sidebar Left}');
  157. background-position: bottom left;
  158. background-repeat: no-repeat;
  159.  
  160. overflow: auto;
  161. }
  162.  
  163. .indexlink {
  164. font-size:20;
  165. padding-left:5px;
  166. }
  167.  
  168. .credit {
  169. position:fixed;
  170. bottom:4px;
  171. font-size:10px;
  172. }
  173.  
  174. #description {
  175. position:relative;
  176. width:auto;
  177. font-size:12px;
  178. color:{color:Text};
  179. text-align:justify;
  180. padding:5px 20px;
  181. }
  182.  
  183. #descimage {
  184. margin-top:5px;
  185. margin-left:5px;
  186. margin-right:5px;
  187. width:auto;
  188. min-height:10%;
  189. max-height:100%;
  190. background:{color:Sidebar};
  191. background-image:url('{image:Desc Image}');
  192. background-position: center center;
  193. background-repeat: no-repeat;
  194. background-attachment: auto;
  195. background-size:100%;
  196. border:5px double {color:Sidebar Links};
  197. }
  198.  
  199. #rightsidebar {
  200. position:fixed;
  201. height:100%;
  202. width:25%;
  203. top:0px;
  204. right:0px;
  205. padding:20px 5px;
  206. border-left:4px solid {color:Post Border};
  207. background:{color:Sidebar};
  208. background-image:url('{image:Sidebar Right}');
  209. background-position: bottom right;
  210. background-repeat: no-repeat;
  211. overflow: auto;
  212. }
  213.  
  214. #hoverbox {
  215. position:fixed;
  216. top:50px;
  217. right:5%;
  218. Left:80%;
  219. width:auto;
  220. height:100px;
  221. font-size:20px;
  222. text-align:center;
  223. line-height:100px;
  224. color:{color:Sidebar Links};
  225. text-shadow: 1px 1px 5px #000,
  226. -1px 1px 5px #000,
  227. 1px -1px 5px #000,
  228. -1px -1px 5px #000;
  229. background:{color:Sidebar};
  230. background-image:url('{image:Hover}');
  231. background-position: center center;
  232. background-repeat: no-repeat;
  233. background-attachment: auto;
  234. background-size:200px;
  235. border:5px double {color:Sidebar Links};
  236. }
  237.  
  238. #hovercontent {
  239. opacity:0;
  240. -webkit-transition: all 0.9s ease;
  241. -moz-transition: all 0.9s ease;
  242. -o-transition: all 0.9s ease;
  243. }
  244.  
  245. #hoverbox:hover #hovercontent {
  246. opacity:1;
  247. -webkit-transition: all 0.9s ease;
  248. -moz-transition: all 0.9s ease;
  249. -o-transition: all 0.9s ease;
  250. }
  251. /* LINKS */
  252.  
  253. #navlink {
  254. margin:5px;
  255. margin-top:20px;
  256. line-height:20px;
  257. font-size:16px;
  258. padding:5px;
  259. min-height:10%;
  260. max-height:100%;
  261. width:AUTO;
  262. text-align:center;
  263. text-transform:uppercase;
  264. overflow: auto;
  265. border:4px double {color:Sidebar Links};
  266. }
  267.  
  268. #navlink a{
  269. display:inline-block;
  270. padding-right:5px;
  271. color:{color:Sidebar Links};
  272. -webkit-transition: all 0.9s ease;
  273. -moz-transition: all 0.9s ease;
  274. -o-transition: all 0.9s ease;
  275. }
  276.  
  277. #navlink a:hover{
  278. opacity:0.5;
  279. }
  280.  
  281. /* LINKS END */
  282.  
  283. /* NOTES */
  284.  
  285. #notecontainer {
  286. width:500px;
  287. Background-color:{color:Post};
  288. padding:10px;
  289. margin-top:0px;
  290. margin-bottom:40px;
  291. margin-left:0px;
  292. font-size: 14px;
  293. }
  294.  
  295. #notecontainer ol.notes {
  296. list-style-type: none;
  297. margin: 0;
  298. padding: 0;
  299. }
  300.  
  301. #notecontainer img.avatar {
  302. margin-right: 10px;
  303. width: 16px;
  304. height: 16px;
  305. }
  306.  
  307. /* PAGINATION */
  308. /* PREV */
  309. #paginationprev {
  310. position:absolute;
  311. margin-top:20px;
  312. margin-left:5%;
  313. }
  314.  
  315. #paginationprev a {
  316. color:{color:Link};
  317. font-size:20px;
  318. -webkit-transition: all 0.7s ease;
  319. -moz-transition: all 0.7s ease;
  320. -o-transition: all 0.7s ease;
  321. }
  322.  
  323. #paginationprev a:hover {
  324. color:{color:Link Hover};
  325. }
  326.  
  327. /* NEXT */
  328.  
  329. #paginationnext {
  330. position:absolute;
  331. margin-top:20px;
  332. margin-left:75%;
  333. }
  334.  
  335. #paginationnext a {
  336. color:{color:Link};
  337. font-size:20px;
  338. -webkit-transition: all 0.7s ease;
  339. -moz-transition: all 0.7s ease;
  340. -o-transition: all 0.7s ease;
  341. }
  342.  
  343. #paginationnext a:hover {
  344. color:{color:Link Hover};
  345. }
  346.  
  347. /* PERMALINKS */
  348.  
  349. .permalinks {
  350. text-align:left;
  351. margin-top:20px;
  352. padding:15px;
  353. height:12px;
  354. font-size:10px;
  355. border-style: solid;
  356. border-color: {color:text};
  357. border-width: 2px 0 5px 0;
  358. border-radius: 20px;
  359. margin-top:10px;
  360. background-image:url('{image:Perma}');
  361. background-position: center center;
  362. background-repeat: repeat;
  363. background-attachment: auto;
  364. background-size:AUTO;
  365. height:20%;
  366. max-height:100%;
  367. }
  368.  
  369.  
  370. .permalinks a{
  371. text-decoration:none;
  372. font-size:10px;
  373. color:{color:Link}
  374. }
  375.  
  376. .permalinks a:hover{
  377. color:{color:Link Hover};
  378. }
  379.  
  380. .date {
  381. float:right;
  382. font-size:10px;
  383. }
  384.  
  385. .date a{
  386. font-size:10px;
  387. }
  388.  
  389. .reblogs {
  390. float:left;
  391. }
  392.  
  393.  
  394. .tags {
  395. padding-top:15px;
  396. text-align:left;
  397. }
  398.  
  399. .tags a {
  400. text-decoration:none;
  401. font-size: 12px;
  402. text-transform:default;
  403. color:{color:Link};
  404. }
  405.  
  406. .tags a:hover {
  407. color:{color:Link Hover};
  408. }
  409.  
  410. /* ASKS */
  411.  
  412. .asker {
  413. height:29px;
  414. font-size:16px;
  415. text-align:center;
  416. padding:5px;
  417. border-bottom:4px solid {color:Post Border};
  418. background:{color:ASK};
  419. }
  420.  
  421. .asker img{
  422. float:left;
  423. margin-left:-5px;
  424. margin-top:-5px;
  425. border:4px solid {color:Post Border};
  426. height:35px;
  427. width:35px;
  428. }
  429.  
  430. .question {
  431. font-style: italic;
  432. text-align:justify;
  433. Background-color:{color:Question};
  434. overflow:auto;
  435. color:{color:Text};
  436. border-radius:0px 0px 0px 50px;
  437. padding: 15px;
  438. }
  439.  
  440. .answer {
  441. padding-top:10px;
  442.  
  443. }
  444.  
  445. /* CHAT */
  446.  
  447. .chat {
  448. color:{color:Text};
  449. font-size:16px;
  450. text-align:left;
  451. padding-bottom:8px;
  452. }
  453.  
  454.  
  455. /* QUOTE AND CAPTIONS */
  456.  
  457. .quote {
  458. font-size:24px;
  459. color:{color:Caption};
  460. letter-spacing:1px;
  461. text-align:center;
  462. Font-family: 'Kaushan Script';
  463. border-bottom:2px solid {color:Post Border};
  464. margin-bottom:5px;
  465. padding:5px 20px;
  466. }
  467.  
  468. .quotesource {
  469. font-size:10px;
  470. letter-spacing:1px;
  471. text-align:center;
  472. margin-bottom:5px;
  473. }
  474.  
  475. .caption {
  476. font-size:30px;
  477. color:{color:Caption};
  478. font-family:'Lobster';
  479. }
  480.  
  481. .caption a {
  482. color:{color:Caption};
  483. }
  484.  
  485. .caption a:hover {
  486. opacity:0.5;
  487. }
  488.  
  489. .photoset {
  490. max-height:100%;
  491. Width:100%;
  492. }
  493.  
  494. /* HOVER BOX */
  495.  
  496. #s-m-t-tooltip {
  497. z-index: 9999;
  498. background:#000;
  499. font-size: 9px;
  500. line-height:11px;
  501. Font-family: 'Gibson', Sans-Serif;
  502. Font-style:oblique;
  503. border: 2px dashed #fff;
  504. text-transform: lowercase;
  505. color: #aaa;
  506. max-width: 150px;
  507. word-wrap: break-word;
  508. padding: 5px 10px 5px 10px;
  509. display:block;
  510. margin: 24px 14px 7px 12px;
  511. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  512. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  513. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  514. }
  515.  
  516. /* MISC */
  517.  
  518. a {
  519. text-decoration:none;
  520. color:{color:Link};
  521. -webkit-transition: all 0.9s ease;
  522. -moz-transition: all 0.9s ease;
  523. -o-transition: all 0.9s ease;
  524. }
  525.  
  526. a:hover {
  527. color:{color:Link Hover};
  528. }
  529.  
  530. b, strong {
  531. color:{color:Bold};
  532. font-family:'Rakkas';
  533. }
  534.  
  535. i, em {
  536. color:{color:Italics};
  537. Font-family:'Marck Script';
  538. }
  539. s, strike {
  540. color:{color:Strike};
  541. }
  542.  
  543. h1 {
  544. font-size:35px;
  545. font-family:'Coming Soon';
  546. line-height:30px;
  547. text-align:left;
  548. padding:10px;
  549. }
  550.  
  551. h2 {
  552. font-size:22px;
  553. color:{color:Caption};
  554. font-family:'Rakkas';
  555. line-height:30px;
  556. text-align:left;
  557. padding:10px;
  558. }
  559.  
  560. blockquote {
  561. border-style: solid;
  562. border-color: {color:text};
  563. border-width: 0px 0px 0px 2px;
  564. border-radius: 20px;
  565. margin-left:0px;
  566. padding:10px;
  567. }
  568.  
  569. img {
  570. height:AUTO;
  571. width:100%;
  572. }
  573.  
  574. /* Flaired edges, by Tomas Theunissen */
  575.  
  576. div.hr {
  577. height: 5px;
  578. border-style: solid;
  579. border-color: {color:text};
  580. border-width: 1px 0 2px 0;
  581. border-radius: 20px;
  582. margin:10px 0px;
  583. background:{color:Post};
  584. }
  585.  
  586. div.hr hr {
  587. display: none;
  588. }
  589.  
  590.  
  591. </style>
  592. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css"></link>
  593.  
  594. <body>
  595.  
  596. <div id="sidebartitle"><a href="/" title"Index">{Title}</a></div>
  597. <div id="container">
  598.  
  599. {block:Posts}
  600.  
  601. <div class="posts">
  602.  
  603. {block:Text}{block:Title}<div class="caption"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}{/block:Text}
  604.  
  605. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  606.  
  607. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  608.  
  609.  
  610. {block:Photoset}<div class="photoset">{Photoset}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  611.  
  612. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}{/block:Source}</div>{/block:Quote}
  613.  
  614. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  615.  
  616. {block:Chat}{block:Title}<div class="caption"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  617.  
  618. <div class="chat">
  619. {block:Lines}{block:Label}<li><u>{Label}</u>{/block:Label} {Line}</li>{/block:Lines}</div>{/block:Chat}
  620.  
  621. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  622.  
  623. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  624.  
  625. {block:Answer}
  626. <div class="asker"><img src="{AskerPortraitURL-64}" /> <b>{Asker}</b> asked:</div>
  627. <div class="question">{Question}</div>
  628. <div class="answer">{Answer}</div>
  629. {/block:Answer}
  630.  
  631. <div class="permalinks">
  632. <div class="date"><a href="{Permalink}">{dayofmonth}{dayofmonthsuffix} {shortmonth} {year}</a> <a href="{Permalink}">{block:NoteCount}Notes: {NoteCount}{/block:NoteCount}</a></div>
  633.  
  634. <div class="reblog"> {block:RebloggedFrom}
  635. <a href="{ReblogParentURL}" title="via"> via</a> •
  636. <a href="{ReblogRootURL}" title="source"> source </a> •
  637. {/block:RebloggedFrom}
  638. <a href="{ReblogURL}" title="reblog"> reblog </a>
  639. </div>
  640.  
  641. <div class="tags">
  642. {block:hastags} Tags: {block:tags}&nbsp;<a href="{tagurl}"> #{tag}</a>&nbsp;{/block:tags} {/block:hastags}</div>
  643. </div>
  644.  
  645. </div>
  646.  
  647. {block:PostNotes}
  648. <div id="notecontainer">{PostNotes}</div>
  649. {/block:PostNotes}
  650.  
  651. {/block:Posts}
  652. </div>
  653.  
  654. <div id="leftsidebar">
  655. <div class="indexlink"><a href="/">Home //</a></div>
  656. <div id="descimage"></div>
  657. <div id="description">
  658. <div class="hr"><hr /></div>
  659. {description}
  660. <div class="hr"><hr /></div>
  661.  
  662. </div>
  663.  
  664.  
  665. {block:Pagination}
  666. <div id="paginationprev">
  667. {block:PreviousPage}<a href="{PreviousPage}"> ↢ PREV </a>{/block:PreviousPage}</div>
  668.  
  669. <div id="paginationnext">
  670. {block:NextPage}<a href="{NextPage}"> NEXT ↣ </a>
  671. {/block:NextPage}</div>
  672. {/block:Pagination}
  673.  
  674.  
  675. <div class="credit"><a href="http://whateverhtml.tumblr.com/">🌸</a></div>
  676. </div>
  677.  
  678.  
  679. <div id="rightsidebar">
  680.  
  681. <div id="hoverbox"> HOVER
  682. <div id="hovercontent">
  683.  
  684. <div id="navlink"> <a href="/ask" title="Ask">ASK</a> </div>
  685. <div id="navlink"> <a href="/submit" title="Submit">SUBMIT</a> </div>
  686. <div id="navlink"> <a href="{text:Url1}">{Text:Link1}</a> </div>
  687. <div id="navlink"> <a href="{text:Url2}">{Text:Link2}</a> </div>
  688. <div id="navlink"> <a href="{text:Url3}">{Text:Link3}</a> </div>
  689. <div id="navlink"> <a href="{text:Url4}">{Text:Link4}</a> </div>
  690. <div id="navlink"> <a href="{text:Url5}">{Text:Link5}</a> </div>
  691. <div id="navlink"> <a href="{text:Url6}">{Text:Link6}</a> </div>
  692. <div id="navlink"> <a href="{text:Url7}">{Text:Link7}</a> </div>
  693. <div id="navlink"> <a href="/archive">ARCHIVE</a> </div>
  694.  
  695. </div>
  696. </div>
  697.  
  698.  
  699.  
  700.  
  701. </div>
  702.  
  703. {block:contentsource}
  704. {sourceurl}{block:sourcelogo}<img src="{blacklogourl}"
  705. width="{logowidth}" height="{logoheight}" alt="{sourcetitle}" />
  706. {/block:sourcelogo}
  707. {block:nosourcelogo}{sourcelink}{/block:nosourcelogo}
  708. {/block:contentsource}
  709.  
  710.  
  711. </body>
  712. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!