API tools faq
paste
Advertisement
ErisNotEros

Theme: John Watson Blog

ErisNotEros
Aug 12th, 2012
4,731
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 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. <meta name="color:Bg Gradient" content="#000000" />
  17. <meta name="color:Bg Background" content="#495f30" />
  18. <meta name="color:Bg Midground" content="#eaeaea" />
  19. <meta name="color:Bg Foreground" content="#ffffff" />
  20. <meta name="color:Green Links" content="#566f36" />
  21. <meta name="color:Green Sidebar" content="#5a733a" />
  22. <meta name="color:Grey Dark" content="#999999" />
  23. <meta name="color:Grey Light" content="#cccccc" />
  24. <meta name="color:Main Text" content="#333333" />
  25. <meta name="if:Show Tags On Main Page" content="0" />
  26. <meta name="if:Show Hit Counter" content="1" />
  27. <meta name="image:Header" content="http://static.tumblr.com/fc271cafce39040fdc65c30f93df6ad6/ar04e8q/EvSouaunk/tumblr_static_d0wyhu4by9wg8c8k4s8w8wc08.png" />
  28. <meta name="image:Sidebar" content="http://static.tumblr.com/1c98c51770ae0cfd82584e7113b89685/ar04e8q/4r2ouaunl/tumblr_static_9jj8my932i8s0kk8sks440w0s.jpg" />
  29. <meta name="text:Gradient Opacity" content="1" />
  30. <meta name="text:Title Description" content="About me" />
  31. <meta name="text:Title Links" content="Links" />
  32. <meta name="text:Size Main Text" content="14" />
  33. <meta name="text:Size Titles" content="30" />
  34.  
  35. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. <style type="text/css">
  42.  
  43. body {font-family:Verdana, Arial, sans-serif; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; font-size:{text:Size Main Text}px; color:{color:Main Text}; background-color:{color:Bg Background};}
  44.  
  45. img {max-width:100%; border:0;}
  46. a {font-weight:bold; text-decoration:underline; color:{color:Green Links};}
  47. h1 {margin:0 0 10px; font-size:{text:Size Titles}px; color:{color:Green Links};}
  48. h1 a {}
  49. ol, ul {margin:3px 0 3px -15px;}
  50. blockquote {margin:0 0 0 5px; padding:0 0 0 10px; border-left:solid 3px {color:Main Text};}
  51. .clear {clear:both;}
  52.  
  53. #background {position:absolute; width:100%; height:60%; opacity:{text:Gradient Opacity}; z-index:1;
  54. background-image: linear-gradient(bottom, rgba(0,0,0,0) 0%, {color:Bg Gradient} 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, {color:Bg Gradient} 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, {color:Bg Gradient} 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, {color:Bg Gradient} 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, {color:Bg Gradient} 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0)), color-stop(1, {color:Bg Gradient}) );}
  55.  
  56. #wrapper {width:940px; margin:0 auto; padding:20px; position:relative; z-index:2; background-color:{color:Bg Midground};}
  57.  
  58. #header {width:100%; min-height:100px; padding:0; margin-bottom:20px; -moz-border-radius:3px; border-radius:3px; overflow:hidden;}
  59. #header img {margin:0 0 -6px; padding:0; width:100%; height:auto;}
  60.  
  61. #sidebar {float:left; width:300px;}
  62. #sidebar #module {padding:10px; margin-bottom:20px; overflow:hidden; -moz-border-radius:4px; border-radius:4px; background-color:{color:Bg Foreground}; border:solid 1px {color:Grey Dark};}
  63. #sidebar #module #title {height:30px; padding:10px; margin:-10px -10px 10px; font-size:24px; color:{color:Bg Foreground}; background-color:{color:Green Sidebar};}
  64. #sidebar #module .sidebarimg {float:left; width:auto; height:auto; max-width:80px; margin:0 10px 10px 0;}
  65. #sidebar #module .sidelinks {list-style-type:none;}
  66. #sidebar #module .sidelinks li:before {content:"►"; font-size:12px; position:relative; left:-25px;}
  67.  
  68.  
  69. #content {float:left; width:576px; padding:20px; margin:0 20px 0 1px; background-color:{color:Bg Foreground}; border:solid 1px {color:Grey Dark};}
  70.  
  71. #content #post {padding-bottom:20px; margin:0; position:relative;}
  72. #content #post #timestamp {position:relative; left:-31px; top:0; width:158px; height:13px; padding:20px 15px; margin-bottom:20px; font-size:20px; line-height:60%; -moz-border-radius:4px; border-radius:4px; color:{color:Bg Foreground}; background-color:{color:Grey Dark}; white-space:nowrap;}
  73.  
  74. #content #post #media {margin-bottom:10px; width:500px; margin:0 auto;}
  75. #content #post #audio {margin:10px 0;}
  76. #content #post #audio #left {width:207px; float:left; margin-right:20px;}
  77. #content #post #audio #left .albumart {width:207px; height:auto; border:solid 1px {color:Grey Light};}
  78. #content #post #audio #left .player {width:207px; height:27px; border:solid 1px {color:Grey Light};}
  79. #content #post #audio #trackinfo {padding-top:37px;}
  80. #content #post #audio #trackinfo .label {margin-right:6px;}
  81. #content #post #question {padding:10px; margin:10px auto; background-color:rgba(0,0,0,0.04); border:solid 1px {color:Grey Light};}
  82. #content #post #question .icon {width:64px; height:64px; margin-right:10px; -moz-border-radius:4px; vertical-align:-10px; border-radius:4px;}
  83.  
  84. #content #post #footer {margin:20px 0 10px;}
  85. #content #post #footer #notecount #marker {display:inline-block; width:18px; height:15px; margin-right:6px; position:relative; top:3px;}
  86. #content #post #footer #notecount #marker .bubble {width:18px; height:11px; position:absolute; top:0; -moz-border-radius:4px; border-radius:4px; background-color:{color:Grey Light};}
  87. #content #post #footer #notecount #marker .point {height:0; width:0; position:absolute; top:11px; left:7px; border-right:solid 4px transparent; border-top:solid 4px {color:Grey Light};}
  88. #content #post #footer #notecount .notecount {font-weight:bold; color:{color:Green Links};}
  89. #content #post #footer #postinfo {padding:10px 0; margin-top:10px; border-top:solid 1px {color:Grey Light};}
  90. #content #post #footer .comma:last-child {display:none;}
  91.  
  92. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  93. #notecontainer il {margin-bottom:4px;}
  94. #notecontainer li {padding:10px 0; border-top:solid 1px {color:Grey Light};}
  95. #notecontainer img.avatar {width:16px; height:16px; margin-right:6px; position:relative; top:3px; -moz-border-radius:4px; border-radius:4px;}
  96. #notecontainer blockquote {border:0; margin-top:6px;}
  97. #notecontainer blockquote a {font-weight:normal; text-decoration:none; color:{color:Main Text};}
  98.  
  99. #pagination, #pagination a {width:100%; text-align:center; font-family:arial, sans-serif; font-weight:bold; margin-top:20px; color:{color:Main Text};}
  100. #pagination a {text-decoration:underline;}
  101. #hidden {display:none;}
  102.  
  103. a.credit {display:block; width:24px; height:24px; position:fixed; bottom:5px; right:5px; z-index:99; background:url(https://static.tumblr.com/1b424551fa0cf765c96000625d8333e7/ar04e8q/IXcpog6eu/tumblr_static_72okfia78oowwkwww8wswk0oc.png) no-repeat; opacity:0.2;}
  104. a.credit:hover {opacity:0.4;}
  105.  
  106.  
  107. {CustomCSS}
  108.  
  109. </style>
  110.  
  111. </head>
  112. <body>
  113. <a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
  114. <!-- Do not remove the credit -->
  115.  
  116.  
  117. <div id="background"></div>
  118. <div id="wrapper">
  119.  
  120. <a href="/">
  121. <div id="header">
  122. <img src="{image:Header}" />
  123. </div>
  124. </a>
  125.  
  126.  
  127.  
  128. <div id="content">
  129. {block:Posts}<div id="post">
  130.  
  131. {block:Date}
  132. <div id="timestamp">
  133. {DayOfMonth}{DayOfMonthSuffix} {Month}
  134. </div>
  135. {/block:Date}
  136.  
  137. {block:Photo}
  138. <div id="media">
  139. {LinkOpenTag}
  140. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  141. {LinkCloseTag}
  142. </div>
  143. {block:Caption}{Caption}{/block:Caption}
  144. {/block:Photo}
  145.  
  146. {block:Photoset}
  147. <div id="media">{Photoset-500}</div>
  148. {block:Caption}{Caption}{/block:Caption}
  149. {/block:Photoset}
  150.  
  151. {block:Video}
  152. <div id="media">{Video-500}</div>
  153. {block:Caption}{Caption}{/block:Caption}
  154. {/block:Video}
  155.  
  156. {block:Audio}
  157. <div id="audio">
  158. <div id="left">
  159. {block:AlbumArt}
  160. <img class="albumart" src="{AlbumArtURL}" />
  161. {/block:AlbumArt}
  162. <div class="player">{AudioPlayer}</div>
  163. </div>
  164. <div id="trackinfo">
  165. {block:PlayCount}{PlayCountWithLabel}<br />{/block:PlayCount}
  166. {block:Artist}<span class="label">Artist:</span>{Artist}<br />{/block:Artist}
  167. {block:Album}<span class="label">Album:</span>{Album}<br />{/block:Album}
  168. {block:TrackName}<span class="label">Track Name:</span>{TrackName}{/block:TrackName}
  169. </div>
  170. <br class="clear" />
  171. </div>
  172. {block:Caption}{Caption}{/block:Caption}
  173. {/block:Audio}
  174.  
  175. {block:Quote}
  176. <h1>“<a href="{Permalink}">{Quote}</a>”</h1>
  177. {block:Source}― {Source}{/block:Source}
  178. {/block:Quote}
  179.  
  180. {block:Text}
  181. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  182. {Body}
  183. {/block:Text}
  184.  
  185. {block:Answer}
  186. <div id="question">
  187. <h1><img class="icon" src="{AskerPortraitURL-64}" />{Asker}</h1>
  188. {Question}
  189. </div>
  190. {Answer}
  191. {block:Answer}
  192.  
  193. {block:Chat}
  194. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  195. {block:Lines}{block:Label}{Label}{/block:Label} {Line}<br />{/block:Lines}
  196. {/block:Chat}
  197.  
  198. {block:Link}
  199. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  200. {block:Description}{Description}{/block:Description}
  201. {/block:Link}
  202.  
  203. {block:IndexPage}
  204. <div id="footer">
  205. <div id="notecount">
  206. <div id="marker">
  207. <div class="bubble"></div>
  208. <div class="point"></div>
  209. </div>
  210. <a href="{Permalink}">{NoteCountWithLabel}</a>
  211. </div>
  212. <div id="hidden">
  213. {block:ContentSource}
  214. <a href="{SourceURL}">{SourceTitle}</a>
  215. {/block:ContentSource}
  216. </div>
  217. {block:IfShowTagsOnMainPage}
  218. {block:HasTags}
  219. {lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a>
  220. <span class="comma">, </span>{/block:Tags}.
  221. {/block:HasTags}
  222. {/block:IfShowTagsOnMainPage}
  223. </div>
  224. {/block:IndexPage}
  225.  
  226. {block:PermalinkPage}
  227. {block:Date}
  228. <div id="footer">
  229. <div id="notecount">
  230. <div id="marker">
  231. <div class="bubble"></div>
  232. <div class="point"></div>
  233. </div>
  234. <span class="notecount">{NoteCountWithLabel}</span>
  235. </div>
  236. <div id="postinfo">
  237. {block:ContentSource}
  238. Source: <a href="{SourceURL}">{SourceTitle}</a><br />
  239. {/block:ContentSource}
  240. {block:RebloggedFrom}
  241. Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />
  242. {/block:RebloggedFrom}
  243. {block:HasTags}
  244. {lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a>
  245. <span class="comma">, </span>{/block:Tags}.
  246. {/block:HasTags}
  247. </div>
  248. </div>
  249. {/block:Date}
  250. {/block:PermalinkPage}
  251.  
  252. {block:PostNotes}
  253. <div id="notecontainer">{PostNotes}</div>
  254. {/block:PostNotes}
  255.  
  256. </div>{/block:Posts}
  257.  
  258. </div>
  259.  
  260.  
  261.  
  262.  
  263. <div id="sidebar">
  264.  
  265. <div id="module">
  266. <div id="title">{text:Title Description}</div>
  267. <img class="sidebarimg" src="{image:Sidebar}" />{Description} <!--//"-->
  268. </div>
  269.  
  270. {block:IfShowHitCounter}
  271. <div id="module">
  272. <div id="title">Hit counter</div>
  273. <img src="https://static.tumblr.com/4de87d573f660dbd3f77370d83fcac8f/ar04e8q/jQzpog8n7/tumblr_static_3rdajitiffokg444osw80owss.jpg" />
  274. </div>
  275. {/block:IfShowHitCounter}
  276.  
  277. <div id="module">
  278. <div id="title">{text:Title Links}</div>
  279. <ul class="sidelinks">
  280. {block:AskEnabled}
  281. <li><a href="/ask">{AskLabel}</a></li>
  282. {/block:AskEnabled}
  283. {block:SubmissionsEnabled}
  284. <li><a href="/submit">{SubmitLabel}</a></li>
  285. {/block:SubmissionsEnabled}
  286. {block:HasPages}
  287. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  288. {/block:HasPages}
  289. </div>
  290.  
  291.  
  292. <!--
  293. COPY THIS FOR EXTRA MODULES:
  294.  
  295. <div id="module">
  296. <div id="title">Title</div>
  297. Content Here.
  298. </div>
  299. -->
  300.  
  301.  
  302. </div>
  303.  
  304.  
  305.  
  306.  
  307. <br class="clear" />
  308. {block:Pagination}
  309. <div id="pagination">
  310. {block:PreviousPage}
  311. <a href="{PreviousPage}">{lang:Previous}</a>
  312. {block:NextPage} | {/block:NextPage}
  313. {/block:PreviousPage}
  314. {block:NextPage}
  315. <a href="{NextPage}">{lang:Next}</a>
  316. {/block:NextPage}
  317. </div>
  318. {/block:Pagination}
  319.  
  320.  
  321. </div>
  322.  
  323. </body>
  324. </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!