API tools faq
paste
Advertisement
teruteru

Dried Ink -【 THEME 11v2 by Anomaly ☽】

teruteru
May 20th, 2017
520
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. THEME #11 v2 by Anomaly ☾ tumblr user xollyx ☽ : DRIED INK !!
  8.  
  9. - i made the base code
  10. - please abide by all the rules
  11.  
  12. 【 All themes and pages can be found here : http://xollyx.tumblr.com/thm 】
  13.  
  14. Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
  15. Feel free to message me if you need any help, my ask box is always open!
  16.  
  17. -->
  18.  
  19. <script src="http://assets.tumblr.com/assets/scripts/tumblelog_post_message_queue.js?_v=ae06d1ab69efc6f29297bf2b7a4160af"></script>
  20. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  21. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("a[title]").style_my_tooltips({
  28. tip_follows_cursor:true,
  29. tip_delay_time:90,
  30. tip_fade_speed:600,
  31. attribute:"title"
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37. <title>{Title}</title>
  38.  
  39. <link rel="shortcut icon" href="{image:favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42.  
  43. <!--default variables-->
  44.  
  45. <meta name="color:background" content="">
  46. <meta name="color:posts" content="">
  47. <meta name="color:border" content="">
  48. <meta name="color:blockquote" content="">
  49. <meta name="color:ask" content="">
  50. <meta name="color:text" content="">
  51. <meta name="color:link" content="">
  52. <meta name="color:hover" content="">
  53. <meta name="color:titles" content="">
  54. <meta name="color:links" content="">
  55. <meta name="color:links hover" content="">
  56. <meta name="color:search bar" content="">
  57. <meta name="color:tab links border" content="">
  58. <meta name="color:tab links border hover" content="">
  59. <meta name="color:selection" content="">
  60. <meta name="color:selection text" content="">
  61. <meta name="color:tooltip" content="">
  62. <meta name="color:tooltip text" content="">
  63. <meta name="color:scrollbar" content="">
  64.  
  65. <meta name="image:favicon" content="">
  66. <meta name="image:background" content="">
  67. <meta name="image:cursor" content="">
  68. <meta name="image:sidebar" content="">
  69. <meta name="image:tags" content="">
  70. <meta name="image:stats" content="">
  71. <meta name="image:render" content="">
  72.  
  73. <meta name="text:title" content="">
  74. <meta name="text:subtitle" content="">
  75. <meta name="text:ask text" content="asked">
  76. <meta name="text:search button" content="search">
  77. <meta name="text:back title" content="">
  78. <meta name="text:next title" content="">
  79.  
  80. <meta name="text:title font" content="">
  81. <meta name="text:subtitle font" content="">
  82. <meta name="text:font" content="">
  83. <meta name="text:font size" content="">
  84.  
  85. <meta name="if:bg cover" content="">
  86. <meta name="if:cursor" content="">
  87. <meta name="if:render" content="">
  88. <meta name="if:border radius" content="">
  89. <meta name="if:round icon" content="">
  90. <meta name="if:stats" content="">
  91. <meta name="if:updates" content="">
  92.  
  93. <meta name="text:post opacity" content="">
  94. <meta name="text:border width" content="">
  95.  
  96. <meta name="text:render left" content="">
  97. <meta name="text:render bottom" content="">
  98. <meta name="text:render width" content="">
  99.  
  100. <style type="text/css">
  101.  
  102. @font-face { font-family: "OpenDyslexic-Regular"; src: url('https://dl.dropboxusercontent.com/s/7lk7boh8v38kbh8/OpenDyslexic-Regular.otf?dl=0'); format("truetype");}
  103.  
  104. ::-webkit-scrollbar {
  105. width: 9px;
  106. height: 4px;
  107. background:{color:scrollbar};
  108. border:4px solid {color:background};
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb {
  112. background-color:{color:scrollbar};
  113. border-radius:5px;
  114. }
  115.  
  116. #s-m-t-tooltip {
  117. max-width:300px;
  118. margin:10px 0px 0px 10px;
  119. background-color:{color:tooltip};
  120. font-family:{select:font};
  121. font-size:{text:font size}px;
  122. padding:3px;
  123. color:{color:tooltip text};
  124. z-index:999999999999999999999999999999999999;
  125. }
  126.  
  127. #s-m-t-tooltip:after {
  128. position: absolute;
  129. display: block; content: "";
  130. border-color: transparent {color:tooltip} transparent transparent ;
  131. border-style: solid;
  132. border-width: 5px;
  133. height:0;
  134. width:0;
  135. position:absolute;
  136. top:3px;
  137. left:-10px;
  138. }
  139.  
  140. ::selection {
  141. background: {color:selection};
  142. color: {color:selection text};
  143. }
  144.  
  145. ::-moz-selection {
  146. background: {color:selection};
  147. color: {color:selection text};
  148. }
  149.  
  150. ::-webkit-selection {
  151. background: {color:selection};
  152. color: {color:selection text};
  153. }
  154.  
  155. {block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}
  156.  
  157. body {
  158. margin:0px;
  159. background:{color:background};
  160. background-image:url('{image:background}');
  161. background-attachment:fixed;
  162. {block:ifbgcover}
  163. background-repeat:no-repeat;
  164. background-size:cover;
  165. {/block:ifbgcover}
  166. color:{color:text};
  167. font-family:{text:font};
  168. font-size:{text:font size}px;
  169. }
  170.  
  171. a {
  172. color:{color:link};
  173. text-decoration:none;
  174. }
  175.  
  176. a:hover {
  177. color:{color:hover};
  178. -webkit-transition: all 0.7s ease;
  179. -moz-transition: all 0.7s ease;
  180. -o-transition: all 0.7s ease;
  181. transition: all 0.7s ease;
  182. }
  183.  
  184. blockquote {
  185. border-left:1px solid {color:blockquote};
  186. padding-left:10px;
  187. }
  188.  
  189. blockquote img {
  190. max-width:100%;
  191. height:auto;
  192. }
  193.  
  194. iframe, img, embed, object, video {
  195. }
  196.  
  197. img {
  198. max-width:auto;
  199. height:auto;
  200. }
  201.  
  202. h1 {
  203. font-size:24px;
  204. text-align:center;
  205. }
  206.  
  207. #tit {
  208. width:calc(100% - 250px);
  209. font-family:{text:title font};
  210. font-size:60px;
  211. border-bottom:2px solid {color:border};
  212. padding-bottom:10px;
  213. }
  214.  
  215. .st {
  216. margin-top:-20px;
  217. font-family:{text:subtitle font};
  218. font-size:24px;
  219. }
  220.  
  221. #links {
  222. width:calc(100% - 250px);
  223. border-bottom:2px solid {color:border};
  224. padding-bottom:1px;
  225. }
  226.  
  227. a.nav {
  228. background:{color:links};
  229. padding:4px;
  230. padding-left:6px;
  231. padding-right:6px;
  232. text-align:center;
  233. }
  234.  
  235. a.nav:hover {
  236. background:{color:links hover};
  237. transition:1s;
  238. -webkit-transition:1s;
  239. -moz-transition:1s;
  240. }
  241.  
  242. .sidebar {
  243. width:250px;
  244. background-color:rgba({RGBcolor:posts},{text:post opacity});
  245. {block:ifborderradius}
  246. border-radius:20px;
  247. {/block:ifborderradius}
  248. border:{text:border width}px dashed {color:border};
  249. padding:5px;
  250. margin-bottom:20px;
  251. }
  252.  
  253. .t {
  254. width:200px;
  255. text-align:center;
  256. font-size:16px;
  257. padding-top:5px;
  258. padding-bottom:5px;
  259. background-color:{color:titles};
  260. margin-bottom:5px;
  261. }
  262.  
  263. .sb {
  264. background-color:{color:search bar};
  265. font-family:{text:font};
  266. font-size:8px;
  267. border: 0px;
  268. width:125px;
  269. border-radius:2px;
  270. padding: 4px 8px;
  271. color:{color:link};
  272. }
  273.  
  274. .button {
  275. background-color:{color:search bar};
  276. font-family:{text:font};
  277. font-size:8px;
  278. border:0px;
  279. border-radius:2px;
  280. padding: 3.5px 8px;
  281. color:{color:link};
  282. }
  283.  
  284. .stat {
  285. display:block;
  286. margin-left:15px;
  287. width:225px;
  288. line-height:calc({text:font size}px + 5px);
  289. border-bottom: 1px dashed {color:border};
  290. padding-top:2px;
  291. padding-bottom:2px;
  292. background:url('{image:stats}') no-repeat left;
  293. text-indent:15px;
  294. }
  295.  
  296. .lstat {
  297. display:block;
  298. margin-left:15px;
  299. width:225px;
  300. line-height:calc({text:font size}px + 5px);
  301. padding-top:2px;
  302. padding-bottom:2px;
  303. background:url('{image:stats}') no-repeat left;
  304. text-indent:15px;
  305. }
  306.  
  307. article {
  308. float:left;
  309. position:relative;
  310. padding:10px;
  311. width:500px;
  312. margin-left:25px;
  313. margin-bottom:50px;
  314. }
  315.  
  316. a.link {
  317. display:inline-block;
  318. border:1px dashed {color:tab links border};
  319. padding:2px;
  320. margin-bottom:3px;
  321. border-radius:5px;
  322. }
  323.  
  324. a.link:hover {
  325. border:1px dashed {color:tab links border hover};
  326. }
  327.  
  328. .posts:blockquote {
  329. border-left:1px solid {color:blockquote};
  330. padding-left:5px;
  331. }
  332.  
  333. .posts img {
  334. max-width:100%;
  335. }
  336.  
  337. .title{
  338. font-weight:normal;
  339. font-size:16px;
  340. margin:0 0 10px 0;
  341. text-align:center;
  342. }
  343.  
  344. .quote{
  345. font-weight:normal;
  346. font-size:16px;
  347. font-style:italic;
  348. margin:0 0 10px 0;
  349. text-align:center;
  350. }
  351.  
  352. .quotesource {
  353. margin:0 0 10px 0;
  354. text-align:right;
  355. }
  356.  
  357. #ask{
  358. padding:5px;
  359. color:{color:Title};
  360. }
  361.  
  362. .bubble {
  363. align:right;
  364. background: {color:ask};
  365. margin:7px 0px 5px 66px;
  366. padding:10px;
  367. position: relative;
  368. -moz-border-radius:5px;
  369. -webkit-border-radius:5px;
  370. border-radius:5px;
  371. }
  372.  
  373. .bubble p {
  374. margin:1px 0px;
  375. }
  376.  
  377. .bubble span {
  378. position:absolute;
  379. width:1px;
  380. height:1px;
  381. font-size: 0;
  382. line-height: 1px;
  383. left:-10px;
  384. top:10px;
  385. border-top:7px solid transparent;
  386. border-bottom:7px solid transparent;
  387. border-right:10px solid {color:ask};
  388. }
  389.  
  390. .perma {
  391. margin-top:10px;
  392. text-align:left;
  393. }
  394.  
  395. .tags {
  396. margin-left:10px;
  397. }
  398.  
  399. .credit {
  400. position:fixed;
  401. bottom:4px;
  402. left:8px;
  403. font: 9px;
  404. text-transform:uppercase;
  405. letter-spacing: 0px;
  406. padding: 2px;
  407. }
  408.  
  409. </style>
  410. </head>
  411. <body>
  412.  
  413. <center><div id="tit"><i>{text:Title}</i>
  414. <div class="st">{text:Subtitle}</div>
  415. </div>
  416.  
  417. <div id="links">
  418. <p>
  419. <a class="nav" href="/">Home</a>
  420. <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('ask').innerHTML">Ask</a>
  421. <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML">Bio</a>
  422. <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML">Links</a>
  423. <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('tags').innerHTML">Tags</a><br>
  424. </center>
  425.  
  426. </div>
  427. </center>
  428.  
  429.  
  430. <table style="font-size: 11px; margin-top:75px;" width="900" align="center" border="0" cellspacing="5">
  431.  
  432. <tbody><tr>
  433. <td valign="top" style="width:240px; padding:2px; background: transparent;">
  434. <br><br>
  435. <div class="sidebar">
  436. <center><img style="max-width:200px; height:auto; {block:ifroundicon}border-radius:100%;{/block:ifroundicon}" src="{image:sidebar}"></center>
  437. {block:Description}{Description}{/block:Description}
  438. <p>
  439. <center>
  440. {block:IndexPage}
  441. {block:Pagination}
  442. {block:PreviousPage}<a href="{PreviousPage}">{text:back title}</a>{/block:PreviousPage}
  443. {block:NextPage}<a href="{NextPage}">{text:next title}</a>
  444. {/block:NextPage}
  445. {/block:Pagination}
  446. {/block:IndexPage}
  447. </center>
  448.  
  449. <p>
  450.  
  451. <center><div class="t">Search</div></center>
  452. <p>
  453. <center>
  454. <form onsubmit="return tagSearch(this)">
  455. <input type="text" class="sb" name="tag" value="" onfocus="if (this.value == '') {this.value=''}" onblur="if (this.value == '') {this.value=''}">
  456. <input type="submit" class="button" value="{text:search button}">
  457. </form>
  458. </center>
  459.  
  460. </div>
  461.  
  462. {block:ifstats}
  463. <div class="sidebar">
  464. <center><div class="t">Stats</div></center>
  465.  
  466. <div class="stat">stats here</div>
  467. <div class="stat">stats here</div>
  468. <div class="stat">stats here</div>
  469. {block:ifnotupdates}
  470. <div class="lstat">stats here</div>
  471. {/block:ifnotupdates}
  472. {block:ifupdates}
  473. <div class="lstat"><a onClick="document.getElementById('content').innerHTML=document.getElementById('update').innerHTML">blog updates</a></div>
  474. {/block:ifupdates}
  475.  
  476. </div>
  477. {/block:ifstats}
  478.  
  479. </td>
  480.  
  481.  
  482. <td valign="top" style="width:505px; padding:10px; margin-bottom:50px; background-color:rgba({RGBcolor:posts},{text:post opacity}); {block:ifborderradius} border-radius:20px;{/block:ifborderradius} border:{text:border width}px dashed {color:border};">
  483. <br><br>
  484.  
  485. <div id="content">
  486.  
  487. {block:Posts}
  488. <article>
  489.  
  490. {block:Text}
  491. {block:Title}<div class="title">{Title}</div>{/block:Title}
  492. {Body}
  493. {/block:Text}
  494.  
  495. {block:Photo}
  496. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  497. {block:Caption}{Caption}{/block:Caption}
  498. {/block:Photo}
  499.  
  500. {block:Photoset}
  501. {Photoset-500}
  502. {block:Caption}{Caption}{/block:Caption}
  503. {/block:Photoset}
  504.  
  505. {block:Quote}
  506. <div class="quote">"{Quote}"</div>
  507. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  508. {/block:Quote}
  509.  
  510. {block:Link}
  511. <div class="title"><a href="{URL}">{Name}</a></div>
  512. {block:Description}<div class="description">{Description}</div>{/block:Description}
  513. {/block:Link}
  514.  
  515. {block:Chat}
  516. {block:Title}<div class="title">{Title}</div>{/block:Title}
  517. {block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}&nbsp;{Line}</div>{/block:Lines}
  518. {/block:Chat}
  519.  
  520. {block:Video}
  521. {Video-500}
  522. {block:Caption}{Caption}{/block:Caption}
  523. {/block:Video}
  524.  
  525. {block:Audio}
  526. {AudioPlayerWhite}
  527. {block:TrackName}{TrackName}<br>{/block:TrackName}
  528. {block:Artist}{Artist}<br>{/block:Artist}
  529. {block:Album}{Album}{/block:Album}
  530. {block:Caption}{Caption}{/block:Caption}
  531. {/block:Audio}
  532.  
  533. {block:Answer}
  534. <img src="{AskerPortraitURL-48}" align="left" style="border-radius:48px;">
  535. <div class="bubble"><span></span>{Asker} {text:ask text}: {Question}&nbsp;</div>
  536. <div class="answer">{Answer}</div>
  537. {/block:Answer}
  538.  
  539. {block:IndexPage}
  540. <div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}">reblog</a>
  541. {block:HasTags}<div class="tags"><img src="{image:tags}"> {lang:Tags}: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div><br>{/block:HasTags}
  542. </div>
  543. {block:IndexPage}
  544.  
  545. {block:PermalinkPage}
  546. <center>
  547. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  548. {block:RebloggedFrom}<br><a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  549. {block:RebloggedFrom}• <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  550. {block:HasTags}<br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}
  551. </center>
  552.  
  553. {block:PostNotes}{PostNotes}{/block:PostNotes}
  554. {/block:PermalinkPage}
  555.  
  556. </article>
  557.  
  558. {/block:Posts}
  559.  
  560. </div>
  561.  
  562.  
  563.  
  564. <div id="ask" style="display:none;">
  565. <h1>Message Me</h1>
  566.  
  567. faq and submission guidelines here!
  568. <br><br>
  569.  
  570. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  571. <br><br>
  572. <iframe frameborder="0" scrolling="no" width="100%" height="300" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  573.  
  574. </div>
  575.  
  576. <div id="about" style="display:none;">
  577. <h1>About Me</h1>
  578.  
  579. insert about here<p>
  580.  
  581. </center><br>
  582.  
  583. </div>
  584.  
  585. <div id="link" style="display:none;">
  586. <h1>Links</h1>
  587.  
  588. <a class="link" href="">link</a>
  589.  
  590. </div>
  591.  
  592. <div id="tags" style="display:none;">
  593. <h1>Tags</h1>
  594.  
  595. insert tags here! you can use the <a class="link" href="">link codes</a> from the last layout but you can also make your own. i dont really care
  596.  
  597. </div>
  598.  
  599. <div id="update" style="display:none;">
  600. <h1>Updates</h1>
  601.  
  602. insert updates here! you dont need any fancy css here
  603. <p>
  604.  
  605. </div>
  606. </td></table></style>
  607. <br>
  608.  
  609. {block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img src="{image:render}" width="{text:render width}"></div>{/block:ifrender}
  610.  
  611. <div class="credit"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>
  612.  
  613. </body>
  614. </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!