API tools faq
paste
jaesoonie

ABOUT PAGE #3

jaesoonie
Jan 12th, 2014
3,628
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.29 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3.  
  4.  
  5.  
  6. ᴀʙᴏᴜᴛ ᴍᴇ ᴘᴀɢᴇ ᴍᴀᴅᴇ ʙʏ .ᴄʜʟᴏᴇ.
  7. [ʏᴏɴɢ.ᴄᴏ.ᴠᴜ] & [sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ]
  8. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ
  9. [sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ]
  10. ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  11. ɪғ ʏᴏᴜ ʜᴀᴠᴇ ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs ᴄᴏᴍᴇ ᴀsᴋ.
  12.  
  13.  
  14.  
  15.  
  16. ---------------------------------------------------------------------->
  17.  
  18. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  19. <html>
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <style type="text/css">
  26.  
  27. body {line-height:100%;font:10px helvetica;color:#333;}
  28.  
  29. a{text-decoration:none;
  30. color:#fff;
  31. -webkit-transition: opacity 0.7s linear;
  32. -webkit-transition: all 0.7s ease-in-out;
  33. -moz-transition: all 0.7s ease-in-out;
  34. -o-transition: all 0.7s ease-in-out;}
  35. a:hover{text-decoration:none;color:#333;}
  36.  
  37. #plade a{text-decoration:none;
  38. color:#fff;
  39. -webkit-transition: opacity 0.7s linear;
  40. -webkit-transition: all 0.7s ease-in-out;
  41. -moz-transition: all 0.7s ease-in-out;
  42. -o-transition: all 0.7s ease-in-out;}
  43. #plade a:hover{text-decoration:none;color:#FF8540;}
  44.  
  45. ::-webkit-scrollbar-thumb:vertical{background-color: #fbfbfb;}
  46. ::-webkit-scrollbar {width: 10px; background-color:#fff;}
  47.  
  48. #plade {position:fixed;left:0px;top:0px;width:50%;height:100%;background:#FFCCCC;
  49. -webkit-transition: opacity 0.7s linear;
  50. -webkit-transition: all 0.7s ease-in-out;
  51. -moz-transition: all 0.7s ease-in-out;
  52. -o-transition: all 0.7s ease-in-out;}
  53. #tlade {position:fixed;right:0px;top:0px;width:50%;height:100%;background:#5DD0C0;
  54. -webkit-transition: opacity 0.7s linear;
  55. -webkit-transition: all 0.7s ease-in-out;
  56. -moz-transition: all 0.7s ease-in-out;
  57. -o-transition: all 0.7s ease-in-out;}
  58. #center {position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:-2;background:#FF8540;
  59. -webkit-transition: opacity 0.7s linear;
  60. -webkit-transition: all 0.7s ease-in-out;
  61. -moz-transition: all 0.7s ease-in-out;
  62. -o-transition: all 0.7s ease-in-out;}
  63.  
  64. body:hover #plade{width:425px;height:100%;}
  65. body:hover #tlade{width:425px;height:100%;}
  66.  
  67. #titles{
  68. color:#333;
  69. font: oblique bold 45px helvetica;
  70. letter-spacing: -3px;
  71. margin:auto;
  72. margin-top:110px;
  73. width:200px;
  74. text-align:center;
  75. line-height:80%;
  76. text-transform:lowercase;}
  77. #titles:first-letter {font-size:48px;color:#fafafa;}
  78.  
  79. #centertitle{
  80. font: oblique bold 45px helvetica;
  81. letter-spacing: -3px;
  82. margin:auto;
  83. margin-top:110px;
  84. width:200px;
  85. text-align:center;
  86. line-height:80%;
  87. text-transform:lowercase;}
  88. #centertitle:first-letter {font-size:48px;color:#fafafa;}
  89.  
  90. #text{
  91. color:#fff;
  92. font: oblique bold 15px helvetica;
  93. letter-spacing: -1px;
  94. margin:auto;
  95. margin-top:10px;
  96. width:250px;
  97. text-align:justify;
  98. line-height:80%;}
  99.  
  100. h2{
  101. font: oblique bold 18px helvetica;
  102. color:#333;
  103. letter-spacing: 0px;
  104. margin-bottom:1px;
  105. background:#fcfcfc;
  106. width:auto;
  107. padding:5px;}
  108.  
  109. h1{line-height:90%;}
  110.  
  111. #bias{width:310px;margin:auto; margin-top:10px;}
  112. #biasmg {display:inline-block;}
  113.  
  114. #biasmg img {border-radius:50%;width:70px;height:70px;border:5px solid #fcfcfc;margin:10px;display:inline-block;
  115. -webkit-transition: opacity 0.5s linear;
  116. -webkit-transition: all 0.5s ease-in-out;
  117. -moz-transition: all 0.5s ease-in-out;
  118. -o-transition: all 0.5s ease-in-out;}
  119.  
  120. #biasblank{background:#fff;;font:oblique bold 10px helvetica;text-transform:lowercase;color:#FFCCCC;text-align:center;position:absolute;margin-left:11px;margin-top:-90px;z-index:222;width:78px;padding:32px 0px 32px 0px;border-radius:50%;opacity:0; -moz-transform: scale(1.4); -webkit-transform: scale(1.4);
  121. -webkit-transition: opacity 0.5s linear;
  122. -webkit-transition: all 0.5s ease-in-out;
  123. -moz-transition: all 0.5s ease-in-out;
  124. -o-transition: all 0.5s ease-in-out;}
  125. #biasmg:hover #biasblank {opacity:1;-moz-transform: scale(1);-webkit-transform: scale(1);}
  126.  
  127. </style>
  128. </head>
  129. <body>
  130.  
  131. <!---navigation section-->
  132. <div id="plade">
  133. <div id="titles">TITLE HERE</div>
  134. <div id="text">
  135. <h2>tag title;</h2>
  136. <a href="/">tag number one </a>&bull; <a href="/">tag number two </a> &bull; <a href="/">tag number three </a> &bull; <a href="/">tag number four </a> &bull; <a href="/">tag number five </a>
  137.  
  138. <h2>tag title;</h2>
  139. <a href="/">tag number one </a>&bull; <a href="/">tag number two </a> &bull; <a href="/">tag number three </a> &bull; <a href="/">tag number four </a> &bull; <a href="/">tag number five </a>
  140.  
  141. <h2>tag title;</h2>
  142. <a href="/">tag number one </a>&bull; <a href="/">tag number two </a> &bull; <a href="/">tag number three </a> &bull; <a href="/">tag number four </a> &bull; <a href="/">tag number five </a>
  143. </div>
  144.  
  145. </div>
  146.  
  147. <!---about me section-->
  148. <div id="center">
  149. <div id="centertitle">TITLE HERE</div>
  150. <div id="text">
  151. !!TEXT GOES HERE!!
  152.  
  153. <p><h1>❝IF YOU WANT A QUOTE WRITE IT HERE❞</h1></p>
  154. </div>
  155. </div>
  156.  
  157. <!---biases section-->
  158. <div id="tlade">
  159. <div id="titles">TITLE HERE</div>
  160. <div id="bias">
  161. <!---one bias-->
  162. <div id="biasmg"><img src="IMAGE URL HERE"><div id="biasblank">BIAS NAME HERE</div></div>
  163. <!---two bias-->
  164. <div id="biasmg"><img src="IMAGE URL HERE"><div id="biasblank">BIAS NAME HERE</div></div>
  165. <!---three bias-->
  166. <div id="biasmg"><img src="IMAGE URL HERE"><div id="biasblank">BIAS NAME HERE</div></div>
  167. <!---four bias-->
  168. <div id="biasmg"><img src="IMAGE URL HERE"><div id="biasblank">BIAS NAME HERE</div></div>
  169. <!---five bias-->
  170. <div id="biasmg"><img src="IMAGE URL HERE"><div id="biasblank">BIAS NAME HERE</div></div>
  171. </div>
  172.  
  173. </div>
  174.  
  175. <div style="position:fixed;bottom:10px;right:30px;font:bold 25px helvetica;color:#fcfcfc;border-top:2px solid #fcfcfc;"><a href="/">back</a> &bull; <a href="/ask">ask</a></div>
  176. <div style="position:fixed;bottom:10px;left:30px;font:bold 25px helvetica;color:#fcfcfc;border-top:2px solid #fcfcfc;"><a href="http://soonjunthemes.tumblr.com/">credit</a></div>
  177.  
  178. </body>
  179. </html>
Advertisement
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!