Advertisement
Guest User

Temple Theme by Will Weiss

a guest
Mar 27th, 2013
4,763
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.49 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3.  
  4. <!--
  5. coding by Will Weiss
  6. @ nerosis.tumblr.com
  7. please, do not remove
  8. any credit. thank you!
  9. -->
  10.  
  11. <meta name="color:Background" content="#eeeeee">
  12. <meta name="color:Text" content="#000000">
  13. <meta name="color:Links" <content="666666">
  14. <meta name="color:Hover" content="aaaaaa">
  15. <meta name="color:Link Box" content="#FFFFFF"/>
  16. <meta name="color:Accent" content="#d3d3d3"/>
  17.  
  18. <meta name="if:Show Captions" content="0"/>
  19. <meta name="if:Show Icon" content="1"/>
  20. <meta name="if:Endless Scroll" content="0"/>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <style type="text/css">
  31.  
  32. body{
  33. text-align:left;
  34. font-family: 'PT Sans', sans-serif;
  35. font-size:14px;
  36. color:{color:Text};
  37. background-color:{color:Background};
  38. }
  39.  
  40. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  41.  
  42. a{
  43. text-decoration:none;
  44. -moz-transition: 0.2s ease-in;
  45. -webkit-transition: 0.2s ease-in;
  46. -o-transition: 0.5s ease-in;
  47. transition: 0.5s ease-in;
  48. color: {color:Links};
  49. }
  50.  
  51. a:hover{
  52. color:{color:Hover};
  53. text-decoration: underline;
  54. -moz-transition: 0.0s ease-in;
  55. -webkit-transition: 0.0s ease-in;
  56. -o-transition: 0.5s ease-in;
  57. transition: 0.5s ease-in;
  58. }
  59.  
  60. a img{
  61. border:0px;
  62. }
  63.  
  64.  
  65. #entry{
  66. margin-bottom:70px;
  67. max-width:400px;
  68. }
  69.  
  70. #entry img{
  71. max-width:400px;
  72. }
  73.  
  74. #centered{
  75. margin:auto;
  76. width:780px;
  77. }
  78.  
  79. #content{
  80. background:#fff;
  81. border-top: solid 12px #000;
  82. padding:50px;
  83. width:400px;
  84. margin-top:-8px;
  85. margin-bottom:-8px;
  86. float:left;
  87. }
  88.  
  89. #icon{
  90. width: 128px;
  91. height: 128px;
  92. background-image: url({PortraitURL-128});
  93. }
  94.  
  95. #sidebar{
  96. margin-top:75px;
  97. margin-left:550px;
  98. position:fixed;
  99. float:right;
  100. width:128px;
  101. }
  102.  
  103. .links{
  104. letter-spacing:1px;
  105. text-align:center;
  106. font-size:10px;
  107. font-family: 'Source Sans Pro', sans-serif;
  108. background:{color:Link Box};
  109. border-bottom:1px solid {color:Accent};
  110. text-transform:uppercase;
  111. padding:8px;
  112. margin-bottom:5px;
  113. -moz-transition: 0.2s ease-in;
  114. -webkit-transition: 0.2s ease-in;
  115. -o-transition: 0.2s ease-in;
  116. transition: 0.2s ease-in;
  117. }
  118.  
  119. .links a{
  120. color:{color:Links};
  121. text-decoration: none;
  122. }
  123.  
  124. div#pagination{
  125. text-align:center;
  126. font-weight: normal;
  127. padding-bottom: 40px;
  128. font-size:14px;
  129. }
  130.  
  131. .album_art{
  132. display: inline-block;
  133. margin-right: 10px;
  134. float: left;
  135. }
  136.  
  137. .album_art img{
  138. width: 150px;
  139. height: 150px;
  140. }
  141.  
  142. .audio{
  143. display: inline-block;
  144. min-height: 150px;
  145. max-width: 207px;
  146. overflow: hidden;
  147. }
  148.  
  149. .player{
  150. border-bottom:1px solid #d3d3d3;
  151. background-color:#e4e4e4;
  152. }
  153.  
  154. .permalinks{
  155. font-size:12px;
  156. padding-bottom:2px;
  157. margin-top:15px;
  158. text-align:left;
  159. opacity:0.8;
  160. }
  161.  
  162. h2{
  163. text-transform:uppercase;
  164. font-size:12pt;
  165. }
  166.  
  167. .free {
  168. display: inline-block;
  169. margin-right: 10px;
  170. float: left;
  171. }
  172.  
  173. div.video embed,
  174. div.post div.video object {
  175. width:400px !important;
  176. height:240px !important;
  177. }
  178.  
  179. .arrow{
  180. width: 0;
  181. height: 0;
  182. content: '';
  183. position: absolute;
  184. display: block;
  185. right:50%;
  186. margin: -20px 260px 0px 0px;
  187. border-width: 0px 18px 17px;
  188. border-style: solid;
  189. border-color:#fff transparent;
  190. }
  191.  
  192. ol.notes{
  193. padding: 0px;
  194. margin: 25px 0px;
  195. list-style-type: none;
  196. border-bottom: solid 1px #fff;
  197. }
  198.  
  199. ol.notes li.note{
  200. border-top: solid 1px #fff;
  201. padding: 10px;
  202. }
  203.  
  204. ol.notes li.note img.avatar{
  205. vertical-align: -4px;
  206. margin-right: 10px;
  207. width: 16px;
  208. height: 16px;
  209. }
  210.  
  211. ol.notes li.note span.action{
  212. font-weight: normal;
  213. }
  214.  
  215. ol.notes li.note .answer_content{
  216. font-weight: normal;
  217. }
  218.  
  219. ol.notes li.note blockquote{
  220. border-color: #fff;
  221. padding: 4px 10px;
  222. margin: 10px 0px 0px 25px;
  223. }
  224.  
  225. ol.notes li.note blockquote a{
  226. text-decoration: none;
  227. }
  228.  
  229. {CustomCss}
  230. </style>
  231.  
  232. {block:IfEndlessScroll}
  233. <script type="text/javascript"
  234.  
  235. src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  236. {/block:IfEndlessScroll}
  237.  
  238. </head>
  239.  
  240. <body>
  241.  
  242. <div id="centered">
  243.  
  244. <div id="sidebar">
  245. {block:IfShowIcon}<a href="/"><div id="icon"></div></a><br>{/block:IfShowIcon}
  246. <div class="links"><a href="/">{Title}</a></div>
  247. <div class="links"><a href="/archive">Archive</a></div>
  248. <div class="links"><a href="/ask">Message</a></div>
  249. <div class="links"><a href="{RSS}">RSS</a></div>
  250. {block:HasPages}{block:Pages}<div class="links"><a href="{URL}">{Label}</a></div>{/block:Pages}
  251. {/block:HasPages}
  252. <div class="links"><a href="http://nerosis.tumblr.com">Theme</a></div>
  253. </div>
  254.  
  255. <div id="content">
  256.  
  257. {Block:Posts}
  258.  
  259. <div id="entry">
  260.  
  261. {block:Text}
  262. {block:Title}{Title}{/block:Title}
  263. <div style="margin-top:5px;">{Body}</div>
  264. {/block:Text}
  265.  
  266. {block:Photo}
  267. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/>{LinkCloseTag}
  268. <div class="arrow"></div>
  269. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:PermalinkPage}
  272. {/block:Photo}
  273.  
  274. {block:Photoset}
  275. {Photoset-400}
  276. <div class="arrow"></div>
  277. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}
  278. {block:Caption}{Caption}{/block:Caption}
  279. {/block:PermalinkPage}
  280. {/block:Photoset}
  281.  
  282. {block:Quote}
  283. "{Quote}"
  284. {block:Source}<p>— <b>{Source}</b></p>{/block:Source}
  285. {/block:Quote}
  286.  
  287. {block:Link}
  288. <a href="{URL}"><h2>{Name}&nbsp;➞</h2></a>{block:Description}{Description}{/block:Description}
  289. {/block:Link}
  290.  
  291. {block:Chat}
  292. {block:Title}<b>{Title}</b>{/block:Title}
  293. {block:Lines}{block:Label}<b><i>{Label}</i></b> {Line}<br>{/block:Label}{/block:Lines}
  294. {/block:Chat}
  295.  
  296. {block:Audio}
  297. {block:AlbumArt}<div class="album_art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  298. {block:AlbumArt}<div class="audio">{/block:AlbumArt}<div class="player">{AudioPlayerGrey}</div>
  299. {block:Caption}{Caption}{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{/block:Caption}{block:AlbumArt}</div>{/block:AlbumArt}
  300. {/block:Audio}
  301.  
  302. {block:Answer}
  303. {Asker}: {Question}
  304. {Answer}
  305. {/block:answer}
  306.  
  307. {block:Video}
  308. <div class="video">
  309. {Video-400}
  310. </div>
  311. {block:Caption}{Caption}{/block:Caption}
  312. {/block:Video}
  313.  
  314. <div class="permalinks">{block:IndexPage}{block:Date}Posted on <a href="{Permalink}">{Month} {DayOfMonth},&nbsp;&nbsp;{Year}</a>&nbsp;&nbsp;with {NoteCountWithLabel}</a>{/block:Date}</div>{/block:IndexPage}
  315.  
  316.  
  317. <div class="permalinks">{block:PermalinkPage}{block:Date}Posted on <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> with {NoteCountWithLabel}</a>{/block:Date}<br>{block:HasTags}Filed Under: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  318. {/block:HasTags}{/block:PermalinkPage}</div>
  319.  
  320. {block:PostNotes}
  321. {PostNotes}
  322. {/block:PostNotes}
  323.  
  324. </div>
  325.  
  326. {/Block:Posts}
  327.  
  328. {block:IfNotEndlessScroll}
  329. {block:Pagination}
  330. <div id="pagination">
  331. <div style="float:left">{block:PreviousPage}
  332. <a href="{PreviousPage}" title="previous page"><b>Newer Posts</b></a>
  333. {/block:PreviousPage}</div>
  334. <div style="float:right"> {block:NextPage}
  335. <a href="{NextPage}" title="next page"><b>Older Posts</b></a>
  336. {/block:NextPage}</div>
  337. </div>
  338. {/block:Pagination}
  339. {/block:IfNotEndlessScroll}
  340.  
  341. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  342.  
  343. </div></div>
  344.  
  345. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement