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

elegantlights theme by selrauhl

By: selrauhl on Feb 20th, 2012  |  syntax: None  |  size: 8.94 KB  |  hits: 9,180  |  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. <!--
  2. Elegant Lights theme by selrauhl
  3. 1. Please leave credit intact.
  4. 2. Edit it as you wish.
  5. 3. Do not claim this as your own. -->
  6.  
  7. <html>
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#FAF7F5" />
  12. <meta name="color:sidebar" content="#F7F0EB" />
  13. <meta name="color:entries" content="#FAF7F5" />
  14. <meta name="color:permalink" content="#F7F0EB" />
  15. <meta name="color:links background" content="#F7F0EB" />
  16. <meta name="color:navigation background" content="#F7F0EB" />
  17. <meta name="color:icon background" content="#F7F0EB" />
  18. <meta name="color:title" content="#A02D84" />
  19. <meta name="color:text" content="#977056" />
  20. <meta name="color:link" content="#A02D84" />
  21. <meta name="color:link hover" content="#801A66" />
  22. <meta name="color:text shadow" content="#977056" />
  23.  
  24. <meta name="font:body" content="Georgia" />
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="image:background" content="" />
  27.  
  28. <meta name="text:Link1Title" content="link 1"/>
  29. <meta name="text:Link1" content="http://" />
  30. <meta name="text:Link2Title" content="link 2" />
  31. <meta name="text:Link2" content="http://" />
  32. <meta name="text:Link3Title" content="link 3" />
  33. <meta name="text:Link3" content="http://" />
  34. <meta name="text:Link4Title" content="link 4" />
  35. <meta name="text:Link4" content="http://" />
  36.  
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  39. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  41.  
  42. @font-face {
  43. font-family: "arsenalewhite";
  44. src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf');
  45. }
  46.  
  47. body {
  48. color:{color:text};
  49. background-color:{color:Background};
  50. background-image: url('{image:Background}');
  51. background-position:top left;
  52. background-attachment:fixed;
  53. background-repeat:repeat;
  54. font-size:10px;
  55. font-family:{font:body};
  56. line-height:110%;
  57. text-align:justify}
  58.  
  59.  
  60. a:link, a:active, a:visited{
  61. color: {color:link}; text-decoration:none}
  62.  
  63. a:hover{
  64. color:{color:title}; text-shadow: 0px 0px 3px {color:text shadow}; font-style:italic;
  65. -webkit-transition: all 0.4s ease-in;
  66. -moz-transition: all 0.4s ease-in;
  67. -o-transition: all 0.4s ease-in;
  68. transition: all 0.4s ease-in;
  69. }
  70.  
  71. #entries {
  72. margin-left:370px;
  73. margin-top:5px;
  74. padding:3px;
  75. width:520px;}
  76.  
  77. #posts{
  78. overflow:hidden;
  79. background-color:{color:entries};
  80. padding:10px;
  81. font-size:10px;
  82. margin-bottom:15px;
  83. font-family:{font:body};
  84. letter-spacing:0px;
  85. }
  86.  
  87. #sidebar {
  88. width:260px;
  89. padding:10px;
  90. margin-top:90px;
  91. margin-left:53px;
  92. position:fixed;
  93. background-color:{color:sidebar};
  94. }
  95.  
  96. #sidebarimg img {
  97. width:260px;
  98. }
  99.  
  100. #sidebarinfo{
  101. color:{color:text};
  102. font-family:{font:body};
  103. font-size:10px;
  104. width:240px;
  105. margin-left:10px;
  106. }
  107.  
  108. #icon {
  109. border:8px solid;
  110. margin-left:940px;
  111. margin-top:120px;
  112. position:fixed;
  113. color:{color:icon background};
  114. }
  115.  
  116. #abovebar {position: fixed;top:60px; left:55px; width:510px; height:40px; background-color:trans;}
  117.  
  118. #title {
  119. width:290px;
  120. margin-top:15px;
  121. color:{color:title};
  122. font-family: "arsenalewhite";
  123. font-size:30px;
  124. font-style:italic;
  125. text-align:center;
  126. text-shadow: 0px 0px 3px {color:text shadow};
  127. border-bottom:1px solid {color:text};}
  128.  
  129. #links {margin-top:200px; position:fixed; float:left; margin-left:930px; width:60px;}
  130.  
  131. #links a:hover {-webkit-transition:0.3s linear;}
  132.  
  133. .linky a {-moz-border-radius: 2px; border-radius: 2px; display:block; width:80px; font-size:10px; font-family:Georgia; font-style:normal; line-height:35px; background-color:{color:links background}; color:{color:link}; text-align:center; padding:3px 0px 3px 0px; margin-left:3px; margin-bottom:0px;}
  134.  
  135. .linky a:hover {text-shadow: 0px 0px 6px {color:text shadow}; color:{color:link hover}; letter-spacing:1px; font-style:italic;-moz-border-radius: 0px; border-radius: 0px;}
  136.  
  137. #nav {background-color:{color:navigation background}; text-align: center; font:{color:text}; width: 250px; padding: 5px 10px 5px 10px; font-size: 10px; font-family:{font:body}; letter-spacing:0px; margin-bottom: 0px; margin-top:-31px; opacity: 0.7;}
  138.  
  139. #nav a:hover {color:{color:text}; text-shadow: 0px 0px 3px {color:text shadow}; font-style:italic;}
  140.  
  141. h1{
  142. color:{color:link};
  143. font-family:{font:body};
  144. font-size:15px;
  145. line-height:17px;
  146. letter-spacing:0px;
  147. font-weight:none;
  148. margin:0px;
  149. padding:0px;
  150. text-align:center}
  151.  
  152. h2{
  153. color:{color:link};
  154. font-family:{font:body};
  155. font-size:12px;
  156. line-height:14px;
  157. letter-spacing:0px;
  158. font-weight:none;
  159. margin:0px;
  160. padding:0px;
  161. margin-bottom:0px;
  162. text-align:center}
  163.  
  164. #pagination {
  165. font-family:georgia;
  166. text-align:center;
  167. font-size:25px;
  168. }
  169.  
  170. #permalink {
  171. display:block;
  172. margin:2px 0px 2px 0px;
  173. padding:2px;
  174. color:{color:text};
  175. font:10px {font:body};
  176. line-height:110%;
  177. text-align:center;
  178. text-transform:none;
  179. background-color:{color:permalink};
  180. letter-spacing:0px;
  181. border-bottom:1px solid {color:text};
  182. }
  183.  
  184. #permalink a {color:{color:link};}
  185.  
  186. #permalink a:hover {color:{color:link hover}; text-shadow: 0px 0px 3px {color:text shadow};}
  187.  
  188. #audiopost{display:block; background-color:white;}
  189. #audioimage{float:left; width: 60px; border: 5px solid; color: {color:background};}
  190. #audioimage img {max-width: 60px; height: auto;}
  191.  
  192. #askerimg{float: center; margin: 0px 4px 2px 0}
  193.  
  194. #questions {background-color:{color:permalink};
  195. color: {color:text};
  196. padding:10px;
  197. margin-bottom:0px;
  198. font-size:10px;
  199. text-align:center;
  200. font-family:{font:body};
  201. }
  202.  
  203. #notes {font-weight:normal}
  204. #notes li {padding-bottom:0.5em}
  205. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  206.  
  207. #questions a {color:{color:text};}
  208.  
  209. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  210. blockquote img, blockquote a img {max-width: 500px}
  211.  
  212. #user_1 .label {color:{color:links}; font-weight:bold}
  213. #user_2 .label {color:{color:text}; font-weight:bold}
  214. ul.chat, .chat ol, .chat li {display:block; background-color: {color:sidebar}; list-style:none; margin:0px; padding:0px;}
  215.  
  216. </style>
  217. <style type="text/css">{CustomCSS}</style>
  218.  
  219. </head>
  220.  
  221. <body>
  222.  
  223. <div id="abovebar"><div id="title">{Title}</div></div>
  224. <div id="sidebar">
  225. <div id="sidebarimg"><center><img src="{image:sidebar}"></center></div><br>
  226. <div id="nav">
  227. {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1} -
  228. {block:ifLink2}<a href="{text:Link2}">{text:Link2Title}</a> {/block:ifLink2} -
  229. {block:ifLink3}<a href="{text:Link3}">{text:Link3Title}</a>{/block:ifLink3} -
  230. {block:ifLink4}<a href="{text:Link4}">{text:Link4Title}</a> {/block:ifLink4}</div><br>
  231. <div id="sidebarinfo">{Description}</div><br>
  232. <div id="pagination">{block:PreviousPage}<small><small><a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a></small></small>{/block:NextPage}</div><br><center></div></div>
  233.  
  234. <div id="links"><div class="linky">
  235. <a href="/">home</a><br>
  236. <a href="/ask">ask</a><br>
  237. <a href="http://selrauhl.tumblr.com/themebox">theme</a></div></div>
  238.  
  239. <div id="icon"><img src="{PortraitUrl-48}"></div>
  240.  
  241.  
  242. <div id="entries">
  243. {block:Posts}
  244. <div id="posts">
  245. {block:Quote}<h2>"{Quote}" - {Source}</h2>{/block:Quote}
  246. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  247. {block:Text}{Body}{/block:Text}
  248.  
  249. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  250. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  251.  
  252. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  253. {block:Photoset}<center>{Photoset-500}</center>
  254. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  255.  
  256. {block:Chat}<ul class="chat">{block:Lines}<li id="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  257.  
  258. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  259. {block:Answer}<div id="questions"><div class="askerimg"><img src="{AskerPortraitURL-16}">&nbsp;<strong>{Asker}</strong> asked: "{Question}"</div></div>
  260. {Answer}{/block:answer}
  261.  
  262. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span id="audiopost">
  263. {AudioPlayerWhite}</span><br>Played {FormattedPlayCount} Times {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  264.  
  265. <div id="permalink">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountwithLabel}</a>{/block:NoteCount}{/block:Date}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} · &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}<br>{block:HasTags}{block:Tags}<i>#<a href="/tagged/{Tag}">{Tag}</a></i>&nbsp;{/block:Tags}{/block:HasTags}</div>
  266.  
  267. </div>{/block:Posts}
  268. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  269. </div>
  270. </body>
  271. </html>
create a new version of this paste RAW Paste Data