Просмотр файла template/designs/shcms_web/style.css

Конкурс дизайнеров на 15000 рублей
Скрипты | CMS | Боты
Размер файла: 9.55Kb 
  1. body {
  2. font-family: Tahoma, Arial, Verdana, sans-serif, Lucida Sans;
  3. font-size:13px;
  4. color: #616683;
  5. font-style: normal;
  6. text-decoration: none;
  7. margin: 0px auto;
  8. max-width: 1000px;
  9. background-color: #F8F8F8;
  10. }
  11. .format { 
  12. background-color: #FCFCFC;
  13. border: 1px solid #F2F2F7;
  14. border-radius: 3px;
  15. margin: 5px;
  16. padding: 5px;
  17. }
  18. .code { 
  19. background: #F9FAFF;
  20. border: 1px solid #DCE7E7;
  21. margin: 0.5em;
  22. padding: 0.5em;
  23. border-radius:4px;
  24.  
  25. }
  26. .body {
  27. margin: 0px auto;
  28. max-width: 800px;}
  29. a {
  30.     text-decoration: none;
  31.     color : #5280AC;
  32. }
  33.  
  34. div.shap { 
  35.  
  36. display: inline-block;
  37. float: right;
  38. margin: 0px;
  39. max-width: 750px;
  40. min-height: 600px;
  41. padding: 10px 20px;
  42. vertical-align: top;
  43. width: 750px;
  44. }
  45. a:hover { 
  46. text-decoration: none;
  47.     color: #18436C;
  48. }
  49. .hide { 
  50. background-color: #FFFFFF;
  51. border: 1px dashed #E9E9E9;
  52. border-radius: 4px;
  53. margin-top: 1px;
  54. padding: 4px;
  55. }
  56.  
  57. @font-face {
  58.   font-family: 'FontShcms';
  59.   src: url("comic.ttf") format("truetype");
  60.   font-weight: normal;
  61.   font-style: normal; }
  62. hr { 
  63.     border-bottom: 1px dotted #B5B5B5;
  64.     border-left-style: none;
  65.     border-left-width: 0px;
  66.     border-right-style: none;
  67.     border-right-width: 0px;
  68.     border-top-style: none;
  69.     border-top-width: 0px;
  70.     margin-bottom: 7px;
  71.     margin-top: 7px;
  72. }
  73. .line_file {
  74.  
  75.     border-bottom: 1px solid #DBDBDB;
  76.     border-left-style: none;
  77.     border-left-width: 0px;
  78.     border-right-style: none;
  79.     border-right-width: 0px;
  80.     border-top-style: none;
  81.     border-top-width: 0px;
  82.     margin-bottom: 7px;
  83.     margin-top: 7px;
  84.  
  85. }
  86. select { 
  87. border: 1px solid #CCCCCC;
  88. border-radius: 3px;
  89. outline: 1px solid #FFFFFF;
  90. padding: 3px;
  91. }
  92.  
  93. input[type="submit"]{
  94. margin: 3px 1px 5px 3px;
  95. height:25px;
  96. background: -o-linear-gradient(top, #F6F6F6, #D4D4D4) #F6F6F6;
  97. border: 1px solid #A1A1A1;
  98. border-radius: 4px;
  99. color: #4C4C4C;
  100. cursor: pointer;
  101. display: inline-block;
  102. font-size: 13px !important;
  103. padding: 3px 5px;
  104. position: relative;
  105. text-decoration: none;
  106. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.298);
  107. }
  108. input[type="submit"]:hover{
  109.     color: #000;
  110.     text-decoration: none;
  111.    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.298);
  112. }
  113. textarea{ 
  114. background: url(images/input.png) repeat-x #FFFFFF;
  115. border: 1px solid #BCC0C2;
  116. height: 6pc;
  117. margin: 5px;
  118. font-size:15px;
  119. border-radius: 3px;
  120. max-width: 98%;
  121. min-height: 4pc;
  122. min-width: 98%;
  123. padding: 2px;
  124. width: 98%;
  125. vertical-align: top; 
  126. box-shadow: inset rgba(0, 0, 0, 0.102) 0px 4px 6px;
  127. }
  128. img {
  129.     border: 0px;
  130.     margin: 0px;
  131.     padding: 0px;
  132. }
  133.  
  134. input[type='file']{ 
  135. background: url("images/input.png") repeat-x #FFFFFF;
  136. border: 1px solid #BCC0C2;
  137. padding: 3px;
  138. }
  139. input[type='password'],input[type='text']{
  140. padding: 2px;
  141. border-radius: 3px;
  142. background: #fff url("images/input.png") repeat-x;
  143. border: 1px solid #bcc0c2; 
  144. margin:3px;
  145. height:19px;
  146. box-shadow: inset rgba(0, 0, 0, 0.102) 0px 1px 6px;
  147.  
  148. }
  149.  
  150.  
  151. .pages
  152. {
  153. background-color: #fcfcfc;
  154. padding: 6px;
  155. word-wrap: break-word;
  156. border: 1px #F2F2F7 solid;
  157. border-radius: 0 0 5px 5px;
  158. box-shadow: rgba(0, 0, 0, 0.102) 0px 1px 3px;
  159. margin-bottom: 5px;
  160. text-align:right;
  161. }
  162. a.navigation{
  163. background: url("images/pages.png") 0px 0px repeat-x #E5E5E5;
  164. border: 1px solid #D6D6D6;
  165. border-radius: 3px;
  166. box-shadow: rgba(0, 0, 0, 0.047) 0px 1px 2px;
  167. color: #747474;
  168. display: inline-block;
  169. font-size: 11px;
  170. font-weight: 400;
  171. line-height: 22px;
  172. padding: 0px 7px;
  173. text-shadow: #FFFFFF 0px 1px 0px;
  174. text-transform: lowercase;
  175. }
  176.  
  177. span.navigation 
  178. {
  179.  
  180. background: #929292;
  181. box-shadow: rgba(0, 0, 0, 0.047) 0px 1px 2px;
  182. border-radius: 3px;
  183. color: #FFFFFF;
  184. padding: 1px 8px;
  185. line-height: 22px;
  186. display: inline-block;
  187. margin: 0px 3px;
  188. }
  189. .copyright
  190. {
  191.  
  192. color: #D2D7DF;
  193. border-bottom: 1px solid #FFFFFF;
  194. border-left: 0px none currentColor;
  195. border-right: 0px none currentColor;
  196. border-top: 1px solid #EEEEEE;
  197. margin: 18px 0px;
  198. }
  199.  
  200. .form
  201. {
  202. background: #FCFCFC;
  203. clear: both;
  204. background: #FAFAFA;
  205. border: 1px solid #E7E7E7;
  206. box-shadow: rgba(0, 0, 0, 0.102) 0px 1px 3px;
  207. border-radius: 4px;
  208. font-size: 12px;
  209. line-height: 1.6;
  210. padding: 8px;
  211.  
  212. }
  213. .form a 
  214. {
  215. text-decoration: none;
  216. }
  217. .posts
  218. {
  219. background-color: #fcfcfc;
  220. margin: 5px;
  221. padding: 5px;
  222. word-wrap: break-word;
  223. border: 1px #F2F2F7 solid;
  224. border-radius: 3px;
  225. -moz-border-radius: 3px;
  226. }
  227.  
  228.  
  229.  
  230. .posts_gl
  231. {
  232.     background: -o-linear-gradient(top, #FFFFFF, #F5F5F5) transparent;
  233.     border: 1px #E7E7E7 solid;
  234. 	border-radius: 6px;
  235. 	-moz-border-radius: 6px;
  236.     display: block;
  237.     font-size: 16px;
  238.     margin: 5px;
  239.     max-width: 100%;
  240.     min-height: 40px;
  241.     padding: 8px;
  242. 	
  243. }
  244. .posts_gl a , .posts_gl a:hover {
  245.     text-decoration: none;
  246.     color: #686868 !important;
  247. 	font-size: 16px;
  248. }
  249.  
  250. h1
  251. {
  252. color: #FFFFFF;
  253. display: block;
  254. font-family: "FontShcms", Arial, Verdana, sans-serif, Lucida Sans;
  255. font-size: 30px;
  256. font-weight: 700;
  257. line-height: 67px;
  258. height: 40px;
  259. margin: 0px;
  260. padding: 0px 15px;
  261. text-decoration: none;
  262. text-shadow: #000000 0px 1px 3px;
  263. }
  264. .head { 
  265. background: -o-linear-gradient(top, #347FB4, #07436D) #F6F6F6;
  266. height: 69px;
  267. border-radius: 0px 0px 5px 5px;
  268. }
  269. .head a , .head a:hover, .head a:focus
  270. {
  271. font-weight: bold;
  272. bottom: 0px;
  273. height: 50px;
  274. color:#fff;
  275. padding: 2px 10px;
  276. float: right;
  277. }
  278. .mysql_yes
  279. {
  280. 	background-color: #EBFFE4;
  281. 	margin: 5px;
  282. 	padding: 5px;
  283. 	border: 1px #80D761 solid;
  284. 	border-radius: 3px;
  285. 	-moz-border-radius: 3px;
  286. }
  287. .mysql_no
  288. {
  289. 	background-color: #FFEFEE;
  290. 	margin: 5px;
  291. 	padding: 5px;
  292. 	border: 1px #DC8787 solid;
  293. 	border-radius: 3px;
  294. 	-moz-border-radius: 3px;
  295. }
  296. .spoiler
  297. {
  298. background-color: #fff;
  299. border-radius:4px;
  300. border: 1px solid #E9E9E9;
  301. margin-top:1px;
  302. padding:4px;
  303. }
  304. .rights
  305. {
  306. font-size:15px;
  307. font-family:Arial;
  308. text-align:right;
  309. }
  310. .errors
  311. {
  312. background: -o-linear-gradient(top, #F95555, #961818) transparent;
  313. border: 1px solid #5E0909;
  314. border-radius: 6px;
  315. color: #FFE3E3;
  316. font-weight: 700;
  317. margin: 5px;
  318. padding: 5px;
  319. text-align: center;
  320. }
  321.  
  322.  
  323. .actshcms
  324. {
  325. background: -o-linear-gradient(top, #7CD875, #3FA537) transparent;
  326. border: 1px solid #1A9211;
  327. border-radius: 8px;
  328. color: #FFFFFF;
  329. font-weight: 700;
  330. margin: 5px;
  331. padding: 5px;
  332. text-align: center;
  333. }
  334. .link_reg
  335. {
  336. background-color: #F6F6F6;
  337. border: 1px solid #EDEDF2;
  338. border-radius: 5px;
  339. color: #616683;
  340. display: block;
  341. text-align:center;
  342. font-weight:700;
  343. margin: 6px;
  344. padding:7px;
  345.  
  346. }
  347. .img_s {
  348. float:left;
  349. margin-bottom:5px;
  350. margin-right:3px;
  351. }
  352.  
  353. .link_str {
  354. color:#0074B6;
  355. padding: 2px;
  356. font-weight:700;
  357. }
  358. .date {
  359. text-align:right;
  360. }
  361. .bb_codes , .bb_codes a , .bb_codes a:hover
  362. {
  363. background: url(images/submit.png) repeat-x transparent;
  364. border: medium none currentColor;
  365. border-radius: 2px;
  366. color: #FFFFFF;
  367. cursor: pointer;
  368. padding:3px;
  369. margin:3px;
  370. }
  371. .menu {  
  372.     display: inline-block;
  373.     float:left;
  374.     max-width: 200px;
  375.  
  376.     vertical-align: top;
  377.     width: 250px;
  378. }
  379.  
  380. div.menu {
  381.     padding: 10px;
  382.     margin: 0px;
  383.     float: left;
  384.     vertical-align: top;
  385.     width: 200px;
  386.     max-width: 200px;
  387.     display: inline-block;
  388. }
  389. h3
  390. {
  391. font-weight: 700;
  392. font-Family: Tahoma;
  393. color: #ff0000;
  394. }
  395.  
  396. .login_on{
  397. color: #008000;
  398. }
  399.  
  400. .count {
  401. text-align:right;
  402. font-weight: 700;
  403. padding: 1px 4px;
  404. }
  405.  
  406.  
  407. .userstop td, .pm td.pm_list, .pm td.pm_head {
  408.     border: 1px solid #d8d8d8;
  409.     padding: 10px;
  410. 	border-radius:3px;
  411.     background-color: #fff;
  412. }
  413.  
  414. .userstop thead td, .pm td.pm_head {
  415.     font-size: 0.9em;
  416.     border-radius:3px;
  417.     background: url(images/raz.png) 0px 100% repeat-x #FFFFFF;
  418.     height: 30px;
  419.     padding: 0;
  420.     font-weight: bold;
  421.     text-align: center;
  422.     color: #4e4e4e;
  423. }
  424.  
  425.  
  426.  
  427.  
  428.  
  429. .value
  430. {
  431. background: rgba(0, 0, 0, 0.102);
  432. border-radius: 3px;
  433. box-shadow: inset rgba(0, 0, 0, 0.298) 0px 1px 2px, #FFFFFF 0px 1px 0px;
  434. color: #222222;
  435. display: inline-block;
  436. font-weight: 700;
  437. margin-right: 3px;
  438. padding: 3px 7px;
  439. text-shadow: rgba(255, 255, 255, 0.600) 0px 1px 0px;
  440. }
  441.  
  442.  
  443.  
  444. .change_line
  445. {
  446. background: #FFFFFF;
  447. border: 1px solid #D8D8D8;
  448. overflow-wrap: break-word;
  449. margin-bottom: 10px;
  450. }
  451. .change_block
  452. {
  453. border-bottom: 1px solid #EAEAEA;
  454. border-top: 1px solid #FFFFFF;
  455. padding: 5px;
  456. }
  457.  
  458. .maintext
  459. {
  460. background-color: #fcfcfc;
  461. padding: 6px;
  462. word-wrap: break-word;
  463. border: 1px #F2F2F7 solid;
  464. border-radius: 0 0 5px 5px;box-shadow: rgba(0, 0, 0, 0.102) 0px 1px 3px;
  465. margin-bottom: 5px;
  466. }
  467. .maintitle{ 
  468. background: -o-linear-gradient(top, #FFFFFF, #F7F7F7) transparent;
  469. border-bottom: 0px none currentColor;
  470. border-left: 1px solid #EAEAEA;
  471. border-radius: 5px 5px 0 0;
  472. border-right: 1px solid #EAEAEA;
  473. border-top: 1px solid #EAEAEA;
  474. color: #333333;
  475. overflow: hidden;
  476. padding: 6px;
  477. }
  478. .maintime
  479. {
  480. color:#979797;
  481. float:right;
  482. font-size: 10px;
  483. white-space: nowrap;
  484. }
  485.  
  486. .mainrazd
  487. {
  488. font-weight:700;
  489. color:#888888;
  490. }
  491.  
  492. .mainforum
  493. {
  494. font-size:11px;
  495. color:#AAAAAA;
  496. float:right;
  497. }
  498.  
  499. .SHCMS_code { 
  500. border: 1px solid #D1D0D0;
  501. border-radius: 2px;
  502. box-shadow: 0px 0px 7px -4px black inset;
  503. max-height: 400px;
  504. max-width: 684px;
  505. overflow: auto;
  506. padding: 5px;
  507. }
  508.  
  509.  
  510.  .code_textarea span{
  511.  
  512.     padding: 1px 6px;
  513.     margin: 1px;
  514. background: -o-linear-gradient(top, #FFFFFF, #EEEEEE) transparent;
  515.     font-weight: bold;
  516.     font-size: 12px;
  517.     border: 1px solid #E9E9E9;
  518.     border-radius: 3px;
  519.     cursor: default;
  520. }
  521.  
  522. span.menu_count {
  523. float: right;
  524. margin: -8px -8px 0px 0px;
  525. padding-left: 5px;
  526. font-weight: bold;
  527. font-size: 13px; 
  528. border: 1px solid #E7E7E7;
  529. border-radius: 0px 6px 0px 6px;
  530. box-shadow: 0px 0px 0px 1px white, 0px 0px 4px -1px #F5F5F5 inset;
  531. }