Advertisement
ettudis

tumblr theme 013

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