API tools faq
paste
Advertisement
beautifulfreaks13

tumblr theme 023

beautifulfreaks13
Sep 6th, 2011
10,145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.04 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 023 (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. <head>
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <meta name="color:background" content="#FFFFFF" />
  20. <meta name="color:blockquote border" content="#303030" />
  21. <meta name="color:blockquote text" content="#ACACAC" />
  22. <meta name="color:link" content="#695A5A" />
  23. <meta name="color:link 2" content="#F5DEDE" />
  24. <meta name="color:permalink" content="#5A5A5A" />
  25. <meta name="color:permalink background" content="#F8F8F8" />
  26. <meta name="color:post background" content="#FEFEFE" />
  27. <meta name="color:post text" content="#838383" />
  28. <meta name="color:post title" content="#4D4D4D" />
  29. <meta name="color:post title hover" content="#9C9C9C" />
  30. <meta name="color:sidebar background" content="#FAFAFA" />
  31. <meta name="color:sidebar link" content="#A0A0A0" />
  32. <meta name="color:sidebar link background" content="#FAFAFA" />
  33. <meta name="color:sidebar link border" content="#ADADAD" />
  34. <meta name="color:sidebar link hover" content="#6F6F6F" />
  35. <meta name="color:sidebar text" content="#B1B1B1" />
  36. <meta name="color:title" content="#7C7C7C" />
  37. <meta name="color:title hover" content="#D4A1A1" />
  38. <meta name="if:show tags on index" content="1"/>
  39. <meta name="if:show captions on index" content="1"/>
  40. <meta name="image:background" content=""/>
  41. <meta name="image:post background" content=""/>
  42. <meta name="image:side" content=""/>
  43. <meta name="image:sidebar background" content=""/>
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 1 Title" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 2 Title" content="" />
  48. <meta name="text:Link 3" content="" />
  49. <meta name="text:Link 3 Title" content="" />
  50. <meta name="text:Link 4" content="" />
  51. <meta name="text:Link 4 Title" content="" />
  52. <meta name="text:Link 5" content="" />
  53. <meta name="text:Link 5 Title" content="" />
  54. <meta name="text:next button" content="&raquo;"/>
  55. <meta name="text:previous button" content="&laquo;"/>
  56. <meta name="text:extra sidebar content" content=""/>
  57. <style type="text/css">
  58. @font-face {
  59. font-family: "fanwood";
  60. src: url("http://ettudis.three-words.net/Fanwood-Italic.otf");
  61. }
  62. body {
  63. font-family: lucida sans unicode, trebuchet ms, sans-serif;
  64. margin: 0px;
  65. padding: 0px;
  66. background:{color:background} url('{image:background}') fixed;
  67. }
  68. a {
  69. text-decoration: none;
  70. color: {color:link};
  71. -webkit-transition: all 0.9s ease;
  72. -moz-transition: all 0.9s ease;
  73. -o-transition: all 0.9s ease;
  74. }
  75. iframe#tumblr_controls {right:3px !important;
  76. position: fixed !important;
  77. opacity: 0.2;
  78. filter:alpha(opacity=20);
  79. -moz-opacity: 0.2;
  80. -khtml-opacity: 0.2;
  81. -webkit-transition: all 0.9s ease;
  82. -moz-transition: all 0.9s ease;
  83. -o-transition: all 0.9s ease;}
  84. iframe#tumblr_controls:hover{
  85. opacity: 1;
  86. filter:alpha(opacity=100);
  87. -moz-opacity: 1;
  88. -khtml-opacity: 1;
  89. -webkit-transition: all 0.9s ease;
  90. -moz-transition: all 0.9s ease;
  91. -o-transition: all 0.9s ease;}
  92.  
  93. #simage{
  94. width: 150px;
  95. height: auto;
  96. padding-left:1px;
  97. padding-right:1px;
  98. margin-bottom:7px;
  99.  
  100. }
  101. #sideimage{
  102. width: 180px; margin: 0px; padding: 0px;
  103. }
  104. #nav {
  105. font: 10px georgia, times new roman, serif;color: {color:sidebar link}; letter-spacing: 1px; padding: 0px; padding-left: 15px;margin:0px; text-align: left;
  106. }
  107. #nav a{
  108. color: {color:sidebar link hover};
  109. }
  110. #desc {
  111. font: italic 9px times new roman, georgia, serif; margin-bottom: 5px; line-height: 12px; text-transform: lowercase ;padding: 7px; width: 500px;border-bottom: 1px dotted {color:sidebar link border}; border-top: 1px dotted {color:sidebar link border};background: {color:sidebar background} url({image:sidebar background}); color: {color:sidebar text}; letter-spacing: 1px; text-align: center;
  112. }
  113. #menu {
  114. width: 200px;text-align:left;font: italic 9px times new roman, georgia, serif; margin-bottom: 5px; line-height: 12px; text-transform: lowercase ;padding: 7px; color: color: {color:sidebar link};
  115. }
  116. #over{height:2000px!important;position:absolute;top:0px;left:0px;width: 100%;}
  117. #menu a{
  118. color: {color:sidebar link};
  119. display: block;
  120. text-decoration: none;
  121. text-transform: lowercase;
  122. letter-spacing: 2px;
  123. padding: 2px;padding-left: 5px; margin-bottom: 5px;
  124. width: 170px; background: {color:sidebar link background} url({image:sidebar background});
  125. border-bottom: 1px dotted {color:sidebar link border};
  126. border-top: 1px dotted {color:sidebar link border};
  127. -webkit-transition: all 0.9s ease;
  128. -moz-transition: all 0.9s ease;
  129. -o-transition: all 0.9s ease;
  130. }
  131. #menu a:hover{
  132. color:{color:sidebar link hover};
  133. width: 200px;
  134. -webkit-transition: all 0.9s ease;
  135. -moz-transition: all 0.9s ease;
  136. -o-transition: all 0.9s ease;
  137. }
  138. #desc p{
  139. padding: 0px;padding-bottom: 7px;text-align: justify!important;
  140. margin:5px;
  141. }
  142. #desc a, #nav a{
  143. color: {color:sidebar link};
  144. -webkit-transition: all 0.9s ease;
  145. -moz-transition: all 0.9s ease;
  146. -o-transition: all 0.9s ease;
  147. }
  148. #desc a:hover, #nav a:hover{
  149. color:{color:sidebar link hover};
  150. }
  151. #title{
  152. margin-top: 0px;
  153. background:none;
  154. text-align: center;
  155. letter-spacing:1px;
  156. text-transform: lowercase;
  157. font: italic 30px/26px "fanwood", arial narrow, arial, sans-serif;
  158. margin-bottom: 3px;
  159. }
  160. #title a{
  161. color: {color:title};
  162. text-decoration: none;
  163. font-style: italic;
  164. -webkit-transition: all 0.9s ease;
  165. -moz-transition: all 0.9s ease;
  166. -o-transition: all 0.9s ease;
  167. }
  168. #title a:hover{
  169. color: {color:title hover};
  170. }
  171. #title img{
  172. float: right;
  173. border-top: 15px solid {color:userpic border};
  174. margin-left: 5px;
  175. margin-right: 15px;
  176. }
  177. #chat ul,#chat ol,#chat li{
  178. list-style:none;
  179. padding: 1px;
  180. }
  181. ul, ol {
  182. padding-left: 5px!important;
  183. margin-left:15px!important;
  184. }
  185. #asker {
  186. border-bottom: 1px dotted {color:sidebar link border};
  187. color:{color:blockquote text} ;
  188. margin:7px;
  189. }
  190. #asker a{
  191. color: {color:link};
  192. }
  193. #answer{
  194. padding: 5px;
  195. }
  196. #quote {
  197. color: {color:title};
  198. text-decoration: none;
  199. font-style: normal;
  200. text-align:center;
  201. letter-spacing:0px;
  202. text-transform: uppercase;
  203. font: bold 10px times new roman, georgia, serif;
  204. }
  205. h1 {
  206. font-size: 18px; letter-spacing: 0px; text-transform: lowercase; font-family: fanwood, times new roman, serif;margin: 7px;line-height:10px;font-weight: normal; font-style: italic;
  207. }
  208. h1 a{
  209. color: {color:post title}
  210. }
  211. h1 a:hover{
  212. color: {color:post title hover}
  213. }
  214.  
  215. #tags a{
  216. font-size: 9px; font-weight: normal; font-family: times new roman, georgia, serif; text-transform: lowercase; color: {color:link 2}; text-align: center; font-style: italic;
  217. }
  218. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  219. font: 8px garamond, times new roman, serif;
  220. color: {color:link};
  221. font-weight: normal;letter-spacing: 1px;
  222. text-transform: uppercase;
  223. }
  224. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  225. background-color:{color:link 2};
  226. }
  227. #quotesource {
  228. display: block;
  229. text-align: center;
  230. }
  231. .label {
  232. font: 9px Georgia, "Times New Roman", Times, serif;
  233. text-transform: uppercase;
  234. color: {color:link 2};
  235. padding-right: 5px;
  236. }
  237. .person1 .label {
  238. padding-right: 5px;
  239. text-transform: uppercase;
  240. color: {color:link};
  241. font: 9px georgia, times new roman, serif;
  242. }
  243. ul, ol {
  244. padding-left: 5px!important;
  245. margin-left:15px!important;
  246. }
  247. #audio {
  248. margin-left: 15px;
  249. }
  250. #audiotext{
  251. padding: 5px;
  252. }
  253. #note {
  254. font-size: 9px;
  255. background: {color:background};
  256. padding: 7px;
  257. float:NONE;
  258. color: {color:post text};
  259. width: 500px;
  260. }
  261. li.note {
  262. list-style:none;
  263. padding: 3px;
  264. margin: 0px;
  265. margin-right: 25px; border-bottom: 1px dotted {color:post header border};
  266. }
  267. #note a{
  268. font: italic 9px times new roman, georgia, serif;
  269. color: {color:post title};
  270. text-transform:lowercase;
  271. }
  272. #note a:hover{
  273. color: {color:post title hover};
  274. }
  275. #entry{
  276. font: 9px georgia, times new roman, serif;
  277. color: {color:post text};
  278. margin: 0px;
  279. background: {color:post background} url('{image:post background}');
  280. overflow:hidden;
  281. {block:indexpage}width:260px;{/block:indexpage}
  282. {block:permalinkpage}width:500px;{/block:permalinkpage} text-align: left;
  283. }
  284. .container{
  285. z-index:6;
  286. overflow:hidden;
  287. float:left!important;
  288. {block:indexpage}width:262px;{/block:indexpage}
  289. {block:permalinkpage}width:502px;{/block:permalinkpage}
  290. margin:5px;
  291. }
  292. div.perma a {
  293. text-align:center;
  294. position:relative;
  295. width:100px;
  296. text-transform:uppercase;
  297. color: {color:permalink};margin-left: 50px;
  298. -webkit-transition: all 0.9s ease;
  299. -moz-transition: all 0.9s ease;
  300. -o-transition: all 0.9s ease;
  301. background:{color:permalink background}; padding: 5px;
  302. }
  303. div.perma {
  304. opacity: 0;
  305. filter:alpha(opacity=0);
  306. -moz-opacity: 0;
  307. -khtml-opacity: 0; height: 0px!important;
  308. -webkit-transition: all 0.9s ease;
  309. -moz-transition: all 0.9s ease;
  310. -o-transition: all 0.9s ease;
  311. }
  312. div.container:hover div.perma {
  313. opacity: 1;
  314. filter:alpha(opacity=100);
  315. -moz-opacity: 1;
  316. -khtml-opacity: 1;line-height: 15px;margin-top: 15px;
  317. }
  318. #entry img{
  319. {block:indexpage}max-width:250px!important;{/block:indexpage}
  320. {block:permalinkpage}max-width:495px!important;{/block:permalinkpage}
  321. margin:5px;
  322. }
  323. blockquote{
  324. border-left: 1px dotted {color:blockquote border};
  325. padding-left: 3px;
  326. color: {color:blockquote text};
  327. margin-right: 40px;
  328. }
  329. #perma a:hover{
  330. color:{color:permalink};
  331. }
  332. table, tr, td{
  333. font-size: 9px!important;
  334. }
  335. #text img, #captiona img, #answer img{
  336. {block:indexpage}max-width:250px!important;{/block:indexpage}
  337. {block:permalinkpage}max-width:495px!important;{/block:permalinkpage}
  338. margin:0px;
  339. }
  340.  
  341. #entry p{
  342. margin-top:0px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  343. }
  344. #permapage {
  345. font-size: 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; letter-spacing:1px; text-transform: uppercase;
  346. color:{color:permalink text};
  347. margin: 5px;
  348. }
  349. #all {
  350. {block:indexpage}width:820px;{/block:indexpage}
  351. {block:permalinkpage}width:520px;{/block:permalinkpage}
  352. text-align:left;
  353.  
  354. }
  355. </style>
  356.  
  357. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
  358. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
  359. <script src="http://ettudis.three-words.net/js/masonry.js"></script>
  360. <script type="text/javascript">
  361. $(window).load(function () {
  362. $('#content').masonry(),
  363. $('.masonryWrap').infinitescroll({
  364. itemSelector : ".container",
  365. },
  366. function() { $('#content').masonry({ appendedContent: $(this) }); }
  367. );
  368. });
  369. </script>
  370. </head>
  371. <body>
  372.  
  373. <table width="100%" border="0">
  374. <tr>
  375. <td colspan="2" align="center" valign="top">
  376. <div id="title"><a href="/" alt="{Title}">{Title}</a> </div>
  377.  
  378.  
  379. <div id="desc">{block:Description}<p align="center">{Description}</p>{/block:Description}</div>
  380.  
  381.  
  382. </td>
  383. </tr>
  384. <tr>
  385. {block:indexpage}<td width="80%" align="right" valign="top">{/block:indexpage}
  386. {block:permalinkpage}<td width="65%" align="right" valign="top">{/block:permalinkpage}
  387. <div id="all">
  388. <div id="content">{block:Posts}
  389. <div class="container">
  390.  
  391. <div id="entry">
  392. <div class="perma"><a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth} {Year} {24Hour}:{Minutes}{/block:Date} {NoteCountwithLabel}</a></div>
  393. {block:Text}
  394. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  395. <div id="text">{Body}</div>
  396. {/block:Text}
  397.  
  398. {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="490"/></a>{/block:Photo}
  399. {block:Photoset}{Photoset-500}{/block:Photoset}
  400.  
  401. {block:Quote}
  402. <div id="quote">&#8220;{Quote}&#8221; </div>
  403. <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  404. {/block:Quote}
  405.  
  406. {block:Link}
  407. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  408. {block:Description}{Description}{/block:Description}{/block:Link}
  409.  
  410. {block:Chat}<div id="chat">{block:Title}
  411. <h1><a href="{Permalink}">{Title}</a></h1>
  412. {/block:Title}
  413. <ul>
  414. {block:Lines}
  415. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  416. {/block:Lines}
  417. </ul>
  418. </div>
  419. {/block:Chat}
  420.  
  421. {block:Audio}
  422. <div id="audiotext">{PlayCountWithLabel}</div>
  423. <div id="audio">{AudioPlayerWhite}</div>
  424. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  425. {/block:Audio}
  426.  
  427. {block:Video}{Video-400}{/block:Video}
  428.  
  429. {block:Answer}
  430. <div id="asker">{Asker} said:<br /> {Question}</div>
  431. <div id="answer">{Answer}</div>
  432. {/block:Answer}
  433.  
  434. {block:ifnotshowcaptionsonindex}{block:permalinkpage}
  435. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  436. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  437. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  438. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  439.  
  440.  
  441. {block:ifshowcaptionsonindex}
  442. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  443. {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  444. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  445. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptionsonindex}
  446.  
  447.  
  448. {block:ifshowtagsonindex}<div id="permapage"><div id="tags">
  449. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  450. {block:HasTags}<img src="http://i41.tinypic.com/25iniah.png" border="0" style="margin:0px;padding:0px;" />{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div></div> {/block:ifshowtagsonindex}
  451.  
  452. {block:ifnotshowtagsonindex}{block:permalinkpage}<div id="permapage"><div id="tags">
  453. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  454. {block:HasTags}<img src="http://i41.tinypic.com/25iniah.png" border="0" style="margin:0px;padding:0px;" />{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div></div> {/block:permalinkpage}{/block:ifnotshowtagsonindex} </div>
  455.  
  456. {block:permalinkpage}
  457.  
  458. <div id="note">{block:PostNotes}{PostNotes}
  459. {/block:PostNotes} </div>{/block:permalinkpage}</div>
  460. {/block:Posts}</div>
  461.  
  462. </div></td>
  463.  
  464. {block:indexpage} <td width="20%" align="left" valign="top">{/block:indexpage}
  465. {block:permalinkpage} <td width="35%" align="left" valign="top">{/block:permalinkpage}
  466. {block:ifsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifsideimage}
  467. <div id="menu">{text:extra sidebar content}<br />{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  468. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  469. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  470. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  471. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  472. <a href="/archive">archives</a>
  473. <a href="/ask">message</a>
  474. <a href="http://ettudis.three-words.net">&copy; theme</a> </div>
  475. <div id="nav" align="center">
  476. {block:Pagination}
  477. {block:PreviousPage}
  478. <a href="{PreviousPage}">{text:previous button}</a>
  479. {/block:PreviousPage}
  480.  
  481. {CurrentPage}/{TotalPages}
  482.  
  483. {block:NextPage}
  484. <a href="{NextPage}">{text:next button}</a>
  485. {/block:NextPage}
  486. {/block:Pagination} </div></td>
  487. </tr>
  488. </table>
  489. </body>
  490. </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!