API tools faq
paste
Advertisement
winchesterkirk

Tiny Theme

winchesterkirk
Mar 21st, 2014
255
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.75 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.  
  3. <!--
  4.  
  5. Don't remove credit or I will gank you :)
  6.  
  7. Contact me if you have any questions or concerns
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  16. </script>
  17. <script type="text/javascript">
  18. $(document).ready(function(){
  19. $(".links_body").hide();
  20. $(".links_head").click(function(){
  21. $(this).next(".links_body").slideToggle('fast');
  22. }); }); </script>
  23.  
  24.  
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33.  
  34. <meta name="color:background" content="#ffffff"/>
  35. <meta name="color:text" content="#a8a8a8"/>
  36. <meta name="color:link" content="#c9c6f6"/>
  37. <meta name="color:hover" content="#f2f2f2"/>
  38. <meta name="color:line" content="#f2f2f2"/>
  39. <meta name="color:border" content="#e4e4e4"/>
  40. <meta name="color:post" content="#ffffff"/>
  41. <meta name="color:post border" content="#f4f4f4"/>
  42. <meta name="color:nav bg" content="#f2f2ff"/>
  43. <meta name="color:nav text" content="#c9c6f6"/>
  44. <meta name="color:ask bg" content="#f2f2ff"/>
  45. <meta name="color:ask text" content="#c9c6f6"/>
  46. <meta name="color:info bg" content="#f2f2ff"/>
  47. <meta name="color:info text" content="#c9c6f6"/>
  48. <meta name="color:scrollbar" content="#f2f2ff"/>
  49.  
  50. <meta name="image:sidebar" content=""/>
  51. <meta name="image:side image" content=""/>
  52.  
  53. <meta name="text:note symbol" content="✰" />
  54. <meta name="text:main link text" content="main" />
  55. <meta name="text:ask link" content="/ask" />
  56. <meta name="text:link 1" content="link 1" />
  57. <meta name="text:link box 1" content="text text text" />
  58. <meta name="text:link 2" content="link 2" />
  59. <meta name="text:link box 2" content="text text text" />
  60. <meta name="text:link 3" content="link 3" />
  61. <meta name="text:link box 3" content="text text text" />
  62. <meta name="text:link 4" content="link 4" />
  63. <meta name="text:link box 4" content="text text text" />
  64. <meta name="text:side image width" content="200px" />
  65. <meta name="text:side image left" content="750px" />
  66. <meta name="text:side image bottom" content="300px" />
  67.  
  68.  
  69.  
  70.  
  71. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  72.  
  73. <style>
  74. div#qTip {
  75. padding: 3px;
  76. display: none;
  77. font-style:none;
  78. text-align: center;
  79. position: absolute;
  80. font-size:8px;
  81. line-height:10px;
  82. font-family: calibri;
  83. z-index: 1000;
  84. background: white;
  85. z-index: 9999999;
  86. border: 1px solid #f4f4f4;
  87. color: {color:text};
  88. letter-spacing: 1px;
  89. max-width:150px;
  90. }
  91. </style>
  92.  
  93. <style type="text/css">
  94.  
  95. ::-webkit-scrollbar {
  96. width:8px;
  97. height:6px;
  98. background-color:{color:background};
  99. }
  100. ::-webkit-scrollbar-track {
  101. background-color:{color:background};
  102. }
  103. ::-webkit-scrollbar-thumb {
  104. background-color:{color:scrollbar};
  105. border: 2px solid {color:background};
  106. }
  107.  
  108. @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  109.  
  110. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  111.  
  112. body {
  113. background:{color:background};
  114. margin:0px;
  115. color:{color:text};
  116. font-family:calibri;
  117. word-wrap: break-word;
  118. font-size:8px;
  119. line-height:100%;
  120. }
  121.  
  122. a {
  123. text-decoration:none;
  124. outline:none;
  125. -moz-outline-style:none;
  126. color:{color:link};
  127. }
  128.  
  129. img {
  130. max-width:100%;
  131. height:auto;
  132. }
  133.  
  134. blockquote {
  135. margin:0px 4px;
  136. padding:0em 1em;
  137. border-left:1px solid {color:blockquote};
  138. }
  139.  
  140. li {
  141. margin:0px 0px;
  142. padding:0em 0em;
  143. }
  144.  
  145. h1 {
  146. font-size:8px;
  147. text-transform:uppercase;
  148. font-family: tiny;
  149. }
  150.  
  151. a:hover {
  152. opacity:10;
  153. color:{color:hover};
  154. -webkit-transition: all 0.7s ease;
  155. -moz-transition: all 0.7s ease;
  156. -o-transition: all 0.7s ease
  157. }
  158.  
  159.  
  160. #entries {
  161. padding:10px;
  162. width:250px;
  163. margin-left:520px;
  164. margin-top:40px;
  165. font-size:10px;
  166. }
  167.  
  168.  
  169. #post {
  170. width:250px;
  171. padding-bottom:30px;
  172. border:1px solid {color:post border};
  173. padding:10px;
  174. margin-top:15px;
  175. background-color:{color:Post};
  176. }
  177.  
  178.  
  179. #sidebar {
  180. width:130px;
  181. padding:5px 0px;
  182. position:fixed;
  183. margin-left:300px;
  184. margin-top:150px;
  185. opacity:.80;
  186. }
  187.  
  188.  
  189. #sidebarimage {
  190. width 25px;
  191. }
  192.  
  193. #sidebarimage img {
  194. width:25px;
  195. margin-left:60px;
  196. padding-top:5px;
  197. padding-bottom:16px;
  198. }
  199.  
  200. .links {
  201. display:block;
  202. width:78px;
  203. padding:2px 5px;
  204. margin:1px 12px 0px 35px;
  205. font-size:8px;
  206. font-family:calibri;
  207. text-transform:uppercase;
  208. letter-spacing:1px;
  209. color:{color:nav text};
  210. line-height:1.36em;
  211. text-align:center;
  212. }
  213.  
  214. .links a {
  215. font-size:8px;
  216. font-family:calibri;
  217. text-transform:none;
  218. letter-spacing:1px;
  219. line-height:1.36em;
  220. text-align:center;
  221. color:{color:link};
  222. }
  223.  
  224. .links_head {
  225. display:block;
  226. width:60px;
  227. padding:2px 3px;
  228. margin:1px 12px 0px 0px;
  229. font-size:8px;
  230. font-family:calibri;
  231. text-transform:uppercase;
  232. letter-spacing:1px;
  233. background-color:{color:nav bg};
  234. color:{color:nav text};
  235. line-height:1.36em;
  236. text-align:center;
  237. }
  238.  
  239.  
  240. #description {
  241. width:65px;
  242. margin-left:44px;
  243. padding-bottom:5px;
  244. color:{color:text};
  245. }
  246. #description a {text-align:center;padding:10px}
  247.  
  248. .links_body{
  249. text-align:center;
  250. text-transform:none;
  251. width:60px;
  252. margin-left:3px;
  253. color:{color:text};
  254.  
  255. }
  256.  
  257.  
  258. #pagination {
  259. display:block;
  260. width:78px;
  261. padding:2px 5px;
  262. margin:1px 12px 0px 35px;
  263. font-size:8px;
  264. font-family:calibri;
  265. text-transform:uppercase;
  266. letter-spacing:1px;
  267. background-color:{color:nav bg};
  268. color:{color:nav text};
  269. line-height:1.36em;
  270. text-align:center;
  271. }
  272.  
  273.  
  274.  
  275. #sideimage {
  276. position:fixed;
  277. margin-top:{text:side image bottom};
  278. margin-left:{text:side image left};
  279. }
  280.  
  281. #sideimage img {
  282. width:{text:side image width};
  283. }
  284.  
  285.  
  286.  
  287. #info {
  288. text-align:center;
  289. font-family:calibri;
  290. margin-top:20px;
  291. padding:0px 5px 5px;
  292. background:{color:info bg};
  293. color:{color:info text};
  294. text-transform:uppercase;
  295. font-size:8px;
  296. font-style:none;
  297. }
  298.  
  299.  
  300.  
  301. #tags {
  302. letter-spacing:0px;
  303. font-family:calibri;
  304. text-transform:lowercase;
  305. padding:6px 6px 6px 6px;
  306. background:{color:info bg};
  307. color:{color:info text};
  308. font-size:8px;
  309. margin-top:2px;
  310. text-align:center;
  311. }
  312.  
  313. #tags
  314. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:center;
  315. -webkit-transition: all 0.6s ease-in-out;
  316. -moz-transition: all 0.6s ease-in-out;
  317. -o-transition: all 0.6s ease-in-out;
  318. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  319.  
  320.  
  321.  
  322. #asker {
  323. padding:5px;
  324. font-family:calibri;
  325. letter-spacing:1px;
  326. text-align:center;
  327. background-color:{color:ask bg};
  328. color:{color:ask text};
  329. }
  330.  
  331. .newplayerbutton {
  332. position: relative;
  333. width: 20px;
  334. height: 50px;
  335. overflow: hidden;
  336. }
  337.  
  338. .playerbuttonhug {
  339. position: absolute;
  340. top: -11px;
  341. left: -12px;
  342. }
  343.  
  344. .tumblr_audio_player {
  345. border: none;
  346. padding: 0px;
  347. height: 40px;
  348. width: 500px;
  349. margin:0px 40px 10px 4px;
  350. }
  351.  
  352.  
  353. .playerbuttonbg {
  354. position:absolute;
  355. left: 14px;
  356. top: 15px;
  357. width: 13px;
  358. height: 15px;
  359. background-color: #ffffff;
  360. padding: 20px;
  361. opacity: .4;
  362. filter: alpha(opacity=40);
  363. -moz-opacity: 0.4;
  364. -khtml-opacity: 0.4;
  365. transition: opacity .7s ease-in-out;
  366. -moz-transition: opacity .7s ease-in-out;
  367. -webkit-transition: opacity .7s ease-in-out;
  368. }
  369.  
  370. .playerbuttonbg:hover {
  371. opacity: 1;
  372. filter: alpha(opacity=100);
  373. -moz-opacity: 1;
  374. -khtml-opacity: 1;
  375. }
  376.  
  377. .audioimgwrapper {
  378. position: absolute;
  379. left: 0px;
  380. top: 0px;
  381. overflow: hidden;
  382. width: 80px;
  383. height: 80px;
  384. }
  385.  
  386. .audioimgwrapper img {
  387. width: 100%;
  388. height: auto;
  389.  
  390. }
  391.  
  392. .trackdetails {
  393. width: auto;
  394. display:inline-block;
  395. line-height:20px;
  396. margin-left: 100px;
  397. height:85px;
  398. }
  399.  
  400. .audiowrapper {
  401. position: relative;
  402. display:inline-block;
  403. }
  404.  
  405.  
  406. ol.notes {
  407. width:200px;
  408. text-align:left;
  409. line-height:20px;
  410. list-style:none;
  411. color:{color:link};
  412. }
  413.  
  414. ol.notes img {
  415. display:none;
  416. }
  417.  
  418. .sfm input {background-color: #f5f5f5;
  419. font-size: 8px;
  420. width:40px;
  421. border: 0px;
  422. text-transform: uppercase;
  423. margin-top: 0px;
  424. color: #999;
  425. margin-left:0px;
  426. letter-spacing: 1px;
  427. padding: 4px 8px;
  428. font-family:tiny;}
  429.  
  430. #sf {background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #f5f5f5 left center no-repeat; background-size: 10px 10px;padding-left:12px;}
  431.  
  432.  
  433. {CustomCSS}</style></head><body>
  434.  
  435. <div id="sidebar">
  436. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  437.  
  438. <div id="sideimage"><img src="{image:side image}"></div>
  439.  
  440. <div id="description">
  441. {Description}
  442. </div>
  443.  
  444. <div class="links">
  445.  
  446. <p class="links_head">{text:main link text}</p>
  447. <div class="links_body"><center>
  448. <div style="display:block; padding:3px 3px;">
  449. <a href="/">home</a>
  450. <a href="{text:ask link}">message</a>
  451. <a href="/submit">submit</a>
  452. <a href="/archive">archive</a>
  453. </div></center></div>
  454.  
  455. <p class="links_head">search</p>
  456. <div class="links_body"><center>
  457. <br>
  458. <script language="javascript">
  459. function send()
  460. {document.theform.submit()}
  461. </script>
  462.  
  463. <form action="/search" method="get" class="sfm" name="theform">
  464. <input type="text" name="q" value="" id="sf"/>
  465. </form>
  466. <br>
  467. </center></div>
  468.  
  469.  
  470. <p class="links_head">{text:link 1}</p>
  471. <div class="links_body"><center>{text:link box 1}</center></div>
  472.  
  473.  
  474.  
  475. <p class="links_head">{text:link 2}</p>
  476. <div class="links_body"><center>{text:link box 2}</center></div>
  477.  
  478.  
  479. <p class="links_head">{text:link 3}</p>
  480. <div class="links_body"><center>{text:link box 3}</center></div>
  481.  
  482.  
  483. <p class="links_head">{text:link 4}</p>
  484. <div class="links_body"><center>{text:link box 4}</center></div>
  485.  
  486. {block:Pagination}
  487. {block:NextPage}<p class="links_head"><a href="{NextPage}">next</a></p>{/block:NextPage}
  488.  
  489. {block:PreviousPage}<p class="links_head"><a href="{PreviousPage}">back</a></p>{/block:PreviousPage}{/block:Pagination}
  490. </div>
  491.  
  492. </div>
  493.  
  494. <div id="entries">{block:Posts}<div id="post">
  495.  
  496. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  497.  
  498. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  499.  
  500. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  501.  
  502. {block:Quote}<div style="font-family: calibri; padding:15px; background-color:{color:ask bg}; color:{color:ask text};">❝{Quote}❞</div>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  503.  
  504. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  505.  
  506. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  507.  
  508. {block:AudioPlayer}
  509. <div class="audiowrapper">
  510. {block:AlbumArt}
  511. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  512. {/block:AlbumArt}
  513.  
  514. <div class="playerbuttonbg">
  515. <div class="newplayerbutton">
  516. <div class="playerbuttonhug">
  517.  
  518. {AudioPlayerWhite}
  519.  
  520. </div>
  521. </div>
  522. </div>
  523.  
  524. <div class="trackdetails">
  525.  
  526. {block:TrackName}{TrackName}{/block:TrackName}<br>
  527. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  528. {block:Album}Album: {Album}{/block:Album}<br>
  529. {PlayCountWithLabel}
  530.  
  531. </div>
  532. </div>
  533. {block:Caption}{Caption}{/block:Caption}
  534. {/block:AudioPlayer}
  535.  
  536.  
  537.  
  538. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  539.  
  540. {block:Answer}<div id="asker"><span style="font-family:calibri;font-size:9px;">{Asker}: </span>{Question}</div><left><font face="calibri">{Answer}</font>{/block:Answer}
  541.  
  542.  
  543. <div id="info">
  544. <br><a href="{Permalink}">{12Hour}:{Minutes}</a> <a href="{Permalink}" title="{NoteCountWithLabel}">{text:Note Symbol}</a>
  545.  
  546. <br> {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"><br>orgin: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}</div>
  547.  
  548. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  549. {/block:Posts}
  550. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  551. {/block:Posts}</div></div></div>
  552.  
  553.  
  554.  
  555. <!--
  556. THEME MAKER CREDIT
  557. -->
  558.  
  559. <div style="position:fixed;bottom:3px; left:3px; font-size:13px; letter-spacing:1px; font-family:cambria;"><a href="http://jimothykirk.tumblr.com/">☁</a></center></div>
  560.  
  561.  
  562. </body></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!