API tools faq
paste
Advertisement
ettudis

Tumblr Theme 017

ettudis
Aug 3rd, 2011
8,099
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.62 KB | None | 0 0
raw download clone embed print report
  1. <!-- (c) tumblr theme 017 by ETTUDIS (http://ettudis.three-words.net)
  2. Thank you for downloading this theme. Please make sure you have read everything here before you use the theme.
  3.  
  4. ------------------------------------------------------------------
  5. TERMS OF USE
  6. By downloading and using this theme, you have agreed to the following:
  7.  
  8. 1. You cannot remove the credits, claim as your own and/or redistribute any part of this layout
  9. 2. You are not allowed to edit/replace the codes without permission
  10. 3. You cannot use this layout's CSS/codes as your base codes; that is, alter the codes, then claim as your own.
  11. 4. PLEASE COMMENT IN THE TAGBOARD WITH A LINK TO YOUR SITE IF USING!
  12.  
  13. You can CONTACT ME (email: [email protected]) and I will consider changing the codes for you.
  14.  
  15. If I find that you have violated one of the rules stated above, I will contact you, asking to either change back to what you originally downloaded or take down my layout. I will give you 1~2 warnings, if you refuse the listen, more drastic measures will be taken.
  16.  
  17. ------------------------------------------------------------------
  18. INSTALLATION
  19.  
  20. 1. Go to your tumblr dashboard and click "Customize"
  21. 2. Click " Theme" in the top bar, it should then drop down and you will see a button labeled "Use Custom Html". Click that button.
  22. 3. Delete everything in the Custom Html textarea
  23. 4. Copy and paste this ENTIRE text and click "Update preview"
  24. 5. Go to "Appearance" and click Reset defaults (add links, change colors, add images etc.)
  25. 6. Then, click "save and close" and then you're done!
  26.  
  27. ------------------------------------------------------------------
  28. CONTACT INFO
  29. If you need help or have any questions, feel free to contact me either by either of the following:
  30.  
  31. email: [email protected]
  32. tagboard: http://www5.shoutmix.com/?honeytree (please leave your contact info when you comment)
  33.  
  34. Sincerely, Ans
  35. Owner of Ettudis
  36. -->
  37.  
  38. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  39. <html xmlns="http://www.w3.org/1999/xhtml">
  40. <head>
  41. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  42. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title></head>
  43. {block:Description}
  44. <head>
  45. <meta name="Description" content="{MetaDescription}" /></head>
  46. {/block:Description}
  47. <head>
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <meta name="color:background" content="#FFFCFC" />
  50. <meta name="color:sidebar text" content="#333333" />
  51. <meta name="color:sidebar link" content="#BBBBBB" />
  52. <meta name="color:sidebar link hover" content="#CC9696" />
  53. <meta name="color:sidebar background" content="#FFFFFF" />
  54. <meta name="color:navigation background" content="#F3F3F3" />
  55. <meta name="color:navigation" content="#000000" />
  56. <meta name="color:permalink text" content="#AAAAAA" />
  57. <meta name="color:permalink" content="#C75467" />
  58. <meta name="color:permalink background" content="#FFF8F8" />
  59. <meta name="color:post background" content="#FFFAFA" />
  60. <meta name="color:post bottom border" content="#E2E2E2" />
  61. <meta name="color:post text" content="#838383" />
  62. <meta name="color:link" content="#585858" />
  63. <meta name="color:link 2" content="#AFAFAF" />
  64. <meta name="color:link background" content="#F3F3F3" />
  65. <meta name="color:blockquote text" content="#999999" />
  66. <meta name="color:blockquote background" content="#F7F7F7" />
  67. <meta name="color:blockquote border" content="#ECECEC" />
  68. <meta name="if:infinite scrolling" content="0"/>
  69. <meta name="image:side" content=""/>
  70. <meta name="image:sidebar background" content="http://static.tumblr.com/38tkyuw/uValpd81j/yq1cd.png"/>
  71. <meta name="image:background" content=""/>
  72. <meta name="image:post background" content=""/>
  73. <meta name="text:previous button" content="backward"/>
  74. <meta name="text:next button" content="forward"/>
  75. <meta name="text:Link 1 Title" content="" />
  76. <meta name="text:Link 1" content="" />
  77. <meta name="text:Link 2 Title" content="" />
  78. <meta name="text:Link 2" content="" />
  79. <meta name="text:Link 3 Title" content="" />
  80. <meta name="text:Link 3" content="" />
  81. <meta name="text:Link 4 Title" content="" />
  82. <meta name="text:Link 4" content="" />
  83. <meta name="text:Link 5 Title" content="" />
  84. <meta name="text:Link 5" content="" />
  85. {block:ifinfinitescrolling}<script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>{/block:ifinfinitescrolling}
  86. <style type="text/css">
  87. @media screen
  88. {
  89. div#sidebar {
  90. position: fixed;
  91. }
  92. * html
  93. {
  94. overflow-y: hidden;
  95. }
  96. * html body
  97. {
  98. overflow-y: auto;
  99. height: 100%;
  100. padding: 0 1em 0 14em;
  101. font-size: 100%;
  102. }
  103. * html div#sidebar {
  104. position: absolute;
  105. }
  106. }
  107. body {
  108. font-family: consolas, trebuchet ms, sans-serif;
  109. margin: 0px;
  110. padding:0px;
  111. background:{color:background} url('{image:background}') fixed;
  112. }
  113. a {
  114. text-decoration: none;
  115. color: {color:link};
  116. }
  117. iframe#tumblr_controls {right:3px !important;
  118. position: fixed !important;
  119. opacity: 0.2;
  120. filter:alpha(opacity=20);
  121. -moz-opacity: 0.2;
  122. -khtml-opacity: 0.2;
  123. -webkit-transition: all 0.9s ease;
  124. -moz-transition: all 0.9s ease;
  125. -o-transition: all 0.9s ease;}
  126. iframe#tumblr_controls:hover{
  127. opacity: 1;
  128. filter:alpha(opacity=100);
  129. -moz-opacity: 1;
  130. -khtml-opacity: 1;
  131. -webkit-transition: all 0.9s ease;
  132. -moz-transition: all 0.9s ease;
  133. -o-transition: all 0.9s ease;}
  134.  
  135. #sidebar {
  136. bottom:100px;
  137. left: 200px;
  138. position: fixed;
  139. width: 200px;
  140. font: 10px "small fonts", sans-serif;
  141. color: {color:sidebar text};
  142. background:{color:sidebar background} url({image:sidebar background});
  143. text-align: left;
  144. padding: 7px ;
  145. }
  146. #simage {
  147. max-width: 186px;
  148. height: auto;
  149. padding-bottom: 3px ;
  150. }
  151. #sideimage a {
  152. border:none;
  153. }
  154. #nav {
  155. font: 12px "Courier New", Courier, monospace;
  156. text-transform: lowercase;
  157. letter-spacing: -1px;
  158. color: {color:sidebar link};
  159. margin-top: 5px;
  160. position:fixed;text-align: left;
  161. left:1000px;
  162. bottom: 20px;
  163. }
  164. #desc a, #nav a{
  165. color: {color:sidebar link};
  166. -webkit-transition: all 0.5s ease;
  167. -moz-transition: all 0.5s ease;
  168. -o-transition: all 0.5s ease;
  169. }
  170. #desc a:hover, #nav a:hover {
  171. color:{color:sidebar link hover};
  172. -webkit-transition: all 0.5s ease;
  173. -moz-transition: all 0.5s ease;
  174. -o-transition: all 0.5s ease;
  175. }
  176. #title{
  177. margin-bottom: 5px;
  178. text-align: center;
  179. display: block;
  180. }
  181. #title a{
  182. font: 14px "Courier New", Courier, monospace;
  183. text-transform: lowercase;
  184. letter-spacing: -1px;
  185. color: {color:sidebar text};
  186. margin-bottom: 2px;
  187. padding: 3px;
  188. }
  189. #title a:hover{
  190. color:{color:sidebar link hover};
  191. -webkit-transition: all 0.5s ease;
  192. -moz-transition: all 0.5s ease;
  193. -o-transition: all 0.5s ease;
  194. }
  195. #asker {
  196. background-color: {color:sidebar background} url({image:sidebar background});
  197. color:{color:sidebar text} ;
  198. border: 5px solid {color:post background}
  199. }
  200. #asker a{
  201. color: {color:link};
  202. }
  203. #asker img{
  204. float:left;
  205. margin:5px;
  206. }
  207. #quote {
  208. padding: 5px;
  209. font: 12px/10px "Courier New", Courier, monospace;
  210. letter-spacing: -1px;
  211. }
  212. h1 {
  213. font:15px Georgia, "Times New Roman", Times, serif;
  214. text-transform: lowercase;
  215. font-weight:normal;
  216. letter-spacing:-1px;
  217. color: {color:link};
  218. }
  219. h1 a{
  220. text-decoration:none;
  221. color: {color:link};
  222. }
  223. h1 a:hover{
  224. color: {color:link 2};
  225. }
  226. #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  227. font: 10px Arial, Helvetica, sans-serif;
  228. font-weight:bold;
  229. letter-spacing: 0px;
  230. color: {color:link};
  231. background:none ;
  232. padding: 1px 3px;
  233. }
  234. #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  235. color:{color:link 2};
  236. background:{color:link background};
  237. }
  238. #quotesource {
  239. display: block;
  240. text-align: center;
  241. }
  242. #chat {
  243. font-style: normal!important;
  244. }
  245. .label {
  246. font: 9px consolas, trebuchet ms, sans-serif;
  247. letter-spacing: 1px;
  248. text-transform: uppercase;
  249. color: {color:link 2};
  250. padding-right: 5px;
  251. }
  252. .person1 .label {
  253. padding-right: 5px;
  254. text-transform: uppercase;
  255. color: {color:link};
  256. font: 9px consolas, trebuchet ms, sans-serif;
  257. letter-spacing: 1px;
  258. }
  259. ul {
  260. list-style:none;
  261. padding-left: 5px;
  262. }
  263. #audio {
  264. width: 300px;
  265. margin-left: 15px;
  266. background: #000000;
  267. }
  268. #audiotext {
  269. padding: 0px;
  270. margin-top: 0px;
  271. margin-bottom: 5px;
  272. margin-left: 25px;
  273. text-transform: lowercase;
  274. font-style:italic;
  275. }
  276. #post {
  277. margin-bottom: 50px;
  278. }
  279. #note {
  280. background: {color:background};
  281. width:530px;
  282. padding: 7px;
  283. float:NONE;
  284. color: {color:post text};
  285. margin-top: 7px!important;
  286. line-height: 20px;
  287. }
  288. li.note {
  289. list-style:none;
  290. padding: 5px;
  291. border-bottom: 1px dashed {color:post bottom border};
  292. margin: 0px;
  293. }
  294. #note a{
  295. color: {color:link 2};
  296. }
  297.  
  298. #entry{
  299. z-index:6;
  300. overflow:hidden;
  301. width:510px;
  302. float:NONE;
  303. font-size: 10px;
  304. color: {color:post text};
  305. margin: 0px;
  306. letter-spacing: 1px;
  307. padding: 15px;
  308. background: {color:post background} url('{image:post background}');
  309.  
  310. }
  311. #entryborder{
  312. margin-left: 430px;
  313. }
  314. blockquote{
  315. border: 1px solid {color:blockquote border};
  316. padding: 5px;
  317. background-color: {color:blockquote background};
  318. color: {color:blockquote text};
  319. font: 10px arial, helvetica, sans-serif;
  320. font-weight: bold;
  321. margin-right: 50px;
  322. }
  323. #perma{
  324. font: 10px Georgia, "Times New Roman", Times, serif;
  325. background:{color:permalink background};
  326. margin-bottom: 25px;
  327. padding: 15px;
  328. width:510px;
  329. color:{color:permalink text};
  330. border-bottom: 1px dashed {color:post bottom border};
  331. }
  332. #perma a{
  333. font: 10px Arial, Helvetica, sans-serif;
  334. font-weight:bold;
  335. color:{color:permalink};
  336. }
  337. table, tr, td{
  338. font-size: 10px;
  339. }
  340. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  341. #infscr-loading {display:none;}
  342. .button{
  343. width:196px;
  344. padding:2px;
  345. background-color:{color:navigation background};
  346. color:{color:navigation};
  347. border:0px;
  348. font: 9px "small fonts", sans-serif;
  349. text-transform: uppercase;
  350. }
  351. </style>
  352.  
  353. </head>
  354. <body>{block:ifnotinfinitescrolling}
  355. <div id="nav" align="right">{block:Pagination}
  356. {block:PreviousPage}
  357. <a href="{PreviousPage}">{text:previous button}</a>
  358. {/block:PreviousPage}
  359. <br />
  360. {block:NextPage}
  361. <a href="{NextPage}">{text:next button}</a>
  362. {/block:NextPage}
  363. {/block:Pagination}</div>{/block:ifnotinfinitescrolling}
  364. <div id="sidebar">
  365. <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>
  366. <div id="desc">{block:Description}{Description}{/block:Description}<br />
  367. <p>
  368.  
  369. <form action="" method="get" name="category">
  370. <select class="button" name="cat" onChange="javascript:window.open(document.category.cat.value,'_self')">
  371. <option value="/">navigate</option>
  372. <option value="">----------------------</option>
  373. {block:ifLink1}<option value="{text:Link 1}">{text:Link 1 Title}</option>{/block:ifLink1}
  374. {block:ifLink2}<option value="{text:Link 2}">{text:Link 2 Title}</option>{/block:ifLink2}
  375. {block:ifLink3}<option value="{text:Link 3}">{text:Link 3 Title}</option>{/block:ifLink3}
  376. {block:ifLink4}<option value="{text:Link 4}">{text:Link 4 Title}</option>{/block:ifLink4}
  377. {block:ifLink5}<option value="{text:Link 5}">{text:Link 5 Title}</option>{/block:ifLink5}
  378. <option value="/ask">ask</option>
  379. <option value="http://ettudis.three-words.net">theme</option>
  380. </select> </form></div>
  381.  
  382.  
  383. </div>
  384.  
  385. <div class="autopagerize_page_element">
  386. {block:Posts}
  387. <div id="entryborder">
  388. <div id="entry">
  389.  
  390. {block:Text}
  391. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  392. <div id="text">{Body}</div>
  393. {/block:Text}
  394. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500" />{LinkCloseTag}{/block:Photo}</div>
  395. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  396.  
  397. {block:Quote}
  398. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  399. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  400. {/block:Quote}
  401.  
  402. {block:Link}
  403. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  404. {block:Description}{Description}{/block:Description}{/block:Link}
  405.  
  406. {block:Chat}{block:Title}
  407. <h1><a href="{Permalink}">{Title}</a></h1>
  408. {/block:Title}
  409. <div id="chat">
  410. <ul>
  411. {block:Lines}
  412. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  413. {/block:Lines}
  414. </ul>
  415. </div>
  416. {/block:Chat}
  417.  
  418. {block:Audio}
  419. <div id="audiotext">{PlayCountWithLabel}</div>
  420. <div id="audio">{AudioPlayerBlack}</div>
  421. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  422. {/block:Audio}
  423.  
  424. <div align="center">{block:Video}{Video-400}{/block:Video}</div>
  425.  
  426. {block:Answer}
  427. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  428. <div id="answer">{Answer}</div>
  429. {/block:Answer}
  430.  
  431. <div id="captiona" style="overflow:hidden">{block:Photo} {block:Caption}
  432. <div class="caption" style="overflow:hidden">{Caption}</div>
  433. {/block:Caption}{/block:Photo}
  434. {block:Video}{block:Caption}
  435. <div class="caption" style="overflow:hidden">{Caption}</div>
  436. {/block:Caption}{/block:Video}
  437. {block:Photoset}{block:Caption}
  438. <div class="caption" style="overflow:hidden">{Caption}</div>
  439. {/block:Caption}{/block:Photoset}</div>
  440.  
  441. </div>
  442. <div id="perma">{block:Date}Posted on <a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year}</a>{/block:Date} |
  443. <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}
  444. {block:HasTags}<br>tags: {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  445.  
  446. {block:PermalinkPage}<div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  447. </div>
  448. {/block:Posts}</div>
  449. </body>
  450. </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!