API tools faq
paste
Advertisement
beautifulfreaks13

tumblr theme 009 (v2)

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