API tools faq
paste
Advertisement
ErisNotEros

Theme: Dark Beauty

ErisNotEros
Mar 6th, 2012
10,117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.  
  7. ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐ ┌┐ ┐┌ ┌┐ ┌┐ ┐ ┌┐
  8. │ ├┤ ├ │││ ├ └┐ ├┴┐ └┤ ├ ├┴┐ │ └┐
  9. ┴ ┘└ └┘ ┘ └ └┘ └┘ └─┘ ┘ └┘ ┘ └ └ └┘
  10. visit themesbyeris.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17.  
  18. <meta name="if:Infinite Scroll" content="0" />
  19.  
  20. <meta name="color:Background" content="#0b000b" />
  21. <meta name="color:Background Glow" content="#610061" />
  22. <meta name="color:Post Backgrounds" content="#ffffff" />
  23. <meta name="color:Text" content="#ffffff" />
  24. <meta name="color:Links" content="#ffffff" />
  25. <meta name="color:Links Hover" content="#a07fa0" />
  26.  
  27. <meta name="font:Font" content="Helvetica" />
  28.  
  29. <meta name="if:Show Archive Link" content="1" />
  30. <meta name="if:Show RSS Link" content="1" />
  31. <meta name="if:Switch Sides" content="0" />
  32. <meta name="if:Search Bar" content="0" />
  33.  
  34. <meta name="image:Sidebar Image" content="" />
  35.  
  36. <meta name="text:Background Opacity" content="0.06" />
  37. <meta name="text:Heading Font Size" content="40" />
  38. <meta name="text:Titles Font Size" content="20" />
  39. <meta name="text:Text Font Size" content="11" />
  40. <meta name="text:Tags Font Size" content="11" />
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50. <link rel="shortcut icon" href="{Favicon}" />
  51. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53.  
  54. <style type="text/css">
  55.  
  56. body {background-color:{color:Background}; color:{color:Text}; font-family:{font:Font},sans-serif; font-size:{text:Text Font Size}px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0;}
  57.  
  58. img {max-width:100%; border:0;}
  59. a {text-decoration:none; color:{color:Links};}
  60. a:hover {color:{color:Links Hover};}
  61. h1 {font-size:{text:Titles Font Size}px; margin:0 0 10px;}
  62. ol, ul {margin:3px 0 3px -15px;}
  63. blockquote {margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 2px {color:Text};}
  64. .clear {clear:both;}
  65.  
  66. a, a:hover, .pre {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
  67.  
  68.  
  69. #glow {position:fixed; z-index:1; background-image: -ms-radial-gradient(center, circle closest-side, rgba({RGBcolor:Background Glow},1) 20%, rgba({RGBcolor:Background Glow},0) 100%); background-image: -moz-radial-gradient(center, circle closest-side, rgba({RGBcolor:Background Glow},1) 20%, rgba({RGBcolor:Background Glow},0) 100%); background-image: -o-radial-gradient(center, circle closest-side, rgba({RGBcolor:Background Glow},1) 20%, rgba({RGBcolor:Background Glow},0) 100%); background-image: -webkit-gradient(radial, center center, 0, center center, 140, color-stop(0.2, rgba({RGBcolor:Background Glow},1)), color-stop(1, rgba({RGBcolor:Background Glow},0))); background-image: -webkit-radial-gradient(center, circle closest-side, rgba({RGBcolor:Background Glow},1) 20%, rgba({RGBcolor:Background Glow},0) 100%); background-image: radial-gradient(circle closest-side at center, rgba({RGBcolor:Background Glow},1) 20%, rgba({RGBcolor:Background Glow},0) 100%);}
  70. #glow.large {width:600px; height:600px; top:40%; left:70%; margin:-300px;}
  71. #glow.med {width:350px; height:350px; top:50%; left:20%; margin:-175px; opacity:0.9;}
  72. #glow.small {width:200px; height:200px; top:20%; left:30%; margin:-100px; opacity:0.8;}
  73. #glow.tiny {width:150px; height:150px; top:80%; left:50%; margin:-75px; opacity:0.7;}
  74.  
  75. #content {width:532px; margin:0 auto 60px; position:relative; z-index:2;}
  76.  
  77. #sidebar {z-index:3; width:216px; padding:8px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity}); position:fixed; top:170px;}
  78. #sidebar img.image {display:block; width:200px; border:solid 8px rgba({RGBcolor:Post Backgrounds},{text:Background Opacity});}
  79. #sidebar .desc {margin-top:8px;}
  80. #sidebar .search {margin-top:8px;}
  81. #sidebar .search input {color:{color:Text}; font-size:{text:Text Font Size}px; font-family:{font:Font},sans-serif; margin:auto;}
  82. #sidebar .search .text {background-color:transparent; border:solid 1px {color:Text}; padding:4px 8px; width:135px;}
  83. #sidebar .search .text:focus {outline:none;}
  84. #sidebar .search .button {padding:6px 10px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity}); border:0; width:60px;}
  85. #sidebar .search .button:focus {outline:none;}
  86. {block:IfNotSwitchSides}
  87. #content {padding-left:232px;}
  88. #sidebar {right:50%; margin-right:194px;}
  89. {block:IfNotSwitchSides}
  90. {block:IfSwitchSides}
  91. #content {padding-right:232px;}
  92. #sidebar {left:50%; margin-left:194px;}
  93. {block:IfSwitchSides}
  94.  
  95. #header {padding:44px 8px 8px; margin:0 0 44px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity});}
  96. #header .title {display:block; font-size:{text:Heading Font Size}px;}
  97. #header .title:hover {color:{color:Text};}
  98. #header .title .pre {display:inline-block; height:{text:Heading Font Size}px; width:{text:Heading Font Size}px; margin-right:8px; background-color:{color:Text};}
  99. #header .title:hover .pre {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
  100.  
  101. #header .underline {height:2px; margin-bottom:8px; background-image: -ms-linear-gradient(left, rgba({RGBcolor:Text},1) 20%, rgba({RGBcolor:Text},0) 100%); background-image: -moz-linear-gradient(left, rgba({RGBcolor:Text},1) 20%, rgba({RGBcolor:Text},0) 100%); background-image: -o-linear-gradient(left, rgba({RGBcolor:Text},1) 20%, rgba({RGBcolor:Text},0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0.2, rgba({RGBcolor:Text},1)), color-stop(1, rgba({RGBcolor:Text},0))); background-image: -webkit-linear-gradient(left, rgba({RGBcolor:Text},1) 20%, rgba({RGBcolor:Text},0) 100%); background-image: linear-gradient(to right, rgba({RGBcolor:Text},1) 20%, rgba({RGBcolor:Text},0) 100%);}
  102. #header .links {text-align:center;}
  103. #header .links span {display:inline-block; margin:0 6px 0 8px;}
  104. #header .links span:last-child {display:none;}
  105.  
  106.  
  107.  
  108.  
  109.  
  110. #post {padding:8px; margin:0 0 44px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity});}
  111. #post #media {padding:8px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity});}
  112. #post img.photo {display:block; width:100%; height:auto;}
  113. #post .quote {font-style:italic; position:relative; padding:12px 50px;}
  114. #post .quote span {position:absolute; opacity:{text:Background Opacity}; font-size:60px;}
  115. #post .quote .open {top:-6px; left:0;}
  116. #post .quote .close {bottom:-30px; right:6px;}
  117. #post ul.chat {list-style-type:none;}
  118. #post ul.chat li {padding:4px 8px; margin:0 0 1px -25px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity});}
  119. #post ul.chat li:nth-child(even) {background-color:rgba(0,0,0,0);}
  120. #post a.link {text-decoration:underline;}
  121.  
  122.  
  123.  
  124.  
  125. #footer {margin-top:20px; font-size:{text:Tags Font Size}px;}
  126.  
  127. #pagination {text-align:center; margin-bottom:60px;}
  128.  
  129. #notecontainer {padding:40px 0 0;}
  130. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  131. #notecontainer li {margin-bottom:8px;}
  132. #notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  133. #notecontainer blockquote {margin:8px 35px 0 35px;border:0; padding:8px; background-color:rgba({RGBcolor:Post Backgrounds},{text:Background Opacity});}
  134.  
  135. a.credit {position:fixed; top:50px; right:5px; z-index:99; height:12px; padding:2px 5px 4px 4px; background-color:rgba(0,0,0,0.38); border:1px solid rgba(0,0,0,0.18); border-radius:3px; color:#ffffff; font:normal bold 12px arial; text-decoration:none;}
  136.  
  137.  
  138. {CustomCSS}
  139.  
  140. </style>
  141.  
  142. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  143.  
  144. </head>
  145. <body>
  146. <a href="https://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>
  147. <!-- Do not remove credit -->
  148.  
  149.  
  150. <div id="glow" class="large"></div>
  151. <div id="glow" class="med"></div>
  152. <div id="glow" class="small"></div>
  153. <div id="glow" class="tiny"></div>
  154.  
  155.  
  156.  
  157. <div id="sidebar">
  158. <img class="image" src="{image:Sidebar Image}" />
  159. <div class="desc">{Description}</div>
  160. {block:IfSearchBar}
  161. <div class="search">
  162. <form action="/search" method="get">
  163. <input class="text" type="text" name="q" value="{SearchQuery}"/>
  164. <input class="button" type="submit" value="Search"/>
  165. </form>
  166. </div>
  167. {block:IfSearchBar}
  168. </div>
  169.  
  170.  
  171.  
  172.  
  173. <div id="content">
  174.  
  175. <div id="header">
  176.  
  177. <a class="title" href="/"><span class="pre"></span>{Title}</a>
  178. <div class="underline"></div>
  179.  
  180. <div class="links">
  181. {block:AskEnabled}<a href="/ask">{AskLabel}</a><span class="bl">|</span>{/block:AskEnabled}
  182. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a><span class="bl">|</span>{/block:SubmissionsEnabled}
  183. {block:HasPages}
  184. {block:Pages}<a href="{URL}">{Label}</a><span class="bl">|</span>{/block:Pages}
  185. {/block:HasPages}
  186. {block:IfShowArchiveLink}<a href="/archive">Archive</a><span class="bl">|</span>{/block:IfShowArchiveLink}
  187. {block:IfShowRSSLink}<a href="/rss">RSS</a><span class="bl">|</span>{/block:IfShowRSSLink}
  188. </div>
  189.  
  190. </div>
  191.  
  192.  
  193. <div class="autopagerize_page_element">
  194. {block:Posts}
  195. <div id="post">
  196.  
  197. {block:Photo}
  198. <div id="media">{LinkOpenTag}<img class="photo" src="{PhotoURL-500}" />{LinkCloseTag}</div>
  199. {block:Caption}{Caption}{/block:Caption}
  200. {/block:Photo}
  201.  
  202. {block:Photoset}
  203. <div id="media">{Photoset-500}</div>
  204. {block:Caption}{Caption}{/block:Caption}
  205. {/block:Photoset}
  206.  
  207. {block:Video}
  208. <div id="media">{Video-500}</div>
  209. {block:Caption}{Caption}{/block:Caption}
  210. {/block:Video}
  211.  
  212. {block:Audio}
  213. <div id="media">{AudioPlayerWhite}</div>
  214. {block:Caption}{Caption}{/block:Caption}
  215. {/block:Audio}
  216.  
  217. {block:Quote}
  218. <h1 class="quote">
  219. <span class="open">“</span>
  220. {Quote}
  221. <span class="close">”</span>
  222. </h1>
  223. {block:Source}—&nbsp;{Source}{/block:Source}
  224. {/block:Quote}
  225.  
  226. {block:Text}
  227. {block:Title}<h1>{Title}</h1>{/block:Title}
  228. {Body}
  229. {/block:Text}
  230.  
  231. {block:Answer}
  232. <div id="media">
  233. <h1>{Asker} asked:</h1>
  234. {Question}
  235. </div>
  236. {Answer}
  237. {block:Answer}
  238.  
  239. {block:Chat}
  240. {block:Title}<h1>{Title}</h1>{/block:Title}
  241. <ul class="chat">
  242. {block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>{/block:Lines}
  243. </ul>
  244. {/block:Chat}
  245.  
  246. {block:Link}
  247. <h1><a class="link" href="{URL}">{Name}</a></h1>
  248. {block:Description}{Description}{/block:Description}
  249. {/block:Link}
  250.  
  251. {block:Date}
  252. <div id="footer">
  253. <a href="{Permalink}">{TimeAgo}</a>
  254. {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}
  255. {block:HasTags}<br />{lang:Tags}:
  256. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}
  257. {/block:HasTags}
  258. </div> <!--footer-->
  259. {/block:Date}
  260.  
  261. {block:PostNotes}
  262. <div id="notecontainer">{PostNotes}</div>
  263. {/block:PostNotes}
  264.  
  265. </div> <!--post-->
  266. {/block:Posts}
  267. </div> <!--autopagerize_page_element-->
  268.  
  269. {block:IfNotInfiniteScroll}
  270. {block:Pagination}
  271. <div id="pagination">
  272. {block:PreviousPage}
  273. <a href="{PreviousPage}">{lang:Previous}</a>
  274. {block:NextPage} | {/block:NextPage}
  275. {/block:PreviousPage}
  276. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  277. </div> <!--pagination-->
  278. {/block:Pagination}
  279. {/block:IfNotInfiniteScroll}
  280.  
  281. </div> <!--content-->
  282.  
  283. </body>
  284. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!