Просмотр файла template/themes/wap/default/style.css

Конкурс дизайнеров на 15000 рублей
Милый пушистый сайт !!!!
Размер файла: 6.28Kb 
  1. @charset "utf-8";
  2. body {
  3. background: url(images/bgtop.png) repeat-x left top;
  4. color : #707070;
  5. font-size : 12px;
  6. font-family : Tahoma;
  7. background-color : #fff;
  8. padding:auto;
  9. margin:auto;
  10. max-width:400px;
  11. }
  12. a:link, a:visited {
  13. color : #51afe5;
  14. text-decoration : none;
  15. }
  16. a:hover, a:focus {
  17. border-bottom: 1px solid #3989b7;
  18. }
  19. .logo {
  20. font-size : 10px;
  21. background-image : url(images/head.png);
  22. height : 37px;
  23. margin: 0px;
  24. text-align: left;
  25. }
  26. .logo a:hover {
  27. border-bottom: 0px solid #fff;
  28. }
  29.  
  30.  
  31. .footer {
  32. color : #fff;
  33. font-size : 13px;
  34. background-color : #8f8e8f;
  35. background-image : url(images/foot.png);
  36. text-align : center;
  37. height : 30px;
  38. -moz-border-radius: 0px 0px 10px 10px;
  39. -webkit-border-radius: 0px 0px 10px 10px;
  40. -khtml-border-radius: 0px 0px 10px 10px;
  41. }
  42. .foot {
  43. text-shadow: #fff 0px 1px 0px;
  44. color : #a3e0f6;
  45. font-size : 13px;
  46. background-color : #fff;
  47. background: url(images/copy.png) repeat-x left top;
  48. text-align : center;
  49. padding: 2px;
  50. margin-top:1px;
  51. border-radius: 0px 0px 10px 10px;
  52. -moz-border-radius: 10px 10px 0px 0px;
  53. -webkit-border-radius: 10px 10px 0px 0px;
  54. -khtml-border-radius: 10px 10px 0px 0px;
  55. }
  56. .footer a {
  57. text-shadow: #125c87 0px 1px 0px;
  58. color : #fff;
  59. padding: 2px;
  60. border-bottom: 1px solid #fff;
  61. }
  62. .footer a:hover {
  63. text-shadow: #125c87 0px 1px 0px;
  64. color : #fff;
  65. border-bottom: 1px solid #156898;
  66. }
  67.  
  68. .gray { color: gray; }
  69. .green{ color: green; }
  70.  
  71. .header {
  72.     background: #fff url(images/header.png) repeat-x left top;
  73. 	color: #06ace1;
  74. 	text-shadow: #fff 0px 1px 1px;
  75. 	margin: 0 0 1px 0;
  76. 	padding: 4px 1px 4px 6px;
  77. }
  78. .header b { color: #45aad0; }
  79. .left { float: left; }
  80. .post {
  81. background: url(images/list1.png) repeat-x left top;
  82. border-top : 1px solid #c0c0c0; 
  83. background-color : #fff;
  84. margin: 2px;
  85. padding: 3px 0px 3px 2px;
  86. border-radius: 4px 4px 0px 0px;
  87. -moz-border-radius: 4px 4px 0px 0px;
  88. -webkit-border-radius: 4px 4px 0px 0px;
  89. -khtml-border-radius: 4px 4px 0px 0px;
  90. }
  91.  
  92.  
  93.  
  94. .main{
  95. border : 1px solid #e0ecf3; 
  96. background-color : #f5f9fb;
  97. margin: 1px 0px 1px 0px;
  98. padding: 2px 2px 2px 2px;
  99. }
  100. .panel {
  101.  
  102. 	background: url(images/tmn.png) repeat-x top left #b6dffd;
  103. 	border-top: 1px solid #b6dffd;
  104. 	color: #989898;
  105. 	margin: 1px 0;
  106. 	padding: 3px 0px 4px 6px;
  107. 	border-radius: 4px 4px 0px 0px;
  108. -moz-border-radius: 4px 4px 0px 0px;
  109. -webkit-border-radius: 4px 4px 0px 0px;
  110. -khtml-border-radius: 4px 4px 0px 0px;
  111. }
  112. .panel a {
  113. text-shadow: #fff 0px 1px 0px;
  114. color : #2a7aa9;
  115. }
  116. .panel a:hover, a:focus {
  117. text-shadow: #fff 1px 1px 0px;
  118. color : #2a7aa9;
  119. border-bottom: 0px solid #fff;
  120. }
  121.  
  122. .block {
  123. background: url(images/bmenu.png) repeat-x left top;
  124. border-top : 1px solid #fff; 
  125. background-color : #fff;
  126. margin: 2px;
  127. padding: 3px 0px 3px 2px;
  128. border-radius: 4px 4px 0px 0px;
  129. -moz-border-radius: 4px 4px 0px 0px;
  130. -webkit-border-radius: 4px 4px 0px 0px;
  131. -khtml-border-radius: 4px 4px 0px 0px;
  132. }
  133. .title {
  134. text-shadow: #0782aa 0px 1px 0px;
  135. color : #fff;
  136. font-size : 13px;
  137. background-color : #04abe1;
  138. background-image : url(images/title.png);
  139. text-align : left;
  140. padding: 2px 0px 2px 2px;
  141.  
  142. border-radius: 4px 4px 0px 0px;
  143. -moz-border-radius: 4px 4px 4px 4px;
  144. -webkit-border-radius: 4px 4px 0px 0px;
  145. -khtml-border-radius: 4px 4px 0px 0px;
  146. }
  147.  
  148. .title a { color: #fff; }
  149. .title a:hover { color: #ebebeb; text-decoration: none; }
  150.  
  151. .error {
  152. background: url(images/rmenu.png) repeat-x left top;
  153. border-top : 1px solid #fff; 
  154. background-color : #fff;
  155. margin: 2px;
  156. padding: 3px 0px 3px 2px;
  157. border-radius: 4px 4px 0px 0px;
  158. -moz-border-radius: 4px 4px 0px 0px;
  159. -webkit-border-radius: 4px 4px 0px 0px;
  160. -khtml-border-radius: 4px 4px 0px 0px;
  161. }
  162. .error input, .error textarea, .error select { border: 1px solid #E2C0C7; }
  163. .error input:focus, .error textarea:focus { border: 1px solid #DBB0B9; background: #FDFBFB; }
  164.  
  165. .menu {
  166. background: url(images/menu.png) repeat-x left top;
  167. border-top : 1px solid #fff; 
  168. background-color : #fff;
  169. margin: 2px;
  170. padding: 3px 0px 3px 2px;
  171. border-radius: 4px 4px 0px 0px;
  172. -moz-border-radius: 4px 4px 0px 0px;
  173. -webkit-border-radius: 4px 4px 0px 0px;
  174. -khtml-border-radius: 4px 4px 0px 0px;
  175. }
  176. img {
  177. border: 0px;
  178. vertical-align: middle;
  179. }
  180. .menu a { color: #0e83a5; }
  181. .menu a:hover { color: #007ed2; }
  182. .news{
  183. background: url(images/bmenu.png) repeat-x left top;
  184. border-top : 1px solid #fff; 
  185. background-color : #fff;
  186. margin: 2px;
  187. padding: 3px 0px 3px 2px;
  188. border-radius: 4px 4px 0px 0px;
  189. -moz-border-radius: 4px 4px 0px 0px;
  190. -webkit-border-radius: 4px 4px 0px 0px;
  191. -khtml-border-radius: 4px 4px 0px 0px;
  192. }
  193. .quote{
  194. 	border-left: 4px solid #c0c0c0;
  195. 	color: #878787;
  196. 	font-size: x-small;
  197. 	padding: 2px 0px 2px 4px;
  198. }
  199. .red, .red a {
  200. 	color: #f00;
  201. }
  202.  
  203. .code {
  204. 	background-color: #E0E6E9;
  205. 	border: 1px dotted #9FAEBB;
  206. 	margin-top: 4px;
  207. 	padding: 0px 2px 0px 2px;
  208. }
  209.  
  210.  
  211. .top {
  212. background: url(images/fmenu.png) repeat-x left top;
  213. border-top : 1px solid #fff; 
  214. background-color : #fff;
  215. margin: 2px;
  216. padding: 3px 0px 3px 2px;
  217. border-radius: 4px 4px 0px 0px;
  218. -moz-border-radius: 4px 4px 0px 0px;
  219. -webkit-border-radius: 4px 4px 0px 0px;
  220. -khtml-border-radius: 4px 4px 0px 0px;
  221. }
  222.  
  223.  
  224. .cpage {
  225.     background-color: #edebeb;
  226.     border: 1px solid #cccccc;
  227.     padding: 0px 5px 0px 5px;
  228. }
  229.  
  230. a.panv {
  231.     border: 1px solid #c0c0d5;
  232.     padding: 0px 3px 0px 3px;
  233.     text-decoration: none;
  234. }
  235.  
  236. a.panv:hover {
  237.     background-color: #f7f7f7;
  238.     border: 1px solid #dedede;
  239. }
  240.  
  241. p { margin: 1px; }
  242. form, input, textarea, select { font: 13px Trebuchet MS, Tahoma; margin: 0; }
  243. form {  }
  244. input, textarea, select { background: #fff; border: 1px solid #d8d8d8; color: #686868; padding: 3px; margin: 1px 0; 
  245. border-radius: 4px 4px 4px 4px;
  246. -moz-border-radius: 4px 4px 4px 4px;
  247. -webkit-border-radius: 4px 4px 4px 4px;
  248. -khtml-border-radius: 4px 4px 4px 4px;}
  249. input:focus, textarea:focus { background: #F4F4F4; border: 1px solid #BCBCBC; }
  250. input[type="submit"] { background: url(images/input.gif) repeat-x bottom #fefefe; padding: 3px 8px; margin: 2px; 
  251. border-radius: 4px 4px 4px 4px;
  252. -moz-border-radius: 4px 4px 4px 4px;
  253. -webkit-border-radius: 4px 4px 4px 4px;
  254. -khtml-border-radius: 4px 4px 4px 4px;}
  255. input[type="file"] { margin: 2px 0; }
  256. hr { border: 0; border-top: 1px dotted #E1E1E1; margin: 5px 0; }
  257. h3 { margin: 0; padding: 0 0 2px 0; }
  258. ul { margin: 0; padding-left: 20px; }