Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Wicked Lights Theme

By: bieberarts on May 11th, 2012  |  syntax: None  |  size: 11.19 KB  |  hits: 1,024  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. "Wicked Lights" theme made by kathia [http://bieberarts.tumblr.com/]
  5. Please don't remove the credit! :)
  6. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12.     <!-- DEFAULT VARIABLES -->
  13. <meta name="color:text" content="#796451" />
  14. <meta name="color:title" content="#584534" />
  15. <meta name="color:link" content="#b39f8c" />
  16. <meta name="color:link hover" content="#796451" />
  17. <meta name="color:border" content="#b39f8c" />
  18. <meta name="color:line chat one" content="#fcfbfa" />
  19. <meta name="color:line chat two" content="#eee9dd" />
  20.      
  21. <meta name="color:background" content="#fcfbf7" />
  22. <meta name="color:question box" content="#fcfbf7" />
  23.  
  24. <meta name="color:entry" content="#f8f4eb" />
  25. <meta name="color:sidebar" content="#f8f4eb" />
  26.  
  27. <meta name="font:body text" content="arial" />
  28. <meta name="font:links" content="georgia" />
  29.  
  30. <meta name="image:background" content="" />
  31.  
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="" />
  43. <meta name="text:Link5" content="" />
  44. <meta name="text:Link5 Title" content="" />
  45.  
  46.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47.     <title>{Title}</title>
  48.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.     <link rel="shortcut icon" href="{Favicon}" />
  50.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.     <style type="text/css">
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:30px;}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:entry}; height:10px!important;}
  55. ::-webkit-scrollbar {background-color:{color:entry}; height:10px; width:14px;}
  56.  
  57. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body text}; font-size:10px; line-height:110%; text-align:justify}
  58.  
  59. a:link, a:active, a:visited {color:{color:Link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  60. a:hover {text-decoration:none; color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  61.  
  62. ::selection {text-decoration:none; background-color:transparent; color:{color:link};}
  63.  
  64. small{font-size:10px; line-height:110%}
  65. big {font-size:14px; line-height:110%}
  66. b, strong{color:{color:text}}
  67. i, em {color:{color:title}}
  68. p{margin-top:5px; margin-bottom:5px}
  69. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:border};}
  70.  
  71. img a{border:none; width:100%}
  72.  
  73. #layout {width:905px; margin:45px 150px -10px 150px}
  74. #contents {float:right; width:500px; margin:-12px -10px 0px 0px}
  75. #entry {background-color:{color:Entry}; width:500px; margin: 5px 0 -3px 20px; padding:6px;}
  76.  
  77.  
  78. #otherbar {background-color:{color:sidebar}; width:110px; height:110%; margin-left:-45px; margin-top:-35px; position:fixed; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:3px}
  79.  
  80. #icon {margin-top:71px; margin-bottom:10px;}
  81. #icon img {width: 64px; height:64px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 5px solid {color:question box};}
  82.  
  83. #olinks a {width:80px; display:block; background-color:{color:question box}; font:9px georgia; text-transform: lowercase; color:{color:text}; text-decoration: none; letter-spacing: 1px; text-align:center; padding:6px; margin-top:0px; margin-bottom:-9px}
  84. #olinks a:hover {opacity:0.9; letter-spacing: 3px;}
  85. .olinks a{display:block; width:90px; font-size:10px; font-family:{font:links}; font-style:normal; line-height:38px; background-color:{color:link bar background}; color:{color:text}; text-align:center; padding:6px 0px 6px 0px; margin-left:3px; margin-bottom:1px; border-left:{color:Border} 0px solid; border-right:{color:Border} 0px solid; text-shadow: 0px 0px 0px #B39F8C;}
  86. .olinks a:hover {opacity:0.9; letter-spacing:2px; font-style:italic; text-shadow: 0px 0px 3px #B39F8C; -moz-border-radius: 5px; border-radius: 5px;}
  87.  
  88. #title {width:300px; text-align:center; margin-top:-35px; margin-bottom:4px; color:{color:title}; font-family: Georgia; font-size:14px; font-style:italic; letter-spacing:1px; line-height:13px; position:fixed; border-bottom: 0px solid {color:border};}
  89.  
  90. #sidebar {top: 85px; margin-left:101px; padding:0px; width: 294px; position:fixed;}
  91.  
  92. #sbar{background-color:{color:sidebar}; padding:5px; float:left; width:294px; margin-top:-20px; margin-bottom: 25px; text-align:center; border:0px solid {color:sbar}; border-top: 1px solid {color:border};}
  93.  
  94. #pag{padding:5px; float:left; width:290px; margin-top:-5px; margin-left:1px; margin-bottom: 25px; text-align:center; border:0px solid {color:sbar};}
  95. #pagination {margin-top:-2px; font-family:georgia; text-align:center; font-size:30px; text-transform:uppercase;}
  96.  
  97. #sidebar img{max-width:288px; margin-left:0px; margin-bottom:12px; margin-top:2px; border:0px solid {color:info};}
  98.  
  99. #links {background-color:{color:sidebar}; font-family:{font:links}; width:290px; margin-left:2px; margin-bottom:-3px; margin-top:-12px; padding:5px 0 6px 0; text-align:center;}
  100. #links a:hover {color:{color:link hover}; text-decoration:none; text-shadow: 0px 0px 3px #B39F8C;}
  101.  
  102. #desc {text-align:center; font-family:{font:body text}; font-size: 10px; padding:1px; margin-top:1px;}
  103.  
  104. h1{color:{color:title}; font-family:georgia; font-size:13px; line-height:12px; letter-spacing:0px; font-weight:normal; font-style:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  105.  
  106. h2{color:{color:title}; font-family:georgia; font-size:13px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  107.  
  108.  
  109. #info {background-color:{color:entry}; width:502px; margin:6px 0px 0px 0px; padding:5px; display:block; font-size:9px; letter-spacing:0px; text-transform:lowercase; margin-bottom:-6px; margin-top:3px; margin-left:-6px; border-top: 4px solid {color:background};}
  110. #info a {color:{color:link};}
  111. #info a:hover {color:{color:text};}
  112.  
  113. #tags {background-color:transparent; font-family:georgia; text-align:right; margin-top: 3px; margin-right:-23px; text-transform:lowercase; font-style:italic; font-size:9px;}
  114.  
  115. #km {padding:5px 5px 5px 5px}
  116. .qu {font-family:georgia; font-size:40px; font-weight:bold;  line-height:33px; opacity:0.7}
  117. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  118.  
  119. #question {font-size: 10px; background-color:{color:question box};  border-top-right-radius:2px; border-top-left-radius:2px; color:{color:text};margin-bottom:0px;
  120. padding: 10px;}
  121.  
  122. .audio{background-color:black; display:block;}
  123.  
  124.  
  125. .post-chat {width: 500px; margin-bottom: 6px; background: {color:Post background};}
  126. .chat {list-style-type: none;}
  127. .odd {padding: 6px; background: {color:line chat one}; color: {color:Chat line one text};}
  128. .even {padding: 6px; background: {color:line chat two}; color: {color:Chat line two text};}
  129.  
  130. .user_1 .label {color:{color:border}; font-weight:bold}
  131. .user_2 .label {color:{color:title}; font-weight:bold}
  132. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  133.  
  134. #notes {font-weight:normal}
  135. #notes li {padding-bottom:0.5em}
  136. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:2px;}
  137.  
  138. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  139.  
  140.         </style>
  141.     <style type="text/css">{CustomCSS}</style>
  142. </head>
  143.  
  144. <body>
  145.  
  146. <div id="layout">
  147.  
  148. <div id="contents">
  149.  
  150. {block:Posts}
  151. <div id="entry">
  152.  
  153. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  154.  
  155. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  156.  
  157. {block:Link}<a href="{URL}"><h1>{Name} →</h1></a>
  158. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  159.  
  160. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  161. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  162.  
  163. {block:Photoset}<center>{Photoset-500}</center>
  164. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  165.  
  166. {block:Chat}
  167. <div class="post-chat">
  168. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  169. {block:Lines}<div class="{Alt} user_{UserNumber}">
  170. {block:Label}<span class="label">{Label}</span>{/block:Label}
  171. {Line}</div>
  172. {/block:Lines}
  173. </div>
  174. {/block:Chat}
  175.  
  176. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  177.  
  178. {block:Answer}<div><div id="asker"></div><div id="question"><div id="asked"><b>{Asker} whispered,</b> {Question}</div> </div>{answer}</div>{/block:answer}
  179.  
  180. {block:Audio}<div id="km">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayer}<br>
  181. {block:TrackName}<b>Track Name:</b> {TrackName}<br />{/block:TrackName}
  182. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  183. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  184.  
  185. <div id="info">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}, with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="float:right">{block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a> | {/block:RebloggedFrom}{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div></div></div>
  186. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><BR>
  187. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  188.  
  189.  
  190. <div id="otherbar">
  191. <div align="center" id="icon"><img src="{PortraitURL-64}"></div>
  192.  
  193. <div align="center" id="olinks"><div class="olinks">
  194. <a href="/">home</a><br />
  195. <a href="/ask">message</a><br />
  196. <a href="/archive">archive</a><br />
  197. <a href="http://bieberarts.tumblr.com/tagged/themes">theme</a><br />
  198. </div></div>
  199. <br>
  200. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  201. </div>
  202.  
  203.  
  204.  
  205. <div id="sidebar">
  206. <div id="title">{Title}</div>
  207. <div id="sbar">
  208. <a href="/"><img src="{image:sidebar}" /></a><br />
  209.  
  210. <div id="links">
  211. {block:ifLink1}&nbsp;<a href="{text:Link1}">{text:Link1 Title}</a> &nbsp;{/block:ifLink1}
  212. {block:ifLink2}&nbsp;<a href="{text:Link2}">{text:Link2 Title}</a> &nbsp;{/block:ifLink2}
  213. {block:ifLink3}&nbsp;<a href="{text:Link3}">{text:Link3 Title}</a> &nbsp;{/block:ifLink3}
  214. {block:ifLink4}&nbsp;<a href="{text:Link4}">{text:Link4 Title}</a> &nbsp;{/block:ifLink4}
  215. {block:ifLink5}&nbsp;<a href="{text:Link5}">{text:Link5 Title}</a> &nbsp;{/block:ifLink5}
  216. </div>
  217.  
  218.  
  219.  
  220. <div id="desc">{Description}
  221. </div>
  222.  
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227.  
  228. </body>
  229. </html>
create a new version of this paste RAW Paste Data