home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / red_rays / stylesheet.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-12-18  |  1.5 KB  |  89 lines
  1. /* CSS Document */
  2.  
  3. body {
  4. /* to have the layout centered */
  5.     text-align: center;
  6.     margin: 0px;
  7.     padding: 0px;
  8.     background: #FFFFFF;
  9. }
  10. #container {
  11. /* re-aligning the text correctly to the left */     
  12.     text-align: left;
  13. /* margins at top and bottom are 0px but on the sides, "auto" will center the layout */
  14.     margin: 0px auto;
  15.     padding: 0px;
  16. /* sets the layout width */
  17.     width: 700px;
  18.     background-color:#FFF0F8;
  19.  
  20.     
  21.     
  22. }
  23. #header {
  24.     width: 100%;
  25.     height: 150px;
  26.     background-image:url(header.png);
  27.     background-repeat: no-repeat;
  28.     overflow:hidden;
  29. }
  30.  
  31. ul {
  32.  
  33. }
  34.  
  35. li {
  36.     display:inline;
  37.     padding : 0.75em 1.5em;
  38.     font:Verdana;
  39.     font-size:12px;
  40.     
  41.     
  42.  
  43. }
  44. a {text-decoration: none;
  45.     color: #FFFFFF;
  46.     
  47. }
  48.  
  49. #left {
  50.     width: 300px;
  51. /* float it to the left of the text */
  52.     float: left;
  53.     background: #F7F7F7;
  54.     margin-left:6px;
  55.     margin-right:6px;
  56.     margin-top:10px;
  57.     margin-bottom:10px;
  58.     border:1px solid #FFFFFF;
  59.     font:Verdana;
  60.     font-size:12px;
  61.     color: #666666;
  62.     padding:4px;
  63.     letter-spacing:3px;
  64. }
  65.  
  66. #content {
  67.     width: 330px;
  68.     background: #666666;
  69. /* float it to the left of the right sidebar */
  70.     float: left;
  71.     margin:6px;
  72.     border:1px #FFFFFF solid;
  73.     padding:4px;
  74.     font:Verdana; 
  75.     font-size:12px;
  76.     letter-spacing:3px;
  77. }
  78. #footer {
  79.     width: 100%;
  80.     height: 50px;
  81. /* clear: both so that it remains at the bottom of the 3 columns */
  82.     clear: both;
  83.     background: #CCCCCC;
  84. }
  85. h1 {text-align:center;
  86. font: Verdana;
  87. font-size:12px;
  88. color:#FFFFFF;
  89. }