API tools faq
paste
letsrp

Crazy In Love - About Me

letsrp
Nov 26th, 2013
310
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!-- letsrp @ tumblr.com -->
  4.  
  5. <html>
  6. <head>
  7. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  8. <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  9.  
  10. <script>
  11. (function($){
  12. $(document).ready(function(){
  13. $(“a[title]”).style_my_tooltips({
  14. tip_follows_cursor:true,
  15. tip_delay_time:20,
  16. tip_fade_speed:400,
  17. attribute:”title”
  18. });
  19. });
  20. })(jQuery);
  21. </script>
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26. <meta name="description" content="{MetaDescription}" />
  27. <link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css'>
  28.  
  29. <style type="text/css">
  30.  
  31. body{
  32. background-color:#fff;
  33. background-image: url('http://media.tumblr.com/8636151769efa1e321c6831253d5e125/tumblr_inline_mwvnfvV5GC1r4iu2l.png');
  34. background-attachment:fixed;
  35. }
  36.  
  37. a:link, a:active, a:visited{
  38. color:#746757;
  39. text-decoration:none;
  40. -webkit-transition-duration: .50s;
  41. }
  42.  
  43. a:hover{
  44. color:#746757;
  45. -webkit-transition-duration: .50s;}
  46.  
  47. #sodapop {
  48. width:200px;
  49. height:auto;
  50. margin-top: 170px;
  51. margin-left:90px;
  52. position:fixed;
  53. padding:3px;
  54. }
  55.  
  56. #circimg{
  57. width:150px;
  58. height:150px;
  59. margin-top:30px;
  60. padding:3px;
  61. -webkit-transition:All 0.8s;
  62. ease-out 0.8s;
  63. }
  64.  
  65. #circimg:hover {
  66. width:150px;
  67. height:150px;
  68. margin-top:30px;
  69. padding:3px;
  70. -webkit-transform: rotateY( 360deg );
  71. }
  72.  
  73. #circimg img {
  74. width:150px;
  75. height:150px;
  76. border:1px solid #f1d8be;
  77. padding:3px;
  78. border-radius:100px;
  79. }
  80.  
  81. #side{
  82. width: 185px;
  83. height:35px;
  84. margin-top: 15px;
  85. margin-left:0px;
  86. background-color:#f1d8be;
  87. padding:10px;
  88. position:fixed;
  89. font-family: ruluko;
  90. text-align:center;
  91. font-size: 12px;
  92. color:#c2a07e;
  93. line-height:11px;
  94. text-shadow: 1px 1px 0px #fff6ee;
  95. }
  96.  
  97. #link1 {
  98. margin-left:125px;
  99. margin-top:-180px;
  100. position:fixed;
  101. }
  102.  
  103. #link1 a{
  104. line-height:25px;
  105. background-color:#f1d8be;
  106. font-family: calibri;
  107. font-size: 13px;
  108. color:#c2a07e;
  109. text-shadow: 1px 1px 0px #fff6ee;
  110. width:25px;
  111. padding:1px;
  112. height:25px;
  113. border:4px solid transparent;
  114. display:inline-block;
  115. -moz-border-radius: 100px;
  116. border-radius: 100px;
  117. text-align:center;
  118. transition: all 0.8s ease-in-out;
  119. -webkit-transition: all 0.8s ease-in-out;
  120. }
  121.  
  122. #link1 a:hover{
  123. display:inline-block;
  124. -moz-border-radius: 100px;
  125. border-radius: 100px;
  126. }
  127.  
  128. #link2 {
  129. margin-left:160px;
  130. margin-top:-140px;
  131. position:fixed;
  132. }
  133.  
  134. #link2 a{
  135. line-height:25px;
  136. text-transform:uppercase;
  137. background-color:#f1d8be;
  138. font-family: calibri;
  139. font-size: 13px;
  140. color:#c2a07e;
  141. text-shadow: 1px 1px 0px #fff6ee;
  142. width:25px;
  143. padding:1px;
  144. height:25px;
  145. border:4px solid transparent;
  146. display:inline-block;
  147. -moz-border-radius: 100px;
  148. border-radius: 100px;
  149. text-align:center;
  150. transition: all 0.8s ease-in-out;
  151. -webkit-transition: all 0.8s ease-in-out;
  152. }
  153.  
  154. #link2 a:hover{
  155. display:inline-block;
  156. -moz-border-radius: 100px;
  157. border-radius: 100px;
  158. }
  159.  
  160. #link3 {
  161. margin-left:170px;
  162. margin-top:-90px;
  163. position:fixed;
  164. }
  165.  
  166. #link3 a{
  167. line-height:25px;
  168. text-transform:uppercase;
  169. background-color:#f1d8be;
  170. font-family: calibri;
  171. font-size: 13px;
  172. color:#c2a07e;
  173. text-shadow: 1px 1px 0px #fff6ee;
  174. width:25px;
  175. padding:1px;
  176. height:25px;
  177. border:4px solid transparent;
  178. display:inline-block;
  179. -moz-border-radius: 100px;
  180. border-radius: 100px;
  181. text-align:center;
  182. transition: all 0.8s ease-in-out;
  183. -webkit-transition: all 0.8s ease-in-out;
  184. }
  185.  
  186. #link3 a:hover{
  187. display:inline-block;
  188. -moz-border-radius: 100px;
  189. border-radius: 100px;
  190. }
  191.  
  192. #link4 {
  193. margin-left:160px;
  194. margin-top:-40px;
  195. position:fixed;
  196. }
  197.  
  198. #link4 a{
  199. line-height:28px;
  200. text-transform:uppercase;
  201. background-color:#f1d8be;
  202. font-family: calibri;
  203. font-size: 13px;
  204. color:#c2a07e;
  205. text-shadow: 1px 1px 0px #fff6ee;
  206. width:25px;
  207. padding:1px;
  208. height:25px;
  209. border:4px solid transparent;
  210. display:inline-block;
  211. -moz-border-radius: 100px;
  212. border-radius: 100px;
  213. text-align:center;
  214. transition: all 0.8s ease-in-out;
  215. -webkit-transition: all 0.8s ease-in-out;
  216. }
  217.  
  218. #link4 a:hover{
  219. display:inline-block;
  220. -moz-border-radius: 100px;
  221. border-radius: 100px;
  222. }
  223.  
  224. #qTip {
  225. display: none;
  226. text-align: center;
  227. position: absolute;
  228. font-size:9px;
  229. line-height:10px;
  230. font-family:calibri;
  231. text-transform:uppercase;
  232. z-index: 1000;
  233. padding:3px;
  234. background-color: #e08087;
  235. color: #fff;
  236. }
  237.  
  238. #container {
  239. width: 900px;
  240. margin-top:50px;
  241. margin-left:350px;
  242. }
  243.  
  244. .box {
  245. float: left;
  246. width: 250px;
  247. height: auto;
  248. overflow: hidden;
  249. position: relative;
  250. text-align: center;
  251. margin: 5px;
  252. background-color:#f1d8be;
  253. padding:4px;
  254. }
  255.  
  256. .image {
  257. width: 250px;
  258. height: 100px;
  259. }
  260.  
  261. .image img {
  262. width: 250px;
  263. height: 100px;
  264. }
  265.  
  266. .tit {
  267. width: 229px;
  268. height: 10px;
  269. padding: 10px;
  270. background: #e08087;
  271. font-family: ariel;
  272. font-size: 20px;
  273. text-align: center;
  274. line-height:9px;
  275. color:#fff;
  276. text-transform:none;
  277. letter-spacing:-2px;
  278. text-shadow:1px 1px 0px #c96169;
  279. }
  280.  
  281. .desc {
  282. width: 250px;
  283. font-family: ruluko;
  284. font-size: 12px;
  285. line-height: 10px;
  286. height:150px;
  287. overflow:auto;
  288. text-align:justify;
  289. color:#a1805e;
  290. }
  291.  
  292. </style>
  293. </head>
  294. <body>
  295.  
  296.  
  297. <div id="sodapop">
  298. <div id="circimg"><img src="150x150 img"/></div>
  299. <div id="link1"><a title="home" href="/">001.</a></div>
  300. <div id="link2"><a title="inbox" href="/">002.</a></div>
  301. <div id="link3"><a title="other" href="/">003.</a></div>
  302. <div id="link4"><a title="credit" href="http://letsrp.tumblr.com/">004.</a></div>
  303.  
  304. <div id="side">
  305. "I've got envy, I've got greed, anything that you need
  306. and I'm not above having to beg."
  307. </div></div>
  308. <div id="container">
  309.  
  310. <!-- START -->
  311. <div class="box">
  312. <div class="image"><img src="http://media.tumblr.com/58c764cc2113427f5596328ac0650b3a/tumblr_inline_mwvpksJMpM1r4iu2l.png"></div>
  313. <div class="desc">
  314. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div>
  315. <div class="tit">your muse</div>
  316. </div>
  317. <!-- END -->
  318.  
  319. </div>
  320. </div>
  321. </body>
  322. </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!