API tools faq
paste
Advertisement
beliebertime

Holiday Theme

beliebertime
Nov 27th, 2013
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.96 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. <!-- BY LOUISWILLAM AKA LAURA DO NOT STEAL OR USE AS A BASE CODE OR I'LL PULL OUT YOUR EYES -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}"/>
  14. {/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  18.  
  19. <meta name="color:bg" content="#ffffff">
  20. <meta name="color:link" content="#bbb8b8">
  21. <meta name="color:text" content="#9a9a9a">
  22. <meta name="color:tags" content="#b9b7b7">
  23. <meta name="color:ask" content="#fcfcfc">
  24. <meta name="color:hover" content="#eeeeee">
  25. <meta name="color:border" content="#e7e7e7">
  26. <meta name="color:scrollbar" content="#d6d5d5">
  27.  
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:customtitle" content="">
  32. <meta name="text:link 1" content="">
  33. <meta name="text:link 1 url" content="/">
  34. <meta name="text:link 2" content="">
  35. <meta name="text:link 2 url" content="/">
  36. <meta name="text:link 3" content="">
  37. <meta name="text:link 3 url" content="/">
  38. <meta name="text:link 4" content="">
  39. <meta name="text:link 4 url" content="/">
  40. <meta name="text:link 5" content="">
  41. <meta name="text:link 5 url" content="/">
  42.  
  43. <meta name="if:Cursor" content="1">
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49.  
  50.  
  51. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  52. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  53. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  54. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  55. }
  56.  
  57.  
  58.  
  59. body {
  60. font-style:none;
  61. background-color:{color:bg};
  62. font-family:share tech;
  63. color:{color:text};
  64. font-size:9px;
  65. }
  66.  
  67.  
  68. a {
  69. color:{color:link};
  70. text-decoration:none;
  71. -webkit-transition: all 0.5s ease-out;
  72. -moz-transition: all 0.5s ease-out;
  73. transition: all 0.5s ease-out;
  74. }
  75.  
  76. a:hover {
  77. color:{color:hover};
  78. text-decoration:none;
  79. -webkit-transition: all 0.8s ease-out;
  80. -moz-transition: all 0.8s ease-out;
  81. transition: all 0.8s ease-out;
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:2px solid {color:border};
  91. }
  92.  
  93. h1 {
  94. font-size:10px;
  95. }
  96.  
  97.  
  98.  
  99. {block:ifCursor}
  100.  
  101. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  102.  
  103. {/block:ifCursor}
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110. #sidebar {
  111. position:fixed;
  112. width:200px;
  113. margin-left:200px;
  114. margin-top:140px;
  115. }
  116.  
  117. #sidebarimage {
  118. width:200px;
  119. height:122px;
  120. }
  121.  
  122. #sidebarimage img {
  123. width:200px;
  124. height:122px;
  125. padding:3px;
  126. }
  127.  
  128.  
  129.  
  130.  
  131.  
  132. #customtitle {
  133. font-size:26px;
  134. font-style:italic;
  135. font-family:'Euphoria script';
  136. text-align:center;
  137. color:#000;
  138. position:fixed;
  139. margin-top:85px;
  140. margin-left:200px;
  141. height:20px;
  142. width:204px;
  143. line-height:20px;
  144.  
  145. }
  146.  
  147. #decoration {
  148. position:fixed;
  149. margin-top:115px;
  150. margin-left:200px;
  151. width:207px;
  152. height:20px;;
  153. background-image:url(http://media.tumblr.com/tumblr_lx4ezvbTrn1r2mwkp.gif);
  154. z-index:1;
  155. }
  156.  
  157.  
  158.  
  159. #links {
  160. position:fixed;
  161. margin-top:10px;
  162. width:200px;
  163. margin-left:2px;
  164. font-family:'share tech';
  165. text-transform:uppercase;
  166. text-align:center;
  167. }
  168.  
  169. #links a {
  170. padding:3px;
  171. font-size:9px;
  172. }
  173.  
  174. #links a:hover {
  175. color:{color:hover};
  176. }
  177.  
  178.  
  179.  
  180. #description {
  181. position:fixed;
  182. text-align: justify;
  183. font-family:'share tech';
  184. width:160px;
  185. font-size:10px;
  186. margin-top:-80px;
  187. margin-left:5px;
  188. padding:6px;
  189. background:WHITE;
  190. z-index:1;
  191. height:81px;
  192. opacity:0;
  193. color:{color:text};
  194. line-height:10px;
  195. text-align:center;
  196. -moz-transition-duration:1s;
  197. -webkit-transition-duration:1s;
  198. -o-transition-duration:1s;
  199.  
  200. }
  201.  
  202. #sidebar:hover #description {
  203. width:160px;
  204. text-align:center;
  205. font-size:10px;
  206. margin-top:-105px;
  207. margin-left:17px;
  208. height:81px;
  209. opacity:.9;
  210. }
  211.  
  212.  
  213.  
  214. #pagination {
  215. margin-top:50px;
  216. margin-left:5px;
  217. font-style:italic;
  218. text-align:center;
  219. font-size:9px;
  220. font-family:calibri;
  221. color:{color:link};
  222. }
  223.  
  224. #pagination a{
  225. color:{color:link};
  226. }
  227.  
  228. #pagination a:hover {
  229. color:{color:hover};
  230. }
  231.  
  232.  
  233.  
  234. #posts {
  235. width:500px;
  236. margin-bottom:10px;
  237. padding:1px;
  238. font-size:11px;
  239. color:{color:text};
  240. line-height:90%;
  241. text-align:justify;
  242. }
  243.  
  244. #postscontainer {
  245. margin-bottom:20px;
  246. padding:1px;
  247. margin-left:450px;
  248. margin-top:55px;
  249. }
  250.  
  251.  
  252. #info {
  253. margin-bottom:10px;
  254. font-size:8px;
  255. margin-top:10px;
  256. text-align:left;
  257. padding:5px;
  258. color:{color:link};
  259. border-top:1px solid {color:border};
  260. }
  261.  
  262.  
  263. #notes {
  264. margin-left:0px;
  265. margin-top:0px;
  266. }
  267.  
  268. #rightinfo {
  269. text-transform:uppercase;
  270. font-size:8px;
  271. margin-left:30px;
  272. text-align:justify;
  273. padding:3px;
  274. margin-top:-12px;
  275. color:{color:link};
  276. }
  277.  
  278. #rightinfo a {
  279. color:{color:link};
  280. }
  281.  
  282. #rightinfo a:hover {
  283. color:{color:hover};
  284. }
  285.  
  286.  
  287.  
  288. #audioinfo {
  289. padding:10px;
  290. color:{color:text};
  291. }
  292.  
  293.  
  294.  
  295. #tags {
  296. width:490px;
  297. margin-left:-4px;
  298. margin-top:7px;
  299. font-size:8px;
  300. color:{color:tags}:
  301. }
  302.  
  303. #tags a {
  304. color:{color:tags};
  305. }
  306.  
  307. #tags a:hover {
  308. color:{color:hover}
  309. }
  310.  
  311.  
  312.  
  313. #askbg {
  314. padding:12px;
  315. background-color:{color:ask};
  316. }
  317.  
  318. #ask {
  319. margin-top:-10px;
  320. font-family:calibri;
  321. text-align:left;
  322. }
  323.  
  324. #ask img {
  325. margin-top:30px;
  326. width:50px;
  327. }
  328.  
  329.  
  330.  
  331. #credit {
  332. right:3px;
  333. bottom:6px;
  334. font-size:9px;
  335. padding:5px;
  336. color:{color:text};
  337. background-color:#fafafa;
  338. text-transform:uppercase;
  339. position:fixed;
  340. -webkit-transition: all 0.5s ease-out;
  341. -moz-transition: all 0.5s ease-out;
  342. transition: all 0.5s ease-out;
  343. }
  344.  
  345. #credit:hover {
  346. text-decoration:underline;
  347. color:{text:hover};
  348. }
  349.  
  350. #s-m-t-tooltip {
  351.  
  352. max-width:300px;
  353. padding:2px 3px 2px 3px;
  354. margin:20px 0px 0px 20px;
  355. background-color:#fff;
  356. border-bottom:2px solid #C22D2D;
  357. font-family:share tech;
  358. font-size:9px;
  359. letter-spacing:2px;
  360. text-transform:uppercase;
  361. color:#999;
  362. z-index:999999999999999999999999999999999999;
  363.  
  364. }
  365.  
  366. {CustomCSS}
  367.  
  368. </style></head>
  369.  
  370.  
  371. <body>
  372.  
  373. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  374.  
  375. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  376.  
  377. <script>
  378.  
  379. (function($){
  380.  
  381. $(document).ready(function(){
  382.  
  383. $("a[title]").style_my_tooltips({
  384.  
  385. tip_follows_cursor:true,
  386.  
  387. tip_delay_time:90,
  388.  
  389. tip_fade_speed:600,
  390.  
  391. attribute:"title"
  392.  
  393. });
  394.  
  395. });
  396.  
  397. })(jQuery);
  398.  
  399. </script>
  400.  
  401. <div id="decoration"></div>
  402. <div id="customtitle">{text:customtitle}</div>
  403. <div id="sidebar">
  404. <div id="sidebarimage">
  405. <img src="{image:sidebar}"></div>
  406.  
  407.  
  408. <div id="links">
  409. <a title="{text:link 1}" href="{text:link 1 url}"><img src="http://media.tumblr.com/tumblr_meh7eyOvcw1qdlkyg.gif"></a>
  410. <a title="{text:link 2}" href="{text:link 2 url}"><img src="http://media.tumblr.com/tumblr_meh7b9SPyD1qdlkyg.gif"></a>
  411. <a title="{text:link 3}" href="{text:link 3 url}"><img src="http://media.tumblr.com/tumblr_meh7eyOvcw1qdlkyg.gif"></a>
  412. <a title="{text:link 4}" href="{text:link 4 url}"><img src="http://media.tumblr.com/tumblr_meh7b9SPyD1qdlkyg.gif"></a>
  413. <a title="{text:link 5}" href="{text:link 5 url}"><img src="http://media.tumblr.com/tumblr_meh7eyOvcw1qdlkyg.gif"></a>
  414. </div>
  415.  
  416. <div id="description">{description}</div>
  417.  
  418. {block:Pagination}
  419. <div id="pagination">
  420.  
  421. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  422. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  423. </div>{/block:Pagination}
  424.  
  425. </div></div>
  426.  
  427.  
  428. <div id="postscontainer">
  429.  
  430. {block:Posts}
  431. {block:ContentSource}
  432. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  433. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  434. {/block:SourceLogo}
  435. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  436. {/block:ContentSource}
  437.  
  438. <div id="posts">
  439.  
  440.  
  441. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  442.  
  443.  
  444. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  445.  
  446. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  447.  
  448. {block:Quote}<big><em>"{Quote}"</em></big>{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  449.  
  450. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  451.  
  452. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  453.  
  454. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}<div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>{/block:Audio}
  455.  
  456. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  457.  
  458. {block:Answer}<div id="askbg"><div id="ask"></div><br><img src="{AskerPortraitURL-24}"> {Asker} said: {Question}</div> {Answer}{/block:Answer}
  459.  
  460. <div id="info"><div id="notes"><a href="{Permalink}">
  461. ({NoteCount})</a></div>
  462. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  463. {TimeAgo}</a></a>{/block:Date} / {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">©</a>{/block:RebloggedFrom}</div>
  464. {block:HasTags} <div id="tags">Filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  465.  
  466.  
  467. </div>
  468.  
  469. {/block:Posts}
  470.  
  471. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  472. {/block:Posts}
  473.  
  474. </div>
  475.  
  476.  
  477. <div id="credit"><a href="http://louiswillam.tumblr.com/">LW</a>
  478. </body>
  479. </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!