API tools faq
paste
Advertisement
ettudis

tumblr theme 015

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