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

Theme: Dark Beauty

By: ErisNotEros on Mar 6th, 2012  |  syntax: None  |  size: 8.69 KB  |  hits: 2,016  |  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"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!--
  6. *********************************
  7. *********************************
  8. *** ------ created by ------- ***
  9. ***  THEMESBYERIS.TUMBLR.COM  ***
  10. *** ------------------------- ***
  11. ***   Please do not remove    ***
  12. ***  the credit, thank you.   ***
  13. *********************************
  14. *********************************
  15. -->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <meta name="color:Background" content="#610061" />
  22. <meta name="color:Link" content="#a07fa0" />
  23. <meta name="color:Alt background for IE because it sucks" content="#1d001d">
  24.  
  25. <meta name="image:Sidebar" content="" />
  26.  
  27. <meta name="font:Main" content="Helvetica" />
  28.  
  29. <meta name="if:ShowArchiveLink" content="1" />
  30. <meta name="if:ShowRSSLink" content="1" />
  31. <meta name="if:Switch Sides" content="0" />
  32.  
  33. <meta name="text:Main Title Size" content="40" />
  34. <meta name="text:Title Size" content="20" />
  35. <meta name="text:Text Size" content="11" />
  36. <meta name="text:Tag Size" content="11" />
  37.  
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}
  41.  
  42. {/block:PostSummary}</title>
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <link rel="shortcut icon" href="{Favicon}" />
  45. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. body {margin:0; padding:0; width:100%; height:100%; word-wrap:break-word; color:white; background-image:url(http://static.tumblr.com/b9lril6/V7Alujp4f/background.png); background-attachment:fixed; background-position:center; font-family:{font:Main}, arial; background-color:{color:Background}; font-size:{text:Text Size}px;}
  52. img {border:0; max-width:100%;}
  53. a {text-decoration:none; font-weight:bold; color:white;}
  54. a:hover {-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; color:{color:Link};}
  55. p {margin:0; margin-bottom:5px;}
  56. ol {margin:4px 0 4px -24px; list-style-type:upper-roman;}
  57. ul {margin:4px 0 4px -24px;}
  58. h1 {font-weight:normal; margin:0 0 10px 0; font-size:{text:Title Size}px;}
  59. .clear {clear:both;}
  60. blockquote {margin:0 0 4px 4px; padding:0 0 0 8px; border-left:solid 2px white;}
  61. #wrapper {width:800px; margin:0 auto; position:relative;}
  62. #sidebar {position:fixed; top:177px; width:216px; padding:8px; background-color:rgba(255, 255, 255, 0.06); {block:IfSwitchSides}margin-left:568px{/block:IfSwitchSides};}
  63. #sidebar #image {width:200px; height:auto; margin-bottom:8px; padding:8px 8px 6px; background-color:rgba(255, 255, 255, 0.06);}
  64. #content {width:532px; {block:IfNotSwitchSides}float:right{/block:IfNotSwitchSides}{block:IfSwitchSides}float:left{/block:IfSwitchSides};}
  65. #content #header {width:516px; padding:8px; margin-bottom:44px; background-color:rgba(255, 255, 255, 0.12);}
  66. #content #header #title {margin:32px 0 8px; font-size:{text:Main Title Size}px;}
  67. #content #header #title a {font-weight:normal; color:white;}
  68. #content #header #title #marker {display:inline-block; background-color:rgba(255, 255, 255, 1); margin-right:8px; position:relative; top:6px; height:{text:Main Title Size}px; width:{text:Main Title Size}px;}
  69. #content #header #title:hover #marker {padding-right:40px; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}
  70. #content #header #divider {width:100%; height:4px; border-top:solid 2px white; border-bottom:dotted 3px; border-bottom-color:rgba(255, 255, 255, 0.06);}
  71. #content #header #links {width:100%; text-align:center; margin-top:4px;}
  72. #content #posts {width:516px; padding:8px; margin-bottom:44px; background-color:rgba(255, 255, 255, 0.06);}
  73. #content #posts #media {background-color:rgba(255, 255, 255, 0.06); padding:8px 8px 6px; margin:0 auto 8px; text-align:center;}
  74. #content #posts .playcount {display:block; padding:4px 0 8px 4px;}
  75. #content #posts #question {padding:18px 8px 8px; margin-bottom:0 auto; background-color:rgba(255, 255, 255, 0.06); position:relative;}
  76. #content #posts #question .arrow {color:rgba(255, 255, 255, 0.06); font-size: 20px; font-family:Arial, sans-serif; position:absolute; left:24px; bottom:-19px;}
  77. #content #posts #asker {margin:16px 8px 24px 22px;}
  78. #content #posts #asker .avatar {vertical-align:-6px; margin-right:4px;}
  79. #content #posts #chat {list-style-type:none; margin:0; padding:8px; background-color:rgba(255, 255, 255, 0.06);}
  80. #content #posts #chat #lines {padding:4px 8px; margin:0 0 1px; background-color:rgba(255, 255, 255, 0.06);}
  81. #content #posts #chat #lines:nth-child(even) {background-color:rgba(255, 255, 255, 0.06);}
  82. #content #posts #chat #lines:nth-child(odd) {background-color:rgba(255, 255, 255, 0.12);}
  83. #content #posts a.postlink {font-weight:normal; text-decoration:underline;}
  84. #content #posts #footer {margin-top:24px; font-size:{text:Tag Size}px;}
  85. #content #posts #footer a {font-weight:normal;}
  86. #content #posts #footer .commas:last-child {display:none;}
  87. #content #notecontainer {margin:32px 0; padding:0 5px;}
  88. #content #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  89. #content #notecontainer il {margin-bottom:4px;}
  90. #content #notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  91. #content #notecontainer blockquote {margin-left:35px;}
  92. #content #notecontainer blockquote a {text-decoration:none;}
  93. #content #pagination {width:516px; margin:0 auto 32px; text-align:center;}
  94.  
  95. {CustomCSS}
  96. </style>
  97.  
  98. <!--[if IE]>
  99. <style type="text/css">
  100. body {background-image:none!important; background-color:{color:Alt background for IE because it sucks}!important;}
  101. </style>
  102. <![endif]-->
  103.    
  104. </head>
  105. <body>
  106.  
  107. <div id="wrapper">
  108.  
  109. <div id="sidebar">
  110. <div id="image"><a href="/"><img src="{image:Sidebar}" /></a></div>
  111. {Description} <!--//</>"-->
  112. </div> <!--sidebar-->
  113.  
  114. <div id="content">
  115.  
  116. <div id="header">
  117. <div id="title"><a href="/"><div id="marker"></div>{title}</a></div>
  118. <div id="divider"></div>
  119. <div id="links">
  120. {block:AskEnabled}<a href="/ask">{AskLabel}</a> | {/block:AskEnabled}
  121. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> | {/block:SubmissionsEnabled}
  122. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> | {/block:Pages}{/block:HasPages}
  123. {block:IfShowArchiveLink}<a href="/archive">Archive</a> | {/block:IfShowArchiveLink}
  124. {block:IfShowRSSLink}<a href="/rss">RSS</a> | {/block:IfShowRSSLink}
  125. <a href="http://themesbyeris.tumblr.com">Theme</a>
  126. </div> <!--links-->
  127. </div> <!--header-->
  128.  
  129. {block:Posts}
  130. <div id="posts">
  131.  
  132. {block:Photo}
  133. <div id="media">{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}</div>
  134. {block:Caption}{Caption}{/block:Caption}
  135. {/block:Photo}
  136.  
  137. {block:Photoset}
  138. <div id="media">{Photoset-500}</div>
  139. {block:Caption}{Caption}{/block:Caption}
  140. {/block:Photoset}
  141.  
  142. {block:Video}
  143. <div id="media">{Video-500}</div>
  144. {block:Caption}{Caption}{/block:Caption}
  145. {/block:Video}
  146.  
  147. {block:Audio}
  148. {AudioPlayerWhite}
  149. <div class="playcount">— {PlayCountWithLabel}</div>
  150. {block:Caption}{Caption}{/block:Caption}
  151. {/block:Audio}
  152.  
  153. {block:Quote}
  154. <h1>“{Quote}”</h1>
  155. {block:Source}— {Source}{/block:Source}
  156. {/block:Quote}
  157.  
  158. {block:Text}
  159. {block:Title}<h1>{Title}</h1>{/block:Title}
  160. {Body}
  161. {/block:Text}
  162.  
  163. {block:Answer}
  164. <div id="question"><h1>{Question}</h1>
  165. <div class="arrow">▼</div>
  166. </div>
  167. <div id="asker">
  168. <img class="avatar" src="{AskerPortraitURL-24}"> {Asker}
  169. </div>
  170. {Answer}
  171. {block:Answer}
  172.  
  173. {block:Chat}
  174. {block:Title}<h1>{Title}</h1>{/block:Title}
  175. <div id="chat">
  176. {block:Lines}
  177. <div id ="lines" class="{Alt}">
  178. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}
  179. </div>
  180. {/block:Lines}
  181. </div>
  182. {/block:Chat}
  183.  
  184. {block:Link}
  185. <a class="postlink" href="{URL}"><h1>{Name}</h1></a>
  186. {block:Description}{Description}{/block:Description}
  187. {/block:Link}
  188.  
  189. <div id="footer">
  190. <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}
  191. {block:HasTags}<br />{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="commas">, </span>{/block:Tags}.{/block:HasTags}
  192. </div> <!--footer-->
  193.  
  194. </div> <!--posts-->
  195.  
  196. {block:PostNotes}
  197. <div id="notecontainer">{PostNotes}</div>
  198. {/block:PostNotes}
  199.  
  200. {/block:Posts}
  201.  
  202. {block:Pagination}
  203. <div id="pagination">
  204. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{block:NextPage}   |   {/block:NextPage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  205. </div>
  206. {/block:Pagination}
  207.  
  208. </div> <!--content-->
  209. </div> <!--wrapper-->
  210.  
  211. </body>
  212. </html>