API tools faq
paste
Advertisement
sunakemuri_themes

01. Melina

sunakemuri_themes
Jun 27th, 2012
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- This theme was made by SUNAKEMURI. You can alter the coding if you wish, but you CANNOT remove the credit. Thank you. -->
  5.  
  6. <head>
  7. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <link rel="shortcut icon" href="{Favicon}" />
  10.  
  11. <meta name="color:Background" content="#FFFFFF" />
  12. <meta name="color:Date" content="#ADADAD" />
  13. <meta name="color:Date Background" content="#f8f8f8" />
  14. <meta name="color:Notes" content="#b3b3b3" />
  15. <meta name="color:Notes Link" content="#807f7f" />
  16. <meta name="color:Post Background" content="#FFFFFF" />
  17. <meta name="color:Post Link" content="#999999" />
  18. <meta name="color:Post Text" content="#565656" />
  19. <meta name="color:Sidebar Background" content="#FFFFFF" />
  20. <meta name="color:Sidebar Text" content="#797979" />
  21. <meta name="color:Sidebar Title" content="#222222" />
  22. <meta name="color:Sidebar Title Hover" content="#c0bfbf" />
  23. <meta name="color:Sidebar Link" content="#333333">
  24. <meta name="color:Sidebar Link Hover" content="#eeeeee">
  25. <meta name="color:Sidebar Links Background" content="FFFFFF">
  26. <meta name="color:Custom Scrollbar" content="AAAAAA">
  27. <meta name="image:Background" content="http://subtlepatterns.com/patterns/subtlenet2.png"/>
  28. <meta name="image:Post Backround" content=""/>
  29. <meta name="image:Sidebar Background" content=""/>
  30. <meta name="image:Sidebar" content="http://i470.photobucket.com/albums/rr62/PixelGraphics/sk.png"/>
  31. <meta name="text:Link 1 Title" content="" />
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 2 Title" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 3 Title" content="" />
  36. <meta name="text:Link 3" content="" />
  37. <meta name="text:Link 4 Title" content="" />
  38. <meta name="text:Link 4" content="" />
  39. <meta name="text:Link 5 Title" content="" />
  40. <meta name="text:Link 5" content="" />
  41.  
  42. <style type="text/css">
  43. body{
  44. margin:0px;
  45. padding:0px;
  46. background:{color:background} url('{image:background}') fixed;
  47. }
  48. #hershel {
  49. position: fixed;
  50. right: 150px;
  51. top: 90px;
  52. width: 250px;
  53. height:90px;
  54. margin:0px;
  55. padding:5px;
  56. font: 9px Arial, Helvetica;
  57. color: {color:sidebar text};
  58. background:{color:sidebar background} url('{image:sidebar background}');
  59. }
  60. #hershel img{
  61. max-width:100px;
  62. max-height:100px;
  63. }
  64. #layton a{
  65. display: block;
  66. font: 15px Georgia;
  67. font-style: italic;
  68. text-decoration: none;
  69. text-transform: uppercase;
  70. color: {color:sidebar title};
  71. border-bottom: 0px solid {color:sidebar title};
  72. }
  73. #layton a:hover {
  74. color: {color:sidebar title hover};
  75. }
  76. #luke a{
  77. display:block;
  78. padding:0px 3px;
  79. margin:1px;
  80. text-align:right;
  81. text-decoration: none;
  82. text-transform: lowercase;
  83. color: {color:sidebar text};
  84. border-right: 7px solid {color:sidebar link border};
  85. }
  86. #luke a:hover{
  87. border-right: 15px solid {color:sidebar link border hover};
  88. }
  89. #triton {
  90. width:400px;
  91. padding:5px;
  92. margin-left:330px!important;
  93. margin:0px;
  94. font: 11px Consolas, Arial, Helvetica, sans-serif;
  95. color: {color:post text};
  96. background: {color:post background} url('{image:post background}');
  97. }
  98. #triton a{
  99. color: {color:post link};
  100. }
  101. h1 {
  102. font: italic 16px Georgia, "Times New Roman", Times, serif;
  103. text-align: center;
  104. }
  105. h1 a{
  106. color: {color:post link};
  107. text-decoration: none;
  108. }
  109. #emmy{
  110. font: italic 16px Georgia, "Times New Roman", Times, serif;
  111. text-align: center;
  112. display: block;
  113. }
  114. #altava {
  115. background: #000000;
  116. width: 400px;
  117. display: block;
  118. }
  119. #janice {
  120. text-align: center;
  121. font: italic 9px Arial;
  122. display:block;
  123. border-right:4px solid {color:sidebar background};
  124. padding-left:5px;
  125. }
  126. #janice img {
  127. max-width:400px;
  128. }
  129. #quatlane{
  130. width:400px;
  131. padding:5px;
  132. margin-left:330px!important;
  133. margin-top:5px;
  134. text-transform:uppercase;
  135. font: 9px consolas;
  136. color:{color:date};
  137. background:{color:date background};
  138. text-align: right;
  139. }
  140. #quatlane a{
  141. color:{color:date};
  142. text-decoration:none;
  143. }
  144. #oswald{
  145. width:400px;
  146. padding:0px 5px;
  147. margin-left:330px!important;
  148. margin:0px;
  149. text-transform:uppercase;
  150. letter-spacing:2px;
  151. font: 8px/8px Consolas, arial, helvetica, sans-serif;
  152. color:{color:notes};
  153. border-top: 0px {color:notes border};
  154. }
  155. #oswald a, #whistler a{
  156. color:{color:notes link};
  157. text-decoration:none;
  158. }
  159. #whistler{
  160. width:400px;
  161. padding:0px 5px;
  162. margin-left:330px!important;
  163. margin:0px;
  164. font: 10px/10px Consolas, arial, helvetica, sans-serif;
  165. color:{color:notes};
  166. border-top:2px solid {color:date background};
  167. }
  168. #ol.notes {
  169. padding: 0px;
  170. margin: 15px 0px;
  171. list-style-type: none;
  172. }
  173. #nina {
  174. width:150px;
  175. height:10px;
  176. overflow:hidden;
  177. -webkit-transition: all 2s ease;
  178. -moz-transition: all 2s ease;
  179. -o-transition: all 2s ease
  180. }
  181. #nina:hover{
  182. height: 160px;
  183. }
  184. #visible a {
  185. font: 10px Arial;
  186. text-align: center;
  187. background-color: #aaa;
  188. color: #FFFFFF;
  189. width: 150px;
  190. display: block;
  191. -webkit-transition: all 2s ease;
  192. -moz-transition: all 2s ease;
  193. -o-transition: all 2s ease
  194. }
  195. #invisible a{
  196. font: 10px helvetica;
  197. text-align: center;
  198. background-color: #fff;
  199. color: #aaaaaa;
  200. -webkit-transition: all 0.8s ease;
  201. -moz-transition: all 0.8s ease;
  202. -o-transition: all 0.8s ease;
  203. display:block;
  204. padding:3px;
  205. }
  206.  
  207. #invisible a:hover{
  208. background-color: #f8f8f8;
  209. color: #333333;
  210. }
  211. #hershel img{
  212. position:fixed;
  213. left:865px;
  214. top:90px;
  215. }
  216. #eternal a{
  217. display:block;
  218. line-height:12px;
  219. background: {color:sidebar links background};
  220. color:{color:sidebar links};
  221. margin: 2px 0px;
  222. padding:2px;
  223. text-align:center;
  224. }
  225. #eternal a:hover{
  226. color: {color:sidebar links background};
  227. background:{color:sidebar links};
  228. letter-spacing: 2px;
  229. }
  230. #diva {
  231. text-align:center;
  232. font: lowercase 9px Georgia;
  233. color: {color:sidebar link}
  234. }
  235. #diva a{
  236. font-size: 10px;
  237. text-decoration: italic;
  238. color: {color:sidebar link hover};
  239. }
  240. a:link {
  241. color:#aaa;
  242. text-decoration:none;
  243. cursor:pointer;
  244. }
  245. a:visited {
  246. color:#aaa;
  247. }
  248. a:hover {
  249. color:#eee;
  250. text-decoration:none;
  251. }
  252. a:focus {
  253. outline: none;
  254. }
  255. a:active {
  256. color:#000;
  257. cursor:crosshair;
  258. }
  259. a:link {
  260. color: #aaa;
  261. }
  262. a:visited {
  263. color: #aaa;
  264. }
  265. a:hover {
  266. color: #eee;
  267. }
  268. a:focus {
  269. color: #eee;
  270. }
  271. a:active {
  272. color: #aaa;
  273. }
  274. ::-webkit-scrollbar {
  275. width: 5px;
  276. }
  277.  
  278. ::-webkit-scrollbar-track {
  279. -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0);
  280. border-radius: 10px;
  281. }
  282.  
  283. ::-webkit-scrollbar-thumb {
  284. border-radius: 10px;
  285. -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.9);
  286. }
  287. ::-webkit-scrollbar-thumb:vertical {
  288. background-color:#000000;
  289. height:auto;
  290. }
  291. ::-webkit-scrollbar {
  292. height:7px;
  293. width:5px;
  294. background-color:#FFFFFF;
  295. }
  296.  
  297.  
  298. </style>
  299. <body>
  300. <div id="hershel">
  301. {block:ifsidebarimage}<img src="{image:sidebar}" />{/block:ifsidebarimage}
  302. <div align=right><div id="luke"><div style="overflow:auto; width: 150px; height: 75px; border: 1px #fdfdfd; background-color: #ffffff; text-align: left;">
  303. {block:description}{description}{/block:description}
  304. </div></div></div>
  305. <div align=right><div id="layton"><a href="/"><u>_________{title}</a></u></div></div>
  306.  
  307. <div align=right><div id="nina">
  308. <div id="visible" align="center"><a title="hover for links">+</a></div>
  309.  
  310. <div id="invisible">
  311. <a href="/">index</a>
  312. <a href="/ask">ask</a>
  313. <a href="/archive">archive</a>
  314. <div id="eternal">
  315. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  316. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a> {/block:ifLink2}
  317. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  318. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  319. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  320. </div><div>
  321.  
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326.  
  327. <div id="diva">
  328. {block:Pagination}
  329.  
  330. {block:PreviousPage}<body vlink='#gray'><a href="{PreviousPage}"></vlink>back</a>
  331. {/block:PreviousPage}
  332.  
  333. {block:NextPage}<a href="{NextPage}"><body vlink='#gray'>next</vlink></a>
  334. {/block:NextPage}
  335.  
  336. {/block:Pagination}
  337. </div>
  338. </div>
  339.  
  340. {block:Posts}
  341. <div id="quatlane">
  342. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
  343. <div id="whistler">
  344. {block:NoteCount} { <a href="{Permalink}">{NoteCount}</a> } {/block:NoteCount}
  345. </div></div>
  346. <div id="triton">
  347.  
  348. {block:Text}
  349. {block:Title}<h1>{Title}</h1>{/block:Title}
  350. {Body}
  351. {/block:Text}
  352.  
  353. {block:Photo}
  354. <img src="{PhotoURL-400}" />
  355.  
  356. {/block:Photo}
  357.  
  358. {block:Photoset}
  359. {Photoset-400}
  360.  
  361. {/block:Photoset}
  362.  
  363. {block:Quote}
  364. <div id="emmy">{Quote}</div>
  365. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  366. {/block:Quote}
  367.  
  368. {block:Link}
  369. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  370. {block:Description}{Description}{/block:Description}
  371. {/block:Link}
  372.  
  373. {block:Chat}
  374. <h1>{block:Title}{Title}{/block:Title}</h1>
  375. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  376. {/block:Chat}
  377.  
  378. {block:Audio}
  379. <div id="altava">{AudioPlayerBlack}</div>
  380.  
  381. {/block:Audio}
  382.  
  383. {block:Video}
  384. {Video-400}
  385.  
  386. {/block:Video}
  387.  
  388. {block:Answer}
  389. {Asker} <em>whispered:</em> {Question}
  390. <p>-{Answer}</p>
  391. {/block:Answer}
  392. </div>
  393.  
  394.  
  395. {block:PermalinkPage}
  396. {block:PostNotes}
  397. <div id="janice">{block:Caption}{Caption}{/block:Caption}</div>
  398. <div id="whistler">{PostNotes}</div>
  399. {/block:PostNotes}
  400. {/block:permalinkpage}
  401.  
  402. {/block:Posts}
  403. <div style="position: fixed; top: 665px; left: 1230px; width: 200px; height: 200px; background-color: transparent"><div="triton">
  404. <a href="http://shippuudens.tumblr.com"><small><SMALL>THEME</SMALL></small></small></a></div></div>
  405. </body>
  406. </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!