API tools faq
paste
Advertisement
beautifulfreaks13

tumblr theme 017 revisited

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