API tools faq
paste
mataharikemalaman

Punya Fura

mataharikemalaman
Jan 14th, 2013
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.18 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  Ryoma
  3.  page made by gyapo.tumblr.com
  4.  don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17.    <meta name="description" content="{MetaDescription}" />
  18.  
  19.  
  20.  
  21.  
  22. <style type="text/css">
  23.  
  24. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  25.  
  26. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  27.  
  28.  
  29.  
  30. body {
  31. font-family: calibri;
  32. font-size: 10px;
  33. background-color: white;
  34. background-image: url('http://24.media.tumblr.com/tumblr_lvuln9WYkZ1r1ne7to1_250.png');
  35. background-attachment: fixed;
  36. background-repeat: repeat;
  37. }
  38.  
  39. a
  40. {text-decoration:none;}
  41.  
  42. b
  43. {color:white;}
  44.  
  45.  
  46. #all
  47. {margin:0 auto;margin-top:0px;}
  48.  
  49. #avatar
  50. {border:5px solid #fff;
  51. width:150px;height:150px;
  52. box-shadow:0px 0px 5px #ddd;overflow:hidden;}
  53. #avatar img
  54. {width:150px;}
  55. .member
  56. {width:150px;height:150px;margin:10px;}
  57. .slide
  58. {padding: 5px;
  59. position: absolute;
  60. width: 141px;
  61. margin: 5px;
  62. height: 141px;
  63. opacity: 0;}
  64.  
  65. #white
  66. {background-color:#fff;-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  67. #about
  68. {-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;text-align:justify;overflow:auto;}
  69. #name
  70. {-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;text-align:center;}
  71.  
  72. #namaforum
  73. {margin-top:25px;text-transform:uppercase;letter-spacing:2px;}
  74. #blog
  75. {font-style:italic;}
  76. .member:hover #white
  77. {opacity:0.4;}
  78.  
  79.  
  80. #right:hover #name
  81. {margin-left:344px;opacity:1;z-index:999;}
  82. #right:hover #about
  83. {margin-left:175px;opacity:1;z-index:999;}
  84. #center:hover #name
  85. {margin-left:-165px;opacity:1;z-index:999;}
  86. #center:hover #about
  87. {margin-left:175px;opacity:1;z-index:999;}
  88. #left:hover #name
  89. {margin-left:-335px;opacity:1;z-index:999;}
  90. #left:hover #about
  91. {margin-left:-166px;opacity:1;z-index:999;}
  92.  
  93.  
  94.  
  95.  
  96. #right #about
  97. {background-color:#dde3f0;color:#969eb1;}
  98. #right #name
  99. {background-color:#cdd3e0;}
  100. #right #namaforum
  101. {color:#969eb1;border-bottom:1px solid #dde3f0;}
  102. #right #blog
  103. {color: white;
  104. opacity: 1;
  105. font-size: 12px;
  106. font-style: normal;
  107. text-transform: uppercase;
  108. font-family: Century gothic;}
  109.  
  110. #center #about
  111. {background-color:#f5e9c1;color:#c5ba99;}
  112. #center #name
  113. {background-color:#e2dbc4;}
  114. #center #namaforum
  115. {color:#c5ba99;border-bottom:1px solid #f5e9c1;}
  116. #center #blog
  117. {color: white;
  118. opacity: 1;
  119. font-size: 12px;
  120. font-style: normal;
  121. text-transform: uppercase;
  122. font-family: Century gothic;}
  123.  
  124. #left #about
  125. {background-color:#f8f2fa;color:#b2adb4;}
  126. #left #name
  127. {background-color:#d9d3db;}
  128. #left #namaforum
  129. {color:#b2adb4;border-bottom:1px solid #efdcf7;}
  130. #left #blog
  131. {color: white;
  132. opacity: 1;
  133. font-size: 12px;
  134. font-style: normal;
  135. text-transform: uppercase;
  136. font-family: Century gothic;}
  137.  
  138. #linetwo #right #about
  139. {background-color:#ddd;color:#888;}
  140. #linetwo #right #name
  141. {background-color:#bbb;}
  142. #linetwo #right #namaforum
  143. {color:#888;border-bottom:1px solid #ddd;}
  144. #linetwo #right #blog
  145. {color:#fff;opacity:0.8;}
  146.  
  147. .other
  148. {margin:5px 0px 5px 10px;padding:10px 5px 10px 15px ;color:#aaa;text-transform:uppercase;font-family:courier;text-align:center;letter-spacing:5px;}
  149. #upper
  150. {width:480px;background-color:#000;color:#fff;}
  151. #back
  152. {width:210px;}
  153. #gyapo
  154. {width:90px;}
  155.  
  156. #baa
  157. {max-height: 555px;overflow: auto;}
  158.  
  159. </style>
  160. </head>
  161.  
  162. <body>
  163. <table id="all" border="0" cellpadding="0" cellspacing="0">
  164.  
  165. <tr><td colspan="3">
  166. <div class="other" id="upper">Mada mada dane</div>
  167. </td></tr>
  168. <tr><!--line 1-->
  169.  
  170. <!--KIRI-->
  171. <td><div class="member" id="right">
  172. <div class="slide" id="name">
  173. <div class="title" id="namaforum">Anihogwarts</div>  
  174. <div class="title" id="blog">Frau Rainriver</div>
  175. </div>
  176.  
  177. <div class="slide" id="about">
  178. <b>Status:</b> Active <br>
  179. <b>Visualization:</b> Arisato Minato - Persona 3<br>
  180. <b>Age:</b> 20 <br>
  181. <b>Blood Status:</b> Muggleborn<br>
  182. <b>Birth:</b> Birmingham, 4 February 1960<br>
  183. <b>House:</b> Hufflepuff<br>
  184. <b>Desc:</b> Husband of Alixia Icarus Revillian. Kind, motherly, mostly just like a girl. Step-brother of Elden Regnflod, blood brother of Alexander Rathbourne, and cousin of Alan Gerhardt Rainriver. Owner of Oedipus Restaurante.<br>
  185. </div>
  186.  
  187.  
  188. <a href="/"><!--blog URL-->
  189. <div class="slide" id="white"></div>
  190.  
  191. <div id="avatar">
  192.    <img src="http://i.imgur.com/aOD5S.png"/>
  193. </div>
  194. </a>
  195. </div></td>
  196.  
  197. <!--KIRI SELESAI-->
  198.  
  199.  
  200.  
  201. <!--TENGAH-->
  202.  
  203. <td><div class="member" id="center">
  204. <div class="slide" id="name">
  205. <div class="title" id="namaforum">ANIHOGWARTS</div>  
  206. <div class="title" id="blog">Elden Regnflod</div>
  207. </div><!--rightname-->
  208. <div class="slide" id="about">
  209. <b>Status:</b> Active <br>
  210. <b>Visualization:</b> Akaito - Vocaloid<br>
  211. <b>Age:</b> 20 <br>
  212. <b>Blood Status:</b> Pureblood<br>
  213. <b>Birth:</b> Birmingham, 4 September 1959<br>
  214. <b>House:</b> Gryffindor<br>
  215. <b>Desc:</b> Order of Phoenix's member, step-brother of Frau Rainriver. His real name is Elden Rathbourne. Brother of Iris Rathbourne and Ashlee Joshua Valhaze Rathbourne, (self-proclaimed) rival of Reid Alden Scarlett. Your typical Gryffindor.<br>
  216.  
  217.  
  218. </div>
  219. <a href="/">
  220. <div class="slide" id="white"></div>
  221. <div id="avatar">
  222.     <img src="http://i.imgur.com/CEKrv.png"/></a>
  223. </div>
  224. </a>
  225. </div></td>
  226.  
  227. <!--TENGAH SELESAI-->
  228.  
  229.  
  230.  
  231.  
  232. <!--KANAN-->
  233.  
  234. <td><div class="member" id="left">
  235. <div class="slide" id="name">
  236. <div class="title" id="namaforum">anihogwarts</div>  
  237. <div class="title" id="blog">Valente Ravensdale</div>
  238. </div><!--rightname-->
  239.  
  240. <div class="slide" id="about">
  241. <b>Status:</b> Active <br>
  242. <b>Visualization:</b> Lovino Vargas / Romano / South Italy - Hetalia<br>
  243. <b>Age:</b> 21 <br>
  244. <b>Blood Status:</b> Muggleborn<br>
  245. <b>Birth:</b> London, 14 February 1959<br>
  246. <b>House:</b> Gryffindor<br>
  247. <b>Desc:</b> Owner of Wood of Dryad; his own plant store. Rachelle Marietta Goldhawk's lover, and older brother of Luca Losberne. Hot-headed, but nowadays can think more rationally. Ex-slave of Renato Garcia Abbot.<br>
  248.  
  249. </div>
  250. <a href="/">
  251. <div class="slide" id="white"></div>
  252. <div id="avatar">
  253.    <img src="http://i.imgur.com/GZS33.png"/>
  254. </div>
  255. </a>
  256. </div></td>
  257. </tr>
  258.  
  259. <!--KANAN SELESAI-->
  260.  
  261.  
  262.  
  263. <!--line1 end-->
  264.  
  265.  
  266.  
  267. <tr id="linetwo">
  268. <!--line 2-->
  269.  
  270.  
  271. <!--KIRI-->
  272. <td><div class="member" id="right">
  273. <div class="slide" id="name">
  274. <div class="title" id="namaforum">Anihogwarts</div>  
  275. <div class="title" id="blog">Madeline Dupre</div>
  276. </div>
  277.  
  278. <div class="slide" id="about">
  279. <b>Status:</b> Active <br>
  280. <b>Visualization:</b> Nyotalia!Canada - Hetalia<br>
  281. <b>Age:</b> 18 <br>
  282. <b>Blood Status:</b> Halfblood<br>
  283. <b>Birth:</b> London, 1 July 1961<br>
  284. <b>House:</b> Hufflepuff<br>
  285. <b>Desc:</b> Twin-sister of Alphonse Denouement, younger sister of Claire Denouement. Her real name is Madeline Denouement; step-sister of Raymond Dupre. Lover of Kanui Aolani Scarlett. Kind and loving.<br>
  286.  
  287. </div>
  288.  
  289.  
  290. <a href="/"><!--blog URL-->
  291. <div class="slide" id="white"></div>
  292.  
  293. <div id="avatar">
  294.    <img src="http://i.imgur.com/IucPg.png"/>
  295. </div>
  296. </a>
  297. </div></td>
  298.  
  299. <!--KIRI SELESAI-->
  300.  
  301.  
  302.  
  303. <!--TENGAH-->
  304.  
  305. <td><div class="member" id="center">
  306. <div class="slide" id="name">
  307. <div class="title" id="namaforum">ANIHOGWARTS</div>  
  308. <div class="title" id="blog">Leivatin Crowne</div>
  309. </div><!--rightname-->
  310. <div class="slide" id="about">
  311. <b>Status:</b> Active <br>
  312. <b>Visualization:</b> Haruki Naoshi - Starry Sky<br>
  313. <b>Age:</b> 16<br>
  314. <b>Blood Status:</b> Pureblood<br>
  315. <b>Birth:</b> Plymouth, 11 August 1963<br>
  316. <b>House:</b> Gryffindor<br>
  317. <b>Desc:</b> Son of a pirate. Loves his family. Energetic and naive.<br>
  318.  
  319.  
  320. </div>
  321. <a href="/">
  322. <div class="slide" id="white"></div>
  323. <div id="avatar">
  324.    <img src="http://i.imgur.com/j9jN6.png"/></a>
  325. </div>
  326. </a>
  327. </div></td>
  328.  
  329. <!--TENGAH SELESAI-->
  330.  
  331.  
  332.  
  333.  
  334. <!--KANAN-->
  335.  
  336. <td><div class="member" id="left">
  337. <div class="slide" id="name">
  338. <div class="title" id="namaforum">anihogwarts</div>  
  339. <div class="title" id="blog">Nusa Zeldenthuis</div>
  340. </div><!--rightname-->
  341.  
  342. <div class="slide" id="about">
  343. <b>Status:</b> Active <br>
  344. <b>Visualization:</b> Ikezawa Kazuma - Summer Wars<br>
  345. <b>Age:</b> 15<br>
  346. <b>Blood Status:</b> Halfblood<br>
  347. <b>Birth:</b> Yogyakarta, Indonesia; 17 August 1964<br>
  348. <b>House:</b> Gryffindor<br>
  349. <b>Desc:</b> Brother of Tirza Zeldenthuis. Trouble-maker, poker-faced. Likes to annoy people.<br>
  350.  
  351. </div>
  352. <a href="/">
  353. <div class="slide" id="white"></div>
  354. <div id="avatar">
  355.    <img src="http://i.imgur.com/smrMN.jpg"/>
  356. </div>
  357. </a>
  358. </div></td>
  359. </tr>
  360.  
  361. <!--KANAN SELESAI-->
  362.  
  363. <!--line2 end-->
  364.  
  365.  
  366.  
  367.  
  368. <tr id="linetwo">
  369. <!--line 3-->
  370.  
  371.  
  372. <!--KIRI-->
  373. <td><div class="member" id="right">
  374. <div class="slide" id="name">
  375. <div class="title" id="namaforum">Anihogwarts</div>  
  376. <div class="title" id="blog">Frau Rainriver</div>
  377. </div>
  378.  
  379. <div class="slide" id="about">
  380. <b>Status:</b> Active <br>
  381. <b>Visualization:</b> Arisato Minato - Persona 3<br>
  382. <b>Age:</b> 20 <br>
  383. <b>Blood Status:</b> Muggleborn<br>
  384. <b>Birth:</b> Birmingham, 4 February 1960<br>
  385. <b>House:</b> Hufflepuff<br>
  386. <b>Desc:</b> Husband of Alixia Icarus Revillian. Kind, motherly, mostly just like a girl. Step-brother of Elden Regnflod, blood brother of Alexander Rathbourne, and cousin of Alan Gerhardt Rainriver. Owner of Oedipus Restaurante.<br>
  387. </div>
  388.  
  389.  
  390. <a href="/"><!--blog URL-->
  391. <div class="slide" id="white"></div>
  392.  
  393. <div id="avatar">
  394.    <img src="http://i.imgur.com/aOD5S.png"/>
  395. </div>
  396. </a>
  397. </div></td>
  398.  
  399. <!--KIRI SELESAI-->
  400.  
  401.  
  402.  
  403. <!--TENGAH-->
  404.  
  405. <td><div class="member" id="center">
  406. <div class="slide" id="name">
  407. <div class="title" id="namaforum">ANIHOGWARTS</div>  
  408. <div class="title" id="blog">Frau Rainriver</div>
  409. </div><!--rightname-->
  410. <div class="slide" id="about">
  411. <b>Status:</b> Active <br>
  412. <b>Visualization:</b> Arisato Minato - Persona 3<br>
  413. <b>Age:</b> 20 <br>
  414. <b>Blood Status:</b> Muggleborn<br>
  415. <b>Birth:</b> Birmingham, 4 February 1960<br>
  416. <b>House:</b> Hufflepuff<br>
  417. <b>Desc:</b> Husband of Alixia Icarus Revillian. Kind, motherly, mostly just like a girl. Step-brother of Elden Regnflod, blood brother of Alexander Rathbourne, and cousin of Alan Gerhardt Rainriver. Owner of Oedipus Restaurante.<br>
  418.  
  419. </div>
  420. <a href="/">
  421. <div class="slide" id="white"></div>
  422. <div id="avatar">
  423.    <img src="http://media.tumblr.com/tumblr_m9fougJmW21r5r7s9.png"/></a>
  424. </div>
  425. </a>
  426. </div></td>
  427.  
  428. <!--TENGAH SELESAI-->
  429.  
  430.  
  431.  
  432.  
  433. <!--KANAN-->
  434.  
  435. <td><div class="member" id="left">
  436. <div class="slide" id="name">
  437. <div class="title" id="namaforum">Uke</div>  
  438. <div class="title" id="blog">Sunkei</div>
  439. </div><!--rightname-->
  440.  
  441. <div class="slide" id="about">
  442. Ethnic irure letterpress salvia pinterest. American apparel pour-over aute ut high life, scenester.
  443. </div>
  444. <a href="/">
  445. <div class="slide" id="white"></div>
  446. <div id="avatar">
  447.    <img src="http://media.tumblr.com/tumblr_m9fottAEkX1r5r7s9.png"/>
  448. </div>
  449. </a>
  450. </div></td>
  451. </tr>
  452.  
  453. <!--KANAN SELESAI-->
  454.  
  455. <!--line3 end-->
  456.  
  457.  
  458.  
  459. <tr id="linetwo">
  460. <!--line 4-->
  461.  
  462.  
  463. <!--KIRI-->
  464. <td><div class="member" id="right">
  465. <div class="slide" id="name">
  466. <div class="title" id="namaforum">Anihogwarts</div>  
  467. <div class="title" id="blog">Frau Rainriver</div>
  468. </div>
  469.  
  470. <div class="slide" id="about">
  471. <b>Status:</b> Active <br>
  472. <b>Visualization:</b> Arisato Minato - Persona 3<br>
  473. <b>Age:</b> 20 <br>
  474. <b>Blood Status:</b> Muggleborn<br>
  475. <b>Birth:</b> Birmingham, 4 February 1960<br>
  476. <b>House:</b> Hufflepuff<br>
  477. <b>Desc:</b> Husband of Alixia Icarus Revillian. Kind, motherly, mostly just like a girl. Step-brother of Elden Regnflod, blood brother of Alexander Rathbourne, and cousin of Alan Gerhardt Rainriver. Owner of Oedipus Restaurante.<br>
  478. </div>
  479.  
  480.  
  481. <a href="/"><!--blog URL-->
  482. <div class="slide" id="white"></div>
  483.  
  484. <div id="avatar">
  485.    <img src="http://i.imgur.com/aOD5S.png"/>
  486. </div>
  487. </a>
  488. </div></td>
  489.  
  490. <!--KIRI SELESAI-->
  491.  
  492.  
  493.  
  494. <!--TENGAH-->
  495.  
  496. <td><div class="member" id="center">
  497. <div class="slide" id="name">
  498. <div class="title" id="namaforum">ANIHOGWARTS</div>  
  499. <div class="title" id="blog">Frau Rainriver</div>
  500. </div><!--rightname-->
  501. <div class="slide" id="about">
  502. <b>Status:</b> Active <br>
  503. <b>Visualization:</b> Arisato Minato - Persona 3<br>
  504. <b>Age:</b> 20 <br>
  505. <b>Blood Status:</b> Muggleborn<br>
  506. <b>Birth:</b> Birmingham, 4 February 1960<br>
  507. <b>House:</b> Hufflepuff<br>
  508. <b>Desc:</b> Husband of Alixia Icarus Revillian. Kind, motherly, mostly just like a girl. Step-brother of Elden Regnflod, blood brother of Alexander Rathbourne, and cousin of Alan Gerhardt Rainriver. Owner of Oedipus Restaurante.<br>
  509.  
  510. </div>
  511. <a href="/">
  512. <div class="slide" id="white"></div>
  513. <div id="avatar">
  514.    <img src="http://media.tumblr.com/tumblr_m9fougJmW21r5r7s9.png"/></a>
  515. </div>
  516. </a>
  517. </div></td>
  518.  
  519. <!--TENGAH SELESAI-->
  520.  
  521.  
  522.  
  523.  
  524. <!--KANAN-->
  525.  
  526. <td><div class="member" id="left">
  527. <div class="slide" id="name">
  528. <div class="title" id="namaforum">Uke</div>  
  529. <div class="title" id="blog">Sunkei</div>
  530. </div><!--rightname-->
  531.  
  532. <div class="slide" id="about">
  533. Ethnic irure letterpress salvia pinterest. American apparel pour-over aute ut high life, scenester.
  534. </div>
  535. <a href="/">
  536. <div class="slide" id="white"></div>
  537. <div id="avatar">
  538.    <img src="http://media.tumblr.com/tumblr_m9fottAEkX1r5r7s9.png"/>
  539. </div>
  540. </a>
  541. </div></td>
  542. </tr>
  543.  
  544. <!--KANAN SELESAI-->
  545.  
  546. <!--line4 end-->
  547.  
  548.  
  549. <tr><td colspan="2">
  550. <a href="/"><div class="other "id="back">back to blog</div></a>
  551. </td>
  552. <td>
  553. <a title="ryoma by gyapo" href="http://gyapo.tumblr.com/"><div class="other" id="gyapo">©</div><a>
  554. </td>
  555. </tr>
  556. </table>
  557.  
  558.  
  559. </body>
  560. </html>
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!