API tools faq
paste
Advertisement
beautifulfreaks13

tumblr theme 024 (version 2)

beautifulfreaks13
Sep 23rd, 2011
3,971
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.18 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 024 VERSION 2 (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:Show side image" content="1"/>
  47. <meta name="if:Show caption on index" content="0"/>
  48. <meta name="image:background" content="http://static.tumblr.com/38tkyuw/M8zlrr5yg/x54ffo.png"/>
  49. <meta name="image:post background" content=""/>
  50. <meta name="image:side" content="http://static.tumblr.com/38tkyuw/O6hlrr5xw/000060by.gif"/>
  51. <meta name="image:sidebar background" content=""/>
  52. <meta name="image:menu link 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. <style type="text/css">
  66. @media screen
  67. {
  68. div#sidebar {
  69. position: fixed;
  70. }
  71. * html
  72. {
  73. overflow-y: hidden;
  74. }
  75. * html body
  76. {
  77. overflow-y: auto;
  78. height: 100%;
  79. padding: 0 1em 0 14em;
  80. font-size: 100%;
  81. }
  82. * html div#sidebar {
  83. position: absolute;
  84. }
  85. }
  86. body {
  87. font-family: trebuchet ms, sans-serif;
  88. margin: 0px;
  89. padding:0px;
  90. background:{color:background} url('{image:background}') fixed;
  91. }
  92. a {
  93. text-decoration: none;
  94. color: {color:link};
  95. }
  96. iframe#tumblr_controls {right:3px !important;
  97. position: fixed !important;
  98. opacity: 0.2;
  99. filter:alpha(opacity=20);
  100. -moz-opacity: 0.2;
  101. -khtml-opacity: 0.2;
  102. -webkit-transition: all 0.9s ease;
  103. -moz-transition: all 0.9s ease;
  104. -o-transition: all 0.9s ease;}
  105. iframe#tumblr_controls:hover{
  106. opacity: 1;
  107. filter:alpha(opacity=100);
  108. -moz-opacity: 1;
  109. -khtml-opacity: 1;
  110. -webkit-transition: all 0.9s ease;
  111. -moz-transition: all 0.9s ease;
  112. -o-transition: all 0.9s ease;}
  113. #sidebar {
  114. width: 170px;
  115. font: 10px lucida sans unicode, trebuchet ms, arial, sans-serif;
  116. line-height: 10px;
  117. left: 100px;
  118. -moz-border-radius: 50px 0px 50px 0px;
  119. -webkit-border-radius: 50px 0px 50px 0px;
  120. border-radius: 50px 0px 50px 0px;
  121. top: 30px;
  122. {block:ifsidebarfixed}position: fixed;{/block:ifsidebarfixed}
  123. {block:ifnotsidebarfixed}position: absolute;{/block:ifnotsidebarfixed}
  124. color: {color:sidebar text};
  125. background:{color:sidebar background} url({image:sidebar background});
  126. {block:ifshowsideimage}padding-top: 5px!important;{/block:ifshowsideimage}
  127. {block:ifnotshowsideimage}padding-top: 10px!important;{/block:ifnotshowsideimage}
  128. }
  129. #sidecontent{
  130.  
  131. padding: 5px;
  132. float: none;
  133. text-align: justify;
  134. margin-bottom: 5px; margin-top: 3px;margin-left: 5px;display: block; width: 150px;
  135. }
  136. #simage{
  137. max-width: 160px;
  138. height: auto;
  139. padding-left:3px;
  140. padding-right:3px;
  141. margin-bottom:7px;
  142. -moz-border-radius: 50px 0px 0px 0px;
  143. -webkit-border-radius: 50px 0px 0px 0px;
  144. border-radius: 50px 0px 0px 0px;
  145. }
  146. #nav {
  147. height: 30px;margin-top: 20px;
  148. }
  149.  
  150. #menu {
  151. margin-bottom: 2px; text-align:right; line-height: 12px; text-transform: lowercase ;
  152. -webkit-transition: all 0.5s ease;
  153. -moz-transition: all 0.5s ease;
  154. -o-transition: all 0.5s ease; width: 250px;overflow:hidden;
  155. {block:ifnotshowsideimage}padding-left: 10px!important;padding-top: 20px!important;{/block:ifnotshowsideimage}
  156. }
  157. #menu a:hover{
  158. color: {color:menu link hover};padding-left: 15px;
  159. background: {color:menu link background hover};width: 175px;
  160. }
  161. #menu a{
  162. width: 170px;
  163. color: {color:menu link};
  164. display: block;
  165. text-decoration: none;
  166. margin-bottom:2px; margin-left: 5px;
  167. text-transform: lowercase;
  168. letter-spacing: 2px;
  169. font-style: italic; padding-left: 5px;
  170. font: 10px terminal,consolas, courier new, arial, san-serif;
  171. -webkit-transition: all 0.5s ease;
  172. -moz-transition: all 0.5s ease;
  173. -o-transition: all 0.5s ease;text-align:left;
  174. background: {color:menu link background};
  175. }
  176. a.title{
  177. color: {color:title text}!important;
  178. background: {color:title background}!important;
  179. }
  180. a.title:hover{
  181. color: {color:title text hover}!important;
  182. background: {color:title background hover}!important;
  183. }
  184. #desc p{
  185. padding: 5px;
  186. margin:0px;
  187. }
  188.  
  189. #menu img{
  190. float: right;
  191. border: 7px solid {color:userpic border};
  192. margin:7px;margin-right: 18px;
  193. }
  194. #chat ul,#chat ol,#chat li{
  195. list-style:none;
  196. padding: 1px;
  197. }
  198. ul, ol {
  199. padding-left: 5px!important;
  200. margin-left:15px!important;
  201. }
  202. #asker {
  203. border: 5px solid {color:post background};
  204. font: 10px consolas, courier new, 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;
  205. }
  206. #asker a{
  207. color: {color:link};
  208. }
  209. #quote {
  210. text-decoration: none;
  211. font-style: normal;
  212. text-align:center;
  213. letter-spacing:3px;
  214. text-transform: uppercase;padding-top:5px;
  215. font: 10px/9px "Courier New", Courier, monospace;
  216. }
  217. h1 {
  218. font: 10px/10px terminal, consolas, courier new, 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;
  219. }
  220. h1 a{
  221. color: {color:post title};
  222. }
  223. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  224. font: 10px/10px terminal, consolas, courier new, trebuchet ms, sans-serif; letter-spacing: 0px;
  225. color: {color:permalink link};
  226. -webkit-transition: all 0.5s ease;
  227. -moz-transition: all 0.5s ease;
  228. -o-transition: all 0.5s ease;
  229. color: {color:link};
  230. background-color: {color:link background};
  231. -moz-border-radius: 5px;
  232. -webkit-border-radius: 5px;
  233. border-radius: 5px;
  234. }
  235. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  236. background-color: {color:link background hover};
  237. color:{color:link hover};
  238. }
  239. #quotesource {
  240. display: block;
  241. text-align: center;
  242. }
  243. .label {
  244. font: 9px lucida console, trebuchet ms, sans-serif;
  245. text-transform: uppercase;
  246. color: {color:link hover};
  247. padding-right: 5px;
  248. }
  249. .person1 .label {
  250. padding-right: 5px;
  251. text-transform: uppercase;
  252. color: {color:link};
  253. font: 9px lucida console, trebuchet ms, sans-serif;
  254. }
  255. ul, ol {
  256. padding-left: 5px!important;
  257. margin-left:15px!important;
  258. }
  259. #audio {
  260. width: 250px;
  261. margin-left: 15px;
  262. background: #000000;
  263. }
  264. #audiotext{
  265. padding: 5px;
  266. }
  267. #note {
  268. font-size: 9px;
  269. padding: 7px;
  270. float:NONE;
  271. color: {color:post text};
  272. width: 490px;
  273. }
  274. li.note {
  275. list-style:none;
  276. padding: 3px;
  277. margin: 0px;
  278. margin-right: 25px;
  279. }
  280. #note a{
  281. font: 10px/10px terminal, consolas, courier new, trebuchet ms, sans-serif;
  282. color: {color:link};background-color: {color:link background};
  283. text-transform:lowercase;
  284. }
  285. #note a:hover{
  286. color: {color:link hover};
  287. }
  288. #entry{
  289. font-size: 9px;line-height: 12px;
  290. color: {color:post text};
  291. margin: 0px;
  292. background: {color:post background} url('{image:post background}');
  293. overflow:hidden;
  294. {block:indexpage}width:410px;{/block:indexpage}
  295. {block:permalinkpage}width:510px;{/block:permalinkpage}
  296. margin:0px;float:left!important;
  297. margin-bottom: 7px;
  298. }
  299. .container{
  300. z-index:6;
  301. overflow:hidden;
  302. float:left!important;
  303. margin:5px;
  304. }
  305. #all{
  306. position: absolute;
  307. left: 295px;
  308. top: 15px;
  309. width: 1200px;
  310. }
  311. #entry img{
  312. {block:indexpage}max-width:400px;{/block:indexpage}
  313. {block:permalinkpage}max-width:500px;{/block:permalinkpage}
  314. margin:5px!important;
  315. }
  316. blockquote{
  317. border-left: 1px dashed {color:blockquote border};
  318. padding-left: 3px;
  319. color: {color:blockquote text};margin-left:20px;
  320. }
  321. #info {
  322. border-left: 3px solid {color:info border};
  323. color: {color:info}; background: {color:info background};padding: 2px;padding-left: 5px;margin:5px;
  324. }
  325. table, tr, td{
  326. font-size: 9px!important;
  327. }
  328. #text img, #captiona img, #answer img{
  329. {block:indexpage}max-width:390px;{/block:indexpage}
  330. {block:permalinkpage}max-width:490px;{/block:permalinkpage}
  331. margin:0px;
  332. }
  333.  
  334. #entry p{
  335. margin-top:7px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  336. }
  337. #permapage {
  338. font-size: 10px; font-weight: normal; font-family: georgia, times new roman, serif;
  339. color:{color:post permalink}; text-transform: lowercase;
  340. margin: 5px;margin-top:0px!important; padding-top:0px!important;
  341. }
  342. #photoset{margin:5px!important;}
  343. #nav a{
  344. font: 10px/10px terminal, consolas, courier new, trebuchet ms, sans-serif;
  345. color: {color:permalink link hover};
  346. -webkit-transition: all 0.5s ease;
  347. -moz-transition: all 0.5s ease;
  348. -o-transition: all 0.5s ease;
  349. color: {color:menu link};
  350. background-color: {color:menu link background hover};
  351. -moz-border-radius: 5px;
  352. -webkit-border-radius: 5px;
  353. border-radius: 5px;
  354. padding: 15px;
  355. }
  356. #nav a:hover{
  357. color: {color:menu link};
  358. background-color: {color:menu link background};
  359. }
  360. div.perma a, #desc a, #info a{
  361. font: 10px/10px terminal, consolas, courier new, trebuchet ms, sans-serif;
  362. color: {color:permalink link};
  363. -webkit-transition: all 0.5s ease;
  364. -moz-transition: all 0.5s ease;
  365. -o-transition: all 0.5s ease;
  366. color: {color:menu link};
  367. background-color: {color:menu link background};
  368. -moz-border-radius: 5px;
  369. -webkit-border-radius: 5px;
  370. border-radius: 5px;
  371. }
  372. div.perma a:hover, #desc a:hover, #info a:hover{
  373. color: {color:menu link hover};
  374. background-color: {color:menu link background hover};
  375. }
  376. div.perma a.notes{
  377. font-size: 14px;padding: 3px;color: {color:menu link hover}!important;
  378. background-color: {color:menu link background hover}!important;
  379. -moz-border-radius: 0px 5px 0px 5px;
  380. -webkit-border-radius: 0px 5px 0px 5px;
  381. border-radius: 0px 5px 0px 5px;
  382.  
  383. }
  384. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  385. #infscr-loading {display:none;}
  386. .navigation{display:none;}
  387. </style>
  388. <script type="text/javascript">
  389. jQuery(document).ready(function() {
  390. jQuery(".tags").hide();
  391. //toggle the componenet with class msg_body
  392. jQuery(".categories").click(function()
  393. {
  394. jQuery(this).next(".tags").slideToggle(500);
  395. });});
  396. </script>
  397.  
  398.  
  399. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  400. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  401.  
  402. <!-- {block:IndexPage} -->
  403. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  404. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  405. <script type="text/javascript">
  406. $(window).load(function () {
  407. $('#content').masonry(),
  408. $('.masonryWrap').infinitescroll({
  409. navSelector : "div.navigation",
  410. // selector for the paged navigation (it will be hidden)
  411. nextSelector : ".navigation a#next",
  412. // selector for the NEXT link (to page 2)
  413. itemSelector : ".container",
  414. // selector for all items you'll retrieve
  415. bufferPx : 10000,
  416. extraScrollPx: 10000,
  417. loadingImg : "",
  418. loadingText : "<em></em>",
  419. },
  420. // call masonry as a callback.
  421. function() { $('#content').masonry({ appendedContent: $(this) }); }
  422. );
  423. });
  424. </script>
  425. <!-- {/block:IndexPage} -->
  426.  
  427.  
  428.  
  429. </head>
  430. <body>
  431. <div class="navigation">
  432. <!--{block:Pagination}-->
  433. <!--{block:NextPage}--><p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a><!--{/block:NextPage}-->
  434. <!--{block:PreviousPage}--><a style="float:left" href="{PreviousPage}">? Newer</a></p><!--{/block:PreviousPage}-->
  435. <!--{/block:Pagination}-->
  436. </div>
  437.  
  438. <div id="sidebar">
  439. {block:ifshowsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifshowsideimage}
  440.  
  441. <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}
  442. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  443. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  444. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  445. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  446. <a href="/archive">archives</a>
  447. <a href="/ask">message</a>
  448. <a href="http://ettudis.three-words.net" class="link8">&copy; theme</a> </div>
  449.  
  450.  
  451. <div id="sidecontent">
  452. <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  453. {block:ifnotinfinitescrolling}
  454.  
  455. {block:Pagination}<div id="nav" align="center">
  456. {block:PreviousPage}
  457. <a href="{PreviousPage}">{text:previous button}</a>
  458. {/block:PreviousPage}
  459.  
  460.  
  461. {block:NextPage}
  462. <a href="{NextPage}">{text:next button}</a>
  463. {/block:NextPage}
  464. {/block:Pagination}</div>
  465. {/block:ifnotinfinitescrolling}
  466. </div>
  467.  
  468. </div>
  469.  
  470. <div id="all">
  471. <div id="content">{block:Posts}
  472. <div class="container">
  473.  
  474. <div id="entry">
  475.  
  476. {block:Text}
  477. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  478. <div id="text">{Body}</div>
  479. {/block:Text}
  480.  
  481. {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0"/></a>{/block:Photo}
  482. <div style="margin-left: 5px!important;margin-top: 5px!important;">{block:indexpage}{block:Photoset}{Photoset-400}{/block:Photoset}{/block:indexpage}
  483. {block:permalinkpage}{block:Photoset}{Photoset-500}{/block:Photoset}{/block:permalinkpage}</div>
  484.  
  485. {block:Quote}
  486. <div id="quote">&#8220;{Quote}&#8221; </div>
  487. <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  488. {/block:Quote}
  489.  
  490. {block:Link}
  491. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  492. {block:Description}{Description}{/block:Description}{/block:Link}
  493.  
  494. {block:Chat}<div id="chat">{block:Title}
  495. <h1><a href="{Permalink}">{Title}</a></h1>
  496. {/block:Title}
  497. <ul>
  498. {block:Lines}
  499. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  500. {/block:Lines}
  501. </ul>
  502. </div>
  503. {/block:Chat}
  504.  
  505. {block:Audio}
  506. <div id="audiotext">{PlayCountWithLabel}</div>
  507. <div id="audio">{AudioPlayerBlack}</div>
  508. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  509. {/block:Audio}
  510.  
  511. {block:Video}{Video-400}{/block:Video}
  512.  
  513. {block:Answer}
  514. <div id="asker">{Asker} said:<br /> {Question}</div>
  515. <div id="answer">{Answer}</div>
  516. {/block:Answer}
  517.  
  518.  
  519.  
  520.  
  521. {block:ifshowcaptionsonindex}<div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  522. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  524. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptionsonindex}
  525. {block:ifnotshowcaptionsonindex}{block:permalinkpage}<div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  526. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  527. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  528. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  529.  
  530.  
  531. {block:Date}<div id="info"><a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a> {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}
  532. </div>{/block:Date}
  533.  
  534.  
  535.  
  536. {block:permalinkpage}
  537.  
  538. <div id="note">{block:PostNotes}{PostNotes}
  539. {/block:PostNotes} </div>{/block:permalinkpage}</div></div>
  540. {/block:Posts}</div>
  541.  
  542. </div>
  543. </body>
  544. </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!