API tools faq
paste
Advertisement
Guest User

gareki

a guest
Nov 20th, 2011
3,532
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.76 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. <!--
  3. Le gareki theme by Kamikukisama @ Tumblr. If you're good in html code then you can screw this theme as many as you want, just leave the credit alone somewhere below and upper there :) otherwise enjoy! :)
  4. -->
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <html lang="en"><head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <link rel="shortcut icon" href="{Favicon}" />
  10.  
  11. <!- DEFAULT STUFF -->
  12. <meta name="color:background" content="#eee"/>
  13. <meta name="color:title color" content="#b0a4a4"/>
  14. <meta name="color:link color" content="#2d6e6e"/>
  15. <meta name="color:text color" content="#b9b2b2"/>
  16. <meta name="color:link hover" content="#b9b2b2"/>
  17. <meta name="color:border hover" content="#544c4a"/>
  18. <meta name="color:nav bg" content ="#eee"/>
  19. <meta name="color:nav bg color" content="#59a1a1"/>
  20. <meta name="color:note bg color" content="#59a1a1"/>
  21. <meta name="image:banner" content="http://26.media.tumblr.com/tumblr_lutlkxnpvc1qeurcno1_500.jpg"/>
  22.  
  23. <meta name="image:bg" content="http://media.tumblr.com/tumblr_luiwvwCUv71qbv92l.png"/>
  24. <meta name= "image:background" content = "http://media.tumblr.com/tumblr_luj3o95QyY1qbv92l.jpg"/>
  25. <meta name="image:desc" content="http://media.tumblr.com/tumblr_luix6nyuFO1qbv92l.jpg"/>
  26. <meta name="text:little quote" content="content goes here"/>
  27. <meta name="text:link 1" content="http://"/>
  28. <meta name="text:link 1 name" content="link"/>
  29. <meta name="text:link 2" content="http://"/>
  30. <meta name="text:link 2 name" content="link2"/>
  31. <meta name="text:link 3" content="http://"/>
  32. <meta name="text:link 3 name" content="link3"/>
  33. <meta name="text:link 4" content="http://"/>
  34. <meta name="text:link 4 name" content="link4"/>
  35. <meta name="text:link 5" content="http://"/>
  36. <meta name="text:link 5 name" content="link5"/>
  37. <style type="text/css" />
  38.  
  39.  
  40.  
  41.  
  42. body {
  43. height: 100%;
  44. font-family: "Courier New", Courier, monospace;
  45. color: {color:text color};
  46. font-size: 11px;
  47. letter-spacing: 1px;
  48. background-color:{color:background};
  49. background-image:url('{image:background}');
  50. background-attachment: fixed;
  51. background-repeat: repeat;
  52. background-position: left top;
  53. }
  54.  
  55.  
  56.  
  57. .content blockquote
  58. {
  59. background-color: #f0efef;
  60. padding: 5px;
  61. color: #b9b2b2;
  62. border-left: 9px #b9b2b2 double;
  63. font-family: Georgia, "Times New Roman", Times, serif;
  64. font-style:italic;
  65. text-transform:lowercase;
  66. font-size: 11px;
  67. }
  68. p{
  69. margin-left:5px;
  70. }
  71.  
  72. #head
  73. {
  74. position:fixed;
  75. top: 0px;
  76. left: 0px;
  77. background-color: #cfcaca;
  78. width: 100%;
  79. z-index: auto;
  80. padding: 5px;
  81.  
  82.  
  83. }
  84. #head img{ margin-top:5px; margin-left:20px;}
  85.  
  86. #main {
  87. margin: auto;
  88.  
  89. }
  90.  
  91. img:hover
  92. {
  93. opacity:1.0;
  94. filter:alpha(opacity=60);
  95. -webkit-transition: all 0.8s ease;
  96. -moz-transition: all 0.8s ease;
  97. -ms-transition: all 0.8s ease;
  98. -o-transition: all 0.8s ease;
  99. }
  100.  
  101. #link
  102. {
  103. position:fixed;
  104. width: 150px;
  105. margin-left: 50px;
  106. margin-top:170px;
  107.  
  108. }
  109.  
  110. #left{
  111. position: fixed;
  112. top: 170px;
  113. width: 250px;
  114. left: 240px;
  115. background-color: #eee;
  116. text-align: center;
  117. padding: 10px;
  118. z-index: -1;
  119.  
  120.  
  121. }
  122.  
  123. hr
  124. {
  125. border-bottom: 1px dotted #666;
  126. }
  127.  
  128.  
  129. #left span {
  130. font-family: Georgia, "Times New Roman", Times, serif;
  131. font-size:9px;
  132. font-style:italic;
  133. color: #999;
  134. }
  135.  
  136. #leftquote {
  137. font-family: "Lucida Console", Monaco, monospace;
  138. font-size: 8px;
  139. text-align: center;
  140. text-transform: uppercase;
  141. letter-spacing: 1px;
  142. color: #CCC;
  143. font-style:none;
  144. }
  145.  
  146. #right {
  147.  
  148. position: absolute;
  149. top: 20px;
  150. width: 650px;
  151. left: 530px;
  152. padding: 10px;
  153. z-index: -1;
  154. }
  155.  
  156. #right1 {
  157.  
  158. position: absolute;
  159. top: 20px;
  160. width: 650px;
  161. left: 530px;
  162. padding: 10px;
  163. z-index: -1;
  164. }
  165.  
  166.  
  167. #title {
  168. font-family: Georgia, "Times New Roman", Times, serif;
  169. font-size: 30px;
  170. font-style: italic;
  171. color: {color:title color};
  172. }
  173.  
  174. #title1 {
  175. font-family: "Lucida Console", Monaco, monospace;
  176. font-size: 15px;
  177. letter-spacing: 3px;
  178. color: #59a1a1;
  179. text-transform: uppercase;
  180. }
  181.  
  182. h2 {
  183. font-family: Georgia, "Times New Roman", Times, serif;
  184. font-size: 20px;
  185. font-style: italic;
  186. color: #544c4a;
  187. margin-bottom:0px;
  188. text-transform: lowercase;
  189. }
  190.  
  191.  
  192. #content {
  193.  
  194. font-family: "Courier New", Courier, monospace;
  195. font-size:1em;
  196.  
  197. width:520px;
  198. height: 330px;
  199. padding: 10px;
  200. text-align: justify;
  201.  
  202. }
  203.  
  204.  
  205.  
  206. .content {
  207. background-color: #eee;
  208. font-family: "Courier New", Courier, monospace;
  209. font-size:1em;
  210. width:520px;
  211. padding: 10px;
  212.  
  213. text-align: justify;
  214.  
  215. }
  216. .entry {
  217. background-color: #eee;
  218. font-family: "Courier New", Courier, monospace;
  219. font-size:1em;
  220. width:520px;
  221. padding: 5px;
  222.  
  223. text-align: justify;
  224.  
  225. }
  226.  
  227.  
  228. #back img {
  229. position:fixed;
  230. bottom:0px;
  231. left:0px;
  232. background-image:url();
  233. background-attachment:fixed;
  234. height:500px;
  235. z-index:-2;
  236. }
  237.  
  238.  
  239. #navi {
  240. background-color: #fff;
  241. padding: 10px;
  242. width:670px;
  243. margin: 5px;
  244. display: inline-block;
  245. z-index:-1;
  246. position: absolute;
  247. top: 490px;
  248. left:500px;
  249. }
  250.  
  251. .content1{
  252. float:right;
  253. display: inline-block;
  254.  
  255. }
  256.  
  257.  
  258.  
  259.  
  260. #blogtitle {
  261. font-family: "Courier New", Courier, monospace;
  262. font-size: 20px;
  263. letter-spacing: -1px;
  264. color: #59a1a1;
  265. width: 200px;
  266. margin-left: -30px;
  267. }
  268.  
  269.  
  270. #desc {
  271. font-family: Georgia, "Times New Roman", Times, serif;
  272. font-style: italic;
  273. font-size: 10px;
  274. font-color: #999;
  275. margin-left: -30px;
  276. margin-top:-5px;
  277. }
  278.  
  279. #left img {
  280. padding : 5px;
  281. border: 1px dashed #CCC;
  282.  
  283. }
  284.  
  285. #right img, #navi img , .entry img {
  286. padding : 5px;
  287. border: 1px dashed #CCC;
  288.  
  289. }
  290.  
  291. a.nav:hover {
  292. display: block;
  293. text-align: center;
  294. line-height:20px;
  295. font-family: "Courier New", Courier, monospace;
  296. font-size: 10px;
  297. background-color: {color:nav bg color} ;
  298. text-transform: uppercase;
  299. border-bottom: 5px solid {color:border hover};
  300. color:#CCC;
  301. letter-spacing:1px;
  302. -webkit-transition: all 0.8s ease;
  303. -moz-transition: all 0.8s ease;
  304. -ms-transition: all 0.8s ease;
  305. -o-transition: all 0.8s ease;
  306. }
  307.  
  308. .nav, .nav:link, a.nav:active, a.nav:visited {
  309. width: 100px;
  310. height: 20px;
  311. display: block;
  312. text-decoration:none;
  313. background-color: {color:nav bg};
  314. text-align: center;
  315. line-height:20px;
  316. font-family: "Courier New", Courier, monospace;
  317. font-size: 10px;
  318. text-transform: uppercase;
  319. color:#b9b2b2;
  320. border-bottom: 1px solid #ccc;
  321. letter-spacing:2px;
  322. -webkit-transition: all 0.8s ease;
  323. -moz-transition: all 0.8s ease;
  324. -ms-transition: all 0.8s ease-in;
  325. -o-transition: all 0.8s ease-in;
  326.  
  327.  
  328.  
  329.  
  330. }
  331.  
  332. .quote_short {font-size: 24px; font-family: georgia; width: 70%; margin: auto; text-align: justify;}
  333. .quote_medium {font-size: 18px; font-family: georgia; width: 70%; margin: auto; text-align: justify;}
  334. .quote_long {font-size: 12px; font-family: georgia; width: 70%; margin: auto; text-align: justify;}
  335.  
  336. #quotemarkleft {font-family: georgia; font-size: 180px; margin-bottom: -140px; margin-top: -20px;}
  337. #quotemarkright {font-family: georgia; font-size: 180px; text-align: right; margin-bottom: -80px; margin-top: -70px;}
  338.  
  339. .line {
  340. margin-top:15px;
  341. margin-left:auto;
  342.  
  343. z-index: auto;}
  344.  
  345.  
  346. .line:link, a.line:active, a.line:visited {
  347.  
  348.  
  349. -webkit-transition: all 0.8s ease;
  350. -moz-transition: all 0.8s ease;
  351. -ms-transition: all 0.8s ease-in;
  352. -o-transition: all 0.8s ease-in;
  353. }
  354.  
  355. a.permalink:hover {
  356. text-align: center;
  357. line-height:15px;
  358. font-family: "Courier New", Courier, monospace;
  359. font-size: 9px;
  360. background-color: #59a1a1;
  361. text-transform: uppercase;
  362. border-bottom: 5px solid #544c4a;
  363. color:#CCC;
  364. letter-spacing:1px;
  365. -webkit-transition: all 0.8s ease;
  366. -moz-transition: all 0.8s ease;
  367. -ms-transition: all 0.8s ease;
  368. -o-transition: all 0.8s ease;
  369.  
  370. }
  371.  
  372.  
  373. #back img {
  374.  
  375. }
  376.  
  377. #back {
  378. z-index: -2;
  379. position:absolute;
  380. bottom:-896px;
  381. left:-7px;
  382. }
  383.  
  384. .notecount {
  385. background-color: {color:note bg color};
  386. text-transform: uppercase;
  387. border-top: 5px solid {color:border hover};
  388. color:#CCC; font-size: 9px; letter-spacing: 3px; text-align: center; padding: 2px; text-transform: uppercase; width:
  389.  
  390. 536px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  391. height:10px;
  392. font-family: "consolas";
  393. overflow:visible;
  394.  
  395. }
  396.  
  397. #content {
  398.  
  399. font-family: "Courier New", Courier, monospace;
  400. font-size: 10px;
  401. width:520px;
  402. height: 330px;
  403. padding: 10px;
  404. text-align: justify;
  405.  
  406. }
  407.  
  408. #iya {background-image:url('http://subtlepatterns.com/patterns/bgnoise_lg.png');background-position: center;background-
  409.  
  410. attachment:fixed;background-repeat: repeat; width: 500px;
  411. padding: 10px;}
  412.  
  413.  
  414. .content {
  415. background-color: #eee;
  416. font-family: "Courier New", Courier, monospace;
  417. font-size: 11px;
  418. width:520px;
  419. padding: 10px;
  420. letter-spacing:0px;
  421. text-align: justify;
  422.  
  423. }
  424.  
  425. .permalink { font-family: "consolas", Courier, monospace;
  426. font-size:9px;
  427.  
  428. }
  429.  
  430.  
  431.  
  432.  
  433. a.content:hover {
  434. text-align: center;
  435. line-height:15px;
  436. font-family: "Courier New", Courier, monospace;
  437. font-size: 9px;
  438. background-color: #59a1a1;
  439. text-transform: uppercase;
  440. border-bottom: 5px solid #544c4a;
  441. color:#CCC;
  442. letter-spacing:1px;
  443. -webkit-transition: all 0.8s ease;
  444. -moz-transition: all 0.8s ease;
  445. -ms-transition: all 0.8s ease;
  446. -o-transition: all 0.8s ease;
  447.  
  448. }
  449.  
  450. .permalink img { border:none; }
  451.  
  452. .entry {
  453. background-color: #fff;
  454. z-index: -1;
  455. font-family: "Courier New", Courier, monospace;
  456. font-size:10px;
  457. width:520px;
  458. padding: 10px;
  459. letter-spacing:-1px;
  460. margin-bottom:20px;
  461. }
  462.  
  463. img {
  464. opacity: .7;
  465. -webkit-transition: opacity 0.5s linear;
  466. }
  467.  
  468. img:hover {
  469. opacity: 1;
  470. -webkit-transition: opacity 0.5s linear;
  471. }
  472.  
  473. #page { font-family: georgia;
  474. font-style:italic;
  475. font-size: 9px;
  476. color: #59a1a1;
  477. }
  478.  
  479. #top-link{
  480. display:none; position:fixed; right:5px;
  481. bottom:5px;color:#000;font-family: consolas;
  482. text-decoration:none;background:none;font-size:12px;}
  483.  
  484. a:link, a:visited, a:active
  485. {
  486. color:{color:link color};
  487. text-decoration:none;
  488. }
  489.  
  490. a:hover
  491. { color: {color:link hover};
  492. border-bottom: 3px solid {color:border hover};
  493. -webkit-transition: all 0.8s ease;
  494. -moz-transition: all 0.8s ease;
  495. -ms-transition: all 0.8s ease;
  496. -o-transition: all 0.8s ease;
  497.  
  498. }
  499. a:span hover
  500. {
  501. color: #b9b2b2;
  502. }
  503.  
  504. ul.content, li.content {
  505. padding: 0px;
  506. margin-left: 15px;
  507. border: 0px;
  508. letter-spacing: 0px;
  509. }
  510.  
  511.  
  512. </style>
  513. </head>
  514. <body>
  515.  
  516. <div id="top"></div>
  517. <div id="top-link"><a style="border:none;" href="#top"><img src="http://i.imgur.com/VckRS.png"></a></div>
  518.  
  519.  
  520.  
  521.  
  522. <table width="500" border="0" cellspacing="5">
  523. <tr>
  524. <td>
  525. <div id= "link">
  526.  
  527.  
  528. <div id= "blogtitle"><span>君だけを想ってる。。</span></div>
  529.  
  530. <a class= "nav" href="/" >home</a>
  531. <a class= "nav" href="/archive" >Archive</a>
  532. <a class= "nav" href="/ask" >Message</a>
  533. <a class= "nav" href="{text:link 1}" >{text:link 1 name} </a>
  534. <a class= "nav" href="{text:link 2}" >{text:link 2 name} </a>
  535. <a class= "nav" href="{text:link 3}" >{text:link 3 name}</a>
  536. <a class= "nav" href="{text:link 4}" >{text:link 4 name} </a>
  537. <a class= "nav" href="{text:link 5}" >{text:link 5 name} </a>
  538.  
  539. <div id="desc"> <img src="http://media.tumblr.com/tumblr_lkl679dTSe1qfamg6.gif" alt="miniwing" />{text:little quote}( 〞▽ 〝)
  540. </div>
  541.  
  542. <div id="page">
  543. {block:PreviousPage}<a href="{PreviousPage}">previous</a> {block:PreviousPage}|| {block:NextPage} <a href="{NextPage}">next</a>{block:NextPage}
  544. </div>
  545. </div>
  546. </td>
  547.  
  548. <td>
  549.  
  550. <div id= "left"><img src= "{image:desc}" width="240" />
  551. <center><div id="title1">やっと天使見つけた。。。</div></center>
  552. <div id="leftquote">
  553. "No matter what we do, life is just like that" </div>
  554. <span>"I remember the season we met first and your grace smile
  555. Bringing up old issues, we hurt each other as badly as possible
  556. Our minds are full of thorns"</span><br>
  557. <i>bestviewed in chrome</i>
  558. </div>
  559. </td>
  560.  
  561.  
  562. <td>
  563.  
  564. <div id = "right">
  565. <div id="title">{title}</div>
  566. <div class= "content"><center>
  567. <img src="{image:banner}" width="500" alt="header" /><br>
  568. {description}
  569. </center></div><br />
  570.  
  571.  
  572.  
  573.  
  574. <div class="autopagerize_page_element">
  575. {block:Posts}
  576.  
  577. <div class= "content">
  578. {block:Text}
  579. <a href="{Permalink}"><h2>{Title}</h2></a>
  580. {Body}
  581.  
  582. {/block:Text}
  583.  
  584.  
  585.  
  586. {block:Photo}
  587. <center>
  588. <img src="{PhotoURL-500}" alt="">
  589. {block:Caption}{Caption}{/block:Caption}
  590.  
  591. </center>
  592. {/block:Photo}
  593.  
  594.  
  595. {block:Photoset}
  596. <center>
  597. <div class="photoset">{Photoset-500}</div>
  598. {block:Caption}{Caption}{/block:Caption}
  599. {
  600. </center>
  601. {/block:Photoset}
  602.  
  603.  
  604. {block:Quote}
  605. <div id="quotemarkleft">“</div><div class="quote_{Length}">{Quote}</div><div id="quotemarkright">”</div>
  606. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  607. {/block:Quote}
  608.  
  609.  
  610. {block:Link}
  611. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  612. {block:Description}{Description}{/block:Description}
  613. {/block:Link}
  614.  
  615.  
  616.  
  617. {block:Chat}
  618. {block:Title}<h1>{Title}</h1>{/block:Title}
  619. {block:Lines}
  620. {block:Label}
  621. <p><b>{Label}</b>
  622. {/block:Label}
  623. {Line}</p>
  624. {/block:Lines}
  625. {/block:Chat}
  626.  
  627. {block:Audio}
  628. <p><center>{AudioPlayerGrey}<br>
  629. <i>{FormattedPlayCount}</i> plays</center></p>
  630. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  631. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  632. {Caption}
  633. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  634. {/block:Audio}
  635.  
  636. {block:Video}
  637. {Video-500}
  638. <p><center><i>{FormattedPlayCount}</i> plays</center>
  639. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  640. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  641. {Caption}
  642. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  643. {/block:Video}
  644.  
  645. {block:Answer}
  646. <div class="ask">
  647. <center>
  648. <h3>{Asker} whispered,</h3>
  649. <p>{Question}</p>
  650. <br>------------<br>
  651. </div>
  652. {Answer}</center>
  653. {/block:Answer}
  654. </div>
  655.  
  656. {block:Date}<div class="notecount">
  657. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} &middot; {NoteCountWithLabel}{/block:NoteCount}
  658.  
  659. {block:IfReblogLink} &middot; <a href="{ReblogURL}">Reblog</a>{/block:IfReblogLink}<br />
  660. {block:IfShowTags}{block:HasTags}{block:Tags}#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  661.  
  662. {/block:IfShowTags}
  663. <br><br>
  664.  
  665. {block:PermalinkPage}
  666. <div class="permalink">
  667. <center><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/timer12.gif"> <a href="{permalink}">
  668.  
  669. {DayOfMonthWithZero} {ShortMonth} {Year}</a> <img
  670.  
  671. src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/aicon_79.gif"> <a href="{permalink}">{NoteCountwithLabel}
  672.  
  673. </a></div>{block:RebloggedFrom}<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"> <a href="{ReblogRootURL}">
  674.  
  675. {ReblogRootName}</a> (VIA <a href="{ReblogParentURL}">{ReblogParentName}</a>) {/block:RebloggedFrom}{block:HasTags}
  676.  
  677. <br><br>TAGGED: {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}{/block:HasTags}<br><br>
  678. </center>
  679. {block:PostNotes}
  680. <div id ="iya">{PostNotes}</div>
  681. {/block:PostNotes}
  682. </div>
  683. {/block:PermalinkPage}
  684.  
  685.  
  686. {/block:Posts}
  687.  
  688.  
  689. </td>
  690. </tr>
  691. </table>
  692.  
  693. <div style= "position: fixed; bottom:0px; right:0px; z-index:-2;">
  694. <img src="{image:bg}" alt="le" /></div>
  695. <div style="font-family:arial; font-size:8px; font-weight:bold; text-transform:uppercase; position:fixed; bottom:0px; right:5px; opacity:.5;"><a href="http://kamikukisama.tumblr.com" title="izu">KAMIKUKISAMA</a></div>
  696.  
  697.  
  698.  
  699.  
  700.  
  701. </body>
  702. </html>
  703.  
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!