Advertisement
TurtleTrainer

wild - green

Apr 12th, 2014
1,015
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.24 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
  3. body { background: #eee; }
  4. * { text-decoration: none !important; }
  5.  
  6. #content {
  7. width: 500px; margin: 25px 175px; padding: 25px; background: #fff;
  8. font: 11px "Calibri", "Helvetica", "Sans-serif"; color: #555 !important; line-height: 17px;
  9. }
  10.  
  11. h1 {
  12. font: 17px Archivo Narrow; letter-spacing: 3px; text-transform: lowercase;
  13. background: #79b909; color: #fff !important; padding: 12px; border: 1px solid #79b909;
  14. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;
  15. }
  16. h1:hover { background: #fff; color: #79b909 !important; }
  17.  
  18. b { color: #111 !important; }
  19.  
  20. i { color: #79b909!important; }
  21.  
  22. u { border-bottom: 1px dotted #666; color: #999; }
  23.  
  24. a { color: #000 !important; font-size: 10px; text-transform: uppercase; letter-spacing: 2px;
  25. padding: 1px 4px; background: #fff; transition: 0.5s ease; cursor: help; }
  26.  
  27. a:hover { background: #222; color: #fff !important; }
  28.  
  29. #avp { background: #fff; padding: 7px; border: 1px solid #79b909; float: left;
  30. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; }
  31. #avp:hover { border-color: #222; }
  32.  
  33. #nav { height: 175px; }
  34.  
  35. #nav a {
  36. display: block; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; color: #fff !important;
  37. background: #222; margin: 0 0 5px 190px; padding: 5px 12px; line-height: 13px;
  38. }
  39.  
  40. #nav a:hover { background: #79b909; color: #fff !important; }
  41.  
  42. #side { width: 90px; height: 100px; margin-left: -140px; text-align: right; float: left; }
  43.  
  44. #side a { display: block; font-size: 8px; margin-bottom: 5px; padding: 5px 10px; }
  45.  
  46. </style>
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <div id="content">
  58.  
  59.  
  60. <div id="side"><h1>&#9734;</h1>
  61. <a onClick="javascript:IMVU.messagePopupShow({force_recipient_id:XXXXXXXX})">Message</a>
  62. <a href="http://www.imvu.com/catalog/web_add_contact.php?contact=USERNAME" target="_blank">Add</a>
  63. <a href="http://www.imvu.com/catalog/web_mypage.php?block=XXXXXXXX" target="_blank">Block</a>
  64. <a href="http://www.imvu.com/catalog/web_flag_homepage.php?flag_homepage=XXXXXXX" target="_blank">Report</a>
  65. </div>
  66.  
  67.  
  68. <img id="avp" src="http://placehold.it/150x150/eee/444">
  69.  
  70. <div id="nav">
  71. <a href="wassup">Link 001</a>
  72. <a href="wassup">Link 002</a>
  73. <a href="wassup">Link 003</a>
  74. <a href="wassup">Link 004</a>
  75. <a href="wassup">Link 005</a>
  76. <a href="wassup">Link 006</a>
  77. </div>
  78.  
  79.  
  80. <h1>Username</h1>
  81.  
  82.  
  83. <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.
  84.  
  85. 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.
  86.  
  87. <br><br>
  88.  
  89. 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.
  90.  
  91.  
  92. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement