API tools faq
paste
Advertisement
beautifulfreaks13

Tumblr Theme 024

beautifulfreaks13
Sep 19th, 2011
20,297
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.57 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 024 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: admin@ettudis.three-words.net]
  4. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  5. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  6. -->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title></head>
  13. {block:Description}
  14. <head>
  15. <meta name="Description" content="{MetaDescription}" /></head>
  16. {/block:Description}
  17.  
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <meta name="color:background" content="#f7f7f7" />
  20. <meta name="color:blockquote border" content="#000000" />
  21. <meta name="color:blockquote text" content="#BDBDBD" />
  22. <meta name="color:info" content="#535353" />
  23. <meta name="color:info background" content="#FAFAFA" />
  24. <meta name="color:info border" content="#D10000" />
  25. <meta name="color:link" content="#00F0E8" />
  26. <meta name="color:link background" content="#FFFFFF" />
  27. <meta name="color:link background hover" content="#F7F700" />
  28. <meta name="color:link hover" content="#000000" />
  29. <meta name="color:menu link" content="#C0C0C0" />
  30. <meta name="color:menu link background" content="#EFEFEF" />
  31. <meta name="color:menu link background hover" content="#CF0000" />
  32. <meta name="color:menu link hover" content="#FFFFFF" />
  33. <meta name="color:permalink text" content="#868686" />
  34. <meta name="color:post background" content="#FFFFFF" />
  35. <meta name="color:post text" content="#808080" />
  36. <meta name="color:post title" content="#929292" />
  37. <meta name="color:post title background" content="#F5F5F5" />
  38. <meta name="color:sidebar background" content="#FFFFFF" />
  39. <meta name="color:sidebar text" content="#808080" />
  40. <meta name="color:title background" content="#F0F0F0" />
  41. <meta name="color:title background hover" content="#000000" />
  42. <meta name="color:title text" content="#888888" />
  43. <meta name="color:title text hover" content="#FFFFFF" />
  44. <meta name="if:infinite scrolling" content="0"/>
  45. <meta name="if:sidebar fixed" content="1"/>
  46. <meta name="if:large posts" content="0"/>
  47. <meta name="if:Show side image" content="1"/>
  48. <meta name="if:Show caption on index" content="0"/>
  49. <meta name="image:background" content="http://static.tumblr.com/38tkyuw/M8zlrr5yg/x54ffo.png"/>
  50. <meta name="image:post background" content=""/>
  51. <meta name="image:side" content="http://static.tumblr.com/38tkyuw/O6hlrr5xw/000060by.gif"/>
  52. <meta name="image:sidebar background" content=""/>
  53. <meta name="text:Link 1" content="" />
  54. <meta name="text:Link 1 Title" content="" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:Link 2 Title" content="" />
  57. <meta name="text:Link 3" content="" />
  58. <meta name="text:Link 3 Title" content="" />
  59. <meta name="text:Link 4" content="" />
  60. <meta name="text:Link 4 Title" content="" />
  61. <meta name="text:Link 5" content="" />
  62. <meta name="text:Link 5 Title" content="" />
  63. <meta name="text:next button" content="&raquo;"/>
  64. <meta name="text:previous button" content="&laquo;"/>
  65. {block:ifinfinitescrolling}<script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>{/block:ifinfinitescrolling}
  66. <style type="text/css">
  67. @media screen
  68. {
  69. div#sidebar {
  70. position: fixed;
  71. }
  72. * html
  73. {
  74. overflow-y: hidden;
  75. }
  76. * html body
  77. {
  78. overflow-y: auto;
  79. height: 100%;
  80. padding: 0 1em 0 14em;
  81. font-size: 100%;
  82. }
  83. * html div#sidebar {
  84. position: absolute;
  85. }
  86. }
  87. body {
  88. font-family: trebuchet ms, sans-serif;
  89. margin: 0px;
  90. padding:0px;
  91. background:{color:background} url('{image:background}') fixed;
  92. }
  93. a {
  94. text-decoration: none;
  95. color: {color:link};
  96. }
  97. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  98. #infscr-loading {display:none;}
  99. iframe#tumblr_controls {right:3px !important;
  100. position: fixed !important;
  101. opacity: 0.2;
  102. filter:alpha(opacity=20);
  103. -moz-opacity: 0.2;
  104. -khtml-opacity: 0.2;
  105. -webkit-transition: all 0.9s ease;
  106. -moz-transition: all 0.9s ease;
  107. -o-transition: all 0.9s ease;}
  108. iframe#tumblr_controls:hover{
  109. opacity: 1;
  110. filter:alpha(opacity=100);
  111. -moz-opacity: 1;
  112. -khtml-opacity: 1;
  113. -webkit-transition: all 0.9s ease;
  114. -moz-transition: all 0.9s ease;
  115. -o-transition: all 0.9s ease;}
  116. #sidebar {
  117. width: 170px;
  118. font: 10px lucida sans unicode, trebuchet ms, arial, sans-serif;
  119. line-height: 10px;
  120. left: 200px;
  121. -moz-border-radius: 50px 0px 50px 0px;
  122. -webkit-border-radius: 50px 0px 50px 0px;
  123. border-radius: 50px 0px 50px 0px;
  124. top: 50px;
  125. {block:ifsidebarfixed}position: fixed;{/block:ifsidebarfixed}
  126. {block:ifnotsidebarfixed}position: absolute;{/block:ifnotsidebarfixed}
  127. color: {color:sidebar text};
  128. background:{color:sidebar background} url({image:sidebar background});
  129. padding-top: 10px!important;
  130. }
  131. #sidecontent{
  132.  
  133. padding: 5px;
  134. float: none;
  135. text-align: justify;
  136. margin-bottom: 5px; margin-top: 3px;margin-left: 5px;display: block; width: 150px;
  137. }
  138. #simage{
  139. max-width: 160px;
  140. height: auto;
  141. padding-left:1px;
  142. padding-right:1px;
  143. margin-bottom:7px;
  144. -moz-border-radius: 40px 0px 0px 0px;
  145. -webkit-border-radius: 40px 0px 0px 0px;
  146. border-radius: 40px 0px 0px 0px;
  147. }
  148. #nav {
  149. color: {color:sidebar link};
  150. position: fixed;
  151. bottom: 15px;
  152. right: 5px;
  153. }
  154.  
  155. #menu {
  156. margin-bottom: 2px; text-align:right; line-height: 12px; text-transform: lowercase ;
  157. -webkit-transition: all 0.5s ease;
  158. -moz-transition: all 0.5s ease;
  159. -o-transition: all 0.5s ease; width: 250px;overflow:hidden;
  160. }
  161. #menu a:hover{
  162. color: {color:menu link hover};padding-left: 15px;
  163. background: {color:menu link background hover};width: 175px;
  164. }
  165. #menu a{
  166. width: 170px;
  167. color: {color:menu link};
  168. display: block;
  169. text-decoration: none;
  170. margin-bottom:2px; margin-left: 5px;
  171. text-transform: lowercase;
  172. letter-spacing: 2px;
  173. font-style: italic; padding-left: 5px;
  174. font: 9px terminal, arial, san-serif;
  175. -webkit-transition: all 0.5s ease;
  176. -moz-transition: all 0.5s ease;
  177. -o-transition: all 0.5s ease;text-align:left;
  178. background: {color:menu link background};
  179. }
  180. a.title{
  181. color: {color:title text}!important;
  182. background: {color:title background}!important;
  183. }
  184. a.title:hover{
  185. color: {color:title text hover}!important;
  186. background: {color:title background hover}!important;
  187. }
  188. #desc p{
  189. padding: 5px;
  190. margin:0px;
  191. }
  192.  
  193. #menu img{
  194. float: right;
  195. border: 7px solid {color:userpic border};
  196. margin:7px;margin-right: 18px;
  197. }
  198. #chat ul,#chat ol,#chat li{
  199. list-style:none;
  200. padding: 1px;
  201. }
  202. ul, ol {
  203. padding-left: 5px!important;
  204. margin-left:15px!important;
  205. }
  206. #asker {
  207. font: 11px courier new, courier, monospace; color:{color:blockquote text} ;
  208. border: 5px solid {color:post background}; margin-bottom: 0px;
  209. }
  210. #asker a{
  211. color: {color:link};
  212. }
  213. #quote {
  214. text-decoration: none;
  215. font-style: normal;
  216. text-align:center;
  217. letter-spacing:3px;
  218. text-transform: uppercase;padding-top:5px;
  219. font: 10px/9px "Courier New", Courier, monospace;
  220. }
  221. h1 {
  222. font: 9px/9px terminal, trebuchet ms, sans-serif; letter-spacing: 0px; text-transform: lowercase; font-weight:normal ;margin-left: 7px;text-align: left;background: {color:post title background}; margin-right: 7px; margin-bottom:0px;
  223. }
  224. h1 a{
  225. color: {color:post title};
  226. }
  227. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  228. font: 8px terminal, trebuchet ms, sans-serif; letter-spacing: 0px;
  229. color: {color:permalink link};
  230. -webkit-transition: all 0.5s ease;
  231. -moz-transition: all 0.5s ease;
  232. -o-transition: all 0.5s ease;
  233. color: {color:link};
  234. background-color: {color:link background};
  235. -moz-border-radius: 5px;
  236. -webkit-border-radius: 5px;
  237. border-radius: 5px;
  238. }
  239. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  240. background-color: {color:link background hover};
  241. color:{color:link hover};
  242. }
  243. #quotesource {
  244. display: block;
  245. text-align: center;
  246. }
  247. .label {
  248. font: 9px lucida console, trebuchet ms, sans-serif;
  249. text-transform: uppercase;
  250. color: {color:link hover};
  251. padding-right: 5px;
  252. }
  253. .person1 .label {
  254. padding-right: 5px;
  255. text-transform: uppercase;
  256. color: {color:link};
  257. font: 9px lucida console, trebuchet ms, sans-serif;
  258. }
  259. ul, ol {
  260. padding-left: 5px!important;
  261. margin-left:15px!important;
  262. }
  263. #audio {
  264. width: 250px;
  265. margin-left: 15px;
  266. background: #000000;
  267. }
  268. #audiotext{
  269. padding: 5px;
  270. }
  271. #note {
  272. font-size: 9px;
  273. padding: 7px;
  274. float:NONE;
  275. color: {color:post text};
  276. width: 490px;
  277. }
  278. li.note {
  279. list-style:none;
  280. padding: 3px;
  281. margin: 0px;
  282. margin-right: 25px;
  283. }
  284. #note a{
  285. font: 9px terminal, trebuchet ms, sans-serif;
  286. color: {color:link};background-color: {color:link background};
  287. text-transform:lowercase;
  288. }
  289. #note a:hover{
  290. color: {color:link hover};
  291. }
  292. #entry{
  293. font-size: 9px;line-height: 12px;
  294. color: {color:post text};
  295. margin: 0px;
  296. background: {color:post background} url('{image:post background}');
  297. overflow:hidden;
  298. {block:ifnotlargeposts}{block:indexpage}width:410px;{/block:indexpage}
  299. {block:permalinkpage}width:510px;{/block:permalinkpage}{/block:ifnotlargeposts}
  300. {block:iflargeposts}width:510px!important;{/block:iflargeposts}
  301. margin-left: 395px;
  302. margin-top:7px;
  303. margin-bottom: 0px;
  304. }
  305.  
  306. #entry img{
  307. {block:ifnotlargeposts}{block:indexpage}max-width:400px;{/block:indexpage}
  308. {block:permalinkpage}max-width:500px;{/block:permalinkpage}{/block:ifnotlargeposts}
  309. {block:iflargeposts}max-width:500px!important;{/block:iflargeposts}
  310. margin:5px!important;
  311. }
  312. blockquote{
  313. border-left: 3px solid {color:blockquote border};
  314. padding-left: 3px;
  315. color: {color:blockquote text};margin-left:20px;
  316. }
  317. #info {
  318. border-left: 3px solid {color:info border};
  319. color: {color:info}; background: {color:info background};padding: 2px;padding-left: 5px;margin:5px;
  320. }
  321. #info a{font: 9px terminal, trebuchet ms, sans-serif;}
  322. table, tr, td{
  323. font-size: 9px!important;
  324. }
  325. #text img, #captiona img, #answer img{
  326. {block:ifnotlargeposts}{block:indexpage}max-width:400px;{/block:indexpage}
  327. {block:permalinkpage}max-width:500px;{/block:permalinkpage}{/block:ifnotlargeposts}
  328. {block:iflargeposts}max-width:500px!important;{/block:iflargeposts}
  329. margin:0px;
  330. }
  331.  
  332. #entry p{
  333. margin-top:7px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  334. }
  335. #permapage {
  336. font-size: 10px; font-weight: normal; font-family: georgia, times new roman, serif;
  337. color:{color:post permalink}; text-transform: lowercase;
  338. margin: 5px;margin-top:0px!important; padding-top:0px!important;
  339. }
  340. #photoset{margin:5px!important;}
  341. #nav a{
  342. font: 16px terminal, trebuchet ms, sans-serif;
  343. color: {color:permalink link hover};
  344. -webkit-transition: all 0.5s ease;
  345. -moz-transition: all 0.5s ease;
  346. -o-transition: all 0.5s ease;
  347. color: {color:menu link};
  348. background-color: {color:menu link background hover};
  349. -moz-border-radius: 5px;
  350. -webkit-border-radius: 5px;
  351. border-radius: 5px;
  352. padding: 15px;
  353. }
  354. #nav a:hover{
  355. color: {color:menu link};
  356. background-color: {color:menu link background};
  357. }
  358. div.perma a, #desc a{
  359. font: 9px terminal, trebuchet ms, sans-serif;
  360. color: {color:permalink link};
  361. -webkit-transition: all 0.5s ease;
  362. -moz-transition: all 0.5s ease;
  363. -o-transition: all 0.5s ease;
  364. color: {color:menu link};
  365. background-color: {color:menu link background};
  366. -moz-border-radius: 5px;
  367. -webkit-border-radius: 5px;
  368. border-radius: 5px;
  369. }
  370. div.perma a:hover, #desc a:hover{
  371. color: {color:menu link hover};
  372. background-color: {color:menu link background hover};
  373. }
  374. div.perma a.notes{
  375. font-size: 14px;padding: 3px;color: {color:menu link hover}!important;
  376. background-color: {color:menu link background hover}!important;
  377. -moz-border-radius: 0px 5px 0px 5px;
  378. -webkit-border-radius: 0px 5px 0px 5px;
  379. border-radius: 0px 5px 0px 5px;
  380.  
  381. }
  382. div.perma {
  383. opacity: 0;
  384. filter:alpha(opacity=0);
  385. -moz-opacity: 0;
  386. -khtml-opacity: 0;
  387. position:absolute;
  388. width:150px; {block:ifnotlargeposts}margin-left:420px;{/block:ifnotlargeposts}
  389. {block:iflargeposts}margin-left:520px;{/block:iflargeposts}
  390. font: 9px trebuchet ms, arial, sans-serif;
  391. text-align:left;
  392. text-transform: lowercase;
  393. color: {color:permalink text};
  394. -webkit-transition: all 0.5s ease;
  395. -moz-transition: all 0.5s ease;
  396. -o-transition: all 0.5s ease;
  397.  
  398. }
  399. div.entry:hover div.perma {
  400. opacity: 1;
  401. filter:alpha(opacity=100);
  402. -moz-opacity: 1;
  403. -khtml-opacity: 1;
  404. -webkit-transition: all 0.5s ease;
  405. -moz-transition: all 0.5s ease;
  406. -o-transition: all 0.5s ease;
  407. }
  408. .entry {
  409. width: 800px;
  410. }
  411. </style>
  412. </head>
  413. <body>
  414.  
  415.  
  416. <div id="sidebar">
  417. {block:ifshowsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifshowsideimage}
  418.  
  419. <div id="menu"><a href="/" alt="{Title}" class="title">HOME</a>{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  420. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  421. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  422. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  423. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  424. <a href="/archive">archives</a>
  425. <a href="/ask">message</a>
  426. <a href="http://ettudis.three-words.net" class="link8">&copy; theme</a> </div>
  427. <div id="sidecontent">
  428. <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  429. </div>
  430.  
  431. </div>
  432. {block:ifnotinfinitescrolling}
  433. <div id="nav" align="center">
  434. {block:Pagination}
  435. {block:PreviousPage}
  436. <a href="{PreviousPage}">{text:previous button}</a>
  437. {/block:PreviousPage}
  438.  
  439.  
  440. {block:NextPage}
  441. <a href="{NextPage}">{text:next button}</a>
  442. {/block:NextPage}
  443. {/block:Pagination}
  444. </div>{/block:ifnotinfinitescrolling}
  445. <div class="autopagerize_page_element">{block:Posts}<div class="entry">
  446. <div id="entry">
  447. {block:IndexPage}<div class="perma">
  448. <a href="{Permalink}" class="notes">{NoteCount}</a><br>
  449. {block:Date}{TimeAgo}{/block:Date}<br>
  450. {block:HasTags}tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  451. </div>
  452. {/block:IndexPage}
  453. {block:Text}
  454. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  455. <div id="text">{Body}</div>
  456. {/block:Text}
  457.  
  458. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/>{LinkCloseTag}{/block:Photo}
  459.  
  460. <div id="photoset"> {block:ifnotlargeposts}{block:indexpage}{block:Photoset}{Photoset-400}{/block:Photoset}{/block:indexpage}{block:permalinkpage}{block:Photoset}{Photoset-500}{/block:Photoset}{/block:permalinkpage}{/block:ifnotlargeposts}
  461. {block:iflargeposts}{block:Photoset}{Photoset-500}{/block:Photoset}{/block:iflargeposts}</div>
  462.  
  463. {block:Quote}
  464. <div id="quote"><font style="font-size:40px;float:left;font-family:georgia; margin-left: 15px;">&#8220;</font>{Quote}</div>
  465. <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  466. {/block:Quote}
  467.  
  468. {block:Link}
  469. <h1><a href="{URL}">{Name}</a></h1>
  470. {block:Description}{Description}{/block:Description}{/block:Link}
  471.  
  472. {block:Chat}<div id="chat">{block:Title}
  473. <h1><a href="{Permalink}">{Title}</a></h1>
  474. {/block:Title}
  475. <ul>
  476. {block:Lines}
  477. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  478. {/block:Lines}
  479. </ul>
  480. </div>
  481. {/block:Chat}
  482.  
  483. {block:Audio}
  484. <div id="audiotext">{PlayCountWithLabel}</div>
  485. <div id="audio">{AudioPlayerBlack}</div>
  486. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  487. {/block:Audio}
  488.  
  489. {block:ifnotlargeposts}{block:Video}{Video-400}{/block:Video}{/block:ifnotlargeposts}
  490. {block:iflargeposts}{block:Video}{Video-500}{/block:Video}{/block:iflargeposts}
  491.  
  492.  
  493. {block:Answer}
  494. <div id="asker"> {Asker} said: {Question}</div>
  495. <div id="answer">{Answer}</div>
  496. {/block:Answer}
  497.  
  498. {block:ifshowcaptiononindex}
  499. {block:ifnotlargeposts}<div id="captiona" style="overflow:hidden; max-width:400px!important;">{/block:ifnotlargeposts}
  500. {block:iflargeposts}<div id="captiona" style="overflow:hidden; max-width:500px!important;">{/block:iflargeposts}
  501. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  502. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  503. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptiononindex}
  504.  
  505. {block:ifnotshowcaptiononindex}{block:permalinkpage}
  506. {block:ifnotlargeposts}<div id="captiona" style="overflow:hidden; max-width:500px!important;">{/block:ifnotlargeposts}
  507. {block:iflargeposts}<div id="captiona" style="overflow:hidden; max-width:500px!important;">{/block:iflargeposts}
  508. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  509. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  510. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptiononindex}
  511.  
  512. {block:permalinkpage}{block:Date}<div id="info">{Month} {DayOfMonthWithZero}, {Year}{block:NoteCount} | {NoteCount} notes{/block:NoteCount}<br>{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)<br>{/block:RebloggedFrom}{block:HasTags}tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  513. </div>{/block:Date}{/block:permalinkpage}
  514.  
  515.  
  516.  
  517. {block:permalinkpage}
  518.  
  519. <div id="note">{block:PostNotes}{PostNotes}
  520. {/block:PostNotes} </div>{/block:permalinkpage}</div></div>
  521.  
  522.  
  523.  
  524. {/block:Posts}</div>
  525.  
  526. </body>
  527. </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!