API tools faq
paste
Advertisement
mikasackerman

theme 27: kaneki

mikasackerman
Sep 18th, 2014
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
raw download clone embed print report
  1. <!---- theme 27 'kaneki'
  2. - by mikasarps, previously jadeofroleplay
  3. - do not steal this coding
  4. - do not remove the credit
  5. - please enjoy the theme (✿◠‿◠) --->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17.  
  18. <meta name="color:bg" content="#ffffff">
  19. <meta name="color:border" content="#c6c6c6">
  20. <meta name="color:hover" content="#aaaaaa">
  21. <meta name="color:link" content="#818181">
  22. <meta name="color:scrollbar" content="#c6c6c6">
  23. <meta name="color:slinks" content="#818181" />
  24. <meta name="color:slinks hover" content="#aaaaaa" />
  25. <meta name="color:text" content="#aaaaaa">
  26. <meta name="color:title" content="#525252">
  27.  
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:sidebar2" content=""/>
  30. <meta name="image:sidebar3" content=""/>
  31. <meta name="image:background" content=""/>
  32.  
  33. <meta name="if:whiteplayer" content="1" />
  34. <meta name="if:blackplayer" content="0" />
  35.  
  36. <meta name="text:slink1" content=""/>
  37. <meta name="text:slink1 title" content=""/>
  38. <meta name="text:slink2" content=""/>
  39. <meta name="text:slink2 title" content=""/>
  40. <meta name="text:slink3" content=""/>
  41. <meta name="text:slink3 title" content=""/>
  42. <meta name="text:slink4" content=""/>
  43. <meta name="text:slink4 title" content=""/>
  44. <meta name="text:sidetitle" content="your main title" />
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47.  
  48. <style type="text/css">
  49.  
  50. a {
  51. color: {color:link};
  52. text-decoration: none;
  53. -moz-transition-duration: 0.5s;
  54. -webkit-transition-duration: 0.5s;
  55. -o-transition-duration: 0.5s;
  56. }
  57.  
  58. a:hover {
  59. color: {color:hover};
  60. text-decoration: none;
  61. -moz-transition-duration: 0.5s;
  62. -webkit-transition-duration: 0.5s;
  63. -o-transition-duration: 0.5s;
  64. }
  65.  
  66. b, strong {
  67. color: {color:title};
  68. }
  69.  
  70. blockquote {
  71. border-left: 2px solid {color:border};
  72. margin: 5px;
  73. padding-left: 5px;
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. height: auto;
  78. background-color: {color:border};
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. height: 3px;
  83. width: 3px;
  84. background-color: transparent;
  85. }
  86.  
  87. body {
  88. background-color:{color:bg};
  89. background-image: url('http://static.tumblr.com/e29466124134bb18c02e9f6b1d7c17cf/wjzjfzw/KKdnbu1pw/tumblr_static_eic26fkfcqo0ks0ws008k008s.png');
  90. background-attachment: fixed;
  91. font-family: arial;
  92. font-weight: normal;
  93. }
  94.  
  95. h1 {
  96. color: {color:text};
  97. font-weight: normal;
  98. font-size: 10px;
  99. font-style: normal;
  100. line-height: 80%;
  101. letter-spacing: 1px;
  102. text-align: center;
  103. text-transform: lowercase;
  104. }
  105.  
  106. h2 {
  107. border-bottom: 1px solid {color:border};
  108. color: {color:title};
  109. font-size: 22px;
  110. font-style: italic;
  111. font-weight: normal;
  112. line-height: 100%;
  113. margin-top: -5px;
  114. padding: 5px;
  115. padding-bottom: 2px;
  116. text-align: right;
  117. text-transform: lowercase;
  118. }
  119.  
  120. h3 {
  121. color: {color:text};
  122. font-size: 15px;
  123. font-weight: normal;
  124. letter-spacing: -0.5px;
  125. line-height: 100%;
  126. margin-top: -5px;
  127. padding: 5px;
  128. padding-bottom: 2px;
  129. text-align: center;
  130. }
  131.  
  132. #theme {
  133. background-color: transparent;
  134. float: left;
  135. margin: 0 auto -12px auto;
  136. width: 700px;
  137. }
  138.  
  139. #sidebar {
  140. background-color: transparent;
  141. height: 135px;
  142. margin-left: 140px;
  143. margin-top: 266px;
  144. padding: 0px;
  145. position: fixed;
  146. width: 245px;
  147. }
  148.  
  149. #description {
  150. color: {color:text};
  151. font-family: arial;
  152. font-size: 9px;
  153. font-style: normal;
  154. margin-bottom: 10px;
  155. margin-left: 10px;
  156. margin-right: 10px;
  157. margin-top: 10px;
  158. text-align: justify;
  159. }
  160.  
  161. #sep {
  162. background-color: transparent;
  163. border-top: 1px solid {color:border};
  164. height: 20px;
  165. margin-left: 140px;
  166. margin-top: 252px;
  167. padding: 0px;
  168. position: fixed;
  169. width: 125px;
  170. }
  171.  
  172. #sideimg {
  173. height: 120px;
  174. margin-left: 140px;
  175. margin-top: 120px;
  176. position: fixed;
  177. width: 120px;
  178. }
  179.  
  180. #sideimg2 {
  181. height: 120px;
  182. margin-left: 265px;
  183. margin-top: 120px;
  184. position: fixed;
  185. width: 120px;
  186. }
  187.  
  188. #sideimg3 {
  189. height: 120px;
  190. margin-left: 390px;
  191. margin-top: 120px;
  192. position: fixed;
  193. width: 120px;
  194. }
  195.  
  196. #titlebox {
  197. background-color: transparent;
  198. height: 16px;
  199. margin-left: 265px;
  200. margin-top: 245px;
  201. position: fixed;
  202. width: 245px;
  203. }
  204.  
  205. #sidetitle {
  206. color: {color:title};
  207. font-family: arial;
  208. font-size: 16px;
  209. font-style: italic;
  210. letter-spacing: 0px;
  211. margin-bottom: -2px;
  212. margin-left: 3px;
  213. margin-right: 3px;
  214. margin-top: -2px;
  215. text-align: right;
  216. text-transform: lowercase;
  217. }
  218.  
  219. #navbox {
  220. background: transparent;
  221. height: 135px;
  222. margin-left: 390px;
  223. margin-top: 266px;
  224. position: fixed;
  225. width: 120px;
  226. }
  227.  
  228. #nav {
  229. margin-left: 0px;
  230. margin-top: -2px;
  231. }
  232.  
  233. #nav a {
  234. background-color: transparent;
  235. border-bottom: 1px solid {color:border};
  236. color: {color:slinks};
  237. display: inline-block;
  238. font-family: arial;
  239. font-size: 9px;
  240. font-style: italic;
  241. height: 14px;
  242. letter-spacing: 1px;
  243. line-height: 18px;
  244. margin-top: 1px;
  245. margin-bottom: 1px;
  246. padding: 3px 0px 3px 0px;
  247. text-align: right;
  248. text-transform: lowercase;
  249. width: 120px;
  250. -webkit-transition: opacity 0.8s linear;
  251. opacity: 1;
  252. -webkit-transition: all 0.5s ease-out;
  253. -moz-transition: all 0.5s ease-out;
  254. transition: all 0.5s ease-out;
  255. }
  256.  
  257. #nav a:hover {
  258. background-color: transparent;
  259. color: {color:slinks hover};
  260. letter-spacing: 2px;
  261. -webkit-transition: opacity 0.8s linear;
  262. opacity: 1;
  263. -webkit-transition: all 0.5s ease-out;
  264. -moz-transition: all 0.5s ease-out;
  265. transition: all 0.5s ease-out;
  266. }
  267.  
  268. #pagination {
  269. color: {color:text};
  270. font-family: arial;
  271. font-size: 11px;
  272. font-style: italic;
  273. margin-top: 1px;
  274. text-align: center;
  275. }
  276.  
  277. #pagination a {
  278. color: {color:link};
  279. }
  280.  
  281. #pagination a:hover {
  282. color: {color:link hover};
  283. }
  284.  
  285. #stuffcontainer {
  286. background-color: transparent;
  287. color: {color:text};
  288. float: left;
  289. margin-bottom: 25px;
  290. margin-left: 620px;
  291. margin-top: 0px;
  292. position: absolute;
  293. text-align: justify;
  294. }
  295.  
  296. #stuff {
  297. background-color: transparent;
  298. color: {color:text};
  299. font-size: 10px;
  300. letter-spacing: 0x;
  301. line-height: 90%;
  302. margin-top: 55px;
  303. padding: 10px;
  304. text-align: justify;
  305. width: 500px;
  306. }
  307.  
  308. .caption {
  309. line-height: 120%;
  310. text-align: justify;
  311. width: 500px;
  312. }
  313.  
  314. .ask {
  315. background-color: transparent;
  316. border-bottom: 1px solid {color:border};
  317. color: {color:text};
  318. padding: 10px;
  319. text-align: center;
  320. font-size: 11px;
  321. }
  322.  
  323. .ans {
  324. color: {color:text};
  325. padding: 10px;
  326. text-align: left;
  327. }
  328.  
  329. .audio {
  330. background-color: {color:post};
  331. padding-bottom: 10px;
  332. width: 500px;
  333. }
  334.  
  335. .albumart {
  336. float: left;
  337. margin-left: 5px;
  338. margin-top: 4px;
  339. padding: 0px 10px 10px 0px;
  340. }
  341.  
  342. .albumart img {
  343. height: 80px;
  344. width: 80px;
  345. border-radius: 50px;
  346. }
  347.  
  348. .playercontainer {
  349. padding: 10px;
  350. text-align: left;
  351. width: 480px;
  352. }
  353.  
  354. .audioinfo {
  355. color: {color:text};
  356. padding-top: 10px;
  357. }
  358.  
  359. .source {
  360. float: center;
  361. }
  362.  
  363. #date a {
  364. color: {color:link};
  365. }
  366.  
  367. #date a:hover {
  368. color: {color:text};
  369. }
  370.  
  371. #tagbox {
  372. background-color: transparent;
  373. border-top: 1px solid {color:border};
  374. color: {color:text};
  375. font-family: arial;
  376. font-size: 9px;
  377. line-height: 110%;
  378. margin-top: 5px;
  379. padding: 4px 4px 4px 4px;
  380. text-align: center;
  381. text-transform: lowercase;
  382. width: 512px;
  383. }
  384.  
  385. #tagbox a {
  386. color: {color:link};
  387. }
  388.  
  389. #tagbox a:hover {
  390. color: {color:text};
  391. }
  392.  
  393. ul.chat, .chat ol, .chat li {
  394. list-style: none;
  395. margin: 0px;
  396. padding: 2px;
  397. }
  398.  
  399. .label {
  400. font-weight: 700;
  401. margin-right: 5px;
  402. text-decoration: none;
  403. text-transform: uppercase;
  404. }
  405.  
  406. #cred {
  407. background-color: transparent;
  408. bottom: 10px;
  409. color: {color:link};
  410. font-size: 8px;
  411. font-weight: normal;
  412. line-height: 150%;
  413. position: fixed;
  414. right: 10px;
  415. text-align: center;
  416. text-transform: uppercase;
  417. }
  418.  
  419. #cred a {
  420. background-color: transparent;
  421. color: {color:link};
  422. padding: 3px;
  423. -moz-transition-duration: 0.5s;
  424. -webkit-transition-duration: 0.5s;
  425. -o-transition-duration: 0.5s;
  426. }
  427.  
  428. {CustomCSS}
  429.  
  430. </style></head>
  431.  
  432. <body>
  433.  
  434. <div id="theme">
  435.  
  436. <div id="sideimg"><img src="{image:sidebar}"></div>
  437. <div id="sideimg2"><img src="{image:sidebar2}"></div>
  438. <div id="sideimg3"><img src="{image:sidebar3}"></div>
  439.  
  440. <div id="titlebox">
  441. <div id="sidetitle"><u>{text:sidetitle}</u></div>
  442. </div>
  443.  
  444. <div id="sep"></div>
  445.  
  446. <div id="sidebar">
  447.  
  448. <div id="description">{Description}</div>
  449. {block:Pagination}
  450. <div id="pagination">
  451. {block:PreviousPage}<a href="{PreviousPage}">fall</a>{/block:PreviousPage}
  452. {block:NextPage}- <a href="{NextPage}">fly</a>{/block:NextPage}
  453. </div>
  454. {/block:Pagination}
  455. </div>
  456.  
  457. <div id="navbox">
  458. <div id="nav">
  459. <a href="/">return.</a><br>
  460. <a href="/ask">inquire.</a><br>
  461. {block:ifslink1}<a href="{text:slink1}">{text:slink1 title}.</a><br>{/block:ifslink1}
  462. {block:ifslink2}<a href="{text:slink2}">{text:slink2 title}.</a><br>{/block:ifslink2}
  463. {block:ifslink3}<a href="{text:slink3}">{text:slink3 title}.</a><br>{/block:ifslink3}
  464. {block:ifslink4}<a href="{text:slink4}">{text:slink4 title}.</a>{/block:ifslink4}
  465. </div>
  466. </div>
  467.  
  468. </div>
  469.  
  470. <div id="stuffcontainer">
  471.  
  472. {block:Posts}
  473.  
  474. <div id="stuff">
  475.  
  476. {block:Text}
  477. {block:Title}<h2>{Title}</h2>{/block:Title}
  478. {Body}
  479. {/block:Text}
  480.  
  481. {block:Quote}
  482. <h3>❝ {Quote} ❞</h3>
  483. <h1>&mdash; {Source}</h1>
  484. {/block:Quote}
  485.  
  486. {block:Link}
  487. <a href="{URL}"><h2>{Name}</h2></a>
  488. {block:Description}<p>{Description}</p>{/block:Description}
  489. {/block:Link}
  490.  
  491. {block:Photo}
  492. <center><img src="{PhotoURL-500}"/></center>
  493. {block:Caption}{Caption}{/block:Caption}
  494. {/block:Photo}
  495.  
  496. {block:Photoset}
  497. <center>{Photoset-500}</center>
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:Photoset}
  500.  
  501. {block:Chat}
  502. <ul class="chat">
  503. {block:Title}<h2>{Title}</h2>{/block:Title}
  504. {block:Lines}
  505. <li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  506. {/block:Lines}</ul>
  507. {/block:Chat}
  508.  
  509. {block:Video}
  510. {Video-500}
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:Video}
  513.  
  514. {block:Answer}
  515. <div class="ask"><i>{Asker} whispered:</i><br><small>{Question}</small></div>
  516. <div class="ans">{Answer}</div>
  517. {/block:Answer}
  518.  
  519. {block:Audio}
  520. <div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  521. <div class="audioinfo">{block:TrackName}<big><big><i>❝ {TrackName} ❞</i></big></big><p>{/block:TrackName}{block:Artist}<big>&nbsp;&nbsp;&mdash; {Artist}</big>{/block:Artist}
  522. {/block:ExternalAudio}</div>
  523. {block:ifwhiteplayer}<div class="playercontainer">{AudioPlayerWhite}</div>{/block:ifwhiteplayer}{block:ifblackplayer}<div class="playercontainer">{AudioPlayerBlack}</div>{/block:ifblackplayer}</div>
  524. {block:Caption}{Caption}{/block:Caption}<br>
  525. {/block:Audio}
  526.  
  527. </div>
  528.  
  529. <div id="tagbox">
  530. {block:Date}
  531. posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  532. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  533. {block:RebloggedFrom}♡ <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  534. {block:ContentSource}♡ <a href="{SourceURL}">source</a>
  535. {/block:ContentSource}<br>
  536. {block:HasTags}tagged as: {block:Tags}<em><a href="/tagged/{Tag}">{Tag}</a>.</em> {/block:Tags}{/block:HasTags}
  537. </div>
  538.  
  539. <div class="note">
  540. {block:PostNotes}<small>{PostNotes}</small>{/block:PostNotes}
  541. </div>
  542.  
  543. {/block:Posts}
  544.  
  545. </div>
  546.  
  547. <div id="cred"><a href="http://mikasarps.tumblr.com/"><img src="https://31.media.tumblr.com/b455caa0b2c51e4bc7c17ae3d2d3ae12/tumblr_inline_nbu2z8B4iI1skllgb.gif" /></a></div>
  548.  
  549. </div>
  550. </div>
  551. </div>
  552. </body>
  553. </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!