Advertisement
ettudis

tumblr theme 014 (alternate)

Jul 7th, 2011
6,869
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.87 KB | None | 0 0
  1. <!--
  2. Tumblr Theme 014 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>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <meta name="color:background" content="#FFFFFF" />
  16. <meta name="color:blockquote" content="#FFFFFF" />
  17. <meta name="color:permalink" content="#C6CDEC" />
  18. <meta name="color:permalink background" content="#676C85" />
  19. <meta name="color:permalink text" content="#EEEEEE" />
  20. <meta name="color:post background" content="#FAFAFA" />
  21. <meta name="color:post text" content="#747474" />
  22. <meta name="color:post text link" content="#A5BFDB" />
  23. <meta name="color:post text link 2" content="#494E7A" />
  24. <meta name="color:title" content="#A5B9BE" />
  25. <meta name="color:topbar background" content="#000000" />
  26. <meta name="color:topbar text" content="#999999" />
  27. <meta name="color:topbar link" content="#A8A8A8" />
  28. <meta name="color:topbar linkhover" content="#54546B" />
  29. <meta name="color:topbar link border" content="#97A5BB" />
  30. <meta name="color:topbar link background" content="#FFFFFF" />
  31. <meta name="font:content" content="trebuchet ms" />
  32. <meta name="font:header" content="courier new" />
  33. <meta name="font:quotes" content="courier new" />
  34. <meta name="font:topbar" content="trebuchet ms" />
  35. <meta name="font:title" content="georgia" />
  36. <meta name="text:Link 1 Title" content="" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 2 Title" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 3 Title" content="" />
  41. <meta name="text:Link 3" content="" />
  42. <meta name="text:Link 4 Title" content="" />
  43. <meta name="text:Link 4" content="" />
  44. <meta name="text:Link 5 Title" content="" />
  45. <meta name="text:Link 5" content="" />
  46. <meta name="text:next button" content="forward"/>
  47. <meta name="text:previous button" content="backward"/>
  48. <meta name="image:background" content="http://i55.tinypic.com/ve6gif.jpg"/>
  49. <meta name="image:post background" content=""/>
  50. <meta name="image:top" content="http://img189.imageshack.us/img189/7734/miya384.png"/>
  51. <meta name="image:topbar background" content="http://static.tumblr.com/38tkyuw/P1alnx4pw/_32_midnight_road__15_.png"/>
  52. <meta name="if:infinite scrolling" content="0"/>
  53. <meta name="if:Show pagination" content="1"/>
  54. <meta name="if:Show captions" content="0"/>
  55. <meta name="if:Show tags" content="0"/>
  56. <meta name="if:topbar fade effect" content="0"/>
  57. <meta name="if:top image" content="1"/>
  58. <meta name="if:topbar fixed" content="0"/>
  59. {block:ifinfinitescrolling}<script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>{/block:ifinfinitescrolling}
  60. <style type="text/css">
  61. body {
  62. margin: 0px!important;
  63. padding: 0px;
  64. background: {color:background} url('{image:background}');
  65. background-attachment: fixed;
  66. }
  67. a {
  68. text-decoration: none;
  69. color: {color:post text link};
  70. }
  71. #title {
  72. text-align: center;
  73. padding: 10px 5px;
  74. }
  75. #title a{
  76. font: 26px {font:title};
  77. letter-spacing: 1px;
  78. color: {color:title};
  79. }
  80. #title a:hover {
  81. color: {color:topbar linkhover};
  82. }
  83. #top {
  84. background: {color:topbar background} url('{image:topbar background}');
  85. width: 100%;
  86. top:0px;
  87. left:0px;
  88. height: auto;
  89. }
  90. {block:iftopbarfixed}#top{ position: fixed;}{/block:iftopbarfixed}
  91. {block:ifnottopbarfixed}#top{ position: absolute;}{/block:ifnottopbarfixed}
  92. #topbarb {
  93. padding: 5px
  94. z-index: 5;
  95. }
  96. {block:iftopbarfadeeffect}
  97. #topbarb, #top {
  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. }
  106. #topbarb:hover, #top:hover {
  107. opacity: 1;
  108. filter:alpha(opacity=100);
  109. -moz-opacity: 1;
  110. -khtml-opacity: 1;
  111. }
  112. {/block:iftopbarfadeeffect}
  113. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  114. #infscr-loading {display:none;}
  115. #nav{
  116. font: 9px {font:title};
  117. color: {color:topbar text};
  118. }
  119. #nav a{ font: 9px {font:title};
  120. color: {color:title};
  121. text-align: center;
  122. }
  123. #nav a:hover {
  124. color: {color:topbar linkhover};
  125. }
  126. #desc {
  127. font: 10px {font:topbar};
  128. padding-bottom: 15px;
  129. color: {color:topbar text};
  130. }
  131. #desc a{
  132. text-align: left;
  133. font: 10px consolas,{font:topbar};
  134. text-transform:uppercase;
  135. display: block;
  136. padding: 3px 3px 3px 7px;
  137. margin: 0px 10px 3px;
  138. color: {color:topbar link};
  139. background: {color:topbar link background};
  140. border-left: 7px solid {color:topbar link border};
  141. letter-spacing: 2px;
  142. }
  143. #desc a:hover{
  144. color: {color:topbar linkhover};
  145. }
  146. .side {
  147. max-width: 200px;
  148. }
  149. iframe#tumblr_controls {right:3px !important;
  150. position: fixed !important;
  151. opacity: 0.2;
  152. filter:alpha(opacity=0);
  153. -moz-opacity: 0;
  154. -khtml-opacity: 0;
  155. -webkit-transition: all 0.9s ease;
  156. -moz-transition: all 0.9s ease;
  157. -o-transition: all 0.9s ease;}
  158.  
  159. iframe#tumblr_controls:hover{
  160. opacity: 1;
  161. filter:alpha(opacity=100);
  162. -moz-opacity: 1;
  163. -khtml-opacity: 1;}
  164.  
  165. #asker {
  166. font-style: italic;
  167. background: {color:blockquote};
  168. }
  169. #asker a{
  170. color: {color:post text link};
  171. }
  172. #quote {
  173. padding: 5px;
  174. font: 12px/12px {font:quotes};
  175. text-transform: lowercase;
  176. letter-spacing: 1px;
  177. }
  178. h1 {
  179. font: italic 12px {font:header};
  180. text-transform:lowercase;
  181. letter-spacing: 1px;
  182. padding: 2px 5px;
  183. margin: 0px;
  184. color: {color:post text link 2};
  185. text-align: center;
  186. }
  187. h1 a{
  188. text-decoration:none;
  189. color: {color:post text link 2};
  190. }
  191. h1 a:hover {
  192. color: {color:post text link};
  193. }
  194. #entry {
  195. font-size: 10px;
  196. letter-spacing: 1px;
  197. color: {color:post text};
  198. }
  199. #content2{
  200. overflow:hidden;
  201. padding: 5px;
  202. font-family:{font:content};
  203. font-size: 10px;
  204. color: {color:post text};
  205. background: {color:post background} url('{image:post background}');
  206. margin-bottom: 7px;
  207. }
  208. #quotesource {
  209. display: block;
  210. text-align: center;
  211. }
  212. #quotesource a {
  213. font-style: italic;
  214. text-decoration:none;
  215. letter-spacing: 1px;
  216. color: {color:post text link};
  217. }
  218. #quotesource a:hover {
  219. color: {color:post text link};
  220. }
  221. #chat {
  222. font-style: normal!important;
  223. }
  224. .label {
  225. color: {color:post text link 2};
  226. padding-right: 5px;
  227. }
  228. .person1 .label {
  229. padding-right: 5px;
  230. color: {color:post text link};
  231. }
  232. li.person1, li.person2{
  233. list-style:none;
  234. }
  235. ul {
  236. list-style:circle;
  237. padding-left: 5px;margin-left: 15px;
  238. }
  239. #audio {
  240. margin-left: 15px;
  241. }
  242. #audiotext {
  243. padding: 0px;
  244. margin-top: 0px;
  245. margin-bottom: 5px;
  246. margin-left: 25px;
  247. text-transform: lowercase;
  248. font-style:italic;
  249. }
  250. #audiotext a {
  251. font-weight: normal;
  252. text-decoration: none;
  253. color: {color:post text link 2};
  254. }
  255. #audiotext a:hover{
  256. text-decoration:line-through;
  257. }
  258. .caption {
  259. text-transform: lowercase;
  260. text-align: left;
  261. }
  262. #source {
  263. letter-spacing: 0px;
  264. padding-left: 15px;
  265. }
  266. #source a {
  267. color: {color:post text link};
  268. text-transform: lowercase;
  269. }
  270. #source a:hover{
  271. text-decoration: line-through;
  272. }
  273. #notes a{
  274. margin-top: 3px;
  275. display: inline;
  276. text-decoration: none;
  277. padding: 2px;
  278. text-transform: lowercase;
  279. color: {color:post text link};
  280. background: {color:background};
  281. margin: 2px;
  282. }
  283. #text a{
  284. color: {Color:post text link};
  285. }
  286. #text a:hover{
  287. color: {color:post text link 2};
  288. background-color: {color:blockquote};
  289. }
  290. #tags a{
  291. color: {Color:post text link};
  292. margin-right: 5px;
  293. }
  294. #tags a:hover{
  295. color: {color:background};
  296. }
  297. #captiona a{
  298. color: {color:post text link};
  299. }
  300. #captiona a:hover{
  301. color: {color:post text link 2};
  302. }
  303. ol.notes {
  304. font-size:9px;
  305. font-weight: normal;
  306. }
  307. ol.notes li.note {
  308. border-top: 0px;
  309. }
  310.  
  311. ol.notes li.note img.avatar {
  312. border:0px;
  313. width: 16px;
  314. height: 16px;
  315. }
  316.  
  317. ol.notes li.note span.action {
  318. font-weight: normal;
  319. }
  320.  
  321. ol.notes li.note .answer_content {
  322. font-weight: normal;
  323. }
  324.  
  325. ol.notes li.note blockquote a {
  326. text-decoration: none;
  327. }
  328. #note a {
  329. color:{color:post text link 2}!important;
  330. }
  331. blockquote {
  332. background: {color:blockquote};
  333. margin: 20px;
  334. padding: 5px;
  335. }
  336. #perma {
  337. width: 100%;
  338. padding: 2px 1px;
  339. margin: 0px 0px 7px;
  340. letter-spacing: 1px;
  341. text-align: center;
  342. background: {color:permalink background};
  343. font: normal 10px/10px consolas,{font:topbar};
  344. color: {color:permalink text};
  345. }
  346. #perma a{
  347. color: {color:permalink};
  348. }
  349. #perma a:hover {
  350. color: {color:permalink text};
  351. }
  352. #permanotes {
  353. overflow:hidden;
  354. padding: 5px;
  355. font-family:{font:content};
  356. font-size: 10px;
  357. color: {color:post text};
  358. background: none;
  359. margin: 7px;
  360. max-height: 100%;
  361. }
  362. #permapage {
  363. overflow:hidden;
  364. padding: 5px;
  365. background: {color:permalink background};
  366. font: normal 10px/10px consolas,{font:topbar};
  367. color: {color:permalink text};
  368. max-height: 100%;
  369. }
  370. #permas {
  371. margin: 7px;
  372. padding:5px;
  373. background: {color:post background} url('{image:post background}');
  374. font: normal 10px/10px consolas,{font:topbar};
  375. color: {color:post text};
  376. }
  377. #permapage a{
  378. color: {color:post text link};
  379. }
  380. #permanotes a{
  381. color: {color:post text link 2};
  382. }
  383. #reblog, #tags {
  384. background:{color:blockquote}; margin:0px; padding-left: 5px;
  385. border-left: 4px solid {color:permalink background};
  386. }
  387. #reblog a{
  388. color: {color:post text link};
  389. font: 10px consolas, trebuchet ms, sans-serif;
  390. letter-spacing: 1px;
  391. }
  392. #footer{
  393. margin-top:5px;
  394. }
  395. #reblog a:hover{
  396. color: {color:post text link 2};
  397. }
  398. #tags a{
  399. color: {color:permalink};
  400. font: 10px consolas, trebuchet ms, sans-serif;
  401. letter-spacing: 1px;
  402. }
  403. #tags a:hover {
  404. color: {color:permalink text};
  405. }
  406. </style>
  407. </head>
  408. <body>
  409. <div id="top" align="center">{block:iftopimage} <table border="0" width="750">
  410. <tr>
  411. <td colspan="3" align="center" valign="top"><div id="title"><a href="/" alt="{Title}">{Title}</a></div></td>
  412. </tr>
  413. <tr>
  414. <td width="250" align="right" valign="top"><div id="desc" style="padding-right: 7px;">
  415. <p>{block:Description}{Description}{/block:Description}</p>
  416. </div></td>
  417. <td width="250" height="150" align="center" valign="top"><div id="desc" style="height:150px; overflow:hidden">
  418. <div align="center"><img class="side" src="{image:top}" /></div>
  419. </div></td>
  420. <td width="250" align="left" valign="top"><div id="desc">
  421. <p>{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  422. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  423. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  424. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  425. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5} <a href="/archive">archives</a> <a href="/ask">message</a> <a href="http://ettudis.three-words.net">&copy; theme</a></p>
  426. </div></td>
  427. </tr>
  428. {block:ifnotinfinitescrolling} <tr>
  429. <td colspan="3" align="center" valign="top"><div id="nav" align="center"> {block:Pagination}
  430. {block:PreviousPage} <a href="{PreviousPage}">{text:previous button}</a> {/block:PreviousPage}/
  431.  
  432. {block:ifshowpagination}{block:JumpPagination length="5"}
  433. {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  434.  
  435. {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  436. {/block:JumpPagination}{/block:ifshowpagination}
  437.  
  438. /{block:NextPage} <a href="{NextPage}">{text:next button}</a> {/block:NextPage}
  439. {/block:Pagination} </div></td>
  440. </tr>{block:ifnotinfinitescrolling}
  441. </table> {/block:iftopimage}
  442.  
  443. {block:ifnottopimage} <table border="0" width="500">
  444. <tr>
  445. <td colspan="3" align="center" valign="top"><div id="title"><a href="/" alt="{Title}">{Title}</a></div></td>
  446. </tr>
  447. <tr>
  448. <td width="350" align="right" valign="top"><div id="desc">
  449. <p>{block:Description}{Description}{/block:Description}</p>
  450. </div></td>
  451. <td width="150" align="left" valign="top"><div id="desc">
  452. <p>{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  453. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  454. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  455. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  456. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5} <a href="/archive">archives</a> <a href="/ask">message</a> <a href="http://ettudis.three-words.net">&copy; theme</a></p></div></td>
  457. </tr>{block:ifnotinfinitescrolling}
  458. <tr>
  459. <td colspan="3" align="center" valign="top"><div id="nav" align="center"> {block:Pagination}
  460. {block:PreviousPage} <a href="{PreviousPage}">{text:previous button}</a> {/block:PreviousPage}/
  461.  
  462. {block:ifshowpagination}{block:JumpPagination length="5"}
  463. {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  464.  
  465. {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  466. {/block:JumpPagination}{/block:ifshowpagination}
  467.  
  468. /{block:NextPage} <a href="{NextPage}">{text:next button}</a> {/block:NextPage}
  469. {/block:Pagination} </div></td>
  470. </tr>{block:ifnotinfinitescrolling}
  471. </table> {/block:ifnottopimage} </div>
  472.  
  473.  
  474.  
  475. <table border="0" cellspacing="0" cellpadding="0" style="min-width:100%;" align="center">
  476. <tr>
  477. <td align="center" valign="top" style="padding-top: 250px!important;"><div class="autopagerize_page_element"> {block:Posts}<table border="0" width="550px">
  478. <tr>
  479. <td align="left" valign="top"><div id="content2">
  480. <div id="perma">|<a href="{Permalink}">0{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>| {block:Date}{DayOfWeek}, {ShortMonth} {DayOfMonth} at {12Hour}:{Minutes} {AmPm}{/block:Date}</div>
  481. {block:Text}
  482. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  483. <div id="text" style="max-width:550px!important; overflow:hidden;">{Body}</div>
  484. {/block:Text}
  485. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  486. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  487. {block:Quote}
  488. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  489. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  490. {/block:Quote}
  491.  
  492. {block:Link}
  493. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  494. {block:Description}{Description}{/block:Description}{/block:Link}
  495.  
  496. {block:Chat}{block:Title}
  497. <h1><a href="{Permalink}">{Title}</a></h1>
  498. {/block:Title}
  499. <div id="chat">
  500. <ul>
  501. {block:Lines}
  502. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  503. {/block:Lines}
  504. </ul>
  505. </div>
  506. {/block:Chat}
  507.  
  508. {block:Audio}
  509. <div id="audiotext">{PlayCountWithLabel}</div>
  510. <div id="audio">{AudioPlayerBlack}</div>
  511. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  512. {/block:Audio}
  513. <div align="center">{block:Video}{Video-500}{/block:Video}</div>
  514. {block:Answer}
  515. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />
  516. {Question}</div>
  517. <div id="answer">{Answer}</div>
  518. {/block:Answer}
  519. <div id="footer">
  520. {block:ifshowcaptions}<div id="captiona" style="overflow:hidden; max-width:500px!important;">{block:Photo}{block:Caption}
  521. <div class="caption" style="overflow:hidden">{Caption}</div>
  522. {/block:Caption}{/block:Photo}
  523. {block:Video}{block:Caption}
  524. <div class="caption" style="overflow:hidden">{Caption}</div>
  525. {/block:Caption}{/block:Video}
  526. {block:Photoset}{block:Caption}
  527. <div class="caption" style="overflow:hidden">{Caption}</div>
  528. {/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptions}
  529.  
  530. {block:ifnotshowcaptions}{block:permalinkpage}<div id="captiona" style="overflow:hidden; max-width:500px!important;">{block:Photo}{block:Caption}
  531. <div class="caption" style="overflow:hidden">{Caption}</div>
  532. {/block:Caption}{/block:Photo}
  533. {block:Video}{block:Caption}
  534. <div class="caption" style="overflow:hidden">{Caption}</div>
  535. {/block:Caption}{/block:Video}
  536. {block:Photoset}{block:Caption}
  537. <div class="caption" style="overflow:hidden">{Caption}</div>
  538. {/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptions}
  539.  
  540. {block:ifnotshowtags}{block:permalinkpage}{block:RebloggedFrom}<div id="reblog">via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)</div>{/block:RebloggedFrom}
  541. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:permalinkpage}{/block:ifnotshowtags}
  542.  
  543. {block:ifshowtags}{block:RebloggedFrom}<div id="reblog">via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)</div>{/block:RebloggedFrom}
  544. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}</div>
  545.  
  546. </div>
  547. {block:PostNotes}
  548. <div id="permanotes">
  549. <div id="note">{PostNotes}</div>
  550. </div>
  551. {/block:PostNotes}</div></td></tr>
  552. </table>
  553. {/block:Posts}</div>
  554. </td></tr>
  555. </table>
  556. </body>
  557. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement