API tools faq
paste
Advertisement
dohdoro

simplicity

dohdoro
Mar 17th, 2014
3,457
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. {block:IfInfiniteScroll}
  7. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  8. {/block:IfInfiniteScroll}
  9.  
  10. <link rel="shortcut icon" href="{favicon}" />
  11.  
  12. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  14.  
  15.  
  16.  
  17.  
  18. <!-- SIMPLICITY THEME BY DOHDORO ----//*********
  19.  
  20. ***DO NOT REMOVE THE CREDIT PLEASE.
  21. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  22. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  23. ***DO NOT USE AS BASE --->
  24.  
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#afafaf"/>
  28. <meta name="color:Bold" content="#000000"/>
  29. <meta name="color:underline" content="#000000"/>
  30. <meta name="color:Italic" content="#000000"/>
  31. <meta name="color:links" content="#888888"/>
  32. <meta name="color:links hover" content="#000000"/>
  33. <meta name="color:scrollbar bg" content=""/>
  34. <meta name="color:scrollbar" content="#888888"/>
  35. <meta name="color:h1 bg" content="#fafafa"/>
  36. <meta name="color:h1 border" content="#90EE90"/>
  37. <meta name="color:h1" content="#888888"/>
  38. <meta name="color:icon bg" content="#ffffff"/>
  39. <meta name="color:border" content="#eeeeee"/>
  40. <meta name="color:icon hover bg" content="#F0E68C"/>
  41. <meta name="color:icon hover border" content="#888888"/>
  42. <meta name="color:description bg" content="#ffffff"/>
  43. <meta name="color:description" content="#888888"/>
  44. <meta name="color:title" content="#888888"/>
  45. <meta name="color:box bg" content="#ffffff"/>
  46. <meta name="color:post bg" content="#ffffff"/>
  47. <meta name="color:post border" content="#eeeeee"/>
  48. <meta name="color:post info bg" content="#fafafa"/>
  49. <meta name="color:post info" content="#888888"/>
  50. <meta name="color:post info border" content="#eeeeee"/>
  51. <meta name="color:post info hover bg" content="#888888"/>
  52. <meta name="color:post info hover" content="#ffffff"/>
  53. <meta name="color:reply bg" content="#ffffff"/>
  54. <meta name="color:reply" content="#888888"/>
  55. <meta name="color:reply border" content="#eeeeee"/>
  56. <meta name="color:caption bg" content="#fafafa"/>
  57. <meta name="color:caption border" content="#90EE90"/>
  58. <meta name="color:hover bg" content="#000000"/>
  59. <meta name="color:hover" content="#ffffff"/>
  60. <meta name="color:pagination border" content="#eeeeee"/>
  61. <meta name="color:pagination" content="#888888"/>
  62. <meta name="color:pagination bold" content="#000000"/>
  63.  
  64. <meta name="text:link 1 title" content="hover text"/>
  65. <meta name="text:link 1 URL" content=""/>
  66. <meta name="text:link 2 title" content="hover text"/>
  67. <meta name="text:link 2 URL" content=""/>
  68. <meta name="text:link 3 title" content="hover text"/>
  69. <meta name="text:link 3 URL" content=""/>
  70.  
  71.  
  72. <meta name="image:Background" content=""/>
  73. <meta name="image:Corner Image" content=""/>
  74.  
  75. <meta name="if:Show Captions" content="0">
  76. <meta name="if:Infinite Scroll" content"0">
  77. <meta name="if:250" content"1">
  78. <meta name="if:400" content"0">
  79.  
  80. <style type="text/css">
  81.  
  82. #tumblr_controls {position: fixed !important;}
  83. #tumblr_controls {-webkit-filter: invert(100%);}
  84. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  85. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  86.  
  87.  
  88. ::-webkit-scrollbar {
  89. width: 8px;
  90. height:3px;
  91. background:{color:scrollbar bg};
  92.  
  93. }
  94.  
  95. ::-webkit-scrollbar-thumb:vertical {
  96. height: 20px;
  97. background-color:{color:scrollbar};
  98.  
  99. }
  100.  
  101. body {
  102. font-family:helvetica;
  103. word-wrap:break-word;
  104. font-size:11px;
  105. color:{color:Text};
  106. background:{color:Background};
  107. background-image:url('{image:Background}');
  108. background-repeat:repeat;
  109. background-attachment:fixed;
  110.  
  111. }
  112.  
  113.  
  114. a {
  115. color:{color:Links};
  116. text-decoration:none;
  117.  
  118. }
  119. a:hover {
  120. color:{color:Links Hover};
  121.  
  122.  
  123. }
  124.  
  125. b, strong{
  126. color:{color:Bold};
  127.  
  128. }
  129.  
  130. i, em {
  131. color:{color:Italic};
  132.  
  133. }
  134.  
  135. u {
  136. color:{color:underline};
  137.  
  138. }
  139.  
  140. h1 {
  141. font-family:helvetica;
  142. font-size:10px;
  143. text-transform:uppercase;
  144. text-align:center;
  145. background:{color:h1 bg};
  146. border-left:30px solid {color:h1 border};
  147. color:{color:h1};
  148. padding:15px;
  149.  
  150. }
  151.  
  152. h1 a{
  153. color:{color:Post Links};
  154. text-decoration:none;
  155.  
  156. }
  157.  
  158. #sideimage {
  159. position:fixed;
  160. top:100px;
  161. right:50px;
  162.  
  163. }
  164.  
  165. #nav {
  166. position:fixed;
  167. margin-top:50px;
  168. margin-left:-60px;
  169.  
  170. }
  171.  
  172. #iconlinks img {
  173. display:block;
  174. padding:8px;
  175. width:24px;
  176. height:24px;
  177. margin-bottom:5px;
  178. border:1px solid {color:border};
  179. background:{color:icon bg};
  180. border-radius:25px 25px 25px 25px;
  181.  
  182. }
  183.  
  184. #iconlinks img:hover {
  185. background:{color:icon hover bg};
  186. border:2px dotted {color:icon hover border};
  187. -webkit-transition: opacity 0.6s linear;
  188. -webkit-transition: all 0.6s ease-in-out;
  189. -moz-transition: all 0.6s ease-in-out;
  190. -o-transition: all 0.6s ease-in-out;
  191.  
  192. }
  193.  
  194. #descr {
  195. position:fixed;
  196. z-index:9999;
  197. margin-left:150px;
  198. margin-top:-80px;
  199. text-align:center;
  200. width:190px;
  201. height:100px;
  202. background:{color:description bg};
  203. border:1px solid {color:border};
  204. padding:10px;
  205. height:auto;
  206. font-family:helvetica;
  207. font-size:9px;
  208. line-height:10px;
  209. letter-spacing:1px;
  210. text-transform:none;
  211. color:{color:description};
  212. border-radius:25px 25px 25px 25px;
  213.  
  214. }
  215.  
  216. #descr a {
  217. color:{color:Links};
  218.  
  219. }
  220.  
  221. #title {
  222. margin-bottom:5px;
  223. font-family:helvetica sans serif;
  224. text-align:center;
  225. font-size:30px;
  226. line-height:20px;
  227. letter-spacing:-3px;
  228. text-transform:lowercase;
  229. color:{color:title};
  230.  
  231. }
  232.  
  233. #contain {
  234. width:500px;
  235. max-height:500px;
  236. margin:auto;
  237. overflow-y: auto;
  238. overflow-x: hidden;
  239. margin-top:100px;
  240. background:{color:box bg};
  241. padding:40px;
  242. border:1px solid {color:border};
  243.  
  244. }
  245.  
  246. #contain img{
  247. max-width:100%;
  248.  
  249. }
  250.  
  251. #entr {
  252. position:relative;
  253. margin:30px;
  254. padding:20px;
  255. background:{color:post bg};
  256. border:1px solid {color:post border};
  257. {block:if250}width:250px; margin-left:100px;{/block:if250}
  258. {block:if400}width:400px;{/block:if400}
  259.  
  260. }
  261.  
  262. #entr a{
  263. color:{color:Post Links Hover};
  264.  
  265. }
  266.  
  267. #entr img{
  268. max-width:100%;
  269.  
  270. }
  271.  
  272. #sideinf {
  273. position:absolute;
  274. width:20px;
  275. background:{color:post bg};
  276. border-right:1px solid {color:post border};
  277. border-top:1px solid {color:post border};
  278. border-bottom:1px solid {color:post border};
  279. {block:if250}margin-left:270px;{/block:if250}
  280. {block:if400}margin-left:420px;{/block:if400}
  281. opacity:0;
  282. -webkit-transition: opacity 0.4s linear;
  283. -webkit-transition: all 0.4s ease-in-out;
  284. -moz-transition: all 0.4s ease-in-out;
  285. -o-transition: all 0.4s ease-in-out;
  286.  
  287. }
  288.  
  289. #sideinf img {
  290. display:block;
  291. padding:5px;
  292.  
  293. }
  294.  
  295. #entr:hover #sideinf {
  296. opacity:1;
  297. -webkit-transition: all .7s ease-in-out;
  298. -moz-transition: all .7s ease-in-out;
  299. -o-transition: all .7s ease-in-out;
  300. -ms-transition: all .7s ease-in-out;
  301. transition: all .7s ease-in-out;
  302.  
  303. }
  304.  
  305. #infobar {
  306. display:inline-block;
  307. background:{color:post info bg};
  308. padding:10px;
  309. {block:if250}width:230px;{/block:if250}
  310. {block:if400}width:380px;{/block:if400}
  311. margin-top:4px;
  312. border-top:1px dotted {color:post info border};
  313. color:{color:post info};
  314. box-shadow:0px 1px 1px #eee;
  315. font-family:lilfont;
  316. font-size:8px;
  317. letter-spacing:1px;
  318. text-align:center;
  319.  
  320. }
  321.  
  322. #infobar a{
  323. margin-top:20px;
  324. color:{color:post info};
  325. transition-duration: 0.5s;
  326. -moz-transition-duration: 0.5s;
  327. -webkit-transition-duration: 0.5s;
  328. -o-transition-duration: 0.5s;
  329. }
  330.  
  331. #infobar a:hover {
  332. background:{color:post info hover bg};
  333. color:{color:post info hover};
  334.  
  335. }
  336.  
  337. @font-face {font-family:lilfont; src: url(http://static.tumblr.com/bj5zkci/I3Yn23fn9/04b_03__.ttf) format("truetype"); }
  338.  
  339.  
  340. #quotes {
  341. font-family:helvetica;
  342. font-size:17px;
  343. text-align:center;
  344. letter-spacing:0px;
  345. text-transform:uppercase;
  346.  
  347. }
  348.  
  349. #audio {
  350. width:100%;
  351. margin-left:0px;
  352.  
  353. }
  354.  
  355. .tumblr_audio_player {
  356. height: 40px;
  357. width: 380px;
  358. border:10px solid {color:Audio Border};
  359.  
  360. }
  361.  
  362. #rply {
  363. Color:{color:reply};
  364. background:{color:reply bg};
  365. text-align:center;
  366. padding:15px;
  367. font-size:10px;
  368. font-family:helvetica;
  369. border-top:1px dotted {color:reply border};
  370.  
  371. }
  372.  
  373. #caption {
  374. margin-top:7px;
  375. color:{color:caption};
  376. background:{color:caption Bg};
  377. padding:5px;
  378. word-wrap:break-word;
  379. border-top:5px solid {color:caption border};
  380. {block:if250}width:240px;{/block:if250}
  381. {block:if400}width:390px;{/block:if400}
  382.  
  383. }
  384.  
  385. #caption img{
  386. {block:if250}width:240px;{/block:if250}
  387. {block:if400}width:390px;{/block:if400}
  388. }
  389.  
  390. #notecounts {
  391. float:left;
  392. width:400px;
  393. margin-top:50px;
  394. margin-left:-50px;
  395. color:{color:Post link};
  396. font-size:8px;
  397. text-align:left;
  398. font-family:lilfont;
  399.  
  400. }
  401.  
  402. ol.notecounts {
  403. list-style-type:square;
  404.  
  405. }
  406.  
  407. #s-m-t-tooltip {
  408. max-width:300px;
  409. margin-top:25px;
  410. margin-left:15px;
  411. padding-left:5px;
  412. padding-right:5px;
  413. padding-top:1px;
  414. padding-bottom:1px;
  415. z-index:999999;
  416. background-color:{color:hover bg};
  417. color:{color:hover};
  418. font-family:helvetica;
  419. font-size:9px;
  420. letter-spacing:1px;
  421. text-transform:lowercase;
  422. line-height:13px;
  423. border:0px double #eee;
  424. -webkit-box-shadow: 0px 0px 0px #000;
  425. -moz-box-shadow: 0px 0px 0px #000;
  426. box-shadow: 0px 0px 0px #000;
  427. -webkit-border-radius: 50px;
  428. -moz-border-radius: 50px;
  429. border-radius: 50px;
  430.  
  431. }
  432.  
  433. #thmcredit a {
  434. position:fixed;
  435. z-index:9999;
  436. bottom:5px;
  437. right:10px;
  438. background:#fff;
  439. font-weight:bold;
  440. font-size:10px;
  441. color:#888;
  442. font-family:Cambria;
  443.  
  444. }
  445.  
  446. #pagi {
  447. position:fixed;
  448. margin-bottom:165px;
  449. margin-left:550px;
  450. border-left:1px solid {color:pagination border};
  451.  
  452. }
  453.  
  454. .jump_page {
  455. display:block;
  456. padding: 4px 8px;
  457. color:{color:pagination};
  458. font-family:century gothic;
  459. font-size:11px;
  460. text-decoration:none;
  461.  
  462. }
  463.  
  464. .current_page, .jump_page:hover {
  465. padding: 4px 8px;
  466. color:{color:pagination bold};
  467. font-family:century gothic;
  468. font-size:10px;
  469. text-decoration:none;
  470. }
  471.  
  472. </style></head>
  473.  
  474. <body>
  475.  
  476. <div id="contain">
  477.  
  478. <div id="nav">
  479. <div id="iconlinks">
  480. <a href="/" title="home"><img src="http://static.tumblr.com/bj5zkci/FaOn2lnvf/home-25.png"></a>
  481. <a href="/ask" title="ask"><img src="http://static.tumblr.com/bj5zkci/1nun2lnyf/message-25.png"></a>
  482. <a href="/archive" title="archive"><img src="http://static.tumblr.com/bj5zkci/5Ben2lnzc/archive-25.png"></a>
  483.  
  484. <a href="{text:link 1 URL}" title="{text:link 1 title}"><img src="http://static.tumblr.com/bj5zkci/Ru3n2lo12/design-25.png"></a>
  485. <a href="{text:link 2 URL}" title="{text:link 2 title}"><img src="http://static.tumblr.com/bj5zkci/iiln2lo3g/strawberry-25.png"></a>
  486. <a href="{text:link 3 URL}" title="{text:link 3 title}"><img src="http://static.tumblr.com/bj5zkci/f9on2lo48/octopus-25.png"></a>
  487. </div></div>
  488.  
  489. <div id="descr">
  490. <div id="title">{title}</div>
  491. <div id="divide"></div>
  492. {Description}
  493. </div>
  494.  
  495. <div id="sideimage"><img src="{image:Corner Image}"></div>
  496.  
  497. {block:IfNotInfiniteScroll}
  498. <div id="pagi">
  499.  
  500. {block:Pagination}
  501. {block:JumpPagination length="3"}
  502. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  503. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  504. {/block:Pagination}
  505. </div>
  506.  
  507. {/block:IfNotInfiniteScroll}
  508.  
  509. <div class ="autopagerize_page_element">
  510. {block:posts}
  511. {block:ContentSource}
  512. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  513. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  514. {/block:SourceLogo}
  515. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  516. {/block:ContentSource}
  517. <div id="entr">
  518. <div id="sideinf">
  519.  
  520. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/Z4mn2lw3h/paperclip.png"></a>
  521.  
  522. {block:HasTags}
  523. <a href="{TagURL}" title="{block:Tags}#{Tag}{/block:Tags}"><img src="http://static.tumblr.com/bj5zkci/Wvwn2lsvz/tag.png"></a>
  524. {/block:HasTags}</div>
  525.  
  526. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  527.  
  528. {block:photo}
  529. {block:if250}<img src="{PhotoURL-250}"/>{/block:if250}
  530. {block:if400}<img src="{PhotoURL-400}"/>{/block:if400}
  531. {block:ifShowCaptions}
  532. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  533. {/block:ifShowCaptions}{/block:photo}
  534.  
  535.  
  536. {block:Photoset}
  537. {block:if250}{Photoset-250}{/block:if250}
  538. {block:if400}{Photoset-400}{/block:if400}
  539. {block:ifShowCaptions}
  540. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  541. {/block:ifShowCaptions}{/block:Photoset}
  542.  
  543. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  544.  
  545.  
  546. {block:Link}
  547. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  548. {block:Description}{Description}{/block:Description} {/block:Link}
  549.  
  550. {block:Chat}
  551. {block:Title}{Title}<br />{/block:Title}
  552. {block:Lines}
  553. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  554. {/block:Lines}
  555. {/block:Chat}
  556.  
  557. {block:Audio}<div id="audio">{AudioPlayerWhite}</div>
  558. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Audio}
  559.  
  560. {block:Video}{Video-400}
  561. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  562.  
  563. {block:Answer}
  564. <h1>{Asker} asked:
  565. {Question}</h1>
  566. <div id="rply">{Answer}</div>
  567. {/block:Answer}
  568.  
  569. <div id="infobar">
  570.  
  571. {block:Date}♡ {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} ♡ {/block:Date}
  572.  
  573. {block:RebloggedFrom}
  574. <a href="{ReblogParentURL}" title="via:{ReblogParentName}">VIA.</a>
  575. <a href="{ReblogRootURL}" title="source:{ReblogRootName}">SOURCE</a> ♡
  576. {/block:RebloggedFrom}
  577.  
  578. {block:NoteCount}
  579. <a href="{Permalink}" title="{NoteCount}">{NoteCount}%</a>{/block:NoteCount}</div>
  580.  
  581.  
  582. {block:PermalinkPage} {block:PostNotes}
  583. <div id="notecounts">{PostNotes}</div>
  584. {/block:PostNotes}{/block:PermalinkPage}
  585.  
  586. </div>
  587. {/block:posts}
  588.  
  589. </div>
  590.  
  591. <div id="thmcredit">
  592. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">DTHM.</a></div>
  593.  
  594. </body>
  595.  
  596. </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!