Advertisement
Carolaine_Vieira

About Me 01

Aug 29th, 2015
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.19 KB | None | 0 0
  1. <style type="text/css">
  2. body {cursor:crosshair; background-image: url("http://40.media.tumblr.com/234214bf4ef6ec5a30bb0da95c4245b3/tumblr_n2i69zClBV1r1sqfeo7_250.png"); background-color:#fff; background-attachment:fixed;}
  3. * { text-decoration: none !important; }
  4.  
  5. #content {overflow-y:auto; height:500px;
  6. width: 700px; margin: 25px 175px; padding: 25px; background: #FFF;
  7. font: 11px "Calibri", "Helvetica", "Sans-serif"; color: #999999 !important; line-height: 17px;
  8. }
  9.  
  10. #themes {padding:25px; overflow-y:auto; height:170px; overflow-x:hidden; margin-top:-15px;
  11. width: 700px; margin-left: 190px; margin-bottom:10px; background: #FFF;
  12. font: 11px "Calibri", "Helvetica", "Sans-serif"; color: #999999 !important; line-height: 17px;
  13. }
  14.  
  15. #left { position:fixed; border:1px solid #ff5050; padding:10px;
  16. right:10px;
  17. top:30px; width:150px; height:70px; background:#fff; font: 11px "Calibri", "Helvetica", "Sans-serif"; color: #999999 !important; line-height: 17px;}
  18.  
  19. h1 { text-align:center; font-family:'Monotype Corsiva';
  20. font: 13px; color: #000 !important; padding: 12px;
  21. }
  22.  
  23.  
  24. h2 {
  25. font: 7px "Calibri";
  26. letter-spacing: 2px;
  27. color: #fff !important;
  28. text-align: center;
  29. text-transform: uppercase;
  30. background-color: #FF5050;
  31. padding: 5px;
  32. margin-left: 0;
  33. }
  34.  
  35. mark {background-color:#FF5050; color:#000;}
  36.  
  37. b { color: #111 !important; }
  38.  
  39. i { color: #FF5050!important; }
  40.  
  41. u { border-bottom: 2px solid #FF5050;}
  42.  
  43. a { color: #000 !important; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; transition: 0.5s ease; cursor: help; }
  44.  
  45. hr {
  46. border-width: 0px 0px 4px;
  47. border-style: double;
  48. border-color: #FF5050;
  49. }
  50.  
  51. a:hover {color: #ff5050 !important;}
  52.  
  53. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 0px; padding:5px; margin:15px 20px;background-color:#ff5050; font-family:calibri; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#fff; z-index:9999999;}
  54.  
  55. #dz {border-radius:100%; width:160px; height:220px; background: #FF5050; padding: 7px; border: 1px solid #FFF; float: right;
  56. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; margin-top:-240px;}
  57. #dz:hover { border-color: #000; }
  58.  
  59. #dd {width:214px; height:120px; background: #FF5050; padding: 7px; border: 1px solid #FFF; float: center;
  60. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;}
  61. #dd:hover {background:#fff; border-color: #000; }
  62.  
  63. #side { width: 50px; margin-left: 140px; text-align: right; float: left; margin-top:40px;}
  64.  
  65. #side a {background:#fff; padding:15px; display: block; font-size: 20px; margin-bottom: 5px; border-right:1px solid #FF5050;
  66. }
  67.  
  68. #side a:hover{background:#000; text-shadow: 2px 8px 1px #ff5050; color:#fff; border-bottom:none;}
  69.  
  70. #header { width:480px; background:#fff; height:230px; color:#999999; padding:10px;}
  71.  
  72. h3 {text-align:left; font-family:Mistral; color:#000; font-size:30px; margin-top:10px;}
  73.  
  74. #footerBanner, #footer_style {
  75. display:none;
  76. }
  77.  
  78. ::-webkit-scrollbar-thumb {cursor:default;background-color: #000; height: auto; border: 1px solid #fff; }
  79. ::-webkit-scrollbar {cursor:default; background-color: #fff; height:5px; width:5px; border: 2px solid #fff;}
  80. </style>
  81.  
  82. <div id="side">
  83. <a href="/ask" title="Message">✉</a>
  84. <a href="/" title="links">+</a>
  85. <a href="/" title="links">☾</a>
  86. <a href="/" title="links">✰</a>
  87. <a href="/" title="links">♡</a>
  88. <a href="/" title="links">☯</a>
  89. <a href="/" title="links">☮</a>
  90. <a href="http://amplamente.tumblr.com/" title="credit" target="_blank">♫</a>
  91.  
  92. </div>
  93.  
  94.  
  95.  
  96. <div id="content"><div id="header">
  97.  
  98. <h3>Carolaine Vieira</h3>
  99.  
  100. <B>Bold</B> <I>Italic</I> <U>Underline</U> <a href="#">Link</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis magna metus. Vestibulum id nulla velit. Praesent sed turpis iaculis, suscipit neque in, suscipit nibh. Sed ut semper erat. Fusce eleifend blandit luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur justo at consequat tempus.
  101.  
  102. <a href="http://pastebin.com/raw.php?i=9ePULDZF">Código / Code</a>
  103. Sed ipsum enim, mattis a est ut, luctus consectetur purus. Vivamus quis ullamcorper augue. Vestibulum pellentesque erat sed ligula tristique gravida. In egestas, arcu id placerat interdum, arcu lectus luctus nisl, in hendrerit mauris magna sed nisl. In hac habitasse platea dictumst. Ut auctor augue ac fringilla lobortis. Sed hendrerit eros quis felis accumsan adipiscing. Maecenas cursus urna elit, ac auctor magna scelerisque sit amet. Mauris in enim gravida, lobortis risus id, lacinia eros. Vestibulum viverra, lectus dapibus tempus egestas, dui leo adipiscing nisi.
  104.  
  105.  
  106. </div>
  107. <img id="dz" src="http://www.imvu.com/catalog/web_av_pic.php?av=IKtita"/></br></br><hr>
  108. <h1>More Info</h1>
  109.  
  110.  
  111. <B>Bold</B> <I>Italic</I> <U>Underline</U> <a href="#">Link</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis magna metus. Vestibulum id nulla velit. Praesent sed turpis iaculis, suscipit neque in, suscipit nibh. Sed ut semper erat. Fusce eleifend blandit luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur justo at consequat tempus.
  112.  
  113. Sed ipsum enim, mattis a est ut, luctus consectetur purus. Vivamus quis ullamcorper augue. Vestibulum pellentesque erat sed ligula tristique gravida. In egestas, arcu id placerat interdum, arcu lectus luctus nisl, in hendrerit mauris magna sed nisl. In hac habitasse platea dictumst. Ut auctor augue ac fringilla lobortis. Sed hendrerit eros quis felis accumsan adipiscing. Maecenas cursus urna elit, ac auctor magna scelerisque sit amet. Mauris in enim gravida, lobortis risus id, lacinia eros. Vestibulum viverra, lectus dapibus tempus egestas, dui leo adipiscing nisi.
  114.  
  115. <br><br>
  116.  
  117. Suspendisse hendrerit ante at convallis pulvinar. Nunc ut vestibulum dui, sed hendrerit ligula. Proin gravida justo ut ipsum commodo molestie. Phasellus id elementum velit, sit amet pretium magna. Nunc adipiscing nisl ligula, a bibendum leo commodo ac. Maecenas vitae metus nec sem mollis suscipit id non tortor. Nulla gravida fringilla blandit. Aenean lacinia laoreet nunc sit amet cursus. Proin a iaculis leo. Nam sit amet mi interdum, consequat diam ac, dapibus augue. Sed egestas diam at mauris commodo, quis molestie lectus blandit. Cras accumsan condimentum auctor. Morbi volutpat nunc diam, eu sollicitudin arcu tempor eget. In convallis rutrum tincidunt. Praesent et accumsan lacus. Proin fermentum, purus a lobortis sollicitudin, neque dui tincidunt neque, ut placerat sapien tortor quis ante.
  118.  
  119. <B>Bold</B> <I>Italic</I> <U>Underline</U> <a href="#">Link</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis magna metus. Vestibulum id nulla velit. Praesent sed turpis iaculis, suscipit neque in, suscipit nibh. Sed ut semper erat. Fusce eleifend blandit luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur justo at consequat tempus.
  120.  
  121. Sed ipsum enim, mattis a est ut, luctus consectetur purus. Vivamus quis ullamcorper augue. Vestibulum pellentesque erat sed ligula tristique gravida. In egestas, arcu id placerat interdum, arcu lectus luctus nisl, in hendrerit mauris magna sed nisl. In hac habitasse platea dictumst. Ut auctor augue ac fringilla lobortis. Sed hendrerit eros quis felis accumsan adipiscing. Maecenas cursus urna elit, ac auctor magna scelerisque sit amet. Mauris in enim gravida, lobortis risus id, lacinia eros. Vestibulum viverra, lectus dapibus tempus egestas, dui leo adipiscing nisi
  122.  
  123. <br><br>
  124.  
  125. Suspendisse hendrerit ante at convallis pulvinar. Nunc ut vestibulum dui, sed hendrerit ligula. Proin gravida justo ut ipsum commodo molestie. Phasellus id elementum velit, sit amet pretium magna. Nunc adipiscing nisl ligula, a bibendum leo commodo ac. Maecenas vitae metus nec sem mollis suscipit id non tortor. Nulla gravida fringilla blandit. Aenean lacinia laoreet nunc sit amet cursus. Proin a iaculis leo. Nam sit amet mi interdum, consequat diam ac, dapibus augue. Sed egestas diam at mauris commodo, quis molestie lectus blandit. Cras accumsan condimentum auctor. Morbi volutpat nunc diam, eu sollicitudin arcu tempor eget. In convallis rutrum tincidunt. Praesent et accumsan lacus. Proin fermentum, purus a lobortis sollicitudin, neque dui tincidunt neque, ut placerat sapien tortor quis ante.
  126. </div>
  127.  
  128. <div id="themes"><h2>New Themes</h2>
  129.  
  130. <a href="/" target="_blank" title="Lectus Dapibus"><img href="/" id="dd" src="http://36.media.tumblr.com/194d8f6f3686bff87c80f58f3bf4ab33/tumblr_nsy5mf2NWD1u6a2yuo1_r2_400.png"></a>
  131. <a href="/" target="_blank" title="Lectus Dapibus"><img id="dd" src="http://40.media.tumblr.com/8198b0a6d4ed7c8594afb078ca681074/tumblr_nsxigkyoIG1u6a2yuo1_1280.png"></a>
  132. <a href="/" target="_blank" title="Lectus Dapibus"><img id="dd" src="http://41.media.tumblr.com/6da5cf70073f4fca8c7f63980d58fe1f/tumblr_nsukzgVo3f1u6a2yuo1_1280.png"></a>
  133. <a href="/" target="_blank" title="Lectus Dapibus"><img id="dd" src="http://40.media.tumblr.com/2f145dd277cdc957faa5bff63873ac62/tumblr_nsshkk1oFO1u6a2yuo1_1280.png"></a>
  134. <a href="/" target="_blank" title="Lectus Dapibus"><img id="dd" src="http://41.media.tumblr.com/1aac90335b7e474cc07761da51ecbc64/tumblr_nsqo4plkR51u6a2yuo1_1280.png"></a>
  135. <a href="/" target="_blank" title="Lectus Dapibus"><img id="dd" src="http://40.media.tumblr.com/9909da1952f8ec888de5726f03becb04/tumblr_nsq34e7sHv1u6a2yuo1_1280.png"></a>
  136. <a href="/" target="_blank" title="Lectus Dapibus"><img id="dd" src="http://41.media.tumblr.com/7844e60bb7bf00ab256c28b7f01a4b9d/tumblr_nhf7h629RZ1u6a2yuo1_1280.png"></a>
  137.  
  138. </div>
  139.  
  140. <div id="left">
  141.  
  142. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2999238";
  143. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  144. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  145. </script></br>
  146. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5055323";
  147. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  148. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  149. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  150. </script></br>Your browser is
  151. <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script>
  152. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  153.  
  154.  
  155. </div>
  156.  
  157. <script type="text/javascript"
  158. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  159. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  160. <script>
  161. (function($){
  162.  
  163. $(document).ready(function(){
  164. $("[title]").style_my_tooltips();
  165. });
  166. })(jQuery);
  167. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement