API tools faq
paste
Advertisement
narruldthemes

xmas theme 24

narruldthemes
Nov 30th, 2013
465
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.61 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. THEME BY NARRULD do not copy or remove credit
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <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:Text" content="#bbbbbb"/>
  20. <meta name="color:Link" content="#aaaaaa"/>
  21. <meta name="color:Tags" content="#cccccc"/>
  22. <meta name="color:Hover" content="#f1f1f1"/>
  23. <meta name="color:Line" content="#f2f2f2"/>
  24. <meta name="color:Border" content="#eeeeee"/>
  25. <meta name="color:scrollbarbg" content="ffffff"/>
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:bg" content=""/>
  29. <meta name="if:showsnow" content="1" />
  30. <meta name="if:showfloaties" content="1" />
  31. <meta name="if:showheader" content="1" />
  32.  
  33. <meta name="text:linkA" content="">
  34. <meta name="text:linkA url" content="/">
  35. <meta name="text:linkB" content="">
  36. <meta name="text:linkB url" content="/">
  37. <meta name="text:linkC" content="">
  38. <meta name="text:linkC url" content="/">
  39. <meta name="text:linkD" content="">
  40. <meta name="text:linkD url" content="/">
  41.  
  42. <meta name="image:floatie1" content="http://static.tumblr.com/b3ce6375dafbe262c681e441a4a7d18a/dkpvapy/Zv0mplcau/tumblr_static_tumblr_m9pdei3mey1qid2nw.gif" />
  43. <meta name="image:floatie2" content="http://static.tumblr.com/b3ce6375dafbe262c681e441a4a7d18a/dkpvapy/Zv0mplcau/tumblr_static_tumblr_m9pdei3mey1qid2nw.gif" />
  44. <meta name="image:floatie3" content="" />
  45. <meta name="image:floatie4" content="" />
  46. <meta name="image:floatie5" content="" />
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. ::-webkit-scrollbar {
  52. width: 5px;height: 5px;}
  53. ::-webkit-scrollbar-button:start:decrement,
  54. ::-webkit-scrollbar-button:end:increment {
  55. height: 6px;display: block;background-color: {color:white};}
  56. ::-webkit-scrollbar-track-piece {
  57. background-color: {color:scrollbarbg};}
  58. ::-webkit-scrollbar-thumb:vertical {
  59. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  60.  
  61.  
  62. body {
  63. background:{color:background};
  64. margin:0px;
  65. color:{color:text};
  66. font-family:cambria;
  67. font-size:9px;
  68. line-height:100%;
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. -moz-outline-style:none;
  74. color:{color:link};
  75. }
  76.  
  77. img {
  78. border:none;
  79. }
  80.  
  81.  
  82. h1 {
  83. font-size:12px;
  84. text-transform:uppercase;
  85. }
  86.  
  87. blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92. blockquote blockquote {
  93. padding-left:5px;
  94. border-left:2px solid;
  95. }
  96.  
  97.  
  98. a:hover {
  99. opacity:1;
  100. color:{color:hover};
  101. -webkit-transition: all 0.5s ease;
  102. -moz-transition: all 0.5s ease;
  103. -o-transition: all 0.5s ease
  104. }
  105.  
  106.  
  107. #sidebar2 {
  108. width:100px;
  109. position:fixed;
  110. margin-left:260px;
  111. margin-top:150px;
  112. opacity:1;
  113. background-color:{color:Sidebar};
  114. }
  115.  
  116. #sidebarimage2 {
  117. width 300px;
  118. }
  119.  
  120. #sidebarimage2 img {
  121. margin-left:-180px;
  122. margin-top:-70px;
  123. width:320px;
  124. padding:6px;
  125. background-color:{color:Sidebar};
  126. }
  127.  
  128. #sidebar {
  129. width:100px;
  130. position:fixed;
  131. margin-left:310px;
  132. margin-top:140px;
  133. opacity:1;
  134. background-color:{color:Sidebar};
  135. }
  136.  
  137. #sidebarimage {
  138. width 120px;
  139. }
  140.  
  141. #sidebarimage img {
  142. margin-left:-80px;
  143. margin-top:77px;
  144. width:120px;
  145. height:120px;
  146. position:fixed;
  147. padding:6px;
  148. background-color:{color:Sidebar};
  149. border-radius:70px;
  150. padding:4px;
  151. }
  152.  
  153. #sidebarimage img {
  154. margin-left:-80px;
  155. margin-top:77px;
  156. width:120px;
  157. height:120px;
  158. position:fixed;
  159. padding:6px;
  160. background-color:{color:Sidebar};
  161. border-radius:70px;
  162. padding:4px;
  163. opacity:1;
  164. -moz-transition-duration:0.8s;
  165. -webkit-transition-duration:0.8s;
  166. -o-transition-duration:0.8s;
  167. }
  168.  
  169. #sidebar:hover #sidebarimage img {
  170. opacity:0;
  171. -moz-transition-duration:0.8s;
  172. -webkit-transition-duration:0.8s;
  173. -o-transition-duration:0.8s;
  174. -webkit-transform: rotate(360deg);
  175. -moz-transform: rotate(360deg);
  176. -o-transform: rotate(360deg);
  177. }
  178.  
  179. .desc {
  180. position:fixed;
  181. margin-top:-250px;
  182. margin-left:-90px;
  183. font-family:cambria;
  184. line-height:110%;
  185. font-size:12px;
  186. font-style:italic;
  187. width:135px;
  188. padding:9px;
  189. text-align:justify;
  190. color:{color:text};
  191. opacity:0;
  192. }
  193.  
  194. .desc a
  195. {color:{color:text};
  196. opacity:1;
  197. -moz-transition-duration:0.6s;
  198. -webkit-transition-duration:0.6s;
  199. -o-transition-duration:0.6s;
  200. }
  201.  
  202. #sidebar .desc {
  203. opacity: 0;
  204. margin-left:-90px;
  205. width: 135px;
  206. color:{color:text};
  207. margin-top:-250px;
  208. -webkit-transition:.6s ease-out;
  209. -webkit-transition: all .6s ease-out;
  210. -moz-transition: all .6s ease-out;
  211. transition: all .6s ease-out;
  212. }
  213.  
  214.  
  215. #sidebar:hover .desc{
  216. opacity: 1;
  217. width: 135px;
  218. margin-top:-250px;
  219. color:{color:text};
  220. margin-left:-90px;
  221. z-index:10;
  222. -webkit-animation:flip 1s;
  223. -moz-animation:flip 1s;
  224. -ms-animation:flip 1s;
  225. }
  226.  
  227.  
  228. .links {
  229. position:fixed;
  230. margin-top:-125px;
  231. margin-left:-215px;
  232. width:180px;
  233. padding: 9px;
  234. word-spacing:10px;
  235. font-family:cambria;
  236. text-align:center;
  237. text-transform:uppercase;
  238. color:{color:link};
  239. -webkit-transform: rotate(45deg);
  240. -moz-transform: rotate(45deg);
  241. -o-transform: rotate(45deg);
  242. }
  243.  
  244. .links a {
  245. font-size: 16px;
  246. color:{color:link};
  247. }
  248.  
  249. .links a:hover {
  250. color:{color:Hover}
  251. }
  252. .links2 {
  253. position:fixed;
  254. margin-top:-125px;
  255. margin-left:-15px;
  256. width:180px;
  257. padding: 9px;
  258. word-spacing:10px;
  259. font-family:cambria;
  260. text-align:center;
  261. text-transform:uppercase;
  262. color:{color:link};
  263. -webkit-transform: rotate(-45deg);
  264. -moz-transform: rotate(-45deg);
  265. -o-transform: rotate(-45deg);
  266. }
  267.  
  268. .links2 a {
  269. font-size: 16px;
  270. color:{color:link};
  271. }
  272.  
  273. .links2 a:hover {
  274. color:{color:Hover}
  275. }
  276.  
  277. #pagi{
  278. width:20px;
  279. font-size:12px;
  280. text-align:center;
  281. margin-left:-25px;
  282. margin-top:-15px;
  283. position:fixed;
  284. font-family:cambria;
  285. letter-spacing:2px;
  286. line-height:110%;
  287. }
  288.  
  289.  
  290. #all {
  291. padding:10px;
  292. width:500px;
  293. margin-left:500px;
  294. margin-top:30px;
  295. font-size:10px;
  296. }
  297.  
  298.  
  299.  
  300. #posts {
  301. width:500px;
  302. padding-bottom:20px;
  303. padding:10px;
  304. margin-top:40px;
  305. background-color:{color:Post};
  306. }
  307.  
  308.  
  309. #details {
  310. text-align:center;
  311. margin-top:10px;
  312. text-transform:lowercase;
  313. font-size:11px;
  314. font-style:none;
  315. border-top:1px solid #f2f2f2;
  316. }
  317.  
  318.  
  319. #tags {
  320. font-family:cambria;
  321. letter-spacing:0px;
  322. text-transform:lowercase;
  323. font-size:11px;
  324. font-style:italic;
  325. margin-top:2px;
  326. text-align:center;
  327. }
  328.  
  329. #tags a {
  330. display:inline-block;
  331. padding:-3px;
  332. text-align:center;
  333. color:{color:Tags};
  334. -webkit-transition: all 0.6s ease-in-out;
  335. -moz-transition: all 0.6s ease-in-out;
  336. -o-transition: all 0.6s ease-in-out;
  337. -ms-transition: all 0.6s ease-in-out;
  338. -transition: all 0.6s ease-in-out;
  339. }
  340.  
  341.  
  342. #question {
  343. padding:8px;
  344. font-family:arial;
  345. letter-spacing:2px;
  346. text-align:left;
  347. font-style:italic;
  348. font-size:12px;
  349. color:{color:text};
  350. border-bottom:1px solid #eee;
  351. border-right:1px solid #eee;
  352. background-color:{color:background}
  353. }
  354.  
  355. #askpic {
  356. border-radius: 90px;
  357. float: left;
  358. padding:4px 10px 15px 4px;
  359. }
  360.  
  361. #askpic img {
  362. border-radius: 90px;
  363. }
  364.  
  365. {block:ifshowheader}
  366.  
  367. #topthingy {
  368. position:fixed;
  369. top:0;
  370. margin-left:-320px;
  371. width:3000px;
  372. height:30px;
  373. background-image:url('http://img.photobucket.com/albums/v252/shaquanda/dumppixelshere/980980983/m_r_001822.gif');
  374. z-index:99999;
  375. }{/block:ifshowheader}
  376.  
  377.  
  378.  
  379. {CustomCSS}</style></head><body>
  380.  
  381. {block:ifshowfloaties}
  382.  
  383. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  384. <script type="text/javascript">
  385.  
  386. /***********************************************
  387. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  388. * Modified by Dynamic Drive for various improvements
  389. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  390. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  391. ***********************************************/
  392.  
  393. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  394. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5
  395.  
  396. function pagestart(){
  397. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  398. flyimage1=new Chip("flyimage1",40,62);
  399. flyimage2=new Chip("flyimage2",40,62);
  400. flyimage3=new Chip("flyimage3",40,62);
  401. flyimage4=new Chip("flyimage4",40,62);
  402. flyimage5=new Chip("flyimage5",40,62);
  403.  
  404.  
  405. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  406. movechip("flyimage1");
  407. movechip("flyimage2");
  408. movechip("flyimage3");
  409. movechip("flyimage4");
  410. movechip("flyimage5");
  411.  
  412. }
  413.  
  414. if (window.addEventListener)
  415. window.addEventListener("load", pagestart, false)
  416. else if (window.attachEvent)
  417. window.attachEvent("onload", pagestart)
  418. else if (document.getElementById)
  419. window.onload=pagestart
  420.  
  421. </script>
  422.  
  423. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  424.  
  425.  
  426. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  427. <img src="{image:floatie1}">
  428. </div>
  429.  
  430. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  431. <img src="{image:floatie2}">
  432. </div>
  433.  
  434. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  435. <img src="{image:floatie3}">
  436. </div>
  437.  
  438. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  439. <img src="{image:floatie4}">
  440. </div>
  441.  
  442. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  443. <img src="{image:floatie5}">
  444. </div>
  445.  
  446. </div>
  447.  
  448.  
  449. {/block:ifshowfloaties}
  450.  
  451. {block:ifshowsnow}
  452. <script type='text/javascript'>
  453.  
  454. sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';
  455.  
  456. sflakesMax = 0.15;
  457.  
  458. sflakesMaxActive = 110;
  459.  
  460. svMaxX = 1;
  461.  
  462. svMaxY = 1;
  463.  
  464. ssnowStick = 0;
  465.  
  466. sfollowMouse = 1;
  467.  
  468. snowStorm.snowStick = true;
  469.  
  470. snowStorm.flakesMax = 150;
  471.  
  472. </script>
  473.  
  474. <script src='http://blogonthenet.xpg.com.br/ttricks/snowstorm.js' type='text/javascript'></script>{/block:ifshowsnow}
  475.  
  476. <div id="sidebar">
  477. <div id="topthingy"></div>
  478. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  479. <div id="sidebarimage2"><img src="http://media.tumblr.com/df3a106b1414198639087b50dde1c27f/tumblr_inline_mwfa7t3FnJ1qi348a.jpg"></div>
  480. <div class="desc">
  481. {Description}
  482. </div>
  483. <div class="links">
  484. {block:IfLinkA}
  485. <a href="{text:linkA url}">{text:linkA}</a>
  486. {/block:IfLinkA}
  487. {block:IfLinkB}
  488. <a href="{text:linkB url}">{text:linkB}</a>
  489. {/block:IfLinkB}</div>
  490. <div class="links2">
  491. {block:IfLinkC}
  492. <a href="{text:linkC url}">{text:linkC}</a>
  493. {/block:IfLinkC}
  494. {block:IfLinkD}
  495. <a href="{text:linkD url}">{text:linkD}</a>
  496. {/block:IfLinkD}
  497. </div>
  498. {block:Pagination}
  499. <div id="pagi">
  500. {block:PreviousPage}
  501. <a href="{PreviousPage}">last</a>
  502. {/block:PreviousPage}
  503. {block:NextPage}
  504. <a href="{NextPage}">next</a>
  505. {/block:NextPage}
  506. </div>
  507. {/block:Pagination}
  508.  
  509. </div>
  510.  
  511. <div id="all">{block:Posts}<div id="posts">
  512.  
  513. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  514.  
  515. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  516.  
  517. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  518.  
  519. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  520.  
  521. {block:Quote}{Quote}{/block:Quote}
  522.  
  523. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  524. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  525. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  526. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  527. {/block:Audio}
  528.  
  529. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  530.  
  531. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  532.  
  533.  
  534. {block:Answer}<div id="askpic"><img src="{AskerPortraitURL-30}"></div>
  535. <div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  536.  
  537. <div id="details">
  538. <br> <a href="{Permalink}">{TimeAgo}</a>// {block:RebloggedFrom} <a href="{ReblogParentURL}">via </a>{/block:RebloggedFrom} // {block:ContentSource} <a href="{SourceURL}">source <a href="{SourceURL}"></a> {/block:ContentSource} <font color="red">&hearts;</font> <a href="{Permalink}">{NoteCount}</a>
  539. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  540. {/block:Posts}
  541. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  542. {/block:Posts}</div></div></div>
  543.  
  544.  
  545. <div style="float: right; position: fixed; bottom: -6px; right: 2px;"><a href="http://narruld.tumblr.com"><img src="http://static.tumblr.com/u7ncy54/yx6mp2nu0/untitled2.png"></a></div>
  546.  
  547.  
  548. </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!