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

Размер файла: 6.49Kb
  1. body {
  2. background:#EDEDED url(grid_noise.png);
  3. color:#837674;
  4. font-family:Arial, Tahoma, sans-serif;
  5. font-size:small;
  6. width:850px;
  7. margin:10px auto;
  8. padding:0;
  9. }
  10.  
  11. .heft {
  12. float:right;
  13. width:201px;
  14. padding: 7px 0px 7px 5px;
  15. border: 1px solid #6A769B;
  16. border-radius: 3px;
  17. text-align: center;
  18. margin-top: 5px;
  19. margin-right: 20px;
  20. text-shadow:0px 1px #ADB7D3;
  21. background: #8996BA url(images/heft.png);
  22. box-shadow: -1px 1px 1px #8B98BC,inset 1px 1px #8B98BC;
  23. color: #34394D;
  24. }
  25.  
  26. .heft a:link ,.heft a:visited {
  27. text-shadow:0px 1px #7E89A5;
  28. color: #fff;
  29. padding: 5px;
  30. }
  31.  
  32. .both {
  33. clear:both;
  34. }
  35.  
  36. .lefts {
  37. background:#fff;
  38. width:578px;
  39. float:left;
  40. padding:4px 10px;
  41. }
  42.  
  43. .lefts p a {
  44. color:#3E3E9B;
  45. font-size:15px;
  46. }
  47.  
  48. .lefts p a:hover {
  49. text-decoration:underline;
  50. color:#3B2CEA;
  51. }
  52.  
  53. .right {
  54. background:#F7F5F7;
  55. border-left:1px solid #F0F0F0;
  56. width:249px;
  57. height: 100%;
  58. float:right;
  59. }
  60.  
  61. .right ul {
  62. margin:10px 0;
  63. }
  64.  
  65.  
  66. .right ul .title, .menu_razd{
  67. border-radius: 3px 3px 0px 0px ;
  68. background: #EAEDF0 url(images/lefttitle.png) repeat-x;
  69. text-shadow:0 1px #f9f9f9;
  70. color:#798189;
  71. margin-top: 1px;
  72. border-bottom:1px solid #F0F0F2;
  73. border-top: 1px solid #D3D8E0;
  74. padding:5px 6px;
  75. }
  76.  
  77.  
  78. .right ul .fot a {
  79. color:#757F88;
  80. }
  81.  
  82. .right ul li {
  83. background:#fff;
  84. display:block;
  85. margin:0 20px;
  86. }
  87.  
  88. .lis a:link,.lis a:visited {
  89. padding:4px 8px;
  90. }
  91.  
  92. .right ul li a {
  93. color:#757F88;
  94. display:block;
  95. padding:4px 8px;
  96. }
  97.  
  98. .right ul li a:hover {
  99. background:#f9f9f9;
  100. color:#6A5871;
  101. }
  102.  
  103.  
  104. .head {
  105. background: url(images/head.png) repeat-x #7986AD;
  106. color:#eee;
  107. text-align:center;
  108. border-top: 1px solid #6C79A2;
  109. border-bottom: 1px solid #6C79A2;
  110. height: 40px;
  111. }
  112.  
  113. .navigation ul {
  114. list-style:none;
  115. border-right:1px solid #6C79A2;
  116. }
  117. .navigation ul li {
  118.  
  119. }
  120.  
  121. .navigation ul li a,.navigation ul li a:visited {
  122. border-right:1px solid #6C79A2;
  123. float:left;
  124. color:#fff;
  125. box-shadow: inset -1px 0px 0px #8B95B9;
  126. padding:13px 10px;
  127. }
  128.  
  129. .navigation ul a:hover {
  130. background: #7B88AF url(images/head-hover.png) repeat-x;
  131. }
  132.  
  133.  
  134. textarea {
  135. width:95%;
  136. max-width:557px;
  137. height:70px;
  138. box-shadow:0 1px 1px #fff;
  139. border-radius:3px;
  140. border:1px solid #AFAFD1;
  141. margin:5px 3px;
  142. padding:5px;
  143. }
  144.  
  145. input[type="text"], select, input[type=password] {
  146. box-shadow:0px 1px 1px #fff;
  147. border-radius:3px;
  148. border:1px solid #AFAFD1;
  149. margin:5px 3px;
  150. padding:5px;
  151. }
  152. input,input:focus {outline:0 !important}
  153. input[type=submit] {
  154. border:1px solid #AFAFD1;
  155. background: #DEDEEA url(images/buton.png);
  156. border-radius:2px;
  157. box-shadow: 0 1px 1px #ddd;
  158. margin-left:4px;
  159. color:#444;
  160. padding:7px;
  161. }
  162. ul {
  163. list-style:none;
  164. margin:0;
  165. padding:0;
  166. }
  167.  
  168. .err{
  169. background: #FFAAAA url(images/alarm.png) repeat-x;
  170. border:1px solid #FF7E7E;
  171. color:red;
  172. font-weight:700;
  173. margin-left:2px;
  174. border-radius:2px;
  175. text-shadow:0 1px #FFC1C1;
  176. margin-top:-5px;
  177. padding:4px;
  178. }
  179.  
  180. .aut .error a:link,.aut .alarm a:visited {
  181. color:#FFF;
  182. text-shadow:0 1px #F78686;
  183. font-weight:400;
  184. }
  185.  
  186.  
  187. .fmenu {
  188. background-color:#f9f9f9;
  189. border-bottom:1px solid #ddd;
  190. margin:0;
  191. padding:2px 4px 4px;
  192. }
  193.  
  194. .foot {
  195. text-align:center;
  196. }
  197.  
  198. .fmenu {
  199. background:#4D423E;
  200. border-top:1px solid #463C3A;
  201. border-bottom:1px solid #292221;
  202. color:#fff;
  203. text-align:center;
  204. margin:0;
  205. padding:2px;
  206. }
  207.  
  208. .menu {
  209. border-left:4px solid #9898B4;
  210. border-bottom:1px solid #ccc;
  211. color:#757575;
  212. background:#f9f9f9;
  213. margin-left:2px;
  214. margin-top:4px;
  215. padding:4px;
  216. }
  217.  
  218. .msg {
  219. background:#eee;
  220. border-bottom:1px solid #ddd;
  221. color:#555;
  222. margin:0;
  223. padding:5px;
  224. }
  225.  
  226.  
  227. .footer, .foot {
  228. background:#F5F5F7;
  229. text-shadow:0 1px #fff;
  230. border-bottom:1px solid #ddd;
  231. box-shadow: inset 0px 2px 2px #ddd;
  232. color:#777;
  233. margin:0;
  234. text-align: center;
  235. padding:10px;
  236. }
  237. .footer a:link,.footer a:visited {
  238. color:#444;
  239. text-decoration:none;
  240. }
  241. .footer a,.footer a:visited {
  242. border-radius:3px;
  243. color:#555;
  244. border:1px solid #ccc;
  245. background:#eee;
  246. box-shadow:0 1px 1px #ddd;
  247. transition:all .5s ease;
  248. padding:5px;
  249. }
  250.  
  251. .footer a:hover {
  252. background:#ddd;
  253. color:#333;
  254. }
  255.  
  256. .left {
  257. float:left;
  258. }
  259.  
  260. .p_m {
  261. color:#503E3E;
  262. background-color:#F7F7FC;
  263. border-bottom:1px solid #ddd;
  264. margin-top:1px;
  265. padding:10px;
  266. }
  267.  
  268. .p_t {
  269. background-color:#F2F2F5;
  270. border-bottom:1px solid #ddd;
  271. margin-top:1px;
  272. color:#503E3E;
  273. padding:10px;
  274. }
  275.  
  276. .p_m a:link,.p_m a:visited,.p_t a:link,.p_t a:visited {
  277. color:#4A3F3D;
  278. }
  279.  
  280. .main {
  281. background:#fff;
  282. box-shadow: 0px 0px 10px #ccc;
  283. }
  284.  
  285. .link {
  286. background:#FAFAFA;
  287. color:#444;
  288. font-size:14px;
  289. border-bottom:1px solid #EDEDF2;
  290. margin:0;
  291. padding:12px;
  292. display: block;
  293. }
  294.  
  295. .link a:link,.link a:visited {
  296. color:#6A6A90;
  297. font-size:15px;
  298. text-decoration:none;
  299. }
  300.  
  301. .link:hover {
  302. background:#F5F5F7;
  303. text-decoration:underline;
  304. }
  305. .link img {
  306. margin: -4px 0;
  307. }
  308. .news, .rekl {
  309. box-shadow:inset 0 2px 2px #ddd;
  310. border-bottom:1px solid #eee;
  311. margin-top:-1px;
  312. color:#555;
  313. font-size:13px;
  314. text-indent:10px;
  315. line-height:17px;
  316. padding:5px;
  317. }
  318.  
  319. .menu_u {
  320. background: -o-linear-gradient(top, #bec6dd 0%,#afb9d6 100%);
  321. font-size:16px;
  322. text-shadow:0px 1px #CED8ED;
  323. text-align:center;
  324. color:#4B5876;
  325. box-shadow:inset 0 1px 1px #C6CEE8;
  326. border-bottom:1px solid #9BA5BF;
  327. border-top:1px solid #9BA5BF;
  328. margin:1px 0;
  329. padding:6px 2px;
  330. }
  331.  
  332. .menu_razd a:link,.menu_razd a:visited {
  333. color:#6A6A8B;
  334. text-decoration:none;
  335. }
  336.  
  337. .menu_razd a:hover {
  338. color:#31467C;
  339. text-decoration:underline;
  340. }
  341.  
  342. .gpmsg {
  343. background: #D8DEE0;
  344. padding: 6px 10px;
  345. border-top:1px solid #CBD1D6;
  346. text-shadow:0px 1px #eee;
  347. color:#4B5876;
  348. }
  349. .gpmenu {
  350. padding: 4px 10px;
  351. background: #f9f9f9;
  352. }
  353.  
  354.  
  355. .quote {
  356. border-left:4px solid silver;
  357. color:#878787;
  358. font-size:x-small;
  359. margin-left:2px;
  360. padding:2px 0 2px 4px;
  361. }
  362.  
  363.  
  364.  
  365. .error {
  366. background-color:#FFBFDB;
  367. border-bottom:2px solid #FCADCE;
  368. margin:1px 0;
  369. padding:5px;
  370. }
  371.  
  372. .status {
  373. color:#CD853F;
  374. font-size:x-small;
  375. font-weight:700;
  376. padding-left:0;
  377. }
  378.  
  379. .post {
  380. background:#E3E6E6 url(images/tmn.png) repeat-x top;
  381. color:#aaa;
  382. text-align:center;
  383. padding:8px;
  384. }
  385.  
  386. .error {
  387. color:#464867;
  388. background: #FFAAAA url(images/alarm.png) repeat-x;
  389. border:1px solid #FF7E7E;
  390. border-radius:2px;
  391. text-shadow:0 1px #FAC4C4;
  392. margin-top:-6px;
  393. margin-right:12px;
  394. min-width:198px;
  395. padding:4px;
  396. }
  397.  
  398.  
  399.  
  400. .title a:hover,.fmenu a:hover {
  401. text-decoration:underline;
  402. }
  403.  
  404. .fmenu a:link,.fmenu a:visited {
  405. color:#B4A2A0;
  406. text-decoration:none;
  407. }
  408.  
  409. a:active {
  410. color:#660;
  411. text-decoration:underline;
  412. }
  413.  
  414. a:hover {
  415. text-decoration:underline;
  416. color:red;
  417. }
  418.  
  419. a:link,a:visited {
  420. color:#433B86;
  421. text-decoration:none;
  422. }
  423.  
  424. .page, .page_no {
  425. background-color:#edebeb;
  426. border:1px solid #ccc;
  427. text-shadow:0 1px #fff;
  428. box-shadow:inset 0 1px 1px #F9F9F9;
  429. color:#444;
  430. border-radius:3px;
  431. padding:6px 13px;
  432. }
  433.  
  434. .page_no
  435. {
  436. border:1px solid #ccc;
  437. text: #ffe;
  438. }
  439.  
  440. a.page{
  441. border:1px solid #eee;
  442. border-radius:3px;
  443. text-decoration:none;
  444. padding:6px 13px;
  445. }
  446.  
  447. a.page:hover {
  448. background-color:#ccc;
  449. border:1px solid #bbb;
  450. }
  451.