home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / touching_design / touching.css < prev   
Cascading Style Sheet File  |  2007-01-19  |  3KB  |  128 lines
  1. /* *** css by miss monorom www.intensivstation.ch *** */
  2. /* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
  3.  
  4. body {
  5.  background: #E7E7E7 url('body.jpg') top left;
  6. font-size: 11px;
  7. font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  8. color:#564b47;
  9. padding:0px;
  10. margin:0px;
  11. }
  12. a {color: #DB7093;}
  13. a:visited {color:#c43300;}
  14. a:hover {color: #c43300;}
  15. a:active { color:#000000;}
  16.  
  17. h1 {
  18. font-size: 11px;
  19. text-transform:uppercase;
  20.  
  21. /*border-top:1px solid #564b47;
  22. border-bottom:1px solid #564b47;*/
  23. /*padding:5px 15px;*/
  24. margin:0px }
  25.  
  26. h2 {
  27. color: #9A1212;
  28. font-size:20px;
  29. font-weight: normal;
  30. padding: 5px 10px;
  31. margin:0px;}
  32.  
  33. img.download {vertical-align:middle;}
  34.  
  35. /* ----------container to center the layout-------------- */
  36. #container {
  37. width: 760px;
  38.  
  39. margin-left: auto;
  40. margin-right: auto;
  41. height:100%;
  42. background: #E8E8E8 url('menubottom.jpg') no-repeat bottom left;
  43. border:1px solid #8D8D8D;
  44. }
  45.  
  46. /* ----------banner for logo-------------- */
  47. #banner {
  48. height:114px;
  49. text-align: center;
  50. background:  url('header.jpg') no-repeat bottom center;
  51. background-color: #e1ddd9;
  52.  
  53. padding: 0px;
  54. margin: 0px;
  55. }
  56. #banner img {padding:10px 0px;} 
  57. #bannertitle{padding-top:50px;font-size:2em;font-weight:bold;}
  58.  
  59. /* -----------------content--------------------- */
  60. #content {
  61.  
  62. background:#ffffff  url('content.jpg') no-repeat top right;
  63. padding: 0px;
  64. margin-left: 200px;
  65. margin-right: 0px;
  66. }
  67. div#content { 
  68. min-height:600px;
  69. /*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
  70. }
  71.  
  72. p, pre{
  73. padding: 5px 10px;
  74. margin:0px;
  75. }
  76.  
  77. /* --------------left navi------------- */
  78. #left {
  79. float: left;
  80. width: 200px;
  81. margin: 0px;
  82. padding: 0px;
  83. background:#E8E8E8;
  84.  height:90%;
  85. }
  86.  
  87. /* -----------footer--------------------------- */
  88. #footer {
  89. clear: both;
  90. margin: 0px;
  91. padding:0px;
  92.  
  93. height:35px;
  94. text-align: right; 
  95. background:  url('footer.gif') repeat-x ;
  96. }
  97.  #footer h1 a{
  98.  color:#FFFFFF;
  99.  }
  100.   #footer h1{
  101.   padding:5px 5px 0px 0px;
  102.   }
  103.  /**********vertical menu***************/
  104. .verticalmenu ul{
  105.  list-style:none;
  106. /*list-style-image: url("bullet.gif")*/
  107.  
  108.  
  109.  padding: 10px;
  110.  margin: 0px;
  111. }
  112.  
  113.  .verticalmenu li, a:link, .verticalmenu a:visited, .verticalmenu a:hover {
  114.    display: block;
  115.    font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
  116.    color: #9A1212;
  117.    text-decoration: none;
  118.    text-align: left;
  119.    
  120.    width: 140px;
  121.    height: 32px;
  122.    /*background: url('menuhover.gif') no-repeat;*/
  123.  }
  124.  
  125.  .verticalmenu a:hover{
  126.    background: url('menuhover.gif') no-repeat;
  127.    color: #dc4d1b;
  128.  }