Advertisement
ettudis

tumblr theme 010

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