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

Reflective Night Theme made by bieberarts

By: bieberarts on Feb 19th, 2012  |  syntax: None  |  size: 11.09 KB  |  hits: 1,848  |  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. "Reflective Night" theme made by kathia [http://bieberarts.tumblr.com/]
  7. Please don't remove the credit! :)
  8. -->
  9. <html>
  10. <head>
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#353332" />
  13. <meta name="color:entry" content="#42403f" />
  14. <meta name="color:sbar" content="#42403f" />
  15. <meta name="color:navigation" content="#42403f" />
  16. <meta name="color:info" content="#706c6a" />
  17. <meta name="color:slinks" content="#706c6a" />
  18.  
  19. <meta name="color:title" content="#b4aaa5" />
  20. <meta name="color:text" content="#c4bdb9" />
  21. <meta name="color:border" content="#292726" />
  22. <meta name="color:link" content="#ebe6e4" />
  23. <meta name="color:link hover" content="#f5f1f0" />
  24. <meta name="font:title" content="georgia" />
  25. <meta name="font:body" content="georgia" />
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content="" />  
  29.  
  30. <meta name="text:Link1" content="" />
  31. <meta name="text:Link1 Title" content="" />
  32. <meta name="text:Link2" content="" />
  33. <meta name="text:Link2 Title" content="" />
  34. <meta name="text:Link3" content="" />
  35. <meta name="text:Link3 Title" content="" />
  36. <meta name="text:Link4" content="" />
  37. <meta name="text:Link4 Title" content="" />
  38. <meta name="text:Link5" content="" />
  39. <meta name="text:Link5 Title" content="" />
  40.  
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  43.  
  44.  
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:30px;}
  47. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:entry}; height:10px!important;}
  48. ::-webkit-scrollbar {background-color:{color:info}; height:10px; width:15px;}
  49.  
  50.  
  51. ::selection {text-decoration:none; background-color:transparent; color:{color:border};}
  52.  
  53.  
  54. body {
  55. color:{color:text};
  56. background-color:{color:background};
  57. background-image: url('{image:background}');
  58. background-position:center;
  59. background-attachment:fixed;
  60. background-repeat:no-repeat;
  61. font-size:10px;
  62. font-family:{font:body};
  63. line-height:110%;
  64. text-align:justify}
  65.  
  66. 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}
  67. 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}
  68.  
  69. #entries {margin-left:550px; margin-top:-1px; width:510px}
  70.  
  71. #posts{background-color: {color:entry}; margin-bottom:7px; padding:3px;}
  72.  
  73. #title {margin-top:7px; font-size: 16px; font-family:{font:title}; color:{color:title}; text-align:center; border-bottom: solid 3px {color:background};}
  74.  
  75. #navigation {margin-top:70px; float:left; position:fixed; margin-left:130px; width:75px;}
  76. #navigation a:hover {-webkit-transition:0.3s linear;}
  77. .home a {display:block; width:75px; font-size:9px; font-family:{font:title}; font-style:normal; line-height:13px; background-color:{color:navigation}; color:{color:text}; text-align:center; padding:7px 0px 7px 0px; margin-bottom:2px; text-shadow: 0px 0px 0px #353332; -webkit-transition: opacity 0.8s linear; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top: -25px; position: fixed; z-index: 5;}
  78. .home a:hover {color:{color:link hover}; font-style:normal; letter-spacing:2px; text-shadow: 0px 0px 5px #353332; padding: 35px 0px 35px 0px;}
  79.  
  80. #navi {margin-top:4px; float:left; position:fixed; margin-left:0px; width:75px;}
  81. #navi a:hover {-webkit-transition:0.3s linear;}
  82. .ask a {display:block; width:75px; font-size:9px; font-family:{font:title}; font-style:normal; line-height:13px; background-color:{color:navigation}; color:{color:text}; text-align:center; padding:7px 0px 7px 0px; margin-bottom:2px; text-shadow: 0px 0px 0px #353332; -webkit-transition: opacity 0.8s linear; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:0px; position: fixed; z-index: 3;}
  83. .ask a:hover {color:{color:link hover}; font-style:normal; letter-spacing:2px; text-shadow: 0px 0px 5px #353332; padding: 20px 0px 20px 0px;}
  84.  
  85. #nav {margin-top:29px; float:left; position:fixed; margin-left:0px; width:75px;}
  86. #nav a:hover {-webkit-transition:0.3s linear;}
  87. .credit a {display:block; width:75px; font-size:9px; font-family:{font:title}; font-style:normal; line-height:13px; background-color:{color:navigation}; color:{color:text}; text-align:center; padding:7px 0px 7px 0px; margin-bottom:2px; text-shadow: 0px 0px 0px #353332;  -webkit-transition: opacity 0.8s linear; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:0px; position: fixed; z-index: 1;}
  88. .credit a:hover {color:{color:link hover}; font-style:normal; letter-spacing:2px; text-shadow: 0px 0px 5px #353332;}
  89.  
  90. #sidebarimg img {max-width: 270px; margin-left:7px; margin-top:7px; height: auto; text-align:center;}
  91.  
  92. #description {max-width:260px; margin-left:12px; margin-top:8px; margin-bottom:-2px; text-align:center;  font-family:{font:body}; font-size:10px;}
  93.  
  94. #sbar {width:285px; height:100%; margin-left:210px; margin-top:10px; position:fixed; overflow:hidden; background-color: {color:sbar};}
  95.  
  96. #pagination {margin-left:135px; margin-top: 5px; position:fixed; font-family:georgia; font-size: 30px; text-align: center; color:{color:text};}
  97.  
  98. h1 {color:{color:title}; font-family:{font:title}; font-size:16px; line-height:17px; letter-spacing:0px; font-weight:bold; margin:0px; padding:0px; text-align:left;}
  99.  
  100. h2 {color:{color:title}; font-family:{font:title}; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; font-style: italic; text-align:center;}
  101.  
  102. #info {background-color:{color:info}; margin:-8px 1px -3px 1px; font-family:{font:body}; font-size:9px; text-transform: lowercase; color:{color:text}; margin-bottom:1px; text-align:right; padding:2px;}
  103.  
  104. #tags {background-color:transparent; font-family:{font:text}; text-align:right; maring-top:-6px; margin-bottom:-3px; margin-right:2px; padding:2px; text-transform:lowercase; letter-spacing:0px; font-style:normal; font-size:9px;}
  105.  
  106. #slinks {width:270px; margin-left:7px; margin-top: 0px; margin-bottom: 0px; background:{color:slinks};  padding:6px 0px 8px 0px; text-align:center; font-size:10px; font-family:(font:title};}
  107. #slinks a{width:270px; background:{color:slinks}; font-family:{fon:title}; text-align:center; text-shadow: 0px 0px 0px #353332;}
  108. #slinks a:hover {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; text-shadow: 0px 0px 5px #353332;}
  109.  
  110. #question {font-size: 10px; background-color:{color:info};  border-top-right-radius:2px; border-top-left-radius:2px; color:{color:text};margin-bottom:0px;
  111. padding: 10px;}
  112.  
  113. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  114. blockquote img, blockquote a img {max-width: 490px}
  115.  
  116. b, strong{color:{color:link};}
  117. i, em {color:{color:link};}
  118. p{margin-top:3px; margin-bottom:3px}
  119.  
  120. img a{border:none}
  121. .audio{background-color:black; display:block;}
  122.  
  123. .user_1 .label {color:{color:Body text}; font-weight:bold}
  124. .user_2 .label {color:{color:titlebar border}; font-weight:bold}
  125. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  126.  
  127. #notes {font-weight:normal}
  128. #notes li {padding-bottom:0.5em}
  129. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:2px;}
  130.  
  131. </style>
  132. <style type="text/css">{CustomCSS}</style>
  133. </head>
  134.  
  135. <body>
  136.  
  137. <div id="sbar">
  138. <div id="title">{Title}</div>
  139. <div id="sidebarimg"><img src="{image:sidebar}"/></div>
  140. <div id="slinks"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>
  141.  
  142. <div id="description">
  143. {block:Description}{Description}{/block:Description}
  144. </div><br>
  145.  
  146. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  147. </div>
  148.  
  149.  
  150. </div></div>
  151. <br>
  152.  
  153. <div id="navigation"><div class="home">
  154. <a href="/">home</a>
  155. </div>
  156. <div id="navi"><div class="ask">
  157. <a href="/ask">message</a>
  158. </div>
  159. <div id="nav"><div class="credit">
  160. <a href="http://bieberarts.tumblr.com/tagged/themes">theme ©</a>
  161. </div>
  162. <br>
  163. </div>
  164. </div>
  165. </div>
  166.  
  167. <div id="entries">
  168. {block:Posts}
  169. <div id="posts">
  170. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  171. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  172. {block:Text}{Body}{/block:Text}
  173.  
  174. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  175. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  176.  
  177. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  178. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  179.  
  180. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  181.  
  182. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  183.  
  184. {block:Answer}<div><div id="asker"></div><div id="question"><div id="asked">{Asker} said, {Question}</div> </div>{answer}</div>{/block:answer}
  185.  
  186. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  187.  
  188. <div id="info">
  189. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  190. {block:ContentSource}|  © <a href="{SourceURL}">{SourceLink}</a>
  191. {/block:ContentSource} &nbsp;•&nbsp; <a href="{ReblogURL}" target="_blank">reblog</a>
  192. </div>
  193.  
  194. <div id="tags">
  195. {block:HasTags}{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  196. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  197. </div>
  198. <br>
  199.  
  200. </body>
  201. </html>
create a new version of this paste RAW Paste Data