API tools faq
paste
Advertisement
ettudis

tumblr theme 018

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