API tools faq
paste
Advertisement
ettudis

tumblr theme 019

ettudis
Aug 7th, 2011
9,848
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 019 (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="#ECECEC" />
  21. <meta name="color:blockquote text" content="#A8A8A8" />
  22. <meta name="color:link" content="#00ACC7" />
  23. <meta name="color:link 2" content="#535353" />
  24. <meta name="color:permalink" content="#000000" />
  25. <meta name="color:post background" content="#FEFEFE" />
  26. <meta name="color:post border" content="#CCCCCC" />
  27. <meta name="color:post header" content="#000000" />
  28. <meta name="color:post header hover" content="#B4F3FF" />
  29. <meta name="color:post text" content="#777777" />
  30. <meta name="color:topbar background" content="#000000" />
  31. <meta name="color:topbar link" content="#3AE1F0" />
  32. <meta name="color:topbar link hover" content="#F1F1F1" />
  33. <meta name="color:topbar text" content="#949494" />
  34. <meta name="color:topbar text background" content="#000000" />
  35. <meta name="image:background" content="http://static.tumblr.com/38tkyuw/H9ulpjtbc/2kofn5.png"/>
  36. <meta name="image:post background" content=""/>
  37. <meta name="if:hide menu" content="1"/>
  38. <meta name="if:image fade effect" content="1"/>
  39. <meta name="if:topbar fade effect" content="1"/>
  40. <meta name="if:topbar full width" content="0"/>
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 1 Title" content="" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 2 Title" content="" />
  45. <meta name="text:Link 3" content="" />
  46. <meta name="text:Link 3 Title" content="" />
  47. <meta name="text:Link 4" content="" />
  48. <meta name="text:Link 4 Title" content="" />
  49. <meta name="text:Link 5" content="" />
  50. <meta name="text:Link 5 Title" content="" />
  51. <script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>
  52. <style type="text/css">
  53. body {
  54. font-family: lucida console, trebuchet ms, sans-serif;
  55. margin: 0px;
  56. padding:0px;
  57. background:{color:background} url('{image:background}') fixed;
  58. }
  59. a {
  60. text-decoration: none;
  61. color: {color:link};
  62. }
  63. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  64. #infscr-loading {display:none;}
  65. iframe#tumblr_controls {
  66. right:3px !important;
  67. position: fixed !important;
  68. opacity: 0.2;
  69. z-index:7!important;
  70. filter:alpha(opacity=20);
  71. -moz-opacity: 0.2;
  72. -khtml-opacity: 0.2;
  73. -webkit-transition: all 0.9s ease;
  74. -moz-transition: all 0.9s ease;
  75. -o-transition: all 0.9s ease;
  76. }
  77. iframe#tumblr_controls:hover{
  78. opacity: 1;
  79. filter:alpha(opacity=100);
  80. -moz-opacity: 1;
  81. -khtml-opacity: 1;
  82. -webkit-transition: all 0.9s ease;
  83. -moz-transition: all 0.9s ease;
  84. -o-transition: all 0.9s ease;
  85. }
  86. #topcontainer{
  87. background:{color:topbar background};
  88. {block:ifnottopbarfullwidth}{block:indexpage}width:400px!important;{/block:indexpage}
  89. {block:permalinkpage}width:500px!important;{/block:permalinkpage}{/block:ifnottopbarfullwidth}
  90. top:0px;
  91. margin:0px auto;
  92. z-index: 3!important;
  93. font: 9px/12px "lucida console", trebuchet ms, sans-serif;
  94. color: {color:topbar text};
  95. {block:iftopbarfullwidth}width: 100%;{/block:iftopbarfullwidth}
  96. }
  97. {block:iftopbarfadeeffect}
  98. #topcontainer{
  99. opacity: 0.8;
  100. filter:alpha(opacity=80);
  101. -moz-opacity: 0.8;
  102. -khtml-opacity: 0.8;
  103. }
  104. #topcontainer:hover{
  105. opacity: 1;
  106. filter:alpha(opacity=100);
  107. -moz-opacity: 1;
  108. -khtml-opacity: 1;
  109. -webkit-transition: all 0.9s ease;
  110. -moz-transition: all 0.9s ease;
  111. -o-transition: all 0.9s ease;
  112. }{/block:iftopbarfadeeffect}
  113. #topbar{
  114. padding: 15px;
  115. }{block:ifhidemenu}
  116. #menu{
  117. margin:0px auto;
  118. overflow:hidden;
  119. height: 11px!important;
  120. -webkit-transition: all 0.9s ease;
  121. -moz-transition: all 0.9s ease;
  122. -o-transition: all 0.9s ease;
  123. }
  124. #menu:hover{
  125. height: 33px!important;
  126. -webkit-transition: all 0.5s ease;
  127. -moz-transition: all 0.5s ease;
  128. -o-transition: all 0.5s ease;
  129. }{/block:ifhidemenu}
  130.  
  131. {block:ifnothidemenu}#menu{
  132. margin:0px auto;
  133. overflow:hidden;
  134. height: auto;
  135. -webkit-transition: all 0.5s ease;
  136. -moz-transition: all 0.5s ease;
  137. -o-transition: all 0.5s ease;
  138. }{/block:ifnothidemenu}
  139.  
  140. #menu a{
  141. color: {color:topbar link};
  142. margin: 2px 3px;
  143. text-align:center;
  144. padding: 2px;
  145. }
  146. #menu a:hover{
  147. color:{color:topbar link hover};
  148. }
  149. #desc p{
  150. padding: 2px 3px;
  151. margin:0px;
  152. text-align: center;
  153. text-transform: uppercase;
  154. background: {color:topbar text background};
  155. {block:iftopbarfullwidth}display:block;width:450px;margin:0px auto;{/block:iftopbarfullwidth}
  156. }
  157. #desc a, #nav a{
  158. color: {color:topbar link};
  159. -webkit-transition: all 0.5s ease;
  160. -moz-transition: all 0.5s ease;
  161. -o-transition: all 0.5s ease;
  162. }
  163. #desc a:hover, #nav a:hover{
  164. color:{color:topbar link hover};
  165. -webkit-transition: all 0.5s ease;
  166. -moz-transition: all 0.5s ease;
  167. -o-transition: all 0.5s ease;
  168. }
  169. #title{
  170. margin-bottom: 0px;
  171. text-align: center;
  172. display: block;
  173. }
  174. #title a{
  175. font: 18px/15px courier new, courier, monospace;
  176. text-transform: lowercase;
  177. letter-spacing: -2px;
  178. color: {color:topbar link hover};
  179. margin-bottom: 2px;
  180. padding: 3px;
  181. }
  182. #title a:hover{
  183. color:{color:topbar text};
  184. -webkit-transition: all 0.5s ease;
  185. -moz-transition: all 0.5s ease;
  186. -o-transition: all 0.5s ease;
  187. }
  188. #asker {
  189. background: {color:topbar background};
  190. color:{color:topbar text} ;
  191. border: 5px solid {color:post background};
  192. font: 12px courier new, courier, monospace;
  193. letter-spacing: -1px;
  194. }
  195. #asker a{
  196. color: {color:link};
  197. }
  198. #asker img{
  199. float:left;
  200. margin:5px;
  201. }
  202. #quote {
  203. padding: 5px;
  204. font: 11px/10px "Courier New", Courier, monospace;
  205. text-transform:uppercase;
  206. }
  207. .h1 {
  208. font:11px "Courier New", Courier, monospace;
  209. text-transform: uppercase;
  210. font-weight:bold;
  211. color: {color:post header};
  212. margin:0px;
  213. display: block;
  214. text-align: center;
  215. }
  216. .h1 a{
  217. text-decoration:underline;
  218. color: {color:post header};
  219. }
  220. .h1 a:hover{
  221. color: {color:post header hover};
  222. }
  223. #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  224. color: {color:link};
  225. font-weight: bold!important;
  226. font:10px ariel, tahoma, sans-serif;
  227. }
  228. #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  229. color:{color:link 2};
  230. }
  231. #quotesource {
  232. display: block;
  233. text-align: center;
  234. }
  235. .label {
  236. text-transform: uppercase;
  237. color: {color:post header};
  238. padding-right: 5px;
  239. }
  240. .person1 .label {
  241. padding-right: 5px;
  242. text-transform: uppercase;
  243. color: {color:post header hover};
  244. }
  245. #chat ul,#chat ol,#chat li{
  246. list-style:none;
  247. padding: 2px;
  248. }
  249. ul, ol {
  250. padding-left: 5px!important;
  251. margin-left:15px!important;
  252. }
  253. #audio {
  254. width: 400px;
  255. margin-left: 0px;
  256. background: #000000;
  257. }
  258. #note {
  259. background: {color:background};
  260. float:NONE;
  261. color: {color:post text};
  262. margin:0px;
  263. }
  264. li.note {
  265. list-style:none;
  266. border-bottom: 1px dashed {color:blockquote border};
  267. padding-bottom: 10px;
  268. margin-right: 20px!important;}
  269. #note a{
  270. color: {color:link 2};
  271. }
  272. #entry{
  273. z-index:1;
  274. overflow:hidden;
  275. {block:indexpage}width:400px!important;
  276. border-bottom: 1px dashed {color:post border};{/block:indexpage}
  277. {block:permalinkpage}
  278. border-bottom: none!important;
  279. width:500px!important;{/block:permalinkpage}
  280. float:none;
  281. font-size: 9px;
  282. color: {color:post text};
  283. margin: 0px;
  284. background: {color:post background} url('{image:post background}');
  285. border-left: 1px dashed {color:post border};
  286. border-right: 1px dashed {color:post border};
  287.  
  288. }
  289. #entry img{
  290. {block:indexpage}max-width:400px!important;{/block:indexpage}
  291. {block:permalinkpage}max-width:500px!important;{/block:permalinkpage}
  292. {block:ifimagefadeeffect}opacity: 0.7;
  293. filter:alpha(opacity=70);
  294. -moz-opacity: 0.7;
  295. -khtml-opacity: 0.7;{/block:ifimagefadeeffect}
  296. }
  297. #entry img:hover{
  298. opacity: 1;
  299. filter:alpha(opacity=100);
  300. -moz-opacity: 1;
  301. -khtml-opacity: 1;
  302. }
  303. blockquote{
  304. border-left: 3px solid {color:blockquote border};
  305. padding: 5px;
  306. color: {color:blockquote text};
  307. }
  308. div.perma a {
  309. font: 9px/9px "Courier New", Courier, monospace;
  310. text-align:left;
  311. width:150px;
  312. text-transform:lowercase;
  313. color: {color:permalink}!important;
  314. z-index: 2!important;
  315. float: left;
  316. padding-left: 6px;
  317. margin-left:400px;
  318. position: absolute;
  319. }
  320. div.perma {
  321. z-index: 5!important;
  322. opacity: 0;
  323. filter:alpha(opacity=0);
  324. -moz-opacity: 0;
  325. -khtml-opacity: 0;
  326. -webkit-transition: all 0.3s ease;
  327. -moz-transition: all 0.3s ease;
  328. -o-transition: all 0.3s ease;
  329. }
  330. div.date:hover div.perma {
  331. opacity: 1;
  332. filter:alpha(opacity=100);
  333. -moz-opacity: 1;
  334. -khtml-opacity: 1;
  335. -webkit-transition: all 0.3s ease;
  336. -moz-transition: all 0.3s ease;
  337. -o-transition: all 0.3s ease;
  338. }
  339. #perma{
  340. font-size: 9px;
  341. padding: 5px 0px;
  342. background:{color:topbar background};
  343. width:502px;
  344. color:{color:topbar text};
  345. margin:0px!important;
  346. }
  347. #perma a{
  348. color:{color:topbar link};
  349. }
  350. #perma a:hover{
  351. color:{color:topbar link hover};
  352. }
  353. table, tr, td{
  354. font-size: 9px;
  355. }
  356. #text img, #captiona img{
  357. {block:indexpage}max-width:400px!important;{/block:indexpage}
  358. {block:permalinkpage}max-width:500px!important;{/block:permalinkpage}
  359. }
  360. div.video embed, div.video object {width:400px;}
  361. </style>
  362.  
  363. </head>
  364. <body>
  365.  
  366. <table cellspacing="0px" cellpadding="0px" align="center" width="100%"><tr><td align="center" valign="top">
  367. <div id="topcontainer">
  368. <div id="topbar">
  369. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  370. <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  371. <div id="menu" align="center">{block:ifhidemenu}+ menu<br />{/block:ifhidemenu}
  372. {block:ifLink1}[<a href="{text:Link 1}">{text:Link 1 Title}</a>]{/block:ifLink1}
  373. {block:ifLink2}[<a href="{text:Link 2}">{text:Link 2 Title}</a>]{/block:ifLink2}
  374. {block:ifLink3}[<a href="{text:Link 3}">{text:Link 3 Title}</a>]{/block:ifLink3}
  375. {block:ifLink4}[<a href="{text:Link 4}">{text:Link 4 Title}</a>]{/block:ifLink4}
  376. {block:ifLink5}[<a href="{text:Link 5}">{text:Link 5 Title}</a>]{/block:ifLink5}
  377. [<a href="/ask">Message</a>] [<a href="http://ettudis.three-words.net">Theme</a>]
  378. </div>
  379. </div>
  380. </div>
  381.  
  382. </td></tr></table>
  383. <div class="autopagerize_page_element">
  384. {block:Posts}
  385. {block:indexpage}<table width="400" border="0" cellspacing="0px" cellpadding="0px" align="center">
  386. <tr>
  387. <td width="400" id="entryborder">{/block:indexpage}
  388. {block:permalinkpage}<table width="500" border="0" cellspacing="0px" cellpadding="0px" align="center">
  389. <tr>
  390. <td width="500" id="entryborder">{/block:permalinkpage}
  391. <div id="entry">
  392.  
  393. <div class="date">
  394. {block:IndexPage}<div class="perma">{block:Date}<a href="{Permalink}">+ {ShortMonth} {DayOfMonth}, {Year}{/block:Date}<br />
  395. <i>({NoteCountWithLabel})</i></a></div>{/block:IndexPage}
  396.  
  397. {block:Text}
  398. <span class="h1">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</span>
  399. <div id="text">{Body}</div>
  400. {/block:Text}
  401.  
  402. <div align="center" id="text">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/>{LinkCloseTag}{/block:Photo}</div>
  403. <div align="center" id="text">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  404.  
  405. {block:Quote}
  406. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  407. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  408. {/block:Quote}
  409.  
  410. {block:Link}
  411. <span class="h1"><a href="{URL}" {Target}>{Name}</a> &rarr;</span>
  412. {block:Description}{Description}{/block:Description}{/block:Link}
  413.  
  414. {block:Chat}
  415. <div id="chat">{block:Title}
  416. <span class="h1"><a href="{Permalink}">{Title}</a></span>
  417. {/block:Title}
  418. <ul>
  419. {block:Lines}
  420. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  421. {/block:Lines}
  422. </ul>
  423. </div>
  424. {/block:Chat}
  425.  
  426. {block:Audio}
  427. <div id="audio">{AudioPlayerBlack}</div>
  428. <div id="audiotext">{PlayCountWithLabel}, {block:Caption}{Caption}{/block:Caption}</div>
  429. {/block:Audio}
  430.  
  431. <div align="center" class="video">{block:Video}{Video-400}{/block:Video}</div>
  432.  
  433. {block:Answer}
  434. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  435. <div id="answer">{Answer}</div>
  436. {/block:Answer}
  437.  
  438. {block:permalinkpage}{block:Photo} <div id="captiona" style="overflow:hidden; max-width:500px!important;">{block:Caption}
  439. <div class="caption" style="overflow:hidden">{Caption}</div>
  440. {/block:Caption}{/block:Photo}
  441. {block:Video}{block:Caption}
  442. <div class="caption" style="overflow:hidden">{Caption}</div>
  443. {/block:Caption}{/block:Video}
  444. {block:Photoset}{block:Caption}
  445. <div class="caption" style="overflow:hidden">{Caption}</div>
  446. {/block:Caption}</div>{/block:Photoset}{/block:permalinkpage}
  447.  
  448.  
  449. </div></div>
  450.  
  451. </div>{block:PermalinkPage}<div id="perma"><center>{block:NoteCount}({NoteCount}){/block:NoteCount} {block:Date}posted on {DayOfWeek}, {ShortMonth} {MonthNumber} at {12Hour}:{Minutes} {AmPm}{/block:Date}{block:RebloggedFrom}<br/>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  452. {block:HasTags}<br /><div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center></div>
  453. <div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div> {/block:PermalinkPage} </td>
  454. </tr>
  455. </table>
  456. {/block:Posts}</div>
  457. </body>
  458. </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!