API tools faq
paste
Advertisement
sunkei

yaoi

sunkei
Jan 10th, 2015
3,950
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. yaoi page made by gyapo.tumblr.com
  4. don't remove this comment
  5.  
  6.  
  7. 13/07 : roses url
  8. -->
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20.  
  21. <!--sparkling cursor-->
  22. <script src="http://static.tumblr.com/onhp7lq/Y7bnhyy7n/kirakira.js"></script>
  23. <!--sparkling cursor end-->
  24.  
  25.  
  26.  
  27. <style type="text/css">
  28.  
  29. /*scrollbar section*/
  30. ::-webkit-scrollbar-thumb {border-radius: 10px;background-color:#fff;border:5px solid #cdf0f5;}
  31. ::-webkit-scrollbar {background-color:transparent;height:19px;}
  32.  
  33.  
  34.  
  35.  
  36.  
  37. body
  38. {font-family:calibri;
  39. font-size:10px;
  40. background-color:#cdf0f5;
  41. background-image:url('http://40.media.tumblr.com/3ed14cbbe301c5f0e7c457e07f9e593a/tumblr_mwql1zRDWb1sgo88eo3_250.png');
  42. background-position: fixed;
  43. background-attachment:fixed;
  44. background-repeat:repeat;
  45. overflow-y:hidden;}
  46.  
  47. a
  48. {text-decoration:none;
  49. color:#000;}
  50.  
  51.  
  52.  
  53. #container
  54. {width:100%;
  55. height:543px;
  56. position:fixed;
  57. top:0px;left:0px;
  58. overflow-y:hidden;
  59. overflow-x:scroll;}
  60.  
  61. #in
  62. {width:2650px;/*increase this as you add mangas*/
  63. margin-top:110px;
  64. margin-left:70px;
  65. position:relative;}
  66.  
  67.  
  68. .manga
  69. {float:left;
  70. overflow:hidden;
  71. height:500px;
  72. width:172px;
  73. font-family:calibri;
  74. margin-left:70px;
  75. margin-right:70px;
  76. margin-bottom:75px;}
  77.  
  78. .inside
  79. {background-color:#fff;
  80. padding:10px;
  81. width:150px;}
  82. .inside img
  83. {width:150px;}
  84.  
  85. .cover1 {border:1px solid #88ceb9;}
  86.  
  87.  
  88.  
  89. /*comment section*/
  90. .outside
  91. {position:absolute;
  92. margin-top:15px;
  93. width:172px;opacity:0;
  94. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  95. }
  96.  
  97. .manga:hover .outside
  98. {opacity:1;
  99. margin-top:-65px;}
  100. .manga:hover .summary
  101. {margin-top:5px;}
  102. .outside ol
  103. {list-style-type:hiragana-iroha;}
  104.  
  105. .comment
  106. {margin-bottom:3px;
  107. color:#ffd79d;
  108. max-width:130px;
  109. font-family:lucida console;font-size:9px;}
  110.  
  111. .comment span
  112. {background-color:#fff;color:#222;padding:0px 10px 0px 10px;
  113. border-left:3px solid #ffd79d;}
  114. .manga:hover .comment
  115. {margin-left:0px;opacity:1;}
  116.  
  117.  
  118.  
  119.  
  120. /*below cover section*/
  121.  
  122. .infos
  123. {text-align:center;
  124. width:170px;
  125. margin-top:-3px;}
  126.  
  127. #name
  128. {width:150px;margin-left:11px;}
  129. .title1
  130. {background-color:#000;border-radius:3px;
  131. color:#fff;font-size:12px;
  132. padding:2px 8px 0px 8px;
  133. font-family:lucida console;}
  134.  
  135. .author
  136. {color:#aaa;
  137. text-shadow:-1px -1px #fff;
  138. margin-top:2px;}
  139.  
  140.  
  141.  
  142. .summary
  143. {text-align:justify;width:140px;
  144. position:absolute;opacity:0;
  145. margin-top:-150px;
  146. border-radius:3px;
  147. color:#aaa;margin-left:11px;
  148. background-image:url("http://tinyurl.com/lgb3mbz");
  149. background-color:#fff;padding:5px;
  150. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  151. .summary b
  152. {color:#e5b979;}
  153. .summary i
  154. {opacity:0.7;}
  155. .manga:hover .summary
  156. {opacity:1;margin-top:5px;}
  157.  
  158. /*roses section*/
  159. .manga:hover .roses img
  160. {opacity:1;}
  161. .roses img
  162. {position:absolute;opacity:0;
  163. z-index:-100;
  164. }
  165. .left1
  166. {margin-left:-61px;margin-top:42px;
  167. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  168.  
  169. .left2
  170. {margin-left:-47px;margin-top:18px;
  171. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  172. -webkit-transition-delay: 0.2s;
  173. transition-delay: 0.15s;}
  174. .left3
  175. {margin-left:-68px;margin-top:105px;
  176. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  177. -webkit-transition-delay: 0.4s;
  178. transition-delay: 0.3s;}
  179. .right1
  180. {margin-left:165px;margin-top:90px;
  181. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  182. -webkit-transition-delay: 0.1s;
  183. transition-delay: 0.05s;}
  184. .right2
  185. {margin-left:118px;margin-top:156px;
  186. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  187. -webkit-transition-delay: 0.25s;
  188. transition-delay: 0.2s;}
  189. .right3
  190. {margin-left:169px;margin-top:52px;
  191. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
  192. -webkit-transition-delay: 0.45s;
  193. transition-delay: 0.3s;}
  194.  
  195.  
  196. /*footer section*/
  197. #footer
  198. {background-color:#fff;
  199. height:30px;
  200. padding:35px 0px 35px 0px;
  201. position:fixed;bottom:0px;left:0px;
  202. text-align:center;
  203. width:100%;
  204. }
  205. #footer table
  206. {width:175px;
  207. margin:0 auto;
  208. }
  209. #footer div
  210. {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  211. #footer div:hover
  212. {margin-top:-10px;
  213. padding-bottom:10px;
  214.  
  215. }
  216.  
  217.  
  218. #musicbox
  219. {position:fixed;z-index:999;
  220. top:0px;
  221. left:35;
  222. width:95px;
  223. height:12px;
  224. background-color:#fff;
  225. text-align:center;
  226. padding:3px;
  227. overflow:hidden;
  228. border-radius:3px;
  229. -moz-border-radius:2px;
  230. opacity:0.5;
  231. -webkit-transition: opacity 0.5s ease-in-out;
  232. -webkit-transition: all 0.5s ease-in-out;
  233. -moz-transition: all 0.5s ease-in-out;
  234. -o-transition: all 0.5s ease-in-out;
  235. }
  236.  
  237. #musicbox:hover
  238. {opacity:1;
  239. }
  240.  
  241. #insidebox
  242. {height:11px;
  243. -webkit-transition: opacity 0.5s ease-in-out;
  244. -webkit-transition: all 0.5s ease-in-out;
  245. -moz-transition: all 0.5s ease-in-out;
  246. -o-transition: all 0.5s ease-in-out;
  247. }
  248.  
  249. #playerbox
  250. {margin-top:5px;
  251. }
  252. #musicbox:hover #insidebox
  253. {margin-top:-20px;
  254. }
  255. </style>
  256. </head>
  257. <body>
  258.  
  259.  
  260. <div id="musicbox">
  261. <div id="insidebox">
  262. <div id="musicpic"><img src="http://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"></div>
  263. <div id="playerbox"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/u/32744359/empty.mp3&t0=공허해&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  264. </div><!—insidebox—>
  265. </div><!—musicbox—>
  266.  
  267. <div id="container">
  268.  
  269.  
  270. <div id="in">
  271.  
  272.  
  273. <!--start manga 1-->
  274. <div class="manga">
  275. <div class="roses">
  276. <img class="left1" src="https://41.media.tumblr.com/8d316b6bcb7d85397fde8a69e4a0ee4f/tumblr_nhxlqaTzA81qdm57ho1_100.png">
  277. <img class="left3" src="https://41.media.tumblr.com/015ada2f2cc89ac7a3f5ffe1c5d41a6c/tumblr_nhxlqaTzA81qdm57ho3_100.png">
  278. <img class="left2" src="https://40.media.tumblr.com/73e9f4cb6d15555e20eba5bf08b53fe5/tumblr_nhxlqaTzA81qdm57ho2_100.png">
  279. <img class="right1" src="https://36.media.tumblr.com/82eb70c4dd3ac84e25595e5d85f977ce/tumblr_nhxlqaTzA81qdm57ho4_100.png">
  280. <img class="right2" src="https://36.media.tumblr.com/976ec1102d8d75af4ea3da77eb61e886/tumblr_nhxlqaTzA81qdm57ho6_250.png">
  281. <img class="right3" src="https://41.media.tumblr.com/070f559c3f85dd1f1ffe7086910edc0a/tumblr_nhxlqaTzA81qdm57ho5_100.png">
  282. </div><!--roses-->
  283. <div class="outside">
  284. <ol>
  285. <li class="comment"><span>much feels</span></li>
  286. <li class="comment"><span>love the twins</span></li>
  287. <li class="comment"><span>i want more of haru's bg story</span></li>
  288. </ol>
  289.  
  290. </div><!--outside-->
  291. <div class="cover1">
  292. <div class="inside">
  293. <img src="http://25.media.tumblr.com/tumblr_m9bdssEpB21qkv3plo1_400.png"/>
  294. </div><!--inside-->
  295. </div><!--cover-->
  296. <div class="infos">
  297. <div id="name"> <span class="title1">Super Lovers</span></div>
  298. <div class="author">Abe Miyuki · あべ美幸</div>
  299. </div><!--infos-->
  300. <div class="summary"><b>Haru</b> spends the summer in Canada where his mother is. There, she tells her to civilize his <i>new adoptive brother</i>, the wild <b>Ren</b>.</div>
  301. </div>
  302. <!--end manga 1-->
  303.  
  304.  
  305. <!--start manga 2-->
  306. <div class="manga">
  307. <div class="roses">
  308. <img class="left1" src="http://tinyurl.com/ockqj9o">
  309. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  310. <img class="left2" src="http://tinyurl.com/nfouudv">
  311. <img class="right1" src="http://tinyurl.com/krvgj8d">
  312. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  313. <img class="right3" src="http://tinyurl.com/k9nc85p">
  314. </div><!--roses-->
  315. <div class="outside">
  316. <ol>
  317. <li class="comment"><span>ogawa chise is life</span></li>
  318. <li class="comment"><span>yandere <3</span></li>
  319. <li class="comment"><span>art is so sexy~</span></li>
  320. </ol>
  321.  
  322. </div><!--outside-->
  323. <div class="cover1">
  324. <div class="inside">
  325. <img src="http://40.media.tumblr.com/29c4283e5c4df7073b62e42c24fa8f36/tumblr_mteai2XwK61sqw2fjo1_500.jpg"/>
  326. </div><!--inside-->
  327. </div><!--cover-->
  328. <div class="infos">
  329. <div id="name"> <span class="title1">Gosan No Heart</span></div>
  330. <div class="author">Ogawa Chise · 緒川千世</div>
  331. </div><!--infos-->
  332. <div class="summary"><i>Playboy</i> <b>Miki</b> dates <b>Udou</b> on a whim. But the whim leads to a pretty serious link. </div>
  333. </div>
  334. <!--end manga 2-->
  335.  
  336. <!--start manga 3-->
  337. <div class="manga">
  338. <div class="roses">
  339. <img class="left1" src="http://tinyurl.com/ockqj9o">
  340. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  341. <img class="left2" src="http://tinyurl.com/nfouudv">
  342. <img class="right1" src="http://tinyurl.com/krvgj8d">
  343. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  344. <img class="right3" src="http://tinyurl.com/k9nc85p">
  345. </div><!--roses-->
  346. <div class="outside">
  347. <ol>
  348. <li class="comment"><span>/!\from left to right</span></li>
  349. <li class="comment"><span>long story as well</span></li>
  350. <li class="comment"><span>read it 3 or 4 times already</span></li>
  351. </ol>
  352.  
  353. </div><!--outside-->
  354. <div class="cover1">
  355. <div class="inside">
  356. <img src="http://cdn.myanimelist.net/images/manga/3/18908.jpg"/>
  357. </div><!--inside-->
  358. </div><!--cover-->
  359. <div class="infos">
  360. <div id="name"> <span class="title1">Totally Captivated</span></div>
  361. <div class="author">Yoo Ha Jin · 유하진</div>
  362. </div><!--infos-->
  363. <div class="summary"><i>Mafia boss</i> <b>Mookyul</b> X <i>Fox</i> <b>Ewon</b></div>
  364. </div>
  365. <!--end manga 3-->
  366.  
  367.  
  368. <!--start manga 4-->
  369. <div class="manga">
  370. <div class="roses">
  371. <img class="left1" src="http://tinyurl.com/ockqj9o">
  372. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  373. <img class="left2" src="http://tinyurl.com/nfouudv">
  374. <img class="right1" src="http://tinyurl.com/krvgj8d">
  375. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  376. <img class="right3" src="http://tinyurl.com/k9nc85p">
  377. </div><!--roses-->
  378. <div class="outside">
  379. <ol>
  380. <li class="comment"><span>Everything Yoneda Kou</span></li>
  381. <li class="comment"><span>much pain much angst</span></li>
  382. <li class="comment"><span>Yashiro is too precious</span></li>
  383. </ol>
  384.  
  385. </div><!--outside-->
  386. <div class="cover1">
  387. <div class="inside">
  388. <img src="http://c.mhcdn.net/store/manga/10984/004.0/compressed/n002.jpg"/>
  389. </div><!--inside-->
  390. </div><!--cover-->
  391. <div class="infos">
  392. <div id="name"> <span class="title1">Saezuru Tori wa Habatakanai</span></div>
  393. <div class="author">Yoneda Kou · ヨネダコウ</div>
  394. </div><!--infos-->
  395. <div class="summary"><i>Impotent </i> <b>Doumeki</b> works as a bodygard for <b>Yashiro</b>, the masochist, lewd and beautiful <i>yakuza boss</i></div>
  396. </div>
  397. <!--end manga 4-->
  398.  
  399.  
  400. <!--start manga 5-->
  401. <div class="manga">
  402. <div class="roses">
  403. <img class="left1" src="http://tinyurl.com/ockqj9o">
  404. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  405. <img class="left2" src="http://tinyurl.com/nfouudv">
  406. <img class="right1" src="http://tinyurl.com/krvgj8d">
  407. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  408. <img class="right3" src="http://tinyurl.com/k9nc85p">
  409. </div><!--roses-->
  410. <div class="outside">
  411. <ol>
  412. <li class="comment"><span>much fun much feels</span></li>
  413. <li class="comment"><span>everything natsume isaku</span></li>
  414. <li class="comment"><span>always a re-read</span></li>
  415. </ol>
  416.  
  417. </div><!--outside-->
  418. <div class="cover1">
  419. <div class="inside">
  420. <img src="http://yaoiaddictionsociety.com/wordpress/wp-content/uploads/2012/11/Doushiyoumo-Nai-Keredo-1.jpg"/>
  421. </div><!--inside-->
  422. </div><!--cover-->
  423. <div class="infos">
  424. <div id="name"> <span class="title1">Doushiyoumo Nai Keredo</span></div>
  425. <div class="author">Natsume Isaku · 夏目イサク</div>
  426. </div><!--infos-->
  427. <div class="summary">Perfect elite <b>Shimano</b> enter his father's company but have to put up with <b>Kurokawa</b>, his manager and accessorily his father's drinking buddy.</div>
  428. </div>
  429. <!--end manga 5-->
  430.  
  431.  
  432. <!--start manga 6-->
  433. <div class="manga">
  434. <div class="roses">
  435. <img class="left1" src="http://tinyurl.com/ockqj9o">
  436. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  437. <img class="left2" src="http://tinyurl.com/nfouudv">
  438. <img class="right1" src="http://tinyurl.com/krvgj8d">
  439. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  440. <img class="right3" src="http://tinyurl.com/k9nc85p">
  441. </div><!--roses-->
  442. <div class="outside">
  443. <ol>
  444. <li class="comment"><span>Novel & Manhwa</span></li>
  445. <li class="comment"><span>got me into bl novels</span></li>
  446. <li class="comment"><span>favourite novel ever</span></li>
  447. </ol>
  448.  
  449. </div><!--outside-->
  450. <div class="cover1">
  451. <div class="inside">
  452. <img src="http://media.tumblr.com/8ca140f0b694f5d82ae575e973f47763/tumblr_inline_n7x1bl916I1si5ygd.jpg"/>
  453. </div><!--inside-->
  454. </div><!--cover-->
  455. <div class="infos">
  456. <div id="name"> <span class="title1">Feng Yu Jiu Tian</span></div>
  457. <div class="author">Feng Non · 風弄</div>
  458. </div><!--infos-->
  459. <div class="summary"><b>Feng Ming</b> dies to save a child and gets a second life. His soul returns to another body in a parallel world, the body of a beautiful prince in ancient China, a prince under the eye of <b>Rong Tian</b>, the minister of affairs.</div>
  460. </div>
  461. <!--end manga 6-->
  462.  
  463.  
  464. <!--start manga 7-->
  465. <div class="manga">
  466. <div class="roses">
  467. <img class="left1" src="http://tinyurl.com/ockqj9o">
  468. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  469. <img class="left2" src="http://tinyurl.com/nfouudv">
  470. <img class="right1" src="http://tinyurl.com/krvgj8d">
  471. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  472. <img class="right3" src="http://tinyurl.com/k9nc85p">
  473. </div><!--roses-->
  474. <div class="outside">
  475. <ol>
  476. <li class="comment"><span>So funny</span></li>
  477. <li class="comment"><span>art and story a bit unusual</span></li>
  478. <li class="comment"><span>Iberiko among my fave seme</span></li>
  479. </ol>
  480.  
  481. </div><!--outside-->
  482. <div class="cover1">
  483. <div class="inside">
  484. <img src="https://33.media.tumblr.com/5ca44192f011af34f479c27a9db8edfe/tumblr_ngpfsnhnRs1u5hybyo1_1280.jpg"/>
  485. </div><!--inside-->
  486. </div><!--cover-->
  487. <div class="infos">
  488. <div id="name"> <span class="title1">Iberiko Buta To Koi To Tsubaki</span></div>
  489. <div class="author">Shoowa</div>
  490. </div><!--infos-->
  491. <div class="summary">Tsubaki Constuctions' son <b>Tsubaki</b> meets leader of the Pigs Raging Clean Up Crew <b>Irie</b>, also the son of the Itameshi Group. BL Romeo & Juliet.</div>
  492. </div>
  493. <!--end manga 7-->
  494.  
  495.  
  496. <!--start manga 8-->
  497. <div class="manga">
  498. <div class="roses">
  499. <img class="left1" src="http://tinyurl.com/ockqj9o">
  500. <img class="left3" src="http://tinyurl.com/pxxm5oq">
  501. <img class="left2" src="http://tinyurl.com/nfouudv">
  502. <img class="right1" src="http://tinyurl.com/krvgj8d">
  503. <img class="right2" src="http://tinyurl.com/q5mxyc4">
  504. <img class="right3" src="http://tinyurl.com/k9nc85p">
  505. </div><!--roses-->
  506. <div class="outside">
  507. <ol>
  508. <li class="comment"><span>Anime is bliss</span></li>
  509. <li class="comment"><span>hyperventilating at every chapter</span></li>
  510. <li class="comment"><span>doki doki</span></li>
  511. </ol>
  512.  
  513. </div><!--outside-->
  514. <div class="cover1">
  515. <div class="inside">
  516. <img src="http://www.manga-news.com/public/images/vols/sekai-ichi-hatsukoi-07-kadokawa.jpg"/>
  517. </div><!--inside-->
  518. </div><!--cover-->
  519. <div class="infos">
  520. <div id="name"> <span class="title1">Sekaii-ichi Hatsukoi</span></div>
  521. <div class="author">Shungiku Nakamura · 中村 春菊</div>
  522. </div><!--infos-->
  523. <div class="summary">New recruit and jaded <b>Onodera</b> seems familiar to <b>Takano</b>, the editor-in-chief of Marukawa Publishing's Shojo departement .</div>
  524. </div>
  525. <!--end manga 8-->
  526.  
  527. </div><!--in-->
  528. </div><!--container-->
  529. <div id="footer">
  530. <table>
  531. <tr>
  532. <td><a title="home" href="/"><div><img src="http://media.tumblr.com/de173d40e7b54341afe10ea91d24f128/tumblr_inline_mhrcphA2lx1qz4rgp.gif"></div></a></td>
  533. <td><a title="ask" href="/ask"><div><img src="http://media.tumblr.com/75d3cb0245c8658391641ec0f2290dd2/tumblr_inline_mhrcprcyof1qz4rgp.gif"></div></div></a></td>
  534. <td><a title="yaoi by gyapo" href="http://gyapo.tumblr.com/"><div><img src="http://media.tumblr.com/2793df668739dc7f9bff2293262c60af/tumblr_inline_mhrcq6SwKz1qz4rgp.gif"></div></div></a></td>
  535. </tr>
  536. </table>
  537.  
  538. </div><!--footer-->
  539.  
  540.  
  541. </body>
  542. </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!