API tools faq
paste
Advertisement
flyawayfromzayn

Hayley's Theme #06

flyawayfromzayn
Jul 18th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.30 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!--base code #2 by hazrey-->
  4. <!--Theme #6 by flyawayfromzayn-->
  5.  
  6.  
  7.  
  8. <meta name="color:background" content="#ffffff"/>
  9. <meta name="color:text" content="#838282"/>
  10. <meta name="color:link" content="#b8b8b8"/>
  11. <meta name="color:link hover" content="#eeeeee"/>
  12. <meta name="color:border" content="#eeeeee"/>
  13. <meta name="color:hoverlink text" content="838282"/>
  14. <meta name="color:hoverlink border" content="838282"/>
  15. <meta name="color:hoverlink bg" content="#ffffff"/>
  16.  
  17. <meta name="image:sidebar" content=""/>
  18. <meta name="image:thekey" content=""/>
  19.  
  20. <meta name="text:link1 text" content="link 1">
  21. <meta name="text:link1 url" content="/">
  22. <meta name="text:link1 hover" content="link 1">
  23. <meta name="text:link2 text" content="link 2">
  24. <meta name="text:link2 url" content="/">
  25. <meta name="text:link2 hover" content="link 2">
  26. <meta name="text:link3 text" content="link 3">
  27. <meta name="text:link3 url" content="/">
  28. <meta name="text:link3 hover" content="link 3">
  29. <meta name="text:link4 text" content="link 4">
  30. <meta name="text:link4 url" content="/">
  31. <meta name="text:link4 hover" content="link 4">
  32. <meta name="text:Updates" content="here you can put your updates
  33. <p>
  34. It has a lil' scroll bar so it can be as long as you want
  35. <p>
  36. message me if your confused and want to get rid of it.
  37. <p>"/>
  38. <meta name="text:Ask Text" content=""/>
  39. <meta name="if:tinycursor" content="1" />
  40.  
  41. <head><title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <script type="text/javascript"
  47. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  48.  
  49. <style type="text/css">
  50.  
  51. {block:iftinycursor}
  52. body, a, a:hover{
  53. cursor: url("http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png"), progress;
  54. }
  55. {/block:iftinycursor}
  56.  
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:#838282;}
  59. ::-webkit-scrollbar {background-color:#838282;height:7px;width:12px;border:5px solid #fff;}
  60.  
  61. #bite a{
  62. display:block
  63. }
  64.  
  65. #bite .death {
  66. margin-top:0px;filter: alpha(opacity = 0);
  67. opacity:0;-webkit-transition: all 0.5s ease-out;
  68. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  69. }
  70.  
  71. #bite:hover .death {
  72. margin-top:0px;
  73. -webkit-transition: all 0.8s ease-out;
  74. -moz-transition: all 0.8s ease-out;
  75. transition: all 0.8s ease-out;
  76. filter: alpha(opacity = 100);
  77. filter: alpha(opacity = 100);
  78. opacity:100;
  79. }
  80.  
  81. #actualnews {
  82. font-family:calibri;
  83. font-size:10px;
  84. color: #b8b8b8;
  85. width:100px;
  86. height:auto;
  87. padding-top:3px;
  88. margin-left: 102px;
  89. margin-top:-25px;
  90. text-align:center;
  91. position:fixed;
  92. overflow:scroll;
  93. max-height:100px;
  94. }
  95.  
  96. #thekey img{
  97. width:88px;
  98. margin-top:-32px;
  99. margin-left:5px;
  100. position:fixed;
  101. }
  102.  
  103. body {
  104. background:{color:background};
  105. margin:0px;
  106. color:{color:text};
  107. font-family:arial;
  108. font-size:10px;
  109. line-height:100%;
  110. }
  111.  
  112. a {
  113. text-decoration:none;
  114. outline:none;
  115. -moz-outline-style:none;
  116. color:{color:link};
  117. -moz-transition-duration:0.8s;
  118. -webkit-transition-duration:0.8s;
  119. -o-transition-duration:0.8s;
  120. }
  121.  
  122. a:hover {
  123. color:{color:link hover};
  124. outline:none;
  125. -moz-outline-style:none;
  126. }
  127.  
  128. img {
  129. border:none;
  130. }
  131.  
  132. blockquote {
  133. padding-left:5px;
  134. border-left:2px solid;
  135.  
  136. }
  137.  
  138. blockquote blockquote {
  139. padding-left:5px;
  140. border-left:2px solid;
  141. }
  142.  
  143. h1 {
  144. font-size:8px;
  145. text-align:center;
  146. font-family:calibri;
  147. letter-spacing:1px;
  148. color:{color:text};
  149. }
  150.  
  151. h2 {
  152. font-size:8px;
  153. text-align:center;
  154. font-family:calibri;
  155. letter-spacing:1px;
  156. color:{color:text};
  157. }
  158.  
  159.  
  160. #sidebar {
  161. width:200px;
  162. position:fixed;
  163. margin-left:230px;
  164. margin-top:190px;
  165. }
  166.  
  167. #title{
  168. font-size:18px;
  169. font-family:{font:Title};
  170. color:{color:Title};
  171. text-align:center;
  172. line-height:20px;
  173. }
  174.  
  175. #sidebarimage {
  176. position:fixed;
  177. width:200px;
  178. height:135px;
  179. }
  180.  
  181. #sidebarimage img {
  182. width:200px;
  183. height:135px;
  184. }
  185.  
  186. #links {
  187. width:190px;
  188. margin-top:135px;
  189. padding:5px;
  190. text-align:center;
  191. word-spacing:2px;
  192. font-size:12px;
  193. display:block;
  194. color:{color:link};
  195. background-color:#eee;
  196. }
  197.  
  198. #links a {
  199. letter-spacing: 1px;
  200. padding:3px;
  201. }
  202.  
  203. #description {
  204. width:190px;
  205. font-size:13px;
  206. padding:5px;
  207. text-align:center;
  208. letter-spacing:1px;
  209. line-height:90%;
  210. overflow:scroll;
  211. max-height:75px;
  212. }
  213.  
  214. #s-m-t-tooltip {
  215. max-width:300px;
  216. padding:3px 4px 5px 4px;
  217. margin:20px 0px 0px 20px;
  218. background-color:{color:hoverlink bg};
  219. border:1px solid {color:hoverlink border};
  220. font-family:calibri;
  221. font-size:9px;
  222. letter-spacing:2px;
  223. text-transform:uppercase;
  224. color:{color:hoverlink text};
  225. z-index:999999999999999999999999999999999999;
  226. }
  227.  
  228. #pagination {
  229. text-align:center;
  230. margin-top:5px;
  231. }
  232.  
  233. #entries {
  234. padding:40px;
  235. width:500px;
  236. margin-left:500px;
  237. margin-top:60px;
  238. }
  239.  
  240. #post {
  241. width:500px;
  242. padding-bottom:20px;
  243. }
  244.  
  245. #postinfo {
  246. text-align:center;
  247. margin-top:10px;
  248. border-top:1px solid #eee;
  249. padding-top:5px;
  250. }
  251.  
  252. #question {
  253. float:left;
  254. padding:1px;
  255. margin-top:-2px;
  256. margin-right:5px;
  257. }
  258.  
  259. #credit a{
  260. position:fixed;
  261. right:3px;
  262. bottom:3px;
  263. padding:4px;
  264. background:black;
  265. font-size:11px;
  266. color:white;
  267. -moz-transition-duration:1s;
  268. -webkit-transition-duration:1s;
  269. -o-transition-duration:1s;
  270. }
  271.  
  272. #credit a:hover {
  273. opacity:1;
  274. color:#0dd7e2;
  275. background:black;
  276. -moz-transition-duration:1s;
  277. -webkit-transition-duration:1s;
  278. -o-transition-duration:1s;
  279. }
  280.  
  281.  
  282. {CustomCSS}</style></head><body>
  283.  
  284. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  285. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  286. <script>
  287.  
  288. (function($){
  289.  
  290. $(document).ready(function(){
  291.  
  292. $("a[title]").style_my_tooltips({
  293.  
  294. tip_follows_cursor:true,
  295.  
  296. tip_delay_time:50,
  297.  
  298. tip_fade_speed:600,
  299.  
  300. attribute:"title"
  301.  
  302. });
  303.  
  304. });
  305.  
  306. })(jQuery);
  307.  
  308. </script>
  309.  
  310. <div id="bite">
  311. <div id="thekey"><img src="{image:thekey}"></div>
  312. <div class="death">
  313. <div id="actualnews">
  314.  
  315. {text:Updates}
  316.  
  317.  
  318. </div></div>
  319. </div>
  320.  
  321. <div id="sidebar">
  322.  
  323. <div id="title">{title}</div>
  324.  
  325. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  326.  
  327. <div id="links">
  328. <a title="{text:link1 hover}" href="{text:link1 url}">{text:link1 text}</a>
  329. <a title="{text:link2 hover}" href="{text:link2 url}">{text:link2 text}</a>
  330. <a title="{text:link3 hover}" href="{text:link3 url}">{text:link3 text}</a>
  331. <a title="{text:link4 hover}" href="{text:link4 url}">{text:link4 text}</a></div>
  332.  
  333. <div id="description">{Description}</div>
  334.  
  335. <div id="pagination">
  336. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  337. {block:NextPage}— <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  338. </div>
  339.  
  340. </div>
  341.  
  342.  
  343.  
  344. </div>
  345.  
  346.  
  347.  
  348. <div id="entries">{block:Posts}<div id="post">
  349.  
  350. {block:Text}<h1>{block:Title}<big><big>{Title}</big></big>{/block:Title}</h1>{Body}{/block:Text}
  351.  
  352. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  353.  
  354. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  355.  
  356. {block:Quote}<big><b><i>"{Quote}"</i></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  357.  
  358. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  359.  
  360. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  361.  
  362. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  363.  
  364. {block:Audio}<div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
  365. {block:Caption}<div class="caption">{Caption}</div>
  366. {/block:Caption}{/block:Audio}
  367.  
  368. {block:Answer}<div id="question"><img src="{AskerPortraitURL-24}"></div><big><i>{Asker} {text:Ask Text}:</big></i><br>{Question}<p>{Answer}{/block:Answer}
  369.  
  370. <div id="postinfo">on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date}&nbsp;&nbsp;&nbsp;&nbsp; $ <a href="{Permalink}">{NoteCount}</a>&nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> {/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}"> <a href="{SourceURL}"> src</a>{/block:ContentSource}{/block:RebloggedFrom}
  371.  
  372. {block:HasTags}<div id="tags">{block:Tags} # <a href="{TagURL}">{tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  373.  
  374. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}
  375.  
  376. </div></div></div></div>
  377. </div>
  378.  
  379. <div id="credit"><a href="http://flawayfromzayn.tumblr.com/">Credit</a></div>
  380.  
  381. </body>
  382. </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!