Просмотр файла cms/style.css

Размер файла: 4.9Kb
  1. * { margin:0; padding:0;}
  2. body { background:url(images/tail-top.gif) repeat-x top #fff; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#414141;}
  3.  
  4. input, textarea, select { font-family:Tahoma, Geneva, sans-serif; font-size:1em; color: green; }
  5.  
  6. object { vertical-align:top;}
  7.  
  8. .fleft { float:left;}
  9. .fright { float:right;}
  10. .clear { clear:both;}
  11.  
  12. .alignright { text-align:right;}
  13. .aligncenter { text-align:center;}
  14.  
  15. .wrapper { width:100%; overflow:hidden;}
  16. .container { width:100%;}
  17.  
  18. p { margin:0; padding:0;}
  19.  
  20. .tail-top-right { position:absolute; right:0; top:0; width:50%; height:285px; background:url(images/tail-top-right.gif) repeat-x right top;}
  21.  
  22.  
  23. /*==================forms====================*/
  24. input, select { vertical-align:middle; font-weight:normal;}
  25. img {border:0; vertical-align:top; text-align:left;}
  26.  
  27. #contacts-form { clear:right; width:100%; overflow:hidden;}
  28. #contacts-form fieldset { border:none; float:left; }
  29. #contacts-form .field { clear:both;}
  30. #contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#4c7cbd;}
  31. #contacts-form input { width:170px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #d6d6d6; color:#414141; float:left;}
  32. #contacts-form textarea { width:539px; height:252px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #d6d6d6; color:#414141; margin-bottom:15px; overflow:auto; float:left;}
  33.  
  34.  
  35. /*==================list====================*/
  36. ul { list-style:none;}
  37.  
  38. .site-nav { width:100%; overflow:hidden; padding-top:15px;}
  39. .site-nav li { float:left; font-weight:bold; border-right:1px solid #d5d5d5; padding:0 50px 2px 43px;}
  40. .site-nav li a { color:#000;}
  41. .site-nav li a:hover,
  42. .site-nav li a.act {
  43. color:#4c7cbd;
  44. }
  45. .site-nav li.last { border:0;}
  46.  
  47. .list li { background:url(images/line.gif) repeat-x bottom; padding-bottom:8px; margin-bottom:6px;}
  48. .list li span { display:inline-block; padding-left:22px; background:url(images/marker-1.gif) no-repeat left 3px;}
  49. .list li a { color:#414141;}
  50. .list li.last { background:none; padding-bottom:0; margin-bottom:0;}
  51.  
  52. .list1 li { width:100%; overflow:hidden; vertical-align:bottom; padding:3px 0 20px 0;}
  53. .list1 li img { float:left; margin:-3px 15px 0 0;}
  54. .list1 li.last { padding-bottom:0;}
  55.  
  56. .list2 { padding-bottom:15px;}
  57. .list2 li { padding:0 0 4px 8px; background:url(images/marker-2.gif) no-repeat left 6px;}
  58. .list2 li a { color:#4c7cbd;}
  59. .list2 li ul { padding-top:4px; margin-bottom:-4px;}
  60. .list2 li ul li { padding-left:8px; background:url(images/marker-3.gif) no-repeat left 6px;}
  61.  
  62.  
  63.  
  64. /*==================other====================*/
  65. .img-box1 { width:100%; overflow:hidden; padding-top:3px;}
  66. .img-box1 img { float:left; margin:-3px 15px 0 0;}
  67.  
  68. .p1 { margin-bottom:14px;}
  69.  
  70.  
  71. /*==================txt, links, lines, titles====================*/
  72. a {color:#414141; outline:none;}
  73. a:hover{text-decoration:none;}
  74.  
  75. h3 { font-size:1em; color:#4c7cbd; margin-bottom:12px;}
  76. h3 a { color:#4c7cbd; text-decoration:none;}
  77. h3 a:hover { text-decoration:underline;}
  78.  
  79. .link { display:block; float:right; background:url(images/link-bgd.gif) repeat-x top; color:#4c7cbd; font-size:1em; text-decoration:none; line-height:.92em;}
  80. .link em { display:block; background:url(images/link-left.gif) no-repeat left top;}
  81. .link b { display:block; background:url(images/link-right.gif) no-repeat right top; padding:5px 21px 6px 21px; font-style:normal;}
  82. .link:hover { text-decoration:underline;}
  83.  
  84. .line-hor { border-bottom:1px solid #000; margin:20px 0; overflow:hidden; font-size:0; line-height:0;}
  85.  
  86. .title { margin-bottom:18px; text-align:center;}
  87.  
  88.  
  89. /*==================boxes====================*/
  90. .box { background:#fff; width:100%;}
  91. .box .border-top {background:url(images/border.gif) repeat-x top;}
  92. .box .border-bot {background:url(images/border.gif) repeat-x bottom;}
  93. .box .border-left {background:url(images/border.gif) repeat-y left; width:100%;}
  94. .box .border-right {background:url(images/border.gif) repeat-y right; width:100%;}
  95. .box .inner { padding:30px 30px 40px 31px;}
  96.  
  97.  
  98. /*header*/
  99. #header .logo { position:absolute; top:90px; left:50px;}
  100.  
  101. /*content*/
  102. #content { padding:20px 40px 0 40px;}
  103. #content .banner { padding-top:20px;}
  104. #content .indent { padding:14px 0 0 9px;}
  105. #content .indent1 { padding-bottom:28px;}
  106. #content p { line-height:1.17em;}
  107.  
  108. /*footer*/
  109. #footer .indent { padding:37px 40px 20px 40px;}
  110. #footer img { position:relative; top:-4px;}
  111. #footer a { color:#4c7cbd;}
  112.  
  113. /*==========================================*/
  114. #lnk
  115. {
  116. border: 1px solid #ff4214;
  117. background-color:#F3EFC6;
  118. color:#284dc6;
  119. text-align:left;
  120. font-size: 18px;
  121. padding: 2px 2px 2px 5px;
  122. margin: 2px 0px 1px 6px;
  123. border-radius:5px;
  124. }
  125. #lnk:hover
  126. {
  127. background-color:#fafcf9;
  128. color:#69AF7E;
  129. }
  130. #lnk .user
  131. {
  132. color:#fd289d;
  133. }
  134. input:hover
  135. {
  136. color: brown;
  137.  
  138. }
  139. textarea
  140. {
  141. resize: vertical;
  142.  
  143. }