API tools faq
paste
Advertisement
Aelyon

#04_1 Research (tumblr theme)

Aelyon
Oct 10th, 2012
397
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <!--***Theme by Aelyon***-->
  5. <!--Please do not remove the credits and respect my terms of use. Thank you.-->
  6.  
  7. <!--*Credits*
  8. Zoom Icon: Icon Set 4 found in ninpen.tumblr.com
  9. Background: Use your illusion found in Subtle Patterns
  10. Theme Preview is dedicated to Sherlock Holmes BBC TV program.
  11. -->
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <meta name="image:Background" content="">
  21. <meta name="image:Sidebar 1" content="">
  22. <meta name="image:Sidebar 2" content="">
  23. <meta name="image:Sidebar 3" content="">
  24. <meta name="color:Background" content="afafaf">
  25. <meta name="color:Post bg" content="#efefef">
  26. <meta name="color:Sidebar" content="#dfdfdf">
  27. <meta name="color:tx" content="#4f4f4f">
  28. <meta name="color:titles" content="#5f5f5f">
  29. <meta name="color:links" content="#7f7f7f">
  30. <meta name="color:links hover" content="#cfcfcf">
  31. <meta name="color:bold" content="#000">
  32. <meta name="color:Navigation bg" content="#cfcfcf">
  33. <meta name="color:Navigation hover bg" content="#8f8f8f">
  34. <meta name="color:Description bg" content="#cfcfcf">
  35. <meta name="color:Description" content="#9f9f9f">
  36. <meta name="color:dotted box" content="#9f9f9f">
  37. <meta name="color:ask bg" content="#cfcfcf">
  38. <meta name="color:Blockquote bg" content="#cfcfcf">
  39. <meta name="color:Blockquote line" content="#7f7f7f">
  40. <meta name="color:Permabar" content="#cfcfcf">
  41. <meta name="color:credit" content="#cfcfcf">
  42. <meta name="text:Name 1" content="">
  43. <meta name="text:Url 1" content="http://">
  44. <meta name="text:Name 2" content="">
  45. <meta name="text:Url 2" content="http://">
  46. <meta name="text:Url 3" content="">
  47. <meta name="text:Name 3" content="">
  48. <meta name="text:Url 3" content="http://">
  49. <meta name="text:Name 4" content="">
  50. <meta name="text:Url 4" content="http://">
  51. <meta name="text:Name 5" content="">
  52. <meta name="text:Url 5" content="http://">
  53. <meta name="text:Name 6" content="">
  54. <meta name="text:Url 6" content="http://">
  55. <meta name="text:Links placement" content="200px">
  56. <meta name="if:400px" content="">
  57. <meta name="if:500px" content="">
  58. <meta name="if:250px" content="">
  59. <meta name="if:Infinite Scrolling" content="">
  60. <meta name="if:hover permabar" content="">
  61. <meta name="if:permabar still" content="">
  62. </head>
  63.  
  64. <style type="text/css">
  65. body
  66.  
  67. {font-family:calibri;
  68. color:{color:tx};
  69. background-color:{color:Background};
  70. background-image:url('{image:Background}');
  71. background-position: fixed;
  72. background-attachment:fixed;
  73. background-repeat:repeat;}
  74. a
  75. {color:{color:links};
  76. text-decoration:none;
  77. -webkit-transition: all 0.5s ease-out;
  78. -moz-transition: all 0.5s ease-out;
  79. transition: all 0.5s ease-out;}
  80. a:hover
  81. {color:{color:links hover};
  82. -webkit-transition: all 0.5s ease-out;
  83. -moz-transition: all 0.5s ease-out;
  84. transition: all 0.5s ease-out;}
  85. strong
  86. {color:{color:bold};}
  87.  
  88. .wrap
  89. {position:relative;
  90. {block:if500px}margin-left:650px;{/block:if500px}
  91. {block:if400px}margin-left:650px;{/block:if400px}
  92. {block:if250px}margin-left:720px;{/block:if250px}}
  93.  
  94.  
  95. .post
  96. {overflow:auto;
  97. {block:if500px}width:500px;{/block:if500px}
  98. {block:if400px}width:400px;{/block:if400px}
  99. {block:if250px}width:250px;{/block:if250px}
  100. padding:10px;
  101. word-wrap:break-word;
  102. margin:10px;
  103. font-size:12px;
  104. background-color:{color:Post bg};}
  105.  
  106. #sidebar1 img
  107. {position:fixed;
  108. margin:70px 0px 0px 170px;
  109. max-width:170px;
  110. max-height:120px;
  111. transform: rotate(-10deg);
  112. -ms-transform: rotate(-10deg);
  113. -webkit-transform: rotate(-10deg);
  114. -o-transform: rotate(-10deg);
  115. -moz-transform: rotate(-10deg);
  116. border:6px solid{color:Sidebar};
  117. z-index:3;}
  118.  
  119. #sidebar2 img
  120. {position:fixed;
  121. margin:190px 0px 0px 260px;
  122. max-width:170px;
  123. max-height:120px;
  124. transform: rotate(20deg);
  125. -ms-transform: rotate(20deg);
  126. -webkit-transform: rotate(20deg);
  127. -o-transform: rotate(20deg);
  128. -moz-transform: rotate(20deg);
  129. border:6px solid{color:Sidebar};
  130. z-index:2;}
  131.  
  132. #sidebar3 img
  133. {position:fixed;
  134. margin:300px 0px 0px 150px;
  135. max-width:170px;
  136. max-height:120px;
  137. transform: rotate(-15deg);
  138. -ms-transform: rotate(-15deg);
  139. -webkit-transform: rotate(-15deg);
  140. -o-transform: rotate(-15deg);
  141. -moz-transform: rotate(-20deg);
  142. border:6px solid{color:Sidebar};}
  143.  
  144. #desc
  145. {position:fixed;
  146. {block:if250px}width:200px;{/block:if250px}
  147. {block:if400px}width:200px;{/block:if400px}
  148. {block:if500px}width:150px;{/block:if500px}
  149. padding:0px 10px 10px 10px;
  150. {block:if250px}right:40px;{/block:if250px}
  151. {block:if400px}right:30px;{/block:if400px}
  152. {block:if500px}right:18px;{/block:if500px}
  153. top:130px;
  154. overflow:auto;
  155. word-wrap:break-word;
  156. font-size:10px;
  157. background-color:{color:Description bg};
  158. color:{color:Description};}
  159.  
  160. #melody
  161. {position:absolute;
  162. overflow:hidden;
  163. width:27px;
  164. height:27px;
  165. border:37px solid #e5e5e5;
  166. margin-top:-115px;
  167. margin-left:10px;
  168. opacity:0.7;
  169. -webkit-transition: all 0.5s ease-out;
  170. -moz-transition: all 0.5s ease-out;
  171. transition: all 0.5s ease-out;}
  172. #melody:hover
  173. {-moz-border-radius: 100px 100px 100px;
  174. border-radius: 100px 100px 100px 100px;
  175. opacity:0.9;
  176. border:7px solid #e5e5e5;
  177. margin-top:-85px; margin-left:40px;
  178. -webkit-transition: all 0.5s ease-out;
  179. -moz-transition: all 0.5s ease-out;
  180. transition: all 0.5s ease-out;}
  181. #melodyinform
  182. {float:left;
  183. text-align:center;
  184. margin-top:-100px;
  185. margin-left:150px;
  186. padding-bottom:20px;}
  187.  
  188.  
  189.  
  190. #Qimg img
  191. {border:5px solid{color:dotted box};
  192. -moz-border-radius: 100px 100px 100px;
  193. border-radius: 100px 100px 100px 100px;
  194. opacity:0.6;
  195. -webkit-transition: all 0.5s ease-out;
  196. -moz-transition: all 0.5s ease-out;
  197. transition: all 0.5s ease-out;}
  198. #Qimg img:hover
  199. {opacity:1;
  200. -webkit-transition: all 0.5s ease-out;
  201. -moz-transition: all 0.5s ease-out;
  202. transition: all 0.5s ease-out;}
  203.  
  204. #question
  205. {margin-left:70px;
  206. word-wrap:break-word;
  207. margin-top:-50px;
  208. margin-bottom:20px;
  209. text-align:center;
  210. border:2px dotted {color:dotted box};
  211. padding:5px;}
  212.  
  213. #permabar
  214. {position:absolute;
  215. {block:if250px}
  216. {block:ifnotpermabarstill}right:268px;{/block:ifnotpermabarstill}{block:ifpermabarstill}right:255px;{/block:ifpermabarstill}
  217. {/block:if250px}
  218. {block:if400px}
  219. {block:ifnotpermabarstill}right:204px;{/block:ifnotpermabarstill}
  220. {block:ifpermabarstill}right:185px;{/block:ifpermabarstill}
  221. {/block:if400px}
  222. {block:if500px}
  223. {block:ifhoverpermabar}right:104px;{/block:ifhoverpermabar}
  224. {block:ifnothoverpermabar}right:85px;{/block:ifnothoverpermabar}
  225. {/block:if500px}
  226. width:50px;
  227. font-size:10px;
  228. word-wrap:break-word;
  229. padding:5px;
  230. {block:ifhoverpermabar}opacity:0;{/block:ifhoverpermabar}
  231. {block:ifpermabarstill}opacity:1;{/block:ifpermabarstill}
  232. -webkit-transition: all 0.4s ease-out;
  233. -moz-transition: all 0.4s ease-out;
  234. transition: all 0.4s ease-out;
  235. background-color:{color:Permabar};}
  236. {block:ifnotpermabarstill}
  237. #permabar:hover
  238. {opacity:1;
  239. {block:if250px}right:255px;{/block:if250px}
  240. {block:if400px}right:185px;{/block:if400px}
  241. {block:if500px}right:85px;{/block:if500px}
  242. -webkit-transition: all 0.4s ease-out;
  243. -moz-transition: all 0.4s ease-out;
  244. transition: all 0.4s ease-out;}
  245. {/block:ifnotpermabarstill}
  246.  
  247. blockquote
  248. {text-align:auto;
  249. margin:10px;
  250. line-height:15px;
  251. padding-left:5px;
  252. padding-top:2px;
  253. padding-bottom:2px;
  254. border-left:5px dashed {color:Blockquote line};
  255. color:{color:tx};
  256. background-color:{color:Blockquote bg};}
  257.  
  258. #nav
  259. {position:fixed;
  260. margin-left:500px;
  261. margin-top:150px;
  262. width:115px;
  263. padding:10px;
  264. font-family:trebuchet MS;
  265. font-size:10px;
  266. background-color:{color:Post bg};}
  267.  
  268. .navmain
  269. {position:fixed center;
  270. padding-bottom:10px;}
  271.  
  272.  
  273. #nav1
  274. {position:fixed;
  275. margin-top:0px;
  276. margin-left:0px;
  277. padding:3px 5px 3px 5px;
  278. font-size:8px;
  279. letter-spacing:1px;
  280. text-transform:uppercase;
  281. background-color:{color:Navigation bg};
  282. -webkit-transition: all 0.5s ease-out;
  283. -moz-transition: all 0.5s ease-out;
  284. transition: all 0.5s ease-out;}
  285. #nav1:hover
  286. {background-color:{color:Navigation hover bg};
  287. -webkit-transition: all 0.5s ease-out;
  288. -moz-transition: all 0.5s ease-out;
  289. transition: all 0.5s ease-out;}
  290.  
  291. #nav2
  292. {position:fixed;
  293. margin-top:0px;
  294. margin-left:40px;
  295. padding:3px 5px 3px 5px;
  296. font-size:8px;
  297. letter-spacing:1px;
  298. text-transform:uppercase;
  299. background-color:{color:Navigation bg};
  300. -webkit-transition: all 0.5s ease-out;
  301. -moz-transition: all 0.5s ease-out;
  302. transition: all 0.5s ease-out;}
  303. #nav2:hover
  304. {background-color:{color:Navigation hover bg};
  305. -webkit-transition: all 0.5s ease-out;
  306. -moz-transition: all 0.5s ease-out;
  307. transition: all 0.5s ease-out;}
  308. #nav3
  309. {position:fixed;
  310. margin-top:0px;
  311. margin-left:72px;
  312. padding:3px 4px 3px 4px;
  313. font-size:8px;
  314. letter-spacing:1px;
  315. text-transform:uppercase;
  316. background-color:{color:Navigation bg};
  317. -webkit-transition: all 0.5s ease-out;
  318. -moz-transition: all 0.5s ease-out;
  319. transition: all 0.5s ease-out;}
  320. #nav3:hover
  321. {background-color:{color:Navigation hover bg};
  322. -webkit-transition: all 0.5s ease-out;
  323. -moz-transition: all 0.5s ease-out;
  324. transition: all 0.5s ease-out;}
  325.  
  326. iframe#tumblr_controls{position:fixed !important;}
  327.  
  328. #titlecolour
  329. {color:{color:titles};}
  330.  
  331. #notes
  332. {margin-left:25px;
  333. list-style-type:none;
  334. background: transparent;
  335. text-transform: lowercase;}
  336.  
  337. .note
  338. {padding:2px;
  339. text-align:left;
  340. letter-spacing:0.5px;
  341. font-size:10px;
  342. margin-left:10px;}
  343.  
  344. #credit a
  345. {position:fixed;
  346. bottom:10px;
  347. right:15px;
  348. font-family:'Playball', cursive;
  349. font-size:16px;
  350. color:{color:credit};
  351. z-index:6;}
  352. #credit a:hover
  353. {color:{color:links hover};}
  354.  
  355. {CustomCSS}
  356.  
  357. </style>
  358.  
  359. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  360.  
  361. </head>
  362. <body>
  363.  
  364. <div id="credit"><a href="http://aelyon.tumblr.com">♜</a></div>
  365.  
  366. <div id="sidebar3">
  367. <img src="{image:Sidebar 3}"/></div>
  368. <div id="sidebar2">
  369. <img src="{image:Sidebar 2}"/></div>
  370. <div id="sidebar1">
  371. <img src="{image:Sidebar 1}"/></div>
  372.  
  373.  
  374.  
  375. <div id="nav">
  376. <div class="navmain"><div id="nav1"><a href="/">Index</a></div>
  377. <div id="nav2"><a href="/ask">Ask</a></div>
  378. <div id="nav3"><a href="/archive">History</a></div></div>
  379. <center><div id="titlecolour"><h2>{Title}</h2></div></center>{Description}
  380.  
  381. <select onchange='location=this.options[this.selectedIndex].value;' style="margin-top:10px; width:115px; height:20px; padding:2px; font-size:8px; text-transform:uppercase; letter-spacing:3px; background-color:#9f9f9f; color:4f4f4f; font-family:trebuchet MS;">
  382.  
  383. <option value="">Naviation</option>
  384. {block:IfUrl1}<option value="{block:IfUrl1}{text:Url 1}{/block:IfUrl1}">{text:Name 1}</option>{/block:IfUrl1}
  385.  
  386. {block:IfUrl2}<option value="{block:IfUrl2}{text:Url 2}{/block:IfUrl2}">{text:Name 2}</option>{/block:IfUrl2}
  387.  
  388. {block:IfUrl3}<option value="{block:IfUrl3}{text:Url 3}{/block:IfUrl3}">{text:Name 3}</option>{/block:IfUrl3}
  389.  
  390. {block:IfUrl4}<option value="{block:IfUrl4}{text:Url 4}{/block:IfUrl4}">{text:Name 4}</option>{/block:IfUrl4}
  391.  
  392. {block:IfUrl5}<option value="{block:IfUrl5}{text:Url 5}{/block:IfUrl5}">{text:Name 5}</option>{/block:IfUrl5}
  393.  
  394. {block:IfUrl6}<option value="{block:IfUrl6}{text:Url 6}{/block:IfUrl6}">{text:Name 6}</option>{/block:IfUrl6}
  395.  
  396. </select>
  397.  
  398. {block:Pagination}
  399. <div style="text-align:center; font-size:10px; padding:5px; background-color:{color:Navigation bg};">
  400. {block:PreviousPage}
  401. <a href="{PreviousPage}">≪</a>
  402. {/block:PreviousPage}
  403. {CurrentPage} | {TotalPages}
  404. {block:NextPage}
  405. <a href="{NextPage}">≫</a>
  406. {/block:NextPage}</div>
  407. {/block:Pagination}
  408.  
  409. </div>
  410.  
  411. <div class="wrap">
  412.  
  413.  
  414. {block:Posts}
  415.  
  416. <div id="permabar">
  417. {block:Date}
  418. <a href="{Permalink}"> {24Hour}:{Minutes} {DayOfMonth}/{MonthNumber}/{Year}</time> </a>
  419. {/block:Date}
  420. {block:NoteCount}
  421. <a href="{Permalink}"> {NoteCountWithLabel} </a>
  422. {/block:NoteCount}
  423. {block:ContentSource}
  424. <a href="{SourceURL}"> <strong> {SourceTitle}</strong></a>
  425. {/block:ContentSource}
  426. {block:Tags}
  427. # <a href="{TagURL}">{Tag}</a>
  428. {/block:Tags}
  429. </div>
  430.  
  431. <div class="post">
  432.  
  433. {block:Text}
  434. <h2><div id="titlecolour">{Title}</div></h2>
  435. {Body}
  436. {/block:Text}
  437.  
  438. {block:Photo}
  439. {LinkOpenTag}
  440. {block:if500px}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{/block:if500px}
  441. {block:if400px}<img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>{/block:if400px}
  442. {block:if250px}<img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/>{/block:if250px}
  443. {LinkCloseTag}
  444. {block:HighRes}<a href="{PhotoURL-HighRes}"><div style="padding-top:2px;"><img src="http://24.media.tumblr.com/tumblr_mbogalMlt91ridwgyo1_100.png"/></div></a>{/block:HighRes}
  445. {block:Caption}{Caption}{/block:Caption}
  446. {/block:Photo}
  447.  
  448. {block:Photoset}
  449. {block:if500px}{Photoset-500}{/block:if500px}
  450. {block:if400px}{Photoset-400}{/block:if400px}
  451. {block:if250px}{Photoset-250}{/block:if250px}
  452. {block:Caption}{Caption}{/block:Caption}
  453. {/block:Photoset}
  454.  
  455. {block:Quote}<h2>❝ {Quote} ❞</h2>{block:Source}— {Source}{/block:Source}{/block:Quote}
  456.  
  457. {block:Link}<a href="{URL}"target="{Target}"><center><h2>{Name}</h2></center></a>{block:Description}{Description}{/block:Description}{/block:Link}
  458.  
  459. {block:Chat}{block:Title}<div id="titlecolour"><h2>{Title}</h2></div>{/block:Title}{block:Lines}<div style="border:1px dashed grey; padding:4px;">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  460.  
  461. {block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  462. {block:AlbumArt}<div style="border:2px dotted #e5e5e5; padding:8px;"><img src="{AlbumArtURL}" height="100"/></div>{/block:AlbumArt}{block:AudioPlayer}<div id="melody">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  463. <div id="melodyinform">{block:Artist}
  464. {Artist}
  465. {/block:Artist}{block:Album}
  466. ({Album})
  467. {/block:Album}{block:TrackName}
  468. <p><em>{TrackName}</em></p>
  469. {/block:TrackName}</div>
  470. {block:Caption}{Caption}{/block:Caption}
  471. {/block:Audio}
  472.  
  473. {block:Video}
  474. {block:if500px}{Video-500}{/block:if500px}
  475. {block:if400px}{Video-400}{/block:if400px}
  476. {block:if250px}{Video-250}{/block:if250px}
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:Video}
  479.  
  480. {block:Answer}<div style="background-color:{color:ask bg}; padding:10px;"><div id="Qimg"><a href="{Askerurl}"><img src="{AskerPortraitURL-48}"/></a></div><div id="question"><em>❝ {Question} ❞</em></div></div>{Answer}{/block:Answer}</div>
  481.  
  482. <div id="note">
  483. {block:PostNotes}
  484. {PostNotes}
  485. {/block:PostNotes}
  486. </div>
  487.  
  488. {/block:Posts}
  489.  
  490.  
  491. </div>
  492. </body>
  493.  
  494. </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!