API tools faq
paste
Advertisement
ettudis

tumblr theme 020

ettudis
Aug 14th, 2011
6,406
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.55 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 020 (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="#f7f7f7" />
  20. <meta name="color:blockquote border" content="#E2E2E2" />
  21. <meta name="color:blockquote text" content="#999999" />
  22. <meta name="color:link" content="#FF2020" />
  23. <meta name="color:link 2" content="#E6E6E6" />
  24. <meta name="color:permalink" content="#24EEF5" />
  25. <meta name="color:permalink background" content="#F9f9f9" />
  26. <meta name="color:permalink border" content="#EBEBEB" />
  27. <meta name="color:permalink text" content="#AAAAAA" />
  28. <meta name="color:post background" content="#FEFEFE" />
  29. <meta name="color:post border" content="#EBEBEB" />
  30. <meta name="color:post header" content="#fafafa" />
  31. <meta name="color:post header link" content="#585858" />
  32. <meta name="color:post header hover" content="#efefef" />
  33. <meta name="color:post text" content="#838383" />
  34. <meta name="color:sidebar background" content="#F3F3F3" />
  35. <meta name="color:sidebar border" content="#E2E2E2" />
  36. <meta name="color:sidebar link" content="#BBBBBB" />
  37. <meta name="color:sidebar link border" content="#EEEEEE" />
  38. <meta name="color:sidebar link hover" content="#00EBFF" />
  39. <meta name="color:sidebar text" content="#999999" />
  40. <meta name="image:background" content=""/>
  41. <meta name="image:post background" content=""/>
  42. <meta name="image:side" content=""/>
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 1 Title" content="" />
  45. <meta name="text:Link 2" content="" />
  46. <meta name="text:Link 2 Title" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 3 Title" content="" />
  49. <meta name="text:Link 4" content="" />
  50. <meta name="text:Link 4 Title" content="" />
  51. <meta name="text:Link 5" content="" />
  52. <meta name="text:Link 5 Title" content="" />
  53. <meta name="text:next button" content="&#9654;"/>
  54. <meta name="text:previous button" content="&#9664;"/>
  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: 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. top:75px;
  105. left: 0px;
  106. position: fixed;
  107. width: 230px;
  108. z-index: 100;
  109. font: 9px/10px lucida sans, arial, sans-serif;
  110. color: {color:sidebar text};
  111. text-align: justify;
  112.  
  113. }
  114. #sidecontent{
  115. border-top: 1px solid {color:sidebar border};
  116. border-right: 1px solid {color:sidebar border};
  117. border-bottom: 1px solid {color:sidebar border};
  118. background: {color:sidebar background};
  119. padding: 0px;
  120. }
  121. #simage{
  122. width: 200px;
  123. height: auto;
  124. padding-left:15px;
  125. padding-right:15px;
  126. border-top: 7px solid {color:sidebar border};
  127. background:{color:sidebar background};
  128. }
  129. #nav {
  130. color: {color:sidebar link};
  131. padding-top: 3px;
  132. }
  133. #menu {
  134. margin-bottom: 7px;
  135. margin-right:10px;
  136. margin-left: 10px;
  137. }
  138. #menu a{
  139. display:block;
  140. color: {color:sidebar link};
  141. margin: 2px;
  142. text-align: right;
  143. font: 9px arial, helvetica, sans-serif!important;
  144. text-transform: uppercase;
  145. border-bottom: 1px solid{color:sidebar link border};
  146. }
  147. #menu a:hover{
  148. color: {color:sidebar link hover}
  149.  
  150. }
  151. #desc p{
  152. padding: 5px;
  153. margin:0px;
  154. }
  155. #desc a, #nav a{
  156. color: {color:sidebar link};
  157. }
  158. #desc a:hover, #nav a:hover{
  159. color:{color:sidebar link hover};
  160. }
  161. #title{
  162. margin-bottom: 5px;
  163. text-align: right;
  164. display: block;
  165. }
  166. #title a{
  167. font: 36px/20px Arial, Helvetica, sans-serif;
  168. text-transform: lowercase;
  169. letter-spacing: -1px;
  170. color: {color:link};
  171. }
  172. #chat ul,#chat ol,#chat li{
  173. list-style:none;
  174. padding: 1px;
  175. }
  176. ul, ol {
  177. padding-left: 5px!important;
  178. margin-left:15px!important;
  179. }
  180. #title a:hover{
  181. color:{color:link 2};
  182. }
  183. #asker {
  184. background: {color:sidebar background};
  185. color:{color:sidebar text} ;
  186. border: 5px solid {color:post background}
  187. }
  188. #asker a{
  189. color: {color:link};
  190. }
  191. #asker img{
  192. float:left;
  193. margin:5px;
  194. }
  195. #quote {
  196. padding: 5px;
  197. font: 16px/14px Arial, Helvetica, sans-serif;
  198. letter-spacing: 0px;
  199. text-align:center;
  200. }
  201. h1 {
  202. font:9px/14px "Courier New", Courier, monospace;
  203. text-transform: uppercase;
  204. text-align:center;
  205. font-weight:normal;
  206. letter-spacing:2px;
  207. color: {color:link};
  208. background: {color:post header};
  209. margin:5px;
  210. padding: 2px;
  211. }
  212. h1 a{
  213. color: {color:post header link};
  214. }
  215. h1 a:hover{
  216. color: {color:post header hover};
  217. }
  218. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  219. font: 10px "Courier New", Courier, monospace;
  220. color: {color:link};
  221. font-weight: normal;
  222. text-transform: uppercase;
  223. }
  224. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  225. color:{color:link 2};
  226. }
  227. #quotesource {
  228. display: block;
  229. text-align: center;
  230. }
  231. .label {
  232. font: 9px lucida console, trebuchet ms, sans-serif;
  233. text-transform: uppercase;
  234. color: {color:link 2};
  235. padding-right: 5px;
  236. }
  237. .person1 .label {
  238. padding-right: 5px;
  239. text-transform: uppercase;
  240. color: {color:link};
  241. font: 9px lucida console, trebuchet ms, sans-serif;
  242. }
  243. ul, ol {
  244. padding-left: 5px!important;
  245. margin-left:15px!important;
  246. }
  247. #audio {
  248. width: 250px;
  249. margin-left: 15px;
  250. background: #000000;
  251. }
  252. #audiotext{
  253. padding: 5px;
  254. }
  255. #note {
  256. font-size: 9px;
  257. background: {color:background};
  258. padding: 7px;
  259. float:NONE;
  260. color: {color:post text};
  261. width: 500px;
  262. }
  263. li.note {
  264. list-style:none;
  265. padding: 3px;
  266. border-bottom: 1px solid {color:post border};
  267. margin: 0px;
  268. margin-right: 25px;
  269. }
  270. #note a{
  271. color: {color:sidebar link hover};
  272. }
  273. #note a:hover{
  274. color: {color:link};
  275. }
  276. #entry{
  277. font-size: 11px;
  278. color: {color:post text};
  279. margin: 0px;
  280. background: {color:post background} url('{image:post background}');
  281. overflow:hidden;
  282. {block:indexpage}width:400px;{/block:indexpage}
  283. {block:permalinkpage}width:500px;{/block:permalinkpage}
  284. border: 1px solid {color:post border};
  285. }
  286. .container{
  287. z-index:6;
  288. overflow:hidden;
  289. float:left!important;
  290. {block:indexpage}width:402px;{/block:indexpage}
  291. {block:permalinkpage}width:502px;{/block:permalinkpage}
  292. margin:5px;
  293. }
  294. #entry img{
  295. {block:indexpage}max-width:390px!important;{/block:indexpage}
  296. {block:permalinkpage}max-width:490px!important;{/block:permalinkpage}
  297. margin:5px;
  298. opacity: 0.7;
  299. filter:alpha(opacity=70);
  300. -moz-opacity: 0.7;
  301. -khtml-opacity: 0.7;
  302. }
  303. #entry img:hover{
  304. opacity: 1;
  305. filter:alpha(opacity=100);
  306. -moz-opacity: 1;
  307. -khtml-opacity: 1;
  308.  
  309. }
  310. blockquote{
  311. border-bottom: 1px solid {color:blockquote border};
  312. border-left: 3px solid {color:link};
  313. padding-left: 3px;
  314. color: {color:blockquote text};
  315. margin-right: 40px;
  316. }
  317. #perma{
  318. font-family: terminal, lucida console, trebuchet ms, sans-serif !important;
  319. font-size: 9px !important;
  320. color:{color:permalink text};
  321. {block:indexpage}width:400px;{/block:indexpage}
  322. {block:permalinkpage}width:500px;{/block:permalinkpage}
  323. margin-top: 3px;
  324. text-transform: uppercase;
  325. }
  326. #perma a{
  327. color:{color:permalink text};
  328. letter-spacing: 2px;
  329. display: block;
  330. text-align: center;
  331. }
  332. #perma a:hover{
  333. color:{color:permalink};
  334. }
  335. table, tr, td{
  336. font-size: 9px!important;
  337. }
  338. #text img, #captiona img, #answer img{
  339. {block:indexpage}max-width:390px!important;{/block:indexpage}
  340. {block:permalinkpage}max-width:490px!important;{/block:permalinkpage}
  341. margin:0px;
  342. }
  343. #all{
  344. width: 900px;
  345. left: 250px;
  346. position: absolute;
  347. }
  348. #entry p{
  349. padding: 5px;
  350. }
  351. #permapage {
  352. padding:3px;
  353. font-family: terminal, lucida console, trebuchet ms, sans-serif !important;
  354. font-size: 9px !important;
  355. color:{color:permalink text};
  356. border-top:1px solid {color:permalink border};
  357. margin: 5px;
  358. text-transform: uppercase;
  359. }
  360. </style>
  361. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
  362. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
  363. <script src="http://ettudis.three-words.net/js/masonry.js"></script>
  364. <script type="text/javascript">
  365. $(window).load(function () {
  366. $('#content').masonry(),
  367. $('.masonryWrap').infinitescroll({
  368. itemSelector : ".container",
  369. },
  370. function() { $('#content').masonry({ appendedContent: $(this) }); }
  371. );
  372. });
  373. </script>
  374. </head>
  375. <body>
  376.  
  377.  
  378. <div id="sidebar">
  379. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  380. <div id="sidecontent"> <div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div>
  381. <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  382. <div id="menu">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  383. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  384. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  385. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  386. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  387. <a href="/archive">archives</a>
  388. <a href="/ask">message</a>
  389. <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  390. </div>
  391. <div id="nav" align="center">
  392. {block:Pagination}
  393. {block:PreviousPage}
  394. <a href="{PreviousPage}">{text:previous button}</a>
  395. {/block:PreviousPage}
  396.  
  397. {block:JumpPagination length="5"}
  398. {block:CurrentPage}
  399. <span class="current_page">{PageNumber}</span>
  400. {/block:CurrentPage}
  401.  
  402. {block:JumpPage}
  403. <a class="jump_page" href="{URL}">{PageNumber}</a>
  404. {/block:JumpPage}
  405. {/block:JumpPagination}
  406.  
  407. {block:NextPage}
  408. <a href="{NextPage}">{text:next button}</a>
  409. {/block:NextPage}
  410. {/block:Pagination}
  411. </div>
  412. </div>
  413.  
  414.  
  415. <div id="all">
  416. <div id="content">{block:Posts}
  417. <div class="container">
  418.  
  419. <div id="entry">
  420.  
  421. {block:Text}
  422. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  423. <div id="text">{Body}</div>
  424. {/block:Text}
  425.  
  426. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/>{LinkCloseTag}{/block:Photo}
  427. {block:Photoset}{Photoset-500}{/block:Photoset}
  428.  
  429. {block:Quote}
  430. <div id="quote">&#8220;{Quote}&#8221; </div>
  431. <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  432. {/block:Quote}
  433.  
  434. {block:Link}
  435. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  436. {block:Description}{Description}{/block:Description}{/block:Link}
  437.  
  438. {block:Chat}<div id="chat">{block:Title}
  439. <h1><a href="{Permalink}">{Title}</a></h1>
  440. {/block:Title}
  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.  
  455. {block:Video}{Video-400}{/block:Video}
  456.  
  457. {block:Answer}
  458. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  459. <div id="answer">{Answer}</div>
  460. {/block:Answer}
  461.  
  462. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  463. {block:permalinkpage}{block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  464. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:permalinkpage}
  465. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  466.  
  467. {block:permalinkpage} <div id="permapage">({NoteCount}) {block:Date}&raquo; <a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year}</a>{/block:Date}
  468. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  469. {block:HasTags}<br>tagged {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div> {block:permalinkpage}
  470. </div>
  471.  
  472. {block:indexpage}<div id="perma"><table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
  473. <tr>
  474. <td width="149" style="background:{color:permalink background};border:1px solid {color:permalink border};padding:3px;margin-right:2px!important;"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a> </td>
  475. <td width="2">&nbsp;</td>
  476. <td width="149" style="background:{color:permalink background};border:1px solid {color:permalink border};padding:3px;margin-right:2px!important;"><a href="{Permalink}">{NoteCount}</a></td>
  477. </tr>
  478. </table>
  479. </div>{/block:indexpage}
  480.  
  481. {block:permalinkpage}
  482.  
  483. <div id="note">{block:PostNotes}{PostNotes}
  484. {/block:PostNotes} </div>{/block:permalinkpage}
  485.  
  486. </div>
  487. {/block:Posts}
  488. </div>
  489. </div>
  490.  
  491.  
  492. </body>
  493. </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!