Posted By

mafro on 03/30/07


Tagged

web layout


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

basicmagic
d10018


General CSS


 / Published in: CSS
 

Basic layout stylesheet

  1. /***** form controls *****/
  2.  
  3. input.but {background:#FFCC80; color:black; border:1px solid #AAAAAA; font:bold 11px Verdana; height:20px; width:90px; margin-left:2px; }
  4. input.ovr {background:#D6D3CE; color:black; border:1px solid #888888; font:bold 11px Verdana; height:20px; width:90px; margin-left:2px; }
  5.  
  6. .in {font:12px Verdana; border:1px solid #AAAAAA; height:18px; width:140px; margin:2px; }
  7. .mid {width:250px; }
  8. .long {width:450px; }
  9.  
  10. textarea.in {height:100px; width:300px; }
  11.  
  12.  
  13. /* warnings */
  14. div.message-error {width:100%; padding:2px 0px 2px 0px; font-weight:bold; background:#FF8080; }
  15. div.message-warning {width:100%; padding:2px 0px 2px 0px; font-weight:bold; background:#FFFF80; }
  16.  
  17.  
  18. /* General styles */
  19. * {margin:0; padding:0; }
  20. img {border:0px; }
  21. body {height:100%; font:10px Verdana; }
  22. html {height:100%; }
  23.  
  24. td {padding:0px 4px 0px 4px; }
  25. th {padding:0px 4px 0px 4px; text-align:left; }
  26.  
  27. h1 {font:bold 13px Verdana; margin-top:0px; margin-bottom:14px; }
  28. table {border-collapse:collapse; }
  29.  
  30. .warning {color:red; }
  31.  
  32. .valign {margin-bottom:-2px; }
  33.  
  34. hr {margin-top:10px; margin-bottom:6px; }
  35.  
  36. /* text/plain email style */
  37. pre {font:11px Courier; }
  38.  
  39. html>body div, html>body div * {position:static} /* good browsers */

Report this snippet  

You need to login to post a comment.