API tools faq
paste
Advertisement
ettudisthemes

tumblr theme 033

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