API tools faq
paste
divakey

Irozuku theme

divakey
Jan 3rd, 2013
1,022
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. <!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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. {block:IfEndlessScrolling}
  15. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScrolling}
  16.  
  17.  
  18. <head>
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content="" />
  21.  
  22. <meta name="color:Background" content="#fdf3ee" />
  23. <meta name="color:Post Background" content="#ffffff" />
  24. <meta name="color:Sidebar Background" content="#ffffff" />
  25. <meta name="color:Title" content="#000000" />
  26. <meta name="color:Text" content="#4d4c4a" />
  27. <meta name="color:Links" content="#a09280" />
  28. <meta name="color:Italic" content="#a09280" />
  29. <meta name="color:Bold" content="#a09280" />
  30. <meta name="color:Links Hover" content="#CCCCCC" />
  31. <meta name="color:Info background" content="#d6dbdf" />
  32. <meta name="color:Info Border" content="#ffffff" />
  33. <meta name="color:scroll bar" content="#CCCCCC" />
  34. <meta name="color:Post title" content="#a09280" />
  35. <meta name="color:Navigation links" content="#000000" />
  36. <meta name="color:Navigation background" content="#ffffff" />
  37. <meta name="color:Navigation links hover" content="" />
  38. <meta name="color:Navigation background hover" content="#ffffff" />
  39. <meta name="color:Description background" content="#ffffff" />
  40.  
  41. <meta name="text:Link 1 Title" content="" />
  42. <meta name="text:Link 1" content="" />
  43. <meta name="text:Link 2 Title" content="" />
  44. <meta name="text:Link 2" content="" />
  45. <meta name="text:Link 3 Title" content="" />
  46. <meta name="text:Link 3" content="" />
  47. <meta name="text:Link 4" content ="" />
  48. <meta name="text:Link 4 Title" content="" />
  49. <meta name="text:Link 5" content="" />
  50. <meta name="text:Link 5 Title" content="" />
  51.  
  52. <meta name="if:EndlessScrolling" content="0"/>
  53. <meta name="if:ShowCaptions" content="0">
  54.  
  55. <style type="text/css">
  56.  
  57.  
  58. /* SCROLLBAR */
  59.  
  60. ::-webkit-scrollbar { width: 4px; height: 4px; }
  61. ::-webkit-scrollbar-button:start:decrement,
  62. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #9C9C9C; }
  63. ::-webkit-scrollbar-track-piece { background-color: white; }
  64. ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: {color:scroll bar}; }
  65.  
  66.  
  67. /* CONTENT */
  68.  
  69. body {background-color:{color:Background};
  70. background-image: url('{image:Background}');
  71. background-attachment:fixed;
  72. color:{color:Text};
  73. font-family:consolas;
  74. font-size:10px;
  75. margin: 0px;
  76. padding: 0px;}
  77.  
  78.  
  79. a {text-decoration:none;
  80. color:{color:links};
  81. opacity:;
  82. z-index:999;
  83. -webkit-transition: all 0.5s ease-in-out;
  84. -moz-transition: all 0.5s ease-in-out;
  85. -o-transition: all 0.5s ease-in-out; }
  86.  
  87.  
  88. a:hover{opacity: .5;
  89. -webkit-transition: all 0.5s ease-in-out;
  90. -moz-transition: all 0.5s ease-in-out;
  91. -o-transition: all 0.5s ease-in-out;}
  92.  
  93. b {color:{color:Bold};}
  94.  
  95. i {color:{color:italic};}
  96.  
  97.  
  98. .contentwhole {width:520px;
  99. margin-left:300px;
  100. height:100%;}
  101.  
  102.  
  103.  
  104.  
  105. /* POSTS */
  106.  
  107. .content {
  108. margin:15px;
  109. width: 250px;
  110. padding:5px;
  111. background-color:{color:post background};}
  112.  
  113. .ttitle{color:{color:post title};
  114. font-size: 15px;
  115. line-height: 15px;
  116. letter-spacing: 0px;
  117. text-align: left;
  118. text-transform: normal;}
  119.  
  120.  
  121.  
  122.  
  123. img { opacity:0.8;
  124. transition-duration: 2.0s;
  125. -moz-transition-duration: 0.6s;
  126. -webkit-transition-duration: 0.6s;
  127. -o-transition-duration: 0.6s}
  128.  
  129. img:hover{ opacity:1.0;
  130. transition-duration: 2.0s;
  131. -moz-transition-duration: 0.6s;
  132. -webkit-transition-duration: 0.6s;
  133. -o-transition-duration: 0.6s;}
  134.  
  135. .photoset { opacity:0.8;
  136. transition-duration: 2.0s;
  137. -moz-transition-duration: 0.6s;
  138. -webkit-transition-duration: 0.6s;
  139. -o-transition-duration: 0.6s}
  140.  
  141. .photoset:hover{ opacity:1.0;
  142. transition-duration: 2.0s;
  143. -moz-transition-duration: 0.6s;
  144. -webkit-transition-duration: 0.6s;
  145. -o-transition-duration: 0.6s;}
  146.  
  147.  
  148. blockquote{ padding-left: 5px; margin: 0px 0px 10px 0px; display: block;
  149. position: relative; border-left: 1px solid {color:bold}; }
  150.  
  151. blockquote img{ max-width: 100%!important; }
  152.  
  153.  
  154. /* Permalinks, the links that appear when you hover on a post */
  155.  
  156.  
  157. .permalink {
  158. width: 150px;
  159. height: auto;
  160. line-height: 10px;
  161. padding-left:5px;
  162. margin-left: 260px;
  163. margin-top: 0px;
  164. margin-bottom:20px;
  165. border-left: 1px solid white;
  166. font-family: calibri;
  167. text-align:left;
  168. font-size: 9px;
  169. color: {color:bold};
  170. text-transform: uppercase;
  171. letter-spacing: 1px;
  172. display:inline-block;
  173. position:absolute;
  174. opacity:0;
  175. -webkit-transition: all .7s ease-in-out;
  176. -moz-transition: all .7s ease-in-out;
  177. -o-transition: all .7s ease-in-out;
  178. -ms-transition: all .7s ease-in-out;
  179. transition: all .7s ease-in-out;}
  180.  
  181. .permalink a {
  182. color: {color:links};
  183. text-decoration: none;
  184. -webkit-transition: all .7s ease-in-out;
  185. -moz-transition: all .7s ease-in-out;
  186. -o-transition: all .7s ease-in-out;
  187. -ms-transition: all .7s ease-in-out;
  188. transition: all .7s ease-in-out;}
  189.  
  190. .permalink a:hover{
  191. color: {color:links hover};
  192. -webkit-transition: all .7s ease-in-out;
  193. -moz-transition: all .7s ease-in-out;
  194. -o-transition: all .7s ease-in-out;
  195. -ms-transition: all .7s ease-in-out;
  196. transition: all .7s ease-in-out;}
  197.  
  198. .content:hover .permalink{
  199. opacity:1;
  200. border-left: 1px solid {color:bold};
  201. -webkit-transition: all .7s ease-in-out;
  202. -moz-transition: all .7s ease-in-out;
  203. -o-transition: all .7s ease-in-out;
  204. -ms-transition: all .7s ease-in-out;
  205. transition: all .7s ease-in-out;}
  206.  
  207.  
  208. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  209.  
  210. i, em, .em {color:{color:Italic};}
  211.  
  212.  
  213.  
  214. /* Permalink Page */
  215.  
  216. #source{
  217. width: 250px;
  218. padding:0px 5px;
  219. margin-left:-5px!important;
  220. margin-top: 10px;
  221. font-size: 10px;
  222. font-family: calibri;
  223. color:{color:post text};
  224. text-transform: uppercase;
  225. text-align:center;}
  226.  
  227. #source a{
  228. color:{color:links};
  229. text-decoration:none;
  230. -webkit-transition: all 0.7s ease-in-out;
  231. -moz-transition: all 0.7s ease-in-out;
  232. -o-transition: all 0.7s ease-in-out;
  233. -ms-transition: all 0.7s ease-in-out;
  234. transition: all 0.7s ease-in-out;}
  235.  
  236. #source a:hover{
  237. color:{color:links hover};
  238. -webkit-transition: all 0.7s ease-in-out;
  239. -moz-transition: all 0.7s ease-in-out;
  240. -o-transition: all 0.7s ease-in-out;
  241. -ms-transition: all 0.7s ease-in-out;
  242. transition: all 0.7s ease-in-out;}
  243.  
  244.  
  245. #PostNotes {margin-left:0px;
  246. text-align:left;
  247. width:250px;
  248. height:250px;
  249. overflow:auto;}
  250.  
  251.  
  252.  
  253.  
  254. /* SIDEBAR */
  255.  
  256. #title { color:{color:title};
  257. font-size:20px;
  258. font-family: 'Petit Formal Script', cursive;
  259. text-align:center;
  260. letter-spacing:px;
  261. margin-bottom:5px;
  262. padding-bottom:0px;
  263. }
  264.  
  265. #sidebar {
  266. margin-left:110px;
  267. width:150px;
  268. position:fixed;
  269. top:0px;
  270. padding-left:0px;
  271. padding-right:0px;
  272. padding-top:50px;
  273. left:20px;}
  274.  
  275.  
  276. #navi{
  277. margin-top:70px;
  278. margin-left:60px;
  279. width:70px;
  280. padding-bottom:10px;
  281. position:fixed;}
  282.  
  283.  
  284. #navi a{ color:{color:navigation links};
  285. background-color:{color:navigation background};
  286. display:block;
  287. margin-top:5px;
  288. text-transform:uppercase;
  289. text-transform: uppercase;
  290. padding:1px 0px 1px 10px;
  291. letter-spacing: 1px;
  292. text-align: left;
  293. line-height: 15px;
  294. -webkit-transition: all 0.6s ease-in-out;
  295. -moz-transition: all 0.6s ease-in-out;
  296. -o-transition: all 0.6s ease-in-out;
  297. -ms-transition: all 0.6s ease-in-out;
  298. transition: all 0.6s ease-in-out;}
  299.  
  300. #navi a:hover {background-color: {color:navigation background hover};
  301. border-right:5px solid {color:bold};
  302. color: {color:links hover};
  303. -webkit-transition: all 0.6s ease-in-out;
  304. -moz-transition: all 0.6s ease-in-out;
  305. -o-transition: all 0.6s ease-in-out;
  306. -ms-transition: all 0.6s ease-in-out;
  307. transition: all 0.6s ease-in-out;}
  308.  
  309.  
  310. #sidebarimage img {
  311. width:150px;
  312. margin-right:2px;
  313. }
  314.  
  315.  
  316. #description {
  317.  
  318. width:140px;
  319. margin-top:10px;
  320. padding: 5px;
  321. padding-top:10px;
  322. padding-bottom: 15px;
  323. line-height: 9px;
  324. letter-spacing:2px;
  325. text-align:left;}
  326.  
  327.  
  328. /* CREDIT do not remove */
  329.  
  330. .credit { position: fixed;
  331. bottom: 5px;
  332. right: 5px;
  333. font-size: 12px;
  334. font-family: verdana;
  335. -webkit-transition: all 0.5s ease;
  336. -moz-transition: all 0.5s ease;
  337. -o-transition: all 0.5s ease;}
  338.  
  339. .credittext { height:10px;
  340. width:50px;
  341. overflow:hidden;
  342. -webkit-transition: all 0.5s ease;
  343. -moz-transition: all 0.5s ease;
  344. -o-transition: all 0.5s ease;
  345. font-family:calibri;
  346. font-size:10px;
  347. text-transform:lowercase;
  348. text-align:center;
  349. }
  350.  
  351. .credit:hover .credittext{
  352. height: 11px;
  353. -webkit-transition: all 0.5s ease;
  354. -moz-transition: all 0.5s ease;
  355. -o-transition: all 0.5s ease;}
  356.  
  357. .x {display:none;
  358. -webkit-transition: all 0.5s ease;
  359. -moz-transition: all 0.5s ease;
  360. -o-transition: all 0.5s ease;
  361. }
  362.  
  363.  
  364.  
  365. </style></head>
  366.  
  367.  
  368.  
  369.  
  370. <body>
  371. <div id="sidebar">
  372. <div align="center">
  373. <div id="title">{title}</div>
  374.  
  375. <div id="sideborder"><div id="sidebarimage">
  376. <img src="{image:sidebar}" ></div></div>
  377.  
  378. <div id="description">
  379. {Description}
  380. <br>
  381. {block:IfNotEndlessScrolling}
  382. <div class="pagination">
  383. {block:Pagination}
  384. {block:PreviousPage}<a href="{PreviousPage}">< </a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
  385. {/block:Pagination}
  386. </div>{/block:IfNotEndlessScrolling}
  387. </div></div></div>
  388.  
  389. <div id="navi"> <a href="/">Home</a> <a href="/ask">Ask</a> <a href="/archive">Archive</a>
  390.  
  391. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  392. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  393. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  394. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  395. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  396.  
  397.  
  398. </div>
  399.  
  400.  
  401.  
  402.  
  403. </div>
  404. </div>
  405.  
  406.  
  407.  
  408.  
  409.  
  410. {block:IndexPage}
  411. {/block:IndexPage}
  412.  
  413.  
  414. <div class="contentwhole">
  415.  
  416. <div class = "autopagerize_page_element" >
  417.  
  418. {block:Posts}
  419.  
  420.  
  421. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  422.  
  423. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  424.  
  425. {/block:SourceLogo}
  426.  
  427. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  428.  
  429. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  430.  
  431.  
  432.  
  433. <div class="content">
  434.  
  435. <div class="permalink">posted <a href="{Permalink}">{TimeAgo}</a>
  436. <br>{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" target="_blank">Reblog</a></br></div>
  437.  
  438.  
  439. {block:Text}
  440. {block:Title}
  441. <a href="{Permalink}" class="ttitle">{Title}</a>
  442. {/block:Title}
  443. {Body}
  444. {/block:Text}
  445.  
  446. {block:Photo}
  447. <img src="{PhotoURL-250}" class="center">
  448.  
  449. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  450.  
  451. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  452. {Caption}
  453. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  454. {/block:Photo}
  455.  
  456.  
  457. {block:Photoset}
  458. {Photoset-250}
  459. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  460. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  461. {Caption}
  462. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  463. {/block:Photoset}
  464.  
  465. {block:Quote}
  466. {Quote}<p>
  467. {block:Source}- {Source}{/block:Source}
  468. {/block:Quote}
  469.  
  470. {block:Link}
  471. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  472. {block:Description} {Description} {/block:Description}
  473. {/block:Link}
  474.  
  475. {block:Chat}
  476. {block:Title} {Title} {/block:Title}
  477. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  478.  
  479. {/block:Lines}
  480. {/block:Chat}
  481.  
  482.  
  483. {block:Audio}
  484. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  485. <p>
  486. {block:AlbumArt}
  487. <img src="{AlbumArtURL}" width="100px" />
  488. {/block:AlbumArt}
  489. <p>
  490. {block:Caption}
  491. {Caption}
  492. {/block:Caption}
  493. {/block:Audio}
  494.  
  495.  
  496. {block:Video}
  497. {Video-500}
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:Video}
  500.  
  501. {block:Answer}
  502. <table style="border-bottom:1px solid #a0a0a0;padding-bottom:5px;margin-bottom:5px;">
  503. <tr>
  504. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}" style="height:60px; width:60px; -moz-border-radius:30px; border-radius:30px; float:left"></td>
  505. <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
  506. </tr>
  507. </table>
  508. {Answer}
  509. {/block:Answer}
  510.  
  511.  
  512. {block:PermalinkPage}
  513.  
  514.  
  515. <div id="source"> {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  516. <br>
  517. tags &raquo; {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  518. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  519. </div></div></div>
  520. {/block:PermalinkPage}
  521. </div>
  522. {/block:Posts}
  523. </div>
  524.  
  525.  
  526.  
  527.  
  528. <div class="credit"><a href="http://chinqu.tumblr.com">
  529. <div class="x">✖</div> <div class="credittext"> Theme
  530. </div></a></div>
  531.  
  532. </head></body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!