Advertisement
karennn13

zaynspark for wheezayn

Jun 4th, 2013
27
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.42 KB | None | 0 0
  1. <!-- 'white winter hymnal' custom theme by zaynspark aka kayla, made for wheezayn!
  2. IF I CATCH U USING THIS WITHOUT MY PERMISSION, I'LL REPORT YOU IMMEDIATELY AND SELL YOUR GENITALS ON THE BLACK MARKET. thanks :-) xoxo-->
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <head>
  8.  
  9. <script type="text/javascript">
  10. <!--
  11.  
  12. // Disable Right Click Script
  13.  
  14. function IE(e)
  15. {
  16. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  17. {
  18. return false;
  19. }
  20. }
  21. function NS(e)
  22. {
  23. if (document.layers || (document.getElementById && !document.all))
  24. {
  25. if (e.which == "2" || e.which == "3")
  26. {
  27. return false;
  28. }
  29. }
  30. }
  31. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  32.  
  33. //-->
  34. </script>
  35.  
  36. <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }
  37. /*** coldplayer ribbon***/
  38. .ribbon { width: 203px; padding: 0px; height: 600px; border-right: none solid transparent; background: transparent; color: #; top: 10px; margin: 0; position: fixed; left: -144px; height: 41px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 999999; }
  39.  
  40. .ribbon:hover { left: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  41.  
  42.  
  43. </style>
  44. </div>
  45.  
  46. <meta name="text:quote" content=""/>
  47.  
  48. <meta name="color:bg" content="#FFFFFF">
  49. <meta name="color:link" content="#E6E4E4">
  50. <meta name="color:hover" content="#454545">
  51. <meta name="color:infobg" content="#FCFCFC">
  52. <meta name="color:text" content="#9A9A9A">
  53. <meta name="color:tags" content="#EDEDED">
  54. <meta name="color:scrollbar" content="#D6D5D5">
  55. <meta name="color:border" content="#FAFAFA">
  56. <meta name="color:title" content="#999999">
  57.  
  58. <meta name="image:sidebar" content=""/>
  59.  
  60. <meta name="text:linkA" content="">
  61. <meta name="text:linkA url" content="/">
  62. <meta name="text:linkB" content="">
  63. <meta name="text:linkB url" content="/">
  64. <meta name="text:linkC" content="">
  65. <meta name="text:linkC url" content="/">
  66. <meta name="text:linkD" content="">
  67. <meta name="text:linkD url" content="/">
  68.  
  69. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  70. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  71. <link rel="shortcut icon" href="http://static.tumblr.com/tao5acl/FLyma27lq/favicon14.ico" />
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77. a {
  78. color:{color:link};
  79. text-decoration:none;
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. a:hover {
  86. color:{color:hover};
  87. text-decoration:none;
  88. -moz-transition-duration:0.5s;
  89. -webkit-transition-duration:0.5s;
  90. -o-transition-duration:0.5s;
  91. }
  92.  
  93.  
  94. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  95. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  96. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  97.  
  98. body {
  99. background-color:{color:bg};
  100. font-family:Arial;
  101. font-weight:normal;
  102. }
  103.  
  104.  
  105.  
  106.  
  107. h1 {
  108. font-weight:normal;
  109. font-size:10px;
  110. text-align:center;
  111. font-style:normal;
  112. line-height:80%;
  113. letter-spacing:1px;
  114. text-transform:uppercase;
  115. color:{color:text};
  116. }
  117.  
  118. h2 {
  119. font-size:15px;
  120. text-align:center;
  121. line-height:100%;
  122. letter-spacing:0px;
  123. font-style:italic;
  124. color:{color:text};
  125. font-weight:bold;
  126. padding:5px;
  127. padding-bottom:2px;
  128. }
  129.  
  130.  
  131. blockquote {
  132. border-left:2px solid {color:text};
  133. padding-left:5px;
  134. margin:5px;
  135. }
  136.  
  137. #theme {
  138. background-color:{color:bg};
  139. width:700px;
  140. margin: 0 auto -12px auto;
  141. text-align: center;
  142. }
  143.  
  144. #sidebar {
  145. color:{color:text};
  146. position:fixed;
  147. width:100px;
  148. height:auto;
  149. margin-left:475px;
  150. margin-top:140px;
  151. text-align:left;
  152. opacity:.85;
  153. font-family:garamond;
  154. padding-left:55px;
  155. border-left:1px solid #ffffff;
  156. -moz-transition-duration:1s;
  157. -webkit-transition-duration:1s;
  158. -o-transition-duration:1s;
  159. }
  160.  
  161. #sidebar:hover {
  162. opacity:1;
  163. -moz-transition-duration:1s;
  164. -webkit-transition-duration:1s;
  165. -o-transition-duration:1s;}
  166.  
  167. #sidebar:hover #title {
  168. margin-left:250px;
  169. opacity:0;
  170. -moz-transition-duration:1s;
  171. -webkit-transition-duration:1s;
  172. -o-transition-duration:1s;}
  173.  
  174. #sidebar:hover .desc {
  175. margin-left:0.5px;
  176. opacity:1;
  177. -moz-transition-duration:1s;
  178. -webkit-transition-duration:1s;
  179. -o-transition-duration:1s;}
  180.  
  181. #sidebar:hover .links {
  182. margin-left:0.5px;
  183. opacity:1;
  184. -moz-transition-duration:1s;
  185. -webkit-transition-duration:1s;
  186. -o-transition-duration:1s;}
  187.  
  188. #sidebar img {
  189. width:140px;
  190. height:190px;
  191. margin-bottom:0px;
  192. margin-top:70px;
  193. padding:20px;
  194. border:0px solid #ffffff;}
  195.  
  196. .links {
  197. margin-bottom:20px;
  198. margin-left:10px;
  199. font-size:11px;
  200. width:200px;
  201. text-transform:none;
  202. font-style:normal;
  203. text-align:center;
  204. letter-spacing:2px;
  205. opacity:0;
  206. line-height:110%;
  207. -moz-transition-duration:1s;
  208. -webkit-transition-duration:1s;
  209. -o-transition-duration:1s;}
  210.  
  211. .links a{
  212. padding:3px;
  213. color:{color:link};
  214. letter-spacing:0px;
  215. text-decoration:none;
  216. -moz-transition-duration:1s;
  217. -webkit-transition-duration:1s;
  218. -o-transition-duration:1s;}
  219.  
  220. .links a:hover{
  221. color:{color:hover};
  222. text-decoration:underline;
  223. -moz-transition-duration:1s;
  224. -webkit-transition-duration:1s;
  225. -o-transition-duration:1s;
  226. }
  227.  
  228. #title{
  229. font-style:italic;
  230. font-size:18px;
  231. width:240px;
  232. margin-left:8px;
  233. margin-top:-25px;
  234. color:{color:title};
  235. opacity:1;
  236. -moz-transition-duration:1s;
  237. -webkit-transition-duration:1s;
  238. -o-transition-duration:1s;}
  239.  
  240. .desc {
  241. margin-top:-70px;
  242. width:200px;
  243. margin-left:100px;
  244. padding-top:5px;
  245. font-size:10.8px;
  246. text-align:center;
  247. color:{color:text};
  248. letter-spacing:1px;
  249. line-height:150%;
  250. opacity:0;
  251. -moz-transition-duration:1s;
  252. -webkit-transition-duration:1s;
  253. -o-transition-duration:1s;}
  254.  
  255. .desc a {
  256. color:{color:link};
  257. }
  258.  
  259. .pagi {
  260. position:fixed;
  261. font-size:14px;
  262. text-transform:uppercase;
  263. letter-spacing:3px;
  264. margin-left:650px;
  265. margin-top:200px;
  266. font-style:normal;
  267. text-align:center;
  268. }
  269.  
  270. .pagi a {
  271. color:{color:link};
  272. }
  273.  
  274. #stuffcontainer {
  275. float:left;
  276. margin-left:-80px;
  277. margin-top:75px;
  278. text-align:justify;
  279. background-color:{color:bg};
  280. color:{color:text};
  281. margin-bottom: 35px;
  282. }
  283.  
  284.  
  285. #stuff {
  286. width:500px;
  287. margin-top:75px;
  288. text-align:justify;
  289. font-size:11px;
  290. line-height:110%;
  291. letter-spacing:0x;
  292. color:{color:text};
  293. }
  294.  
  295. #stuff:hover #postinfo{
  296. opacity:1;
  297. padding-top:20px;
  298. -moz-transition-duration:1s;
  299. -webkit-transition-duration:1s;
  300. -o-transition-duration:1s;
  301. }
  302.  
  303. #stuff:hover .tags {
  304. opacity:1;
  305. padding-bottom:7px;
  306. border-bottom:1px solid #eee;
  307. -moz-transition-duration:1s;
  308. -webkit-transition-duration:1s;
  309. -o-transition-duration:1s;
  310. }
  311.  
  312. .caption {
  313. width:500px;
  314. text-align:justify;
  315. line-height:120%;
  316. }
  317.  
  318. .ask {
  319. font-size:10px;
  320. font-family:Georgia;
  321. text-align:center;
  322. font-style:italic;
  323. padding:10px;
  324. background-color:{color:infobg};
  325. }
  326.  
  327. .ans {
  328. text-align:left;
  329. font-size:10px;
  330. padding:5px;
  331. color:{color:text};
  332. }
  333.  
  334. .audio {
  335. width:500px;
  336. padding-bottom:10px;
  337. background-color:{color:infobg};
  338. }
  339.  
  340. .albumart {
  341. float:left;
  342. padding:0px 10px 10px 0px;
  343. }
  344.  
  345. .albumart img {
  346. width:45px;
  347. height:45px;
  348. }
  349.  
  350. .playercontainer {
  351. text-align:left;
  352. padding:10px;
  353. background-color:#ffffff;
  354. width:480px;
  355. }
  356.  
  357. .audioinfo {
  358. padding:10px;
  359. color:{color:text};
  360. }
  361.  
  362. #postinfo {
  363. opacity:0;
  364. width:490px;
  365. padding:5px;
  366. font-size:7px;
  367. color:{color:link};
  368. text-transform:uppercase;
  369. font-family:calibri;
  370. letter-spacing:2px;
  371. text-align:center;
  372. margin-top:-15px;
  373. padding-bottom:5px;
  374. -moz-transition-duration:1s;
  375. -webkit-transition-duration:1s;
  376. -o-transition-duration:1s;
  377. }
  378.  
  379. #postinfo a {
  380. color:{color:link};
  381. text-align:center;
  382. letter-spacing:1px;
  383. font-style:normal;
  384. }
  385.  
  386. #postinfo a:hover {
  387. color:{color:hover};
  388. } font-style:normal;
  389.  
  390.  
  391. .note {
  392. text-transform:uppercase;
  393. letter-spacing:0px;
  394. font-size: 9px;
  395. text-align:left;
  396. line-height:90%;
  397. margin-left:-40px;
  398. }
  399.  
  400. .note li {
  401. list-style-type:none;
  402. border-bottom:1px solid {color:border};
  403. padding:10px 25px 10px 25px;
  404. text-align:left;
  405. margin:0px;
  406. -moz-transition-duration:0.5s;
  407. -webkit-transition-duration:0.5s;
  408. -o-transition-duration:0.5s;
  409. }
  410.  
  411. .tags {
  412. opacity:0;
  413. font-family:calibri;
  414. width:500px;
  415. text-transform:lowercase;
  416. font-style:normal;
  417. color:{color:tags};
  418. letter-spacing:1px;
  419. line-height:120%;
  420. font-size:8px;
  421. text-align:center;
  422. padding:2px;
  423. -moz-transition-duration:0.5s;
  424. -webkit-transition-duration:0.5s;
  425. -o-transition-duration:0.5s;
  426. }
  427.  
  428. .tags a {
  429. opacity:0.7;
  430. color:{color:tags};
  431. letter-spacing:1px;
  432. padding:1px;
  433. }
  434.  
  435. .tags a:hover {
  436. color:{color:link};
  437. text-decoration:italic;
  438. -moz-transition-duration:1s;
  439. -webkit-transition-duration:1s;
  440. -o-transition-duration:1s;
  441. }
  442.  
  443. ul.chat, .chat ol, .chat li {
  444. list-style:none;
  445. margin:0px;
  446. padding:2px;
  447. }
  448.  
  449. .label {
  450. text-decoration:underline;
  451. font-weight:700;
  452. background-color:{color:infobg};
  453. margin-right:5px;
  454. }
  455.  
  456. #credit {
  457. position:fixed;
  458. border:1px solid #ccc;
  459. font-size:14px;
  460. bottom:16px;
  461. right:16px;
  462. -moz-transition-duration:0.5s;
  463. -webkit-transition-duration:0.5s;
  464. -o-transition-duration:0.5s;}
  465.  
  466. #credit a {
  467. display:block;
  468. padding:6px;
  469. color:#afafaf;
  470. -moz-transition-duration:0.5s;
  471. -webkit-transition-duration:0.5s;
  472. -o-transition-duration:0.5s;}
  473.  
  474. #credit a:hover {
  475. background-color:#afafaf;
  476. color:#fff;
  477. -moz-transition-duration:0.5s;
  478. -webkit-transition-duration:0.5s;
  479. -o-transition-duration:0.5s;}
  480.  
  481. {CustomCSS}
  482.  
  483. </style></head>
  484.  
  485. <body>
  486. <div id="theme">
  487. <div id="sidebar">
  488. <img src="{image:sidebar}">
  489. <div class="links">
  490. {block:IfLinkA}
  491. <a href="{text:linkA url}">{text:linkA}</a>
  492. {/block:IfLinkA}
  493. {block:IfLinkB}
  494. <a href="{text:linkB url}">{text:linkB}</a>
  495. {/block:IfLinkB}
  496. {block:IfLinkC}
  497. <a href="{text:linkC url}">{text:linkC}</a>
  498. {/block:IfLinkC}
  499. {block:IfLinkD}
  500. <a href="{text:linkD url}">{text:linkD}</a>
  501. {/block:IfLinkD}
  502. </div>
  503. <div id="title">
  504. {text:quote}
  505. </div>
  506. <div class="desc">
  507. {Description}
  508. </div>
  509. </div>
  510. {block:Pagination}
  511. <div class="pagi">
  512. {block:PreviousPage}
  513. <a href="{PreviousPage}">←</a>
  514. {/block:PreviousPage}
  515. {block:NextPage}
  516. <a href="{NextPage}">→</a>
  517. {/block:NextPage}
  518. </div>
  519. {/block:Pagination}
  520.  
  521. <div id="stuffcontainer">
  522.  
  523. {block:Posts}
  524.  
  525. <div id="stuff">
  526.  
  527. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  528.  
  529. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  530.  
  531. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  532. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  533.  
  534. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  535.  
  536. {block:Photoset}<center>{Photoset-500}</center>
  537. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  538.  
  539. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  540.  
  541. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  542.  
  543. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  544.  
  545. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  546. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  547. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  548. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  549. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  550.  
  551.  
  552. {block:Date}<div id="postinfo"><a href="{Permalink}">{TimeAgo};</a> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} /
  553. {block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div>{/block:Date}
  554. {block:HasTags}
  555. <div class="tags">
  556. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  557. {/block:HasTags}
  558. <div class="note">
  559. {block:PostNotes}{PostNotes}{/block:PostNotes}
  560. </div>
  561. </div>
  562. {/block:Posts}
  563.  
  564.  
  565. </div>
  566.  
  567. <div id="credit"><a href="http://www.zaynspark.tumblr.com/codes">ℤ </a></div>
  568.  
  569. </div>
  570. </div>
  571.  
  572. <div class="ribbon">
  573. <a href="http://partofasystem.tumblr.com/ribbons" target="_blank"><img src="http://static.tumblr.com/tao5acl/FhEm9swmv/ribbon6.gif"/></a>
  574. </div> </div>
  575.  
  576.  
  577. <script type="text/javascript" src="http://i0.poll.fm/survey.js" charset="UTF-8"></script>
  578. <script type="text/javascript" charset="utf-8">
  579. polldaddy.add( {
  580. type: 'slider',
  581. embed: 'poll',
  582. delay: 100,
  583. visit: 'multiple',
  584. id: 7130335
  585. } );
  586. </script>
  587. <noscript><a href="http://polldaddy.com/poll/7130335/">New URL??</a></noscript>
  588.  
  589. </body>
  590. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement