国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

461 行
7.1KB

  1. * {
  2. padding:0;
  3. margin:0;
  4. box-sizing:border-box
  5. }
  6. html,body {
  7. width:100%;
  8. height:100%
  9. }
  10. body {
  11. height:100%;
  12. font-size:12px;
  13. overflow:hidden;
  14. z-index:1
  15. }
  16. body.showmenu {
  17. background:url(../images/leftmenu_bg.gif) -10px top repeat-y
  18. }
  19. body.hidemenu {
  20. background:none
  21. }
  22. ul {
  23. list-style:none
  24. }
  25. form {
  26. margin:0;
  27. padding:0
  28. }
  29. .head {
  30. width:100%;
  31. height:76px;
  32. overflow:hidden;
  33. z-index:8;
  34. position:relative
  35. }
  36. .top {
  37. height:46px;
  38. width:100%;
  39. background-image:linear-gradient(135deg,#008E38 0%,#639709 100%);
  40. overflow:hidden;
  41. clear:both
  42. }
  43. .top .top_logo {
  44. float:left;
  45. margin-left:10px;
  46. height:46px;
  47. line-height:46px;
  48. font-size:24px;
  49. font-weight:600;
  50. color:#fff
  51. }
  52. .top .top_version {
  53. display:inline-block;
  54. margin-top:10px;
  55. margin-left:10px;
  56. color:#fff
  57. }
  58. .top .top_link {
  59. float:right
  60. }
  61. .top .top_link ul {
  62. float:left;
  63. line-height:46px;
  64. overflow:hidden
  65. }
  66. .top .top_link ul li.welcome {
  67. border-right:none;
  68. color:#fff;
  69. padding-right:10px
  70. }
  71. .top .top_link ul li {
  72. float:left;
  73. color:#fff
  74. }
  75. .top .top_link ul li a {
  76. color:#fff;
  77. padding-left:10px;
  78. padding-right:10px;
  79. text-decoration:none
  80. }
  81. .top .top_link ul li a:hover {
  82. color:#fff;
  83. text-decoration:underline
  84. }
  85. .top .top_link .quick {
  86. padding:3px 0px 0px 0px;
  87. float:left
  88. }
  89. .top .top_link .quick a {
  90. display:block;
  91. text-decoration:none;
  92. color:#C60;
  93. float:left;
  94. line-height:21px;
  95. height:21px;
  96. overflow:hidden
  97. }
  98. .top .top_link .quick a.ac_qucikmenu {
  99. width:81px;
  100. background:url(../images/quick_bg.gif) left top no-repeat;
  101. letter-spacing:1px;
  102. text-indent:8px
  103. }
  104. .top .top_link .quick a.ac_qucikmenu:hover {
  105. background:url(../images/quick_bg.gif) left bottom no-repeat
  106. }
  107. .top .top_link .quick a.ac_qucikadd {
  108. width:19px;
  109. background:url(../images/quick_bg.gif) right top no-repeat
  110. }
  111. .top .top_link .quick a.ac_qucikadd:hover {
  112. background:url(../images/quick_bg.gif) right bottom no-repeat
  113. }
  114. .topnav {
  115. width:100%;
  116. height:30px;
  117. background:#333;
  118. overflow:hidden;
  119. clear:both
  120. }
  121. .topnav .menuact {
  122. width:168px;
  123. float:left;
  124. padding-left:10px;
  125. overflow:hidden;
  126. padding-top:6px
  127. }
  128. .topnav .menuact a {
  129. overflow:hidden;
  130. color:#eee;
  131. padding-right:10px;
  132. text-decoration:none
  133. }
  134. .topnav .menuact a:hover {
  135. color:#fff;
  136. text-decoration:none
  137. }
  138. .nav {
  139. float:left;
  140. padding-left:2px;
  141. line-height:26px;
  142. color:#999
  143. }
  144. .nav ul li {
  145. float:left;
  146. display:block;
  147. margin-left:4px
  148. }
  149. .nav ul li a {
  150. padding:0 10px 0px 10px;
  151. color:#FFCC00;
  152. text-decoration:none
  153. }
  154. .nav ul li a:hover {
  155. color:#fff
  156. }
  157. .nav ul li a.thisclass,.nav ul li a.thisclass:hover {
  158. color:#4E8100;
  159. display:block;
  160. font-weight:bold;
  161. background:#fff;
  162. line-height:23px;
  163. border-top:2px solid #FFDE59;
  164. margin-top:4px;
  165. padding:0 10px 0px 10px
  166. }
  167. .sysmsg {
  168. height:30px;
  169. overflow:hidden;
  170. line-height:30px;
  171. padding-right:10px;
  172. float:right;
  173. color:#999;
  174. width:500px
  175. }
  176. .sysmsg h3 {
  177. font-size:12px;
  178. float:left;
  179. padding-right:6px;
  180. font-weight:normal;
  181. color:#FC0;
  182. display:none
  183. }
  184. .scroll {
  185. float:right;
  186. overflow:hidden;
  187. height:30px
  188. }
  189. .scroll ul {
  190. }.scroll ul li,.sysmsg ul li a {
  191. color:#BBB;
  192. text-decoration:none
  193. }
  194. .scroll ul li {
  195. height:26px;
  196. overflow:hidden;
  197. line-height:26px;
  198. float:right;
  199. clear:both;
  200. padding-left:19px;
  201. background:url(../images/ico-sysmsg.png) 5px 8px no-repeat
  202. }
  203. .scroll ul li a:hover {
  204. text-decoration:underline
  205. }
  206. .scroll a {
  207. padding-left:10px;
  208. color:#fff;
  209. text-decoration:none
  210. }
  211. .scroll a:hover {
  212. text-decoration:underline
  213. }
  214. body.showmenu .left {
  215. display:block
  216. }
  217. body.hidemenu .left {
  218. display:none
  219. }
  220. body.showmenu .right {
  221. left:220px
  222. }
  223. body.hidemenu .right {
  224. left:0
  225. }
  226. .left {
  227. position:absolute;
  228. top:76px;
  229. width:220px;
  230. left:0;
  231. bottom:0;
  232. z-index:7
  233. }
  234. .menu {
  235. height:100%
  236. }
  237. .top_link {
  238. font-size:12px
  239. }
  240. .menu iframe {
  241. height:100%;
  242. width:99.99%;
  243. z-index:20
  244. }
  245. .right {
  246. position:absolute;
  247. right:0;
  248. top:76px;
  249. bottom:0;
  250. z-index:7
  251. }
  252. .main {
  253. height:100%
  254. }
  255. .main iframe {
  256. height:100%;
  257. width:99.99%;
  258. z-index:20
  259. }
  260. .qucikmenu {
  261. position:absolute;
  262. right:10px;
  263. top:32px;
  264. z-index:9;
  265. display:none
  266. }
  267. .qucikmenu ul {
  268. width:110px;
  269. list-style:none;
  270. border:1px solid #E7E7E7;
  271. background:#fff
  272. }
  273. .qucikmenu ul li {
  274. display:block;
  275. text-align:left
  276. }
  277. .qucikmenu ul li a {
  278. height:30px;
  279. line-height:30px;
  280. display:block;
  281. color:#666666;
  282. padding-left:10px;
  283. padding-right:10px;
  284. text-decoration:none
  285. }
  286. .qucikmenu ul li a:hover {
  287. text-decoration:none;
  288. background:#F7F7F7
  289. }
  290. .pagemask {
  291. width:100%;
  292. height:100%;
  293. background:#000;
  294. position:absolute;
  295. z-index:100;
  296. filter:alpha(opacity=70);
  297. -moz-opacity:0.7;
  298. opacity:0.7;
  299. display:none
  300. }
  301. .iframemask {
  302. position:absolute;
  303. z-index:80;
  304. top:0;
  305. left:0;
  306. background-color:#fff;
  307. border:none;
  308. filter:alpha(opacity=0);
  309. -moz-opacity:0;
  310. opacity:0;
  311. height:100%;
  312. width:100%;
  313. display:none
  314. }
  315. .allmenu {
  316. width:720px;
  317. background:#fff;
  318. border:2px solid #999;
  319. z-index:999;
  320. position:absolute;
  321. left:50%;
  322. top:38px;
  323. margin-left:-350px;
  324. display:none;
  325. padding:10px
  326. }
  327. .allmenu .allmenu-box {
  328. width:720px;
  329. margin:0 auto;
  330. text-align:left;
  331. overflow:hidden;
  332. padding-left:2px
  333. }
  334. .maptop {
  335. float:left;
  336. width:108px;
  337. overflow:hidden;
  338. padding-right:6px;
  339. padding-left:6px;
  340. margin-left:-1px
  341. }
  342. .maptop dt.bigitem {
  343. padding:5px 10px;
  344. background:#333;
  345. color:#fff;
  346. line-height:18px;
  347. font-weight:600
  348. }
  349. .mapitem dt {
  350. line-height:21px;
  351. font-weight:bold;
  352. text-indent:10px;
  353. background:#EFF1F1
  354. }
  355. .mapitem ul {
  356. margin-top:10px;
  357. margin-bottom:10px
  358. }
  359. .mapitem ul li {
  360. text-indent:20px;
  361. line-height:24px;
  362. background:url(../images/arrr.gif) 4px 6px no-repeat
  363. }
  364. .allmenu a {
  365. color:#5C604F;
  366. text-decoration:none
  367. }
  368. .allmenu a:hover {
  369. color:#F63
  370. }
  371. #login .theme {
  372. clear:both;
  373. padding:10px;
  374. width:70%;
  375. margin-top:20px
  376. }
  377. #login .theme li {
  378. margin-bottom:15px;
  379. margin-top:5px;
  380. overflow:hidden
  381. }
  382. #login .theme span {
  383. color:#000000;
  384. width:150px;
  385. display:inline-block;
  386. float:left;
  387. text-align:right;
  388. height:22px;
  389. line-height:22px
  390. }
  391. input {
  392. color:#000;
  393. font-size:12px
  394. }
  395. input[type="text"],input[type="password"] {
  396. width:160px;
  397. border-width:1px;
  398. border-style:solid;
  399. border-color:#fff;
  400. padding:2px 4px;
  401. height:18px;
  402. line-height:18px;
  403. vertical-align:middle;
  404. background:#fff
  405. }
  406. input[type="text"]:focus,input[type="password"]:focus {
  407. border-color:#6FB1DF;
  408. color:#333;
  409. -moz-box-shadow:0 0 3px #A5C760;
  410. -webkit-border-shadow:0 0 3px #A5C760;
  411. box-shadow:0 0 3px #A5C760
  412. }
  413. * html input.text {
  414. width:223px;
  415. border:1px solid #a7a6aa;
  416. background:#fff url(../images/input.gif) 0 0 no-repeat;
  417. margin-top:-1px;
  418. margin-right:5px;
  419. margin-bottom:0;
  420. margin-left:2px;
  421. padding:3px;
  422. line-height:12px
  423. }
  424. * html input.radio {
  425. margin:-1px 0 0 -2px
  426. }
  427. .allsearch {
  428. float:left;
  429. margin-top:7px!important;
  430. border:1px solid #fff;
  431. border-radius:2px
  432. }
  433. .np {
  434. width:40px;
  435. height:18px;
  436. line-height:18px;
  437. border:none;
  438. color:#fff;
  439. background:#57960f;
  440. cursor:pointer;
  441. margin-left:10px;
  442. border-radius:2px
  443. }
  444. #help {
  445. background:url(../images/dlgtitle.gif) repeat-x scroll 0 0 transparent;
  446. bottom:0;
  447. left:0;
  448. position:absolute;
  449. width:100%;
  450. height:28px;
  451. border-top:1px solid #390;
  452. line-height:28px;
  453. text-align:right;
  454. padding-top:0;
  455. padding-bottom:0
  456. }
  457. #help #content {
  458. padding-right:12px;
  459. background:url(../images/gtk-edit.png) no-repeat scroll 0px -1px;
  460. padding-left:20px
  461. }