API tools faq
paste
winchesterkirk

Quicksilver Theme

winchesterkirk
Jul 8th, 2014
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.41 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. Quicksilver Theme by Cate @jimothykirk
  6.  
  7. ᵒ Do not remove or change the credit in any way
  8.  
  9. ᵒ Do not use as a base, the base I used is from here http://pastebin.com/r8Mckwjq
  10.  
  11. ᵒ Do not steal from or redistribute
  12.  
  13. Please contact me if you have any questions or concerns and enjoy!
  14.  
  15. -->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:post" content="#ffffff"/>
  27. <meta name="color:text" content="#a8a8a8"/>
  28. <meta name="color:link" content="#b8b8b8"/>
  29. <meta name="color:link hover" content="#c7f8c4"/>
  30. <meta name="color:bold shadow" content="#c7f8c4"/>
  31. <meta name="color:border" content="#e4e4e4"/>
  32. <meta name="color:line" content="#f2f2f2"/>
  33. <meta name="color:blockquote" content="#e1e1e1"/>
  34. <meta name="color:content box background" content="#c7f8c4"/>
  35. <meta name="color:sidebar" content="#fff"/>
  36. <meta name="color:caption" content="#f4f4f4"/>
  37. <meta name="color:caption border" content="#eee"/>
  38. <meta name="color:links background" content="#f4f4f4"/>
  39. <meta name="color:asker" content="#efefef"/>
  40. <meta name="color:music info" content="#efefef"/>
  41. <meta name="color:quote" content="#efefef"/>
  42. <meta name="color:source" content="#f8f8f8"/>
  43. <meta name="color:permalink" content="#c7f8c4"/>
  44. <meta name="color:scrollbar" content="#c7f8c4"/>
  45. <meta name="color:scrollbar background" content="#fff"/>
  46.  
  47.  
  48. <meta name="image:sideimage" content=""/>
  49. <meta name="image:content background" content="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTiYk_nM_qLgUvhBwIoH5l70a3ZPhUnn4cxjDjGE6IOO_wjHXtK"/>
  50. <meta name="image:background" content=""/>
  51.  
  52. <meta name="text:link" content="links" />
  53. <meta name="text:link url" content="/" />
  54. <meta name="text:sideimage width" content="556px" />
  55. <meta name="text:sideimage height" content="610px" />
  56.  
  57. <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>
  58.  
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title],a[title],img[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:100,
  65. tip_fade_speed:300,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71. </script>
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar {
  77. width:4px;
  78. height:15px;
  79. background-color:{color:scrollbar background};
  80. }
  81. ::-webkit-scrollbar-track {
  82. background-color:{color:scrollbar background};
  83. }
  84. ::-webkit-scrollbar-thumb {
  85. background-color:{color:scrollbar};
  86. border:1px solid {color:scrollbar};
  87. }
  88.  
  89. body {
  90. background: {color:background} url('{image:Background}')
  91. no-repeat center fixed ;
  92. -webkit-background-size: cover;
  93. -moz-background-size: cover;
  94. -o-background-size: cover;
  95. background-size: cover;
  96. margin:0px;
  97. color:{color:text};
  98. font-family:arial;
  99. font-size:9px;
  100. line-height:125%;
  101. word-wrap:break-word;
  102. }
  103.  
  104. a {
  105. text-decoration:none;
  106. outline:none;
  107. -moz-outline-style:none;
  108. color:{color:link};
  109. -webkit-transition: all 0.7s ease;
  110. -moz-transition: all 0.7s ease;
  111. -o-transition: all 0.7s ease
  112. }
  113.  
  114. img {
  115. height:auto;
  116. }
  117.  
  118. blockquote {
  119. margin:0px 5px;
  120. padding:0em 1em;
  121. border-left:1px solid {color:blockquote};
  122. }
  123.  
  124. #caption{
  125. background-color:{color:caption};
  126. padding:5px;
  127. margin-top:10px;
  128. margin-left:auto;
  129. margin-right:auto;
  130. width:95%;
  131. border:1px solid {color:caption border};
  132. border-radius:2px;
  133. }
  134.  
  135. h1 {
  136. font-size:10px;
  137. padding:10px;
  138. background-color:#efefef;
  139. text-align:center;
  140. text-transform:uppercase;
  141. }
  142.  
  143. h1 a{
  144. color:{color:link};
  145. -webkit-transition: all 0.7s ease;
  146. -moz-transition: all 0.7s ease;
  147. -o-transition: all 0.7s ease
  148. }
  149.  
  150. h1 a:hover{
  151. letter-spacing:3px;
  152. color:{color:link};
  153. }
  154.  
  155. a:hover {
  156. opacity:10;
  157. text-shadow:1px 1px 1px {color:link hover};
  158. -webkit-transition: all 0.7s ease;
  159. -moz-transition: all 0.7s ease;
  160. -o-transition: all 0.7s ease
  161. }
  162.  
  163. b{
  164. text-shadow:1px 1px 1px {color:bold shadow};
  165. }
  166.  
  167. #content{
  168. height:100%;
  169. margin-left:auto;
  170. position:fixed;
  171. overflow:auto;
  172. margin-right:auto;
  173. width:350px;
  174. background:url('{image:content background}');
  175. background-color:{color:content box background};
  176. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  177. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  178. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  179. }
  180.  
  181.  
  182. #post {
  183. width:250px;
  184. padding-bottom:20px;
  185. margin-left:auto;
  186. margin-right:auto;
  187. padding:10px;
  188. margin-top:20px;
  189. margin-bottom:20px;
  190. background-color:{color:post};
  191. }
  192.  
  193.  
  194. #sidebar {
  195. width:130px;
  196. border:1px solid {color:border};
  197. background-color:{color:sidebar};
  198. position:fixed;
  199. margin-left:420px;
  200. margin-top:150px;
  201. height:98px;
  202. opacity:.80;
  203. }
  204.  
  205. .links {
  206. width:122px;
  207. background-color:{color:links background};
  208. padding: 4px;
  209. font-size:8px;
  210. border:1px solid {color:border};
  211. text-align:center;
  212. margin-left:-1px;
  213. margin-top:-1px;
  214. text-align:center;
  215. text-transform:uppercase;
  216. word-spacing:2px;
  217. position:fixed;
  218. }
  219.  
  220. .links a {
  221. font-size: 8px;
  222. }
  223.  
  224. #description {
  225. position:fixed;
  226. font-size:9px;
  227. width:114px;
  228. border:1px solid {color:border};
  229. margin-top:17px;
  230. padding:8px;
  231. max-height:64px;
  232. overflow:auto;
  233. margin-left:-1px;
  234. text-align:center;
  235. color:{color:text};
  236. }
  237.  
  238. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  239. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  240.  
  241.  
  242. #pagination {
  243. width:122px;
  244. background-color:{color:links background};
  245. padding: 4px;
  246. font-size:8px;
  247. border:1px solid {color:border};
  248. text-align:center;
  249. margin-left:-1px;
  250. margin-top:98px;
  251. position:fixed;
  252. letter-spacing:0px;
  253. }
  254.  
  255. #sideimage{
  256. position:fixed;
  257. bottom:3px;
  258. right:3px;
  259. }
  260.  
  261. #sideimage img{
  262. height:{text:sideimage height};
  263. width:{text:sideimage width};
  264. -webkit-transition: all 0.7s ease;
  265. -moz-transition: all 0.7s ease;
  266. -o-transition: all 0.7s ease
  267. }
  268.  
  269. #perma{
  270. font-size:9px;
  271. border-top:1px solid {color:line};
  272. text-align:left;
  273. margin-top:10px;
  274. line-height:140%;
  275. padding-left:4px;
  276. -webkit-transition: all 0.7s ease;
  277. -moz-transition: all 0.7s ease;
  278. -o-transition: all 0.7s ease
  279. }
  280.  
  281. #perma a{
  282. color:{color:text};
  283. -webkit-transition: all 0.7s ease;
  284. -moz-transition: all 0.7s ease;
  285. -o-transition: all 0.7s ease
  286. }
  287.  
  288. #perma a:hover{
  289. color:{color:text};
  290. }
  291.  
  292. #permatags a{
  293. margin-right:3px;
  294. }
  295.  
  296. #tags {
  297. text-transform:lowercase;
  298. font-size:9px;
  299. margin-left:4px;
  300. line-height:130%;
  301. margin-top:4px;
  302. text-align:left;
  303. }
  304.  
  305. #tags
  306. a {display:inline;margin-right:5px;text-align:left; color:{color:text};
  307. -webkit-transition: all 0.6s ease-in-out;
  308. -moz-transition: all 0.6s ease-in-out;
  309. -o-transition: all 0.6s ease-in-out;
  310. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  311.  
  312. #tags a:hover{
  313. color:{color:text};
  314. }
  315.  
  316. #asker {
  317. padding:10px;
  318. text-align:left;
  319. background-color:{color:asker};
  320. }
  321.  
  322. #asker img{
  323. width:15px;
  324. margin-top:-2px;
  325. margin-left:-2px;
  326. }
  327.  
  328. .arrow-down {
  329. width: 0;
  330. height: 0;
  331. margin-left:200px;
  332. border-left: 8px solid transparent;
  333. border-right: 8px solid transparent;
  334. border-top: 8px solid {color:asker};
  335. }
  336.  
  337. #musicbox {
  338. border:1px solid {color:border};
  339. border-bottom-right-radius:2px;
  340. border-bottom-left-radius:2px;
  341. width:99%;
  342. margin-top:-1px;
  343. height:27px;
  344. }
  345.  
  346. #musicinfo{
  347. padding:5px;
  348. width:238px;
  349. border:1px solid {color:border};
  350. border-top-left-radius:2px;
  351. border-top-right-radius:2px;
  352. background-color:{color:music info};
  353. }
  354.  
  355. ol.notes {
  356. width:270px;
  357. background-color:{color:post};
  358. padding:0px;
  359. list-style-type:none;
  360. font-size:9px;
  361. margin-left:40px;
  362. margin-top:-20px;
  363. height:100%;
  364. letter-spacing:1px;
  365. text-align:left;
  366. }
  367.  
  368. li.note {
  369. padding:8px;
  370. background-color:{color:post};
  371. margin:7px;
  372. border:1px solid {color:border};
  373. }
  374.  
  375. img.avatar {
  376. vertical-align: -4px;
  377. margin-right:10px;
  378. width:14px;
  379. height:14px;
  380. }
  381.  
  382. ol.notes blockquote{
  383. background-color:{color:caption};
  384. padding:5px;
  385. margin-top:10px;
  386. margin-left:auto;
  387. margin-right:auto;
  388. width:90%;
  389. border:1px solid {color:caption border};
  390. border-radius:2px;
  391. }
  392.  
  393. #quote{
  394. padding:10px;
  395. background-color:{color:quote};
  396. text-align:center;
  397. }
  398.  
  399. #source{
  400. padding:5px;
  401. background:{color:source};
  402. font-size:8px;
  403. text-align:center;
  404. text-transform:uppercase;
  405. }
  406.  
  407. #source a{
  408. color:{color:link};
  409. -webkit-transition: all 0.7s ease;
  410. -moz-transition: all 0.7s ease;
  411. -o-transition: all 0.7s ease
  412. }
  413.  
  414. #s-m-t-tooltip{
  415. font-size:9px;
  416. max-width:150px;
  417. line-height:8px;
  418. padding:5px 5px 2px 5px;
  419. margin:15px 0px 0px 10px;
  420. z-index:10;
  421. color:{color:text};
  422. background:#fff;
  423. opacity:1;
  424. border:1px solid {color:border};
  425. border-radius:1px;
  426. letter-spacing:1px;
  427. z-index:999999;
  428. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  429. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  430. box-shadow:1px 1px 1px rgba(0,0,0,0.2);
  431. }
  432.  
  433.  
  434. {CustomCSS}</style></head><body>
  435.  
  436. <div id="sidebar">
  437.  
  438.  
  439. <div id="description">
  440. {Description}
  441. </div>
  442.  
  443.  
  444. <div class="links">
  445. <a href="/">home</a>
  446. <a href="/ask">mssg</a>
  447. <a href="{text:link url}">{text:link}</a>
  448. <a href="http://speedystars.tumblr.com/">code</a>
  449. </div>
  450.  
  451.  
  452. {block:Pagination}<div id="pagination">
  453. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  454. {block:JumpPagination length="5"}
  455. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  456. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  457. {/block:JumpPagination}
  458. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  459. </div>{/block:Pagination}
  460.  
  461. </div>
  462.  
  463. <div id="sideimage">
  464. <img src="{image:sideimage}"/></div>
  465.  
  466. <div id="content">{block:Posts}<div id="post">
  467.  
  468. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  469.  
  470. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  471.  
  472. {block:Photoset}{Photoset-250}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  473.  
  474. {block:Quote}{block:Source}<div id="source">{Source}</div>{/block:Source}<div id="quote">{Quote}</div>{/block:Quote}
  475.  
  476. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  477.  
  478. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  479.  
  480. {block:Audio}
  481. <div id="musicinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} {block:Artist}{Artist}{/block:Artist}</div>
  482. {block:AudioPlayer}<div id="musicbox">{AudioPlayerwhite}</div>{/block:AudioPlayer}{AudioEmbed-250}{/block:AudioEmbed}
  483. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  484. {/block:Audio}
  485.  
  486. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  487.  
  488. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}" style="float:left"/><span style="margin-left:5px">{Asker}: {Question}</span></div><div class="arrow-down"></div>{Answer}</font>{/block:Answer}
  489.  
  490. {block:IndexPage}<div id="perma"><br><span style="background-color:{color:permalink};"><a href="{Permalink}" title="Permalink">{24Hour}:{Minutes}</a></span> <a href="/day/{Year}/{Month}/{DayofMonth}">{DayofWeek}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  491. </div>{/block:IndexPage}
  492. {block:Date}{block:PermalinkPage}<div id="perma"><br><span style="background-color:{color:permalink};">{24Hour}:{Minutes}</span> <a href="/day/{Year}/{Month}/{DayofMonth}">{DayofWeek}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a><p>
  493. {block:RebloggedFrom} Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</p>
  494. <p>{block:ContentSource}Originally from:<a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  495. </p></div>{block:HasTags}<div id="tags"><span style="text-transform:uppercase;">T</span>agged as: {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  496. </div>{/block:PermalinkPage}{/block:Date}
  497. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  498. {/block:Posts}</div></div></div></div>
  499.  
  500. <div style="position:fixed;bottom:3px; right:3px; font-size:13px; letter-spacing:1px; font-family:cambria;"><a href="http://speedystars.tumblr.com/" title="theme by speedystars">☁</a></center></div>
  501.  
  502.  
  503. </body></html>
Advertisement
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!