Advertisement
bluebxrry

SERENE [ sidebar ]

Aug 11th, 2015
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.15 KB | None | 0 0
  1. [ SIDEBAR 1 ]
  2.  
  3. <div style="width:60px;margin-left:130px;height:150px;float:left;margin-top:5px;">
  4. <div style="background-color:#FFF;float:left;margin-top:5px;width:50px;padding-left:10px;height:25px;line-height:23px;"><span style="font-size:8px;"><span style="font-family:arial;"><a href="#"><span style="color:#e0dee0;" title="link name">01.</span></a></span></span></div>
  5.  
  6. <div style="background-color:#FFF;float:left;margin-top:5px;width:50px;padding-left:10px;height:25px;line-height:23px;"><span style="font-size:8px;"><span style="font-family:arial;"><a href="#"><span style="color:#cdd4e2;" title="link name">02.</span></a></span></span></div>
  7.  
  8. <div style="background-color:#FFF;float:left;margin-top:5px;width:50px;padding-left:10px;height:25px;line-height:23px;"><span style="font-size:8px;"><span style="font-family:arial;"><a href="#"><span style="color:#e8f4ff;" title="link name">03.</span></a></span></span></div>
  9.  
  10. <div style="background-color:#FFF;float:left;margin-top:5px;width:50px;padding-left:10px;height:25px;line-height:23px;"><span style="font-size:8px;"><span style="font-family:arial;"><a href="#"><span style="color:#fbedf4;" title="link name">04.</span></a></span></span></div>
  11.  
  12. <div style="background-color:#FFF;float:left;margin-top:5px;width:50px;padding-left:10px;height:25px;line-height:23px;"><span style="font-size:8px;"><span style="font-family:arial;"><a href="#"><span style="color:#f5d6e5;" title="link name">05.</span></a></span></span></div>
  13. </div>
  14.  
  15. <div style="width:180px;height:205px;float:left;margin-top:45px;text-align:right;line-height:.9;opacity:.99;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><em><strong><span style="font-size:80px;text-transform:uppercase;">ser<br />
  16. ene</span></strong></em></span></span></div>
  17.  
  18. <div style="width:180px;height:205px;float:left;margin-left:2px;margin-top:-207px;text-align:right;line-height:.9;opacity:.99;"><span style="font-family:arial;"><span style="color:#ccccdd;"><em><strong><span style="font-size:80px;text-transform:uppercase;">ser<br />
  19. ene</span></strong></em></span></span></div>
  20.  
  21.  
  22.  
  23.  
  24.  
  25. [ SIDEBAR 2 ]
  26.  
  27. <div style="width:180px;height:100px;float:left;margin:290px 0px 0px 10px;">
  28. <div style="width:160px;height:80px;float:left;background-color:#fff;padding:10px;overflow:hidden;opacity:.7;">&nbsp;</div>
  29.  
  30. <div style="width:160px;height:80px;margin:10px 0px 0px -170px;float:left;overflow:hidden;opacity:.99;">
  31. <div style="width:180px;height:80px;overflow:auto;float:left;">
  32. <div style="width:160px;line-height:9px;float:left;text-align:justify;"><span style="color:#A9A9A9;"><span style="font-size:10px;"><span style="font-family:arial;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.</span></span></span></div>
  33. </div>
  34. </div>
  35. </div>
  36.  
  37. <div style="width:180px;height:20px;float:left;margin:-120px 0px 0px 10px;line-height:20px;"><span style="font-size:24px;"><span style="color:#F5D6E5;"><em><strong><span style="font-family:arial;">SERENE;</span></strong></em></span></span></div>
  38.  
  39. <div style="width:178px;height:20px;float:left;margin:-120px 0px 0px 12px;line-height:20px;"><span style="color:#FFFFFF;"><span style="font-size:24px;"><em><strong><span style="font-family:arial;">SERENE;</span></strong></em></span></span></div>
  40.  
  41.  
  42.  
  43.  
  44.  
  45. [ SIDEBAR 3 ]
  46.  
  47. <div style="width:160px;height:145px;float:left;margin:200px 0px 0px 20px;opacity:.8;">
  48. <div style="width:160px;height:25px;float:left;background-color:#FFF;">&nbsp;</div>
  49.  
  50. <div style="width:160px;height:25px;float:left;background-color:#FFF;margin-top:5px;">&nbsp;</div>
  51.  
  52. <div style="width:160px;height:25px;float:left;background-color:#FFF;margin-top:5px;">&nbsp;</div>
  53.  
  54. <div style="width:160px;height:25px;float:left;background-color:#FFF;margin-top:5px;">&nbsp;</div>
  55.  
  56. <div style="width:160px;height:25px;float:left;background-color:#FFF;margin-top:5px;">&nbsp;</div>
  57. </div>
  58.  
  59. <div style="width:160px;height:145px;float:left;margin:-145px 0px 0px 20px;opacity:.99;">
  60. <div style="width:160px;height:25px;float:left;line-height:23px;text-align:center;"><span style="font-family:tahoma;"><span style="font-size:10px;"><strong><a href="#"><span style="color:#eedce3;">LINK</span></a></strong></span></span></div>
  61.  
  62. <div style="width:160px;height:25px;float:left;line-height:23px;text-align:center;margin-top:5px;"><span style="font-family:tahoma;"><span style="font-size:10px;"><strong><a href="#"><span style="color:#d6d7ed;">LINK</span></a></strong></span></span></div>
  63.  
  64. <div style="width:160px;height:25px;float:left;line-height:23px;text-align:center;margin-top:5px;"><span style="font-family:tahoma;"><span style="font-size:10px;"><strong><a href="#"><span style="color:#afb9d4;">LINK</span></a></strong></span></span></div>
  65.  
  66. <div style="width:160px;height:25px;float:left;line-height:23px;text-align:center;margin-top:5px;"><span style="font-family:tahoma;"><span style="font-size:10px;"><strong><a href="#"><span style="color:#d3ddf2;">LINK</span></a></strong></span></span></div>
  67.  
  68. <div style="width:160px;height:25px;float:left;line-height:23px;text-align:center;margin-top:5px;"><span style="font-family:tahoma;"><span style="font-size:10px;"><strong><a href="#"><span style="color:#d6e3fc;">LINK</span></a></strong></span></span></div>
  69. </div>
  70.  
  71. <div style="width:160px;height:25px;float:left;margin:15px 0px 0px 20px;line-height:24px;text-align:right;"><em><span style="font-size:36px;"><span style="color:#d3ddf2;letter-spacing:-3px;"><strong><span style="font-family:arial;">SERENE;</span></strong></span></span></em></div>
  72.  
  73. <div style="width:158px;height:25px;float:left;margin:-25px 0px 0px 20px;line-height:24px;text-align:right;"><em><span style="font-size:36px;"><span style="color:#ffffff;letter-spacing:-3px;"><strong><span style="font-family:arial;">SERENE;</span></strong></span></span></em></div>
  74.  
  75.  
  76.  
  77.  
  78.  
  79. [ SIDEBAR 4 ]
  80.  
  81. <div style="width:160px;height:160px;float:left;margin:180px 0px 0px 20px;opacity:.5;">
  82. <div style="width:78px;height:78px;background-color:#FFF;float:left;">&nbsp;</div>
  83.  
  84. <div style="width:78px;height:78px;background-color:#FFF;float:left;margin-left:4px;">&nbsp;</div>
  85.  
  86. <div style="width:78px;height:78px;background-color:#FFF;float:left;margin-top:4px;">&nbsp;</div>
  87.  
  88. <div style="width:78px;height:78px;background-color:#FFF;float:left;margin:4px 0px 0px 4px;">&nbsp;</div>
  89. </div>
  90.  
  91. <div style="width:160px;height:160px;float:left;margin:-160px 0px 0px 20px;opacity:.99;">
  92. <div style="width:78px;height:78px;float:left;"><a href="#"><img alt="" src="https://40.media.tumblr.com/b32a97ebe7cd9f5001963c5616ff2441/tumblr_ng4ocsoetO1u4zt0yo1_250.png" style="width:60px;height:60px;padding:9px;" title="link title." /></a></div>
  93.  
  94. <div style="width:78px;height:78px;float:left;margin-left:4px;"><a href="#"><img alt="" src="https://40.media.tumblr.com/e6a817d0effce79487ffb70f4d2264ff/tumblr_ng4ocsoetO1u4zt0yo2_250.png" style="width:60px;height:60px;padding:9px;" title="link title." /></a></div>
  95.  
  96. <div style="width:78px;height:78px;float:left;margin-top:4px;"><a href="#"><img alt="" src="https://40.media.tumblr.com/fa2a0064376a6ce55337e3dd021fad2f/tumblr_ng4ocsoetO1u4zt0yo3_250.png" style="width:60px;height:60px;padding:9px;" title="link title." /></a></div>
  97.  
  98. <div style="width:78px;height:78px;float:left;margin:4px 0px 0px 4px;"><a href="#"><img alt="" src="https://36.media.tumblr.com/69e767f46d7c8b4dfeb917fddfb4fbee/tumblr_nfv1w87jQ41u4zt0yo2_250.png" style="width:60px;height:60px;padding:9px;" title="link title." /></a></div>
  99. </div>
  100.  
  101. <div style="width:160px;height:25px;float:left;margin:10px 0px 0px 20px;line-height:24px;text-align:right;"><span style="font-size:36px;"><span style="color:#beacc9;letter-spacing:-3px;"><strong><span style="font-family:arial;">SERENE</span></strong></span></span></div>
  102.  
  103. <div style="width:157px;height:25px;float:left;margin:-25px 0px 0px 20px;line-height:24px;text-align:right;"><span style="font-size:36px;"><span style="color:#ffffff;letter-spacing:-3px;"><strong><span style="font-family:arial;">SERENE</span></strong></span></span></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement