style1.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. *{
  2. margin:0; padding:0;
  3. }
  4. body{
  5. background-color: #FFF;
  6. text-align: center;
  7. color: #333;
  8. font-family: Calibri, Tahoma, Vandera;
  9. font-size: 14px;
  10. direction: ltr;
  11. }
  12. #principal{
  13. width: 900px;
  14. margin: auto;
  15. border-left: 5px solid #fd3521;
  16. border-right: 5px solid #fd3521;
  17. border-bottom: 5px solid #fd3521;
  18. }
  19. .header{
  20. width: 900px;
  21. height: 245px;
  22. margin: auto;
  23. background-image: url("../img/header.png");
  24. background-repeat: no-repeat;
  25. }
  26. .navbar{
  27. position: relative;
  28. top: 198px;
  29. left: 250px;
  30. }
  31. .navbar ul{
  32. list-style: none;
  33. }
  34. .navbar ul a{
  35. display: block;
  36. float: left;
  37. width: 15%;
  38. padding: 10px;
  39. text-decoration: none;
  40. font-size: 16px;
  41. color: #ffffff;
  42. }
  43. .navbar ul a:hover{
  44. text-shadow: 0px 0px 3px #FFF;
  45. }
  46. .main{
  47. width: 900px;
  48. margin: auto;
  49. }
  50. .menu{
  51. float: left;
  52. width: 220px;
  53. margin: 10px 0 0 0;
  54. }
  55. .menu ul{
  56. list-style: none;
  57. }
  58. .menu ul a{
  59. display: block;
  60. width: 210px;
  61. padding-top: 10px;
  62. padding-left: 8px;
  63. margin: 5px 0px;
  64. border-bottom: 1px dotted #fd3521;
  65. text-decoration: none;
  66. color: #fd3521;
  67. text-align: left;
  68. }
  69. .menu ul a:hover{
  70. color: #d39b0e;
  71. }
  72. .login form{
  73. width: 200px;
  74. margin: auto;
  75. }
  76. form input[type=text],input[type=password]{
  77. border: 1px solid #fd3521;
  78. width: 200px;
  79. height: 25px;
  80. margin: 3px;
  81. /*background-image: url("img/f.png");
  82. background-repeat: repeat; */
  83. }
  84. form input[type=date],input[type=password]{
  85. border: 1px solid #fd3521;
  86. width: 200px;
  87. height: 25px;
  88. margin: 3px;
  89. color:red
  90. }
  91. form input[type=radio]{
  92. color:red
  93. }
  94. form input[type=submit]{
  95. background-color: #fd3521;
  96. color: #FFF;
  97. cursor: pointer;
  98. width: auto;
  99. padding: 5px;
  100. border: none;
  101. margin: 3px;
  102. }
  103. .register{
  104. margin:auto;
  105. border-left: 4px double #fd3521;
  106. }
  107. .content{
  108. float: right;
  109. width: 670px;
  110. margin: 10px 0 0 0;
  111. }
  112. .content p{
  113. text-align: justify;
  114. width: 600px;
  115. margin: auto;
  116. }
  117. .clear{
  118. clear: both;
  119. }
  120. .footer{
  121. width: 900px;
  122. height: 100px;
  123. background-image: url("../img/footer.png");
  124. background-repeat: no-repeat;
  125. }