API tools faq
paste
Advertisement
sunkei

Family by gyapo

sunkei
Apr 19th, 2012
20,684
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Family Page
  4. made by gyapo.tumblr.com
  5. don't remove this comment
  6. -->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12.  
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18.  
  19.  
  20. <style type="text/css">
  21.  
  22.  
  23. ::-webkit-scrollbar-thumb:vertical {background-color:#000;height:25px;}
  24. ::-webkit-scrollbar {height:0px;width:4px;background-color:#fff;}
  25.  
  26. body
  27. {font-family:arial;
  28. font-size:10px;
  29. color:#888;
  30. background-color:#fff;}
  31.  
  32. a
  33. {text-decoration:none;
  34. color:#999;
  35. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  36. opacity:1;}
  37.  
  38. a:hover
  39. {text-decoration:none;
  40. color:#444;;
  41. opacity:1;}
  42.  
  43.  
  44. #header
  45. {margin-top:15px;
  46. margin-bottom:45px;
  47. padding-bottom:10px;}
  48.  
  49. #family
  50. {text-align:center;
  51. font-size:35px;
  52. padding-bottom:5px;
  53. color:#222;
  54. text-shadow:#ffb000 -2px -0px;
  55. border-bottom:1px solid #ddd;}
  56.  
  57. #menu
  58. {margin-left:75px;}
  59.  
  60. .button
  61. {float:left;
  62. text-align:center;
  63. width:100px;
  64. background-color:#eee;
  65. color:#757575;
  66. padding: 3px 5px 3px 5px;
  67. border-radius: 0px 0px 5px 5px;
  68. margin-left:10px;
  69. margin-right:10px;
  70. letter-spacing:1px;
  71. font-family:cambria;
  72. text-transform:uppercase;
  73. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  74.  
  75. .button:hover
  76. {background-color:#222;
  77. color:#eee;
  78. padding-top:12px;}
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. #line
  86. {width:150px;
  87. float:left;
  88. margin-left:15px;
  89. margin-right:15px;
  90. margin-bottom:45px;}
  91.  
  92. #icon
  93. {border-radius:50px;
  94. margin-left:25px;
  95. -moz-border-radius:50px;
  96. background-color:#eee;
  97. width:100px;
  98. height:100px;
  99. overflow:hidden;}
  100.  
  101. #title
  102. {font-size:14px;
  103. letter-spacing:1px;
  104. color:#444;
  105. text-transform:uppercase;
  106. font-family:cambria;
  107. margin-top:12px;
  108. border-bottom:1px solid #e5e5e5;
  109. margin-bottom:5px;
  110. text-align:center;}
  111.  
  112. #text
  113. {width:130px;
  114. margin-left:10px;
  115. text-align:justify;
  116. margin-bottom:5px;}
  117.  
  118. .info
  119. {font-family:cambria;
  120. text-transform:uppercase;
  121. letter-spacing:1px;
  122. font-weight:800;}
  123.  
  124. #position
  125. {color:#3fbaec;}
  126. #about
  127. {color:#b2ec03;}
  128.  
  129. #position2
  130. {color:#f8145b;}
  131. #about2
  132. {color:#9f54fc;}
  133.  
  134. #portrait
  135. {margin-top:10px;
  136. width:100px;
  137. overflow:hidden;
  138. padding:5px 5px 5px 5px;
  139. border:1px solid #e5e5e5;}
  140.  
  141. </style>
  142. </head>
  143. <body>
  144.  
  145. <table border="0" cellpadding="0" cellspacing="0" align="center">
  146. <tr><td>
  147. <div id="header">
  148. <div id="family">【 hephap family 】 </div>
  149. <div id="menu">
  150. <a href="/"><div class="button">back to blog</div></a>
  151. <a href="/ask"><div class="button">send a message</div></a>
  152. <a href="http://gyapo.tumblr.com"><div class="button">credits</div></a>
  153. </div>
  154. </div>
  155.  
  156.  
  157. </td></tr>
  158. <tr><td>
  159.  
  160. <div id="line">
  161. <div id="icon"><img width="100px" src="IMG1 URL HERE"/></div>
  162.  
  163. <a href="URL1 HERE http://"><div id="title">-name1-</div></a>
  164.  
  165. <div id="text">
  166. <span class="info" id="position">Position:</span> position1 here
  167. </div>
  168. <div id="text">
  169. <span class="info" id="about">About:</span> About1 text here
  170. </div>
  171.  
  172. <center><div id="portrait"><img width="100px" src="IMG URL HERE"/></div></center>
  173. </div>
  174.  
  175.  
  176.  
  177.  
  178. <div id="line">
  179. <div id="icon"><img width="100px" src="IMG2 URL HERE"/></div>
  180.  
  181. <a href="URL2 HERE http://"><div id="title">-name2 here-</div></a>
  182.  
  183. <div id="text">
  184. <span class="info" id="position2">Position:</span> position2 here
  185. </div>
  186. <div id="text">
  187. <span class="info" id="about2">About:</span> About2 text here
  188. </div>
  189.  
  190. <center><div id="portrait"><img width="100px" src="IMG URL HERE"/></div></center>
  191. </div>
  192.  
  193.  
  194.  
  195. <div id="line">
  196. <div id="icon"><img width="100px" src="IMG3 URL HERE"/></div>
  197.  
  198. <a href="URL3 HERE http://"><div id="title">-name3-</div></a>
  199.  
  200. <div id="text">
  201. <span class="info" id="position">Position:</span> position3 here
  202. </div>
  203. <div id="text">
  204. <span class="info" id="about">About:</span> About3 text here
  205. </div>
  206.  
  207. <center><div id="portrait"><img width="100px" src="IMG URL HERE"/></div></center>
  208. </div>
  209.  
  210.  
  211. </td></tr>
  212. <tr><td>
  213.  
  214. <div id="line">
  215. <div id="icon"><img width="100px" src="IMG4 URL HERE"/></div>
  216.  
  217. <a href="URL4 HERE http://"><div id="title">-name4 here-</div></a>
  218.  
  219. <div id="text">
  220. <span class="info" id="position2">Position:</span> position4 here
  221. </div>
  222. <div id="text">
  223. <span class="info" id="about2">About:</span> About4 text here
  224. </div>
  225.  
  226. <center><div id="portrait"><img width="100px" src="IMG URL HERE"/></div></center>
  227. </div>
  228.  
  229.  
  230. </td></tr>
  231. </table>
  232.  
  233.  
  234. </body>
  235. </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!