Advertisement
ettudis

tumblr theme 13 v2

Aug 14th, 2011
11,315
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.51 KB | None | 0 0
  1. <!--
  2. Tumblr Theme 013 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" xml:lang="en" lang="en">
  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 background" content="#111111" />
  29. <meta name="color:sidebar link border" content="#2C2C2C" />
  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:sidebar background" content=""/>
  51. <meta name="image:side" content=""/>
  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:sidebar fade effect" content="1"/>
  57. <meta name="if:sidebar placed bottom" content="0"/>
  58. <meta name="if:sidebar placed top" content="0"/>
  59. <style type="text/css">
  60. body {
  61. background: {color:background} url('{image:background}');
  62. margin: 0px;
  63. padding: 0px;
  64. background-attachment: fixed;
  65. }
  66. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none!important;}
  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:sidebar linkhover};
  82. }
  83. #sidebarb {
  84. left: 10px;
  85. padding: 50px 2px 5px;
  86. position:fixed;
  87. width: 250px;{block:ifnotsidebarplacedbottom}top:0px;{/block:ifnotsidebarplacedbottom}
  88. z-index: 5;margin:0px!important;
  89. background: {color:sidebar background} url('{image:sidebar background}');
  90. height: 100%;
  91. }
  92. {block:ifsidebarplacedbottom}#sidebarb { bottom: 0px; height:auto;}{/block:ifsidebarplacedbottom}
  93. {block:ifsidebarplacedtop}#sidebarb { top: 0px; height:auto;}{/block:ifsidebarplacedtop}
  94. {block:ifsidebarfadeeffect}
  95. #sidebarb {
  96. opacity: 0.2;
  97. filter:alpha(opacity=20);
  98. -moz-opacity: 0.2;
  99. -khtml-opacity: 0.2;
  100. -webkit-transition: all 0.9s ease;
  101. -moz-transition: all 0.9s ease;
  102. -o-transition: all 0.9s ease;
  103. }
  104. #sidebarb:hover {
  105. opacity: 1;
  106. filter:alpha(opacity=100);
  107. -moz-opacity: 1;
  108. -khtml-opacity: 1;
  109. }
  110. {/block:ifsidebarfadeeffect}
  111. #nav{
  112. font: 9px {font:title};
  113. color: {color:sidebar text};
  114. text-align: center;
  115. }
  116. #nav a{ font: 9px {font:title};
  117. color: {color:title};
  118. text-align: center;
  119. }
  120. #nav a:hover {
  121. color: {color:sidebar linkhover};
  122. }
  123. #desc {
  124. font: 10px {font:sidebar};
  125. padding-bottom: 15px;
  126. color: {color:sidebar text};
  127. }
  128. #desc p{
  129. padding: 2px 10px;
  130. }
  131. #desc a{
  132. text-align: left;
  133. font: 10px consolas,{font:sidebar};
  134. text-transform:uppercase;
  135. display: block;
  136. padding: 3px 3px 3px 7px;
  137. margin: 0px 10px 3px;
  138. color: {color:sidebar link};
  139. background: {color:sidebar link background};
  140. border-left: 7px solid {color:sidebar link border};
  141. letter-spacing: 2px;
  142. }
  143. #desc a:hover{
  144. color: {color:sidebar linkhover};
  145. }
  146. .side {
  147. max-width: 200px;
  148. height: auto;
  149. }
  150. iframe#tumblr_controls {right:3px !important;
  151. position: fixed !important;
  152. opacity: 0.2;
  153. filter:alpha(opacity=20);
  154. -moz-opacity: 0.2;
  155. -khtml-opacity: 0.2;
  156. -webkit-transition: all 0.9s ease;
  157. -moz-transition: all 0.9s ease;
  158. -o-transition: all 0.9s ease;}
  159.  
  160. iframe#tumblr_controls:hover{
  161. opacity: 1;
  162. filter:alpha(opacity=100);
  163. -moz-opacity: 1;
  164. -khtml-opacity: 1;}
  165.  
  166. #asker {
  167. font-style: italic;
  168. background: {color:blockquote};
  169. }
  170. #asker a{
  171. color: {color:post text link};
  172. }
  173. #quote {
  174. padding: 5px;
  175. font: 12px/12px {font:quotes};
  176. text-transform: lowercase;
  177. letter-spacing: 1px;
  178. }
  179. h1 {
  180. font: italic 12px {font:header};
  181. text-transform:lowercase;
  182. letter-spacing: 1px;
  183. padding: 2px 5px;
  184. margin: 0px;
  185. color: {color:post text link 2};
  186. text-align: center;
  187. }
  188. h1 a{
  189. text-decoration:none;
  190. color: {color:post text link 2};
  191. }
  192. h1 a:hover {
  193. color: {color:post text link};
  194. }
  195. #entry {
  196. font-size: 10px;
  197. letter-spacing: 1px;
  198. color: {color:post text};
  199. }
  200. #content2{
  201. overflow:hidden;
  202. padding: 5px;
  203. font-family:{font:content};
  204. font-size: 10px;margin-left:280px!important;
  205. color: {color:post text};
  206. background: {color:post background} url('{image:post background}');
  207. margin: 7px;width: 550px!important;
  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. #captiona a{
  292. color: {color:post text link};
  293. }
  294. #captiona a:hover{
  295. color: {color:post text link 2};
  296. }
  297. ol.notes {
  298. font-size:9px;
  299. font-weight: normal;
  300. }
  301. ol.notes li.note {
  302. border-top: 0px;
  303. }
  304.  
  305. ol.notes li.note img.avatar {
  306. border:0px;
  307. width: 16px;
  308. height: 16px;
  309. }
  310.  
  311. ol.notes li.note span.action {
  312. font-weight: normal;
  313. }
  314.  
  315. ol.notes li.note .answer_content {
  316. font-weight: normal;
  317. }
  318.  
  319. ol.notes li.note blockquote a {
  320. text-decoration: none;
  321. }
  322. #note a {
  323. color:{color:post text link 2}!important;
  324. }
  325. blockquote {
  326. background: {color:blockquote};
  327. margin: 10px;
  328. padding: 2px;
  329. }
  330. blockquote p{
  331. margin-top: 0px;
  332. margin-bottom:5px;
  333. margin-left:0px;
  334. margin-right:0px;
  335. padding:0px;
  336. }
  337. #perma {
  338. width: 100%;
  339. padding: 2px 1px;
  340. margin: 0px 0px 7px;
  341. letter-spacing: 1px;
  342. text-align: center;
  343. background: {color:permalink background};
  344. font: normal 10px/10px consolas,{font:sidebar};
  345. color: {color:permalink text};
  346. }
  347. #perma a{
  348. color: {color:permalink};
  349. }
  350. #perma a:hover {
  351. color: {color:permalink text};
  352. }
  353. #permanotes {
  354. overflow:hidden;
  355. padding: 5px;
  356. font-family:{font:content};
  357. font-size: 10px;
  358. color: {color:post text};
  359. background: none;
  360. margin: 7px;margin-left:280px!important;
  361. max-height: 100%;
  362. }
  363. #permapage {
  364. overflow:hidden;
  365. padding: 5px;
  366. background: {color:permalink background};
  367. font: normal 10px/10px consolas,{font:sidebar};
  368. color: {color:permalink text};
  369. max-height: 100%;
  370. }
  371. #permas {
  372. margin: 7px;
  373. padding:5px;
  374. background: {color:post background} url('{image:post background}');
  375. font: normal 10px/10px consolas,{font:sidebar};
  376. color: {color:permalink text};
  377. }
  378. #permapage a{
  379. color: {color:post text link};
  380. }
  381. #permanotes a{
  382. color: {color:post text link 2};
  383. }
  384. #reblog, #tags {
  385. background:{color:blockquote}; margin:0px; padding-left: 5px;
  386. border-left: 4px solid {color:permalink background};
  387. }
  388. #reblog a{
  389. color: {color:post text link};
  390. font: 10px consolas, trebuchet ms, sans-serif;
  391. letter-spacing: 1px;
  392. }
  393. #reblog a:hover{
  394. color: {color:post text link 2};
  395. }
  396. #tags a{
  397. color: {color:permalink};
  398. font: 10px consolas, trebuchet ms, sans-serif;
  399. letter-spacing: 1px;
  400. }
  401. #tags a:hover {
  402. color: {color:permalink text};
  403. }
  404. </style>
  405. </head>
  406. <body>
  407. <div id="sidebarb">
  408. <table width="100%" border="0" cellspacing="0px">
  409. <tr>
  410. <td>
  411. <div id="sidebar">
  412. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  413. <div id="side">
  414. <div align="center"><img class="side" src="{image:side}" /></div>
  415. </div>
  416. <div id="desc"><p>{block:Description}{Description}{/block:Description}</p>
  417.  
  418. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  419. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  420. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  421. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  422. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  423. <a href="/archive">archives</a>
  424. <a href="/ask">message</a>
  425. <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  426. </div>
  427. {block:ifnotinfinitescrolling} <div id="nav">{block:Pagination}
  428. {block:PreviousPage} <a href="{PreviousPage}">{text:previous button}</a> {/block:PreviousPage}/
  429.  
  430. {block:ifshowpagination}{block:JumpPagination length="5"}
  431. {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  432.  
  433. {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  434. {/block:JumpPagination}{/block:ifshowpagination}
  435.  
  436. /{block:NextPage} <a href="{NextPage}">{text:next button}</a> {/block:NextPage}
  437. {/block:Pagination} </div>{/block:ifnotinfinitescrolling}
  438. </td>
  439. </tr>
  440. </table>
  441.  
  442. </div>
  443.  
  444. <div class="autopagerize_page_element">{block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  445. {block:Posts}
  446. <div id="content2">
  447.  
  448. <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 /></div>
  449.  
  450. {block:Text}
  451. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  452. <div id="text" style="max-width:550px!important; overflow:hidden;">{Body}</div>
  453. {/block:Text}
  454.  
  455. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  456.  
  457. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  458.  
  459. {block:Quote}
  460. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  461. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  462. {/block:Quote}
  463.  
  464. {block:Link}
  465. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  466. {block:Description}{Description}{/block:Description}{/block:Link}
  467.  
  468. {block:Chat}
  469. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/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.  
  485. <div align="center">{block:Video}{Video-500}{/block:Video}</div>
  486.  
  487. {block:Answer}
  488. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  489. <div id="answer">{Answer}</div>
  490. {/block:Answer}
  491.  
  492. {block:ifshowcaptions}
  493. <div id="captiona" style="overflow:hidden; max-width:500px!important;">{block:Photo}{block:Caption}
  494. <div class="caption" style="overflow:hidden">{Caption}</div>{/block:Caption}{/block:Photo}
  495. {block:Video}{block:Caption}<div class="caption" style="overflow:hidden">{Caption}</div>{/block:Caption}{/block:Video}
  496. {block:Photoset}{block:Caption}<div class="caption" style="overflow:hidden">{Caption}</div>{/block:Caption}{/block:Photoset}</div>
  497. {/block:ifshowcaptions}
  498.  
  499. {block:ifnotshowcaptions}{block:permalinkpage}
  500. <div id="captiona" style="overflow:hidden; max-width:500px!important;">{block:Photo}{block:Caption}
  501. <div class="caption" style="overflow:hidden">{Caption}</div>{/block:Caption}{/block:Photo}
  502. {block:Video}{block:Caption}<div class="caption" style="overflow:hidden">{Caption}</div>{/block:Caption}{/block:Video}
  503. {block:Photoset}{block:Caption}<div class="caption" style="overflow:hidden">{Caption}</div>{/block:Caption}{/block:Photoset}</div>
  504. {/block:permalinkpage}{/block:ifnotshowcaptions}
  505.  
  506. {block:ifnotshowtags}
  507. {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}
  508. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:permalinkpage}{/block:ifnotshowtags}
  509.  
  510. {block:ifshowtags}
  511. {block:RebloggedFrom}<div id="reblog">via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)</div>{/block:RebloggedFrom}
  512. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  513. {/block:ifshowtags}
  514.  
  515. </div>
  516.  
  517. {block:permalinkpage}{block:PostNotes}
  518. <div id="permanotes"><div id="note">{PostNotes}</div></div>
  519. {/block:PostNotes} {/block:permalinkpage}
  520.  
  521. {/block:Posts}</div>
  522. </body>
  523. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement