Advertisement
kccrowe

Mentally Tamed

Apr 29th, 2013
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.56 KB | None | 0 0
  1. <!--This is theme #013 by Kyla (http://hermoany.tumblr.com) and please follow the rules.
  2.  
  3.    Da Rulez:
  4.        *DON'T STEAL
  5.        *DON'T REDISTRIBUTE
  6.        *DON'T CLAIM AS YOURS
  7.        *DON'T USE AS BASE
  8.        *DON'T REMOVE CREDIT
  9.        
  10. Customizing is more than allowed, just please keep the credit together please. Thank you!-->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  22.  
  23. <!--Default Variables-->
  24.      
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#333333"/>
  27. <meta name="color:Link" content="#717581"/>
  28. <meta name="color:Hover" content="#e4e4e4"/>
  29. <meta name="color:LinkBG" content="#e7e7e7">
  30. <meta name="color:Scrollbar" content="#969696"/>
  31. <meta name="color:ScrollBG" content="#ffffff"/>
  32. <meta name="color:Border" content="#cccccc"/>
  33. <meta name="color:Asker Background" content="#e7e7e7"/>
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:SidebarBG" content=""/>
  37. <meta name="image:Description" content=""/>
  38.  
  39. <meta name="text:Link1" content="/" />
  40. <meta name="text:Link1 Title" content="" />
  41. <meta name="text:Link2" content="/" />
  42. <meta name="text:Link2 Title" content="" />
  43. <meta name="text:Link3" content="/" />
  44. <meta name="text:Link3 Title" content="" />
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="" />
  47. <meta name="text:Link5" content="/" />
  48. <meta name="text:Link5 Title" content="" />
  49. <meta name="text:Link6" content="/" />
  50. <meta name="text:Link6 Title" content="" />
  51. <meta name="text:Link7" content="/" />
  52. <meta name="text:Link7 Title" content="" />
  53. <meta name="text:Link8" content="/" />
  54. <meta name="text:Link8 Title" content="" />
  55.      
  56. <style type="text/css">
  57.      
  58. ::-webkit-scrollbar {height: auto;width:6px;}
  59. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  60. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  61.          
  62. body {
  63. background:{color:background};
  64. background-image: url('{image:background}') no-repeat fixed center;;
  65. margin:0px;
  66. color:{color:text};
  67. font-family:times;
  68. font-size:10px;
  69. line-height:100%;
  70. }
  71.    
  72. a {
  73. text-decoration:none;
  74. outline:none;
  75. -moz-outline-style:none;
  76. color:{color:link};
  77. -webkit-transition: all 0.5s ease;
  78. -moz-transition: all 0.5s ease;
  79. -o-transition: all 0.5s ease
  80. }
  81.      
  82. img {
  83. border:none;
  84. }
  85.        
  86. blockquote blockquote {
  87. padding-left:5px;
  88. border-left:1px solid;
  89. }
  90.      
  91. h1 {
  92. font-size:12px;
  93. font-family:times;
  94. text-transform:uppercase;
  95. }
  96.      
  97. a:hover {
  98. opacity:10;
  99. color:{color:hover};
  100. -webkit-transition: all 0.7s ease;
  101. -moz-transition: all 0.7s ease;
  102. -o-transition: all 0.7s ease
  103. }
  104.      
  105. small{
  106. font-size:9px;
  107. line-height:110%
  108. }
  109.        
  110. big {
  111. font-size:12px;
  112. line-height:110%
  113. }
  114.        
  115. b, strong{
  116. color:{color:text}
  117. }
  118. i, em {
  119. color:{color:text}
  120. }
  121. p{
  122. margin-top:5px;
  123. margin-bottom:5px
  124. }
  125. blockquote {
  126. padding:0px;
  127. padding-left:5px;
  128. margin:5px;
  129. border-left:1px dotted {color:text}
  130. }
  131.        
  132. blockquote img {
  133. max-width:300px
  134. }
  135.        
  136. ul, li img {
  137. max-with:250px
  138. }
  139.            
  140. .audio {width:500px;height:160px;}
  141. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  142. .albumart img {width:150px;height:150px;float:left;}
  143. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  144. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  145. overflow:hidden;background-color:white;}
  146. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  147.      
  148. #entries {
  149. padding:10px;
  150. width:500px;
  151. margin-left:500px;
  152. margin-top:50px;
  153. }
  154.      
  155.      
  156. #post {
  157. width:500px;
  158. padding-bottom:5px;
  159. font-family:times;
  160. opacity:1;
  161. }
  162.      
  163. #sidebar {
  164. position:fixed;
  165. width:150px;
  166. height:100%;
  167. position:fixed;
  168. margin-left:1100px;
  169. margin-top:-210px;
  170. opacity:1;
  171. background-image:url('{image:sidebarbg}');
  172. }
  173.  
  174. #links {
  175. padding:5px;
  176. margin-top:150px;
  177. width:80px;
  178. margin-left:30px;
  179. letter-spacing:-0.5px;
  180. padding-top:12px;
  181. }
  182.      
  183. #links a {
  184. display:inline-block;
  185. font-family:times;
  186. color:{color:link};
  187. margin-bottom:5px;
  188. padding:7px;
  189. font-size:8px;
  190. text-align:center;
  191. text-transform:uppercase;
  192. letter-spacing:0px;
  193. width:65px;
  194. height:12px;
  195. background-color:white;
  196. opacity:0.9;
  197. border-top:1px solid {color:linkbg};
  198. border-bottom:1px solid {color:linkbg};
  199. }
  200.    
  201. #links a:hover {
  202. font-style:center;
  203. color:white;
  204. background-color:{color:linkbg};
  205. opacity:1;
  206. letter-spacing:2px;
  207. border-top:6px solid {color:white};
  208. border-bottom:6px solid {color:white};
  209. }
  210.  
  211. #title {
  212. position:fixed;
  213. margin-top:150px;
  214. margin-left:30px;
  215. font-family:bebas;
  216. font-size:20px;
  217. letter-spacing:2px;
  218. word-spacing:5px;
  219. }
  220.    
  221. #description {
  222. position:fixed
  223. padding:5px;
  224. font-size:10px;
  225. font-style:italic;
  226. opacity:0.8;
  227. text-align:center;
  228. margin-top:90px;
  229. margin-left:185px;
  230. width:220px;
  231. font-family:times;
  232. letter-spacing:0px;
  233. word-spacing:2px;
  234. }
  235.  
  236. #descriptionimage img {
  237. position:fixed;
  238. margin-top:15px;
  239. width:150px;
  240. margin-left:-5px;
  241. border:1px solid {color:border};
  242. padding:15px;
  243. }
  244.      
  245. #pagination {
  246. position:fixed;
  247. font-size:12px;
  248. text-align:center;
  249. color:{color:link};
  250. font-family:consolas;
  251. letter-spacing:2px;
  252. margin-left:490px;
  253. margin-top:570px;
  254. background-color:white;
  255. width:500px;
  256. padding:20px;
  257. }
  258.  
  259. #pagination a {
  260. background-color:{color:linkbg};
  261. padding:5px;
  262. }
  263.  
  264. #pagination a:hover {
  265. color:white;
  266. }
  267.      
  268. #info {
  269. text-align:left;
  270. margin-top:9px;
  271. margin-bottom:15px;
  272. text-transform:lowercase;
  273. font-family:times;
  274. font-size:9px;
  275. border-top:1px solid {color:border};
  276. padding-top:5px;
  277. }
  278.        
  279. #tags {
  280. text-align:right;
  281. font-family:times;
  282. letter-spacing:1px;
  283. text-transform:lowercase;
  284. font-size:9px;
  285. margin-top:4px;
  286. margin-bottom:50px;
  287. a {display:inline;
  288. background-color:{color:linkbg};
  289. padding:-4px;
  290. text-align:left;
  291. -webkit-transition: all 0.6s ease-in-out;
  292. -moz-transition: all 0.6s ease-in-out;
  293. -o-transition: all 0.6s ease-in-out;
  294. -ms-transition: all 0.6s ease-in-out;
  295. transition: all 0.6s ease-in-out;
  296. }  
  297.  
  298. #notes {
  299. font-family:times;
  300. text-transform:lowercase;
  301. font-size:9px;
  302. }
  303.      
  304. #question {
  305. font-family:times;
  306. font-style:italic;
  307. font-size:10px;
  308. }
  309.        
  310. {CustomCSS}</style></head><body>
  311.  
  312. <div id="title"><a href="/">{Title}</a>
  313.      
  314. <div id="sidebar">
  315. <div id="sidebarimage"><img src="{image:sidebar}"></div>    
  316. <div id="links">
  317. <a href="/">home</a>
  318. <a href="/ask">ask</a>
  319. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  320. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  321. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  322. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  323. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  324. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  325. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  326. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  327. </div></div>
  328.  
  329. <div id="descriptionimage"><img src="{image:description}">
  330. </div>
  331.      
  332. <div id="description">{Description}</div>
  333. </div>
  334.      
  335. <div id="pagination">{block:Pagination}
  336.     {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  337. {block:JumpPagination length="5"}
  338.     {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  339.     {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  340. {/block:JumpPagination}
  341.     {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  342.     {/block:Pagination}</div></div></div>
  343.      
  344. <div id="entries">{block:Posts}<div id="post">
  345.      
  346. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  347.      
  348. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  349.      
  350. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  351.      
  352. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  353.      
  354. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  355.      
  356. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  357.      
  358. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  359. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  360. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  361. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  362. {/block:Audio}
  363.      
  364. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  365.      
  366. {block:Answer}<div id="question" style="border-bottom:3px solid{color:border}; font-size:13px; font-family:calibri; background-color:{color:asker background}; padding-bottom:10px; padding-left:5px; padding-top:10px; margin-bottom:20px; text-align:center;">{Asker} inquired: "{Question}"</div>
  367. {Answer}{/block:answer}
  368.      
  369. <div id="info"> posted <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a> on the {DayOfMonthWithZero} of {Month}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  370. {block:ContentSource}<a href="{SourceURL}">(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  371. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  372. {/block:Posts}
  373. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  374. {/block:Posts}</div></div></div>
  375.      
  376. <div style="font-size: 9px; letter-spacing:2px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase; border:1px solid {color:border}; padding:5px;"><a href="http://hermoany.tumblr.com">theme</a></div>
  377.      
  378. </body>
  379.    
  380. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement