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

twistedhumanities theme by selrauhl

By: selrauhl on Jan 22nd, 2012  |  syntax: None  |  size: 8.30 KB  |  hits: 10,436  |  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. Twisted Humanities theme by selrauhl
  3. 1. Please don't remove credit. If you are, put in in your FAQ or links, but don't ever remove it.
  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="#FCFBF7" />
  12. <meta name="color:sidebar" content="#FAF9F3" />
  13. <meta name="color:entries" content="#FAF9F3" />
  14. <meta name="color:permalink" content="#FCFBF7" />
  15.  
  16. <meta name="color:text" content="#C9C3A4" />
  17. <meta name="color:link" content="#8F896D" />
  18. <meta name="color:link hover" content="#5F5B47" />
  19.  
  20. <meta name="font:body" content="Georgia" />
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="image:background" content="" />
  23.  
  24. <meta name="text:Link1Title" content="link 1"/>
  25. <meta name="text:Link1" content="http://" />
  26. <meta name="text:Link2Title" content="link 2" />
  27. <meta name="text:Link2" content="http://" />
  28.  
  29.  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  33.  
  34. body {
  35. color:{color:text};
  36. background-color:{color:Background};
  37. background-image: url('{image:Background}');
  38. background-position:top left;
  39. background-attachment:fixed;
  40. background-repeat:repeat;
  41. font-size:10px;
  42. font-family:{font:body};
  43. line-height:110%;
  44. text-align:justify}
  45.  
  46.  
  47. a:link, a:active, a:visited{
  48. color: {color:link}; text-decoration:none}
  49.  
  50. a:hover{
  51. color:{color:title};font-style:none;
  52. -webkit-transition: all 0.4s ease-in;
  53. -moz-transition: all 0.4s ease-in;
  54. -o-transition: all 0.4s ease-in;
  55. transition: all 0.4s ease-in;
  56. }
  57.  
  58. #entries {
  59. margin-left:480px;
  60. margin-top:5px;
  61. padding:6px;
  62. width:520px;}
  63.  
  64. #posts{
  65. overflow:hidden;
  66. background-color:{color:entries};
  67. padding:10px;
  68. font-size:10px;
  69. margin-bottom:45px;
  70. font-family:{font:body};
  71. letter-spacing:1px;
  72. }
  73.  
  74. #sidebar {
  75. width:260px;
  76. padding:10px;
  77. margin-top:85px;
  78. margin-left:120px;
  79. position:fixed;
  80. background-color:{color:sidebar};
  81. border-top-left-radius:10px;
  82. border-bottom-right-radius:10px;
  83. border-bottom:1px solid {color:link};
  84. border-top:1px solid {color:link};
  85. }
  86.  
  87. #sidebarimg img {
  88. width:250px;
  89. }
  90.  
  91. #pagination {
  92. font-family:georgia;
  93. text-align:center;
  94. font-size:30px;
  95. }
  96.  
  97. #sidebarinfo{
  98. color:{color:text};
  99. font-family:{font:body};
  100. font-size:10px;
  101. font-weight:normal;
  102. }
  103.  
  104. #sidebar2 {
  105. height:auto;
  106. width:80px;
  107. margin-left:45px;
  108. margin-top:110px;
  109. position:fixed;
  110. overflow:hidden;
  111. background-color:trans;
  112. padding:1px;}
  113.  
  114. #side {
  115. height:1500px;
  116. width:10px;
  117. margin-left:10px;
  118. margin-top:-10px;
  119. background-color:{color:sidebar};
  120. border-right:10px solid {color:link};
  121. border-left:10px solid {color:text};
  122. position:fixed;
  123. }
  124.  
  125. #title {
  126. width:250px;
  127. margin-left:100px;
  128. margin-top:65px;
  129. margin-bottom:4px;
  130. color:{color:link};
  131. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  132. font-size:18px;
  133. font-style:italic;
  134. letter-spacing:1px;
  135. text-align:center;
  136. line-height:13px;
  137. position:fixed;
  138. }
  139.  
  140.  
  141. .links a:link, .links a:visited, .links a:active
  142. {display: block;
  143. font-family:{font:body};
  144. font-style:normal;
  145. font-style:italic;
  146. text-transform:lowercase;
  147. font-size:10px;
  148. text-align:right;
  149. margin: 3px 3px 3px 3px;
  150. margin-bottom:2px;
  151. background-color:trans;
  152. padding: 1px 9px 1px 9px;
  153. letter-spacing: 1px;
  154. color: {color:link};
  155. }
  156.  
  157. .links a:hover {
  158. color:{color:link hover};}
  159.  
  160. h1{
  161. color:{color:link};
  162. font-family:{font:body};
  163. font-size:16px;
  164. line-height:17px;
  165. letter-spacing:0px;
  166. font-weight:none;
  167. margin:0px;
  168. padding:0px;
  169. text-align:center}
  170.  
  171. h2{
  172. color:{color:link};
  173. font-family:{font:body};
  174. font-size:13px;
  175. line-height:14px;
  176. letter-spacing:0px;
  177. font-weight:none;
  178. margin:0px;
  179. padding:0px;
  180. margin-bottom:0px;
  181. text-align:center}
  182.  
  183. #tags {
  184. display:block;
  185. text-align:right;
  186. background-color:trans;
  187. font-family:{font:body};
  188. font-size:9px;
  189. font-style:italic;
  190. margin:2px 0px 2px 0px;
  191. text-transform:none;
  192. color:{color:text};
  193. letter-spacing: 1px;
  194. padding:2px;
  195. }
  196.  
  197. #tags a:hover {color:{color:text};}
  198.  
  199. #permalink {
  200. display:block;
  201. margin:2px 0px 2px 0px;
  202. padding:2px;
  203. color:{color:text};
  204. font:10px {font:body};
  205. line-height:110%;
  206. text-transform:none;
  207. background-color:{color:permalink};
  208. letter-spacing:1px;}
  209.  
  210. #permalink a {color:{color:link};}
  211.  
  212. #permalink a:hover {color:{color:text};}
  213.  
  214. .date {display:inline; text-align:right; float:right}
  215. .date a {color:{color:text};}
  216.  
  217. #audiopost{display:block; background-color:white;}
  218. #audioimage{float:left; width: 60px; border: 5px solid; color: {color:background};}
  219. #audioimage img {max-width: 60px; height: auto;}
  220.  
  221. #askerimg{float: center; margin: 0px 4px 2px 0}
  222.  
  223. #questions {background-color:{color:permalink};
  224. color: {color:text};
  225. padding:10px;
  226. margin-bottom:0px;
  227. font-size:10px;
  228. text-align:center;
  229. font-family:{font:body};
  230. }
  231.  
  232. #notes {font-weight:normal}
  233. #notes li {padding-bottom:0.5em}
  234. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  235.  
  236. #questions a {color:{color:text};}
  237.  
  238. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  239. blockquote img, blockquote a img {max-width: 500px}
  240.  
  241. #user_1 .label {color:{color:links}; font-weight:bold}
  242. #user_2 .label {color:{color:text}; font-weight:bold}
  243. ul.chat, .chat ol, .chat li {display:block; background-color: {color:sidebar}; list-style:none; margin:0px; padding:0px;}
  244.  
  245. </style>
  246. <style type="text/css">{CustomCSS}</style>
  247.  
  248. </head>
  249.  
  250. <body>
  251.  
  252. <div id="side"></div>
  253. <div id="title">{Title}</div>
  254.  
  255. <div id="sidebar">
  256. <div id="sidebarimg"><center><img src="{image:sidebar}"></center></div><br>
  257. <div id="sidebarinfo">{Description}</div><br>
  258. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div><br><center></div></div>
  259.  
  260. <div id="sidebar2">
  261. <div class="links">
  262. <a href="/">home</a>
  263. <a href="/ask">ask</a>
  264. <a href="/archive">archive</a>
  265. {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1}
  266. {block:ifLink2}<a href="{text:Link2}">{text:Link2Title}</a> {/block:ifLink2}
  267. <a href="http://selrauhl.tumblr.com/themebox">theme</a>
  268. </div></div>
  269.  
  270.  
  271. <div id="entries">
  272. {block:Posts}
  273. <div id="posts">
  274. {block:Quote}<h2>"{Quote}" - {Source}</h2>{/block:Quote}
  275. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  276. {block:Text}{Body}{/block:Text}
  277.  
  278. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  279. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  280.  
  281. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  282. {block:Photoset}<center>{Photoset-500}</center>
  283. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  284.  
  285. {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}
  286.  
  287. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  288. {block:Answer}<div id="questions"><div class="askerimg"><img src="{AskerPortraitURL-16}">&nbsp;<strong>{Asker}</strong> asked: "{Question}"</div></div>
  289. {Answer}{/block:answer}
  290.  
  291. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span id="audiopost">
  292. {AudioPlayerWhite}</span><br><center>Played {FormattedPlayCount} Times {block:Caption}{Caption}{/block:Caption}{/block:Audio}</center><br>
  293.  
  294. <div id="permalink"><a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}" {/block:NoteCount}>{NoteCountWithLabel}</a>
  295.  
  296. <div class="date">{block:ContentSource}© <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div>
  297.  
  298. {block:HasTags}<div id="tags">{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</div>
  299. {/block:Posts}
  300. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  301.  
  302. </div>
  303. </body>
  304. </html>
create a new version of this paste RAW Paste Data