API tools faq
paste
winchesterkirk

Kaylee Frye Theme

winchesterkirk
Jan 3rd, 2014
228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.86 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 steal or 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><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Sidebar" content="#ffffff"/>
  21. <meta name="color:Text" content="#a8a8a8"/>
  22. <meta name="color:Link" content="#b8b8b8"/>
  23. <meta name="color:Tags" content="f0f0f0"/>
  24. <meta name="color:Hover" content="#f2f2f2"/>
  25. <meta name="color:Line" content="#f2f2f2"/>
  26. <meta name="color:Border" content="#e4e4e4"/>
  27. <meta name="color:Post" content="#ffffff"/>
  28. <meta name="color:Answer" content="#f8f8f8"/>
  29. <meta name="color:scrollbar" content="#D6D5D5">
  30.  
  31. <meta name="image:header" content=""/>
  32.  
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 1 Text" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 2 Text" content="" />
  37. <meta name="text:Link 3" content="" />
  38. <meta name="text:Link 3 text" content="" />
  39. <meta name="text:Link 4" content="" />
  40. <meta name="text:Link 4 Text" content="" />
  41.  
  42. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  43.  
  44. <style>
  45. div#qTip {
  46. padding: 3px;
  47. display: none;
  48. font-style:none;
  49. text-align: center;
  50. position: absolute;
  51. font-size:11px;
  52. line-height:10px;
  53. font-family: 'Arapey', serif;
  54. z-index: 1000;
  55. background: white;
  56. z-index: 9999999;
  57. border: 1px solid #a8a8a8;
  58. color: {color:text};
  59. letter-spacing: 1px;
  60. max-width:150px;
  61. }
  62. </style>
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Paprika' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Arapey' rel='stylesheet' type='text/css'>
  67.  
  68. <style type="text/css">
  69.  
  70. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  71.  
  72. ::-webkit-scrollbar-thumb{
  73. background-color: {color:scrollbar};
  74. border: 2px solid {color:background};
  75. height:auto;
  76. }
  77.  
  78. ::-webkit-scrollbar {
  79. height:auto;
  80. width:9px;
  81. background-color: {color:scrollbar};
  82. border: 4px solid {color:background};
  83. }
  84.  
  85. #woah
  86. #woah a{
  87. display:block
  88. }
  89. #woah #description {
  90. margin-top:-130px;filter: alpha(opacity = 0);
  91. opacity:0;-webkit-transition: all 0.5s ease-out;
  92. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  93. }
  94.  
  95. #woah:hover #description {
  96. margin-top:-130px;
  97. -webkit-transition: all 0.8s ease-out;
  98. -moz-transition: all 0.8s ease-out;
  99. transition: all 0.8s ease-out;
  100. filter: alpha(opacity = 100);
  101. filter: alpha(opacity = 100);
  102. opacity:.83;
  103. }
  104.  
  105.  
  106. body {
  107. background:{color:background};
  108. margin:0px;
  109. color:{color:text};
  110. font-family: 'Arapey', serif;
  111. font-size:9px;
  112. line-height:100%;
  113. }
  114.  
  115. a {
  116. text-decoration:none;
  117. outline:none;
  118. -moz-outline-style:none;
  119. color:{color:link};
  120. }
  121.  
  122. img {
  123. border:none;
  124. }
  125.  
  126. blockquote {
  127. padding-left:5px;
  128. border-left:1px solid;
  129. }
  130.  
  131. blockquote blockquote {
  132. padding-left:5px;
  133. border-left:1px solid;
  134. }
  135.  
  136. h1 {
  137. font-size:9px;
  138.  
  139. }
  140.  
  141. h3 {
  142. font-size:10px;
  143. text-transform:lowercase;
  144. font-family: 'Paprika', cursive;
  145. }
  146.  
  147. a:hover {
  148. opacity:10;
  149. color:{color:hover};
  150. -webkit-transition: all 0.7s ease;
  151. -moz-transition: all 0.7s ease;
  152. -o-transition: all 0.7s ease
  153. }
  154.  
  155. /* --- POST ENTRIES ---*/
  156.  
  157.  
  158. #entries {
  159. padding:10px;
  160. width:400px;
  161. margin-left:470px;
  162. margin-top:170px;
  163. font-size:10px;
  164. }
  165.  
  166. /* --- BODY: POSTS ---*/
  167.  
  168.  
  169. #post {
  170. width:400px;
  171. padding-bottom:60px;
  172. padding:40px;
  173. margin-top:15px;
  174. background-color:{color:Post};
  175. }
  176.  
  177.  
  178. #header {
  179. position:fixed;
  180. background-color:#fcfcfc;
  181. width: 398px;
  182. padding-top:20px;
  183. padding-bottom: 20px;
  184. margin-top:-20px;
  185. margin-left:6px;
  186. border: 1px solid {color:line};
  187. border-bottom: 1px solid {color:line};
  188.  
  189. }
  190.  
  191. #woah {
  192. position:fixed;
  193. margin-top:-200px;
  194. margin-left:514px;
  195. width:400px;
  196. height:220px;
  197.  
  198. }
  199. #woahimage {
  200. width 400px;
  201. height:200px;
  202. }
  203.  
  204. #woahimage img {
  205. width:400px;
  206. height:200px;
  207. padding:6px;
  208. }
  209.  
  210.  
  211.  
  212.  
  213. /* --- SIDEBAR LINKS ---*/
  214.  
  215. .links {
  216. width:170px;
  217. height:5px;
  218. padding: 9px;
  219. font-size:8px;
  220. font-family: 'Paprika', cursive;
  221. text-align:center;
  222. margin-top:-2px;
  223. margin-left:-20px;
  224. text-align:center;
  225. text-transform:lowercase;
  226. word-spacing:2px;
  227. position:fixed;
  228. padding-bottom:7px;
  229. }
  230.  
  231. .links a {
  232. font-size: 8px;
  233. }
  234.  
  235. .links a:hover {
  236. color:{color:Hover}
  237. }
  238.  
  239.  
  240. /* --- DESCRIPTION ---*/
  241.  
  242. #description {
  243. max-height:50px; overflow-y: auto; overflow-x: yes scroll;
  244. position:fixed;
  245. font-family: 'Paprika', cursive;
  246. line-height:130%;
  247. font-size:8px;
  248. width:343px;
  249. padding:16px;
  250. margin-left:10px;
  251. text-align:justify;
  252. color:{color:text};
  253. background-color:white;
  254. border: 1px solid #a8a8a8;
  255. opacity:0;
  256. }
  257.  
  258. #description a {color:{color:text}; -moz-transition-duration:0.8s;
  259. -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  260.  
  261.  
  262. /* --- PAGINATION---*/
  263.  
  264.  
  265. #pagination {
  266. position:fixed;
  267. padding: 9px;
  268. padding-bottom:7px;
  269. width:400px;
  270. font-size:8px;
  271. text-align:center;
  272. font-style:italic;
  273. margin-left:155px;
  274. margin-top:-2px;
  275. font-family: 'Paprika', cursive;
  276. letter-spacing:0px;
  277. }
  278.  
  279. /* --- POST INFO ---*/
  280.  
  281.  
  282. #info {
  283. font-family: 'Arapey', serif;
  284. text-align:center;
  285. margin-top:10px;
  286. text-transform:lowercase;
  287. font-size:9px;
  288. font-style:none;
  289. border-top:1px solid {color:Line}
  290. }
  291.  
  292. /* --- POST TAGS---*/
  293.  
  294.  
  295. #tags {
  296. font-family:cambria;
  297. letter-spacing:0px;
  298. text-transform:lowercase;
  299. font-size:8px;
  300. font-style:italic;
  301. margin-top:4px;
  302. text-align:center;
  303. }
  304.  
  305. #tags
  306. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  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.  
  313. /* --- QUESTIONS ---*/
  314.  
  315. #ask {
  316. padding:7px;
  317. padding-bottom:30px;
  318. padding-left:0px;
  319. text-align:left;
  320. color:{color:text};
  321. line-height:130%;
  322. border-bottom: 1px solid #f4f4f4;
  323. }
  324.  
  325. #ask img {
  326. margin-left:-2px;
  327. margin-bottom:-9px;
  328. padding:3px;
  329. }
  330.  
  331. #ans {
  332. text-align:left;
  333. padding-top:9px;
  334. padding-bottom:3px;
  335. color:{color:text};
  336. }
  337.  
  338. {CustomCSS}</style></head><body>
  339.  
  340. <div id="woah">
  341.  
  342. <div id="woahimage"><img src="{image:header}"></div>
  343.  
  344. <div id="header">
  345.  
  346. <div id="description">
  347. {Description}
  348. </div>
  349.  
  350. <div class="links">
  351. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  352. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  353. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  354. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  355. </div>
  356. </div>
  357.  
  358.  
  359.  
  360.  
  361. {block:Pagination}<div id="pagination">
  362. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  363. {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
  364. </div>{/block:Pagination}
  365.  
  366. </div>
  367.  
  368. <div id="entries">{block:Posts}<div id="post">
  369.  
  370. {block:Text}<h3>{block:Title}{Title}{/block:Title}</h3>{Body}{/block:Text}
  371.  
  372. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  373.  
  374. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  375.  
  376. {block:Quote}<big><em>❝{Quote}❞</em></big>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  377.  
  378. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
  379.  
  380. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  381.  
  382. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  383. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  384. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  385. {/block:Audio}
  386.  
  387. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  388.  
  389. {block:Answer}<div id="ask">{Question}<div style="float:right;"> - {Asker} <img src="{AskerPortraitURL-24}"> &nbsp;</div></div> <div id="ans">{Answer}</div>{/block:Answer}
  390.  
  391. <div id="info">
  392. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>,{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">by <a href="{SourceURL}">{SourceLink}</a>,{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  393. {block:HasTags}<div id="tags">filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  394. {/block:Posts}
  395. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  396. {/block:Posts}</div></div></div>
  397.  
  398.  
  399.  
  400. <!--
  401. THEME MAKER CREDIT
  402. -->
  403.  
  404. <div style="position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:1px; font-family:cambria;"><a href="http://jimothykirk.tumblr.com/">©</a></center></div>
  405.  
  406.  
  407. </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!