PageRenderTime 49ms CodeModel.GetById 8ms RepoModel.GetById 1ms app.codeStats 0ms

/01.Source/01.CORE/themes/admin_default/admin.css

http://creative-portal.googlecode.com/
CSS | 758 lines | 641 code | 110 blank | 7 comment | 0 complexity | 7e6221351df119cdc8d11adf60e90c7a MD5 | raw file
Possible License(s): BSD-3-Clause
  1. * {
  2. margin: 0;
  3. padding: 0
  4. }
  5. a {
  6. color: #0943ae;
  7. text-decoration: underline
  8. }
  9. body {
  10. background: #F0F0F0;
  11. color: #333;
  12. display: block;
  13. font-family: Arial, sans-serif;
  14. font-size: 12px;
  15. height: auto
  16. }
  17. html {
  18. height: 100%;
  19. }
  20. img {
  21. border: 0
  22. }
  23. input[type="radio"],input[type="checkbox"] {
  24. vertical-align: middle
  25. }
  26. textarea {
  27. font: normal normal 400 10pt/ normal Arial, sans-serif
  28. }
  29. .add_icon {
  30. background: url('../images/icons/add.png') no-repeat left center;
  31. padding-left: 15px;
  32. }
  33. .clear {
  34. clear: both;
  35. }
  36. .default_icon {
  37. background: url('../images/icons/default.png') no-repeat left center;
  38. padding-left: 15px
  39. }
  40. .delete_icon {
  41. background: url('../images/icons/delete.png') no-repeat left center;
  42. padding-left: 15px
  43. }
  44. .edit_icon {
  45. background: url('../images/icons/edit.png') no-repeat left center;
  46. padding-left: 15px
  47. }
  48. .search_icon {
  49. background: url('../images/icons/search.png') no-repeat left center;
  50. padding-left: 15px
  51. }
  52. .stat1 div.center {
  53. background: url('../images/stat1.png') repeat-x left -14px;
  54. float: left;
  55. font: normal 11px/ 14px Tahoma;
  56. height: 14px;
  57. line-height: 14px;
  58. position: relative
  59. }
  60. .stat1 div.left {
  61. background: url('../images/stat1.png') no-repeat left top;
  62. float: left;
  63. font: normal 11px/ 14px Tahoma;
  64. height: 14px;
  65. line-height: 14px;
  66. position: relative;
  67. width: 3px
  68. }
  69. .stat1 div.right {
  70. background: url('../images/stat1.png') no-repeat right -28px;
  71. float: left;
  72. font: normal 11px/ 14px Tahoma;
  73. height: 14px;
  74. line-height: 14px;
  75. position: relative;
  76. width: 3px
  77. }
  78. .stat1 div.text,.stat2 div.text {
  79. float: left;
  80. font: normal 11px/ 14px Tahoma;
  81. height: 14px;
  82. line-height: 14px;
  83. padding-left: 5px;
  84. position: relative
  85. }
  86. .stat2 div.center {
  87. background: url('../images/stat2.png') repeat-x left -14px;
  88. float: left;
  89. font: normal 11px/ 14px Tahoma;
  90. height: 14px;
  91. line-height: 14px;
  92. position: relative
  93. }
  94. .stat2 div.left {
  95. background: url('../images/stat2.png') no-repeat left top;
  96. float: left;
  97. font: normal 11px/ 14px Tahoma;
  98. height: 14px;
  99. line-height: 14px;
  100. position: relative;
  101. width: 3px
  102. }
  103. .stat2 div.right {
  104. background: url('../images/stat2.png') no-repeat right -28px;
  105. float: left;
  106. font: normal 11px/ 14px Tahoma;
  107. height: 14px;
  108. line-height: 14px;
  109. position: relative;
  110. width: 3px
  111. }
  112. a.button1 {
  113. background: url('../images/button_bg.gif') no-repeat right top;
  114. color: #333;
  115. cursor: pointer;
  116. display: block;
  117. float: left;
  118. font: normal 11px/ 20px Tahoma, Verdana, sans-serif;
  119. height: 20px;
  120. line-height: 20px;
  121. margin-left: 2px;
  122. padding-right: 10px;
  123. text-decoration: none;
  124. text-align: center;
  125. }
  126. a.button1 span {
  127. background: url('../images/button_bg.gif') no-repeat left -20px;
  128. cursor: pointer;
  129. display: block;
  130. font: normal 11px/ 20px Tahoma, Verdana, sans-serif;
  131. height: 20px;
  132. line-height: 20px;
  133. padding-left: 10px;
  134. text-decoration: none
  135. }
  136. a.button1 span span {
  137. background: url('../images/button_bg.gif') repeat-x left -40px;
  138. cursor: pointer;
  139. display: block;
  140. font: normal 11px/ 20px Tahoma, Verdana, sans-serif;
  141. height: 20px;
  142. line-height: 20px;
  143. padding-left: 0px;
  144. text-decoration: none
  145. }
  146. a.button2 {
  147. background: url('../images/button_bg.gif') no-repeat right -120px;
  148. color: #333;
  149. cursor: pointer;
  150. display: block;
  151. float: left;
  152. font: normal 11px/ 20px Tahoma, Verdana, sans-serif;
  153. height: 20px;
  154. line-height: 20px;
  155. margin-left: 2px;
  156. outline: none;
  157. padding-right: 10px;
  158. text-decoration: none;
  159. text-align: center;
  160. }
  161. a.button2 span {
  162. background: url('../images/button_bg.gif') no-repeat left -140px;
  163. cursor: pointer;
  164. display: block;
  165. font: normal 11px/ 20px Tahoma, Verdana, sans-serif;
  166. height: 20px;
  167. line-height: 20px;
  168. padding-left: 10px;
  169. text-decoration: none
  170. }
  171. a.button2 span span {
  172. background: url('../images/button_bg.gif') repeat-x left -160px;
  173. cursor: pointer;
  174. display: block;
  175. font: normal 11px/ 20px Tahoma, Verdana, sans-serif;
  176. height: 20px;
  177. line-height: 20px;
  178. padding-left: 0px;
  179. text-decoration: none
  180. }
  181. div.generate_page {
  182. color: #333;
  183. font: 12px Tahoma, Helvetica, sans-serif;
  184. margin-top: 5px;
  185. padding: 5px;
  186. text-align: right
  187. }
  188. div.quote {
  189. background: #F0F0F0;
  190. border-bottom: 1px solid #E6E6E6;
  191. border-top: 1px solid #E6E6E6;
  192. float: left;
  193. margin: 10px 0px 10px 0px;
  194. padding: 4px 10px 4px 10px;
  195. position: relative
  196. }
  197. div.quote blockquote {
  198. background: #F0F0F0 url('../images/top-quote.gif') no-repeat left top;
  199. color: #333;
  200. font: 12px Arial, Helvetica, sans-serif;
  201. margin: 2px;
  202. padding: 3px;
  203. text-indent: 23px
  204. }
  205. div.quote blockquote span {
  206. background: transparent url('../images/bottom-quote.gif') no-repeat
  207. right bottom;
  208. display: block
  209. }
  210. table.tab1 {
  211. background: #FFF;
  212. border: 1px solid #DADADA;
  213. border-collapse: separate;
  214. border-spacing: 1px;
  215. caption-side: top;
  216. empty-cells: show;
  217. margin-top: 8px;
  218. width: 100%
  219. }
  220. table.tab1 caption {
  221. background: url('../images/arrows/arrow4_red.gif') no-repeat left center
  222. ;
  223. font: bold 13px/ 27px Tahoma, Verdana, sans-serif;
  224. text-align: left;
  225. text-indent: 12px
  226. }
  227. table.tab1 tbody {
  228. background: #F7F7F7
  229. }
  230. table.tab1 tbody.second {
  231. background: #EEE
  232. }
  233. table.tab1 td a,table.tab1 th a {
  234. color: #333
  235. }
  236. table.tab1 td,table.tab1 th {
  237. padding: 7px 5px 7px 5px
  238. }
  239. table.tab1 tfoot {
  240. background: #CCC;
  241. font: bold 11px Tahoma, Verdana, sans-serif
  242. }
  243. table.tab1 th {
  244. background: #CCC;
  245. font-weight: normal;
  246. text-align: left
  247. }
  248. table.tab1 thead {
  249. background: #8AB0FF;
  250. font: bold 11px/ 18px Tahoma, Verdana, sans-serif;
  251. white-space: nowrap
  252. }
  253. table.tab1 td {
  254. font-size: 12px !important;
  255. }
  256. #div_hide {
  257. font: normal 11px Tahoma, Verdana, sans-serif;
  258. padding: 5px 5px 5px 5px
  259. }
  260. #div_hide ul {
  261. margin-left: 10px;
  262. margin-right: 10px
  263. }
  264. #footer {
  265. clear: both;
  266. background: #e5f4fd;
  267. border-top: 3px solid #0943ad;
  268. margin: 2px 0px 2px 0px
  269. }
  270. #footer div.copyright {
  271. color: #4b4b4b;
  272. float: left;
  273. font: normal 11px/ 15px Arial, Verdana, sans-serif;
  274. margin: 7px 10px 7px 10px;
  275. padding: 0;
  276. position: relative;
  277. width: 850px;
  278. clear: both;
  279. }
  280. #footer div.imgstat {
  281. float: right;
  282. margin: 13px 10px 5px 0px;
  283. padding: 0;
  284. position: relative;
  285. text-align: right;
  286. width: 100px
  287. }
  288. #header {
  289. background: #e5f4fd;
  290. height: 50px;
  291. position: relative;
  292. }
  293. #header div.lang {
  294. display: inline;
  295. position: absolute;
  296. text-align: center;
  297. width: 470px;
  298. top: 15px;
  299. left: 250px;
  300. }
  301. #header div.logo {
  302. display: inline;
  303. height: 50px;
  304. padding: 0 0 0 10px;
  305. position: absolute;
  306. width: 250px;
  307. height: 50px;
  308. top: 0;
  309. left: 0;
  310. }
  311. #header div.logout {
  312. height: 27px;
  313. position: absolute;
  314. top: 20px;
  315. left: 820px;
  316. width: 280px;
  317. text-align: right;
  318. }
  319. /*
  320. #header div.logout .logout_selector{
  321. float:left;
  322. display:inline;
  323. width:40% !important;
  324. text-align:center;
  325. }*/
  326. #middle_column_l {
  327. color: #333;
  328. display: inline;
  329. float: left;
  330. padding: 0;
  331. width: 150px
  332. }
  333. #middle_column_r {
  334. color: #333;
  335. display: inline;
  336. float: left;
  337. margin: 2px 10px 10px 10px;
  338. padding: 0;
  339. position: relative;
  340. width: 830px
  341. }
  342. #middle_column_r div.info {
  343. background: #FCFCFC;
  344. border-bottom: 1px gray solid;
  345. border-bottom-style: dotted;
  346. font: bold 11px/ 22px Arial, Verdana, sans-serif;
  347. height: 24px;
  348. line-height: 22px
  349. }
  350. #middle_column_r div.info div.go {
  351. float: right;
  352. text-align: right;
  353. width: 200px
  354. }
  355. #middle_outer {
  356. background: #fff url('../images/middle_outer_lc.jpg');
  357. margin: 0px 0px 0px 0px
  358. }
  359. #outer {
  360. background: #fff;
  361. margin: 0 auto;
  362. padding: 0;
  363. width: 1000px;
  364. }
  365. #top_menu {
  366. background: url('../images/top_menu_bg.jpg') repeat-x left top;
  367. color: #E0E0E0;
  368. display: block;
  369. font: bold 11px/ 27px Arial, Verdana, sans-serif;
  370. height: 27px;
  371. position: relative
  372. }
  373. #topmenu {
  374. background: url(../images/top_menu_bg.jpg) repeat-x;
  375. color: #E0E0E0;
  376. }
  377. #topmenu ul {
  378. list-style-type: none;
  379. float: left;
  380. }
  381. #topmenu ul li {
  382. display: inline;
  383. }
  384. #topmenu ul li a {
  385. display: block;
  386. float: left;
  387. height: 27px;
  388. line-height: 27px;
  389. color: #fff;
  390. text-decoration: none;
  391. padding: 0 10px 0 0;
  392. }
  393. #topmenu ul li a span {
  394. padding: 0 0 0 10px;
  395. font-weight: 600;
  396. font-size: 11px;
  397. display: block;
  398. }
  399. #topmenu ul li a span strong {
  400. color: #0F0;
  401. padding: 0 4px 0 0;
  402. }
  403. #topmenu ul li a:hover {
  404. background: url(../images/topmenu_hover_r.jpg) no-repeat top right;
  405. }
  406. #topmenu ul li a:hover span {
  407. background: url(../images/topmenu_hover_l.jpg) no-repeat;
  408. }
  409. #topmenu ul li a:hover span strong {
  410. color: #fff;
  411. }
  412. #topmenu ul li.current a {
  413. background: url(../images/topmenu_current_r.jpg) no-repeat top right;
  414. }
  415. #topmenu ul li.current a span {
  416. background: url(../images/topmenu_current_l.jpg) no-repeat;
  417. }
  418. #topmenu ul li.current a span strong {
  419. color: #ff0000;
  420. }
  421. #top_menu div.right {
  422. float: right;
  423. font: bold 11px/ 27px Arial, Verdana, sans-serif;
  424. height: 27px;
  425. position: absolute;
  426. right: 10px;
  427. text-align: right;
  428. }
  429. #top_menu ul {
  430. float: left;
  431. height: 27px;
  432. list-style: none;
  433. margin: 0 10px;
  434. }
  435. #top_menu ul li {
  436. float: left;
  437. }
  438. #top_menu ul li a {
  439. color: #e9f6fe;
  440. cursor: pointer;
  441. display: block;
  442. font: bold 11px/ 27px Arial, Verdana, sans-serif;
  443. height: 27px;
  444. line-height: 27px;
  445. padding: 0px 0px 0 8px;
  446. text-align: center;
  447. text-decoration: none;
  448. float: left;
  449. }
  450. #top_menu ul li a span {
  451. color: #0F0;
  452. float: left;
  453. }
  454. #top_menu ul li a strong {
  455. color: #e9f6fe;
  456. cursor: pointer;
  457. float: left;
  458. display: block;
  459. font: bold 11px/ 27px Arial, Verdana, sans-serif;
  460. height: 27px;
  461. line-height: 27px;
  462. padding: 0px 10px 0 8px;
  463. text-align: center;
  464. text-decoration: none
  465. }
  466. #top_menu ul li.current a {
  467. background: url('../images/top_menu_bg.jpg') no-repeat left -54px;
  468. color: #fff
  469. }
  470. #top_menu ul li.current a strong {
  471. background: url('../images/top_menu_bg.jpg') no-repeat right -54px;
  472. color: #fff
  473. }
  474. #top_message {
  475. background: #fff url('../images/top_message_bg.jpg') repeat-x left top;
  476. height: 30px;
  477. position: relative
  478. }
  479. #top_message div.clock {
  480. float: left;
  481. height: 30px;
  482. position: relative;
  483. }
  484. #top_message div.clock label {
  485. background: url('../images/top_message_bg.jpg') no-repeat left bottom;
  486. display: block;
  487. font: bold 10px/ 27px Arial, Verdana, sans-serif;
  488. height: 30px;
  489. line-height: 27px;
  490. padding: 0 0 0 10px;
  491. }
  492. #top_message div.clock label span {
  493. background: url('../images/top_message_bg.jpg') no-repeat right bottom;
  494. display: block;
  495. font: bold 10px/ 27px Arial, Verdana, sans-serif;
  496. height: 30px;
  497. line-height: 27px;
  498. padding: 0 10px 0 0;
  499. }
  500. #top_message div.clock_container {
  501. float: left;
  502. height: 30px;
  503. position: relative;
  504. width: 210px;
  505. white-space: nowrap;
  506. }
  507. #top_message div.info {
  508. float: left;
  509. font: normal 11px/ 27px Tahoma, Verdana, sans-serif;
  510. height: 30px;
  511. margin-right: 10px;
  512. position: relative
  513. }
  514. #ver_menu {
  515. padding-bottom: 6px;
  516. text-indent: 24px
  517. }
  518. #ver_menu a {
  519. background: #e4e4e4 url('../images/vertical_menu_bg.jpg') no-repeat left
  520. top;
  521. color: #333;
  522. display: block;
  523. font: bold 11px/ 24px Tahoma, Arial, sans-serif;
  524. height: 25px;
  525. text-decoration: none
  526. }
  527. #ver_menu a.current {
  528. background: #ffd9d9 url('../images/vertical_menu_bg.jpg') no-repeat left
  529. -25px;
  530. color: #333
  531. }
  532. #ver_menu a.sub_current {
  533. background: #f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left
  534. -75px;
  535. color: #cb0000;
  536. padding-right: 5px;
  537. text-align: right
  538. }
  539. #ver_menu a.sub_normal {
  540. background: #f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left
  541. -75px;
  542. color: #333;
  543. padding-right: 5px;
  544. text-align: right
  545. }
  546. div.quote blockquote.error,#middle_column_r div.info span {
  547. color: #cb0000
  548. }
  549. span.row,sup.required,#top_menu ul li.current a span {
  550. color: #F00
  551. }
  552. #middle_column_r div.info a,#middle_column_r div.info div.go a:hover,table.tab1 td a:hover,table.tab1 th a:hover
  553. {
  554. color: #cb0000;
  555. text-decoration: none
  556. }
  557. #middle_column_r div.info div.go a,#middle_column_r div.info a:hover {
  558. color: #333;
  559. text-decoration: none
  560. }
  561. #top_menu ul li a:hover {
  562. background: url('../images/top_menu_bg.jpg') no-repeat left -27px;
  563. color: #fff
  564. }
  565. #top_menu ul li a:hover span {
  566. color: #fff
  567. }
  568. #top_menu ul li a:hover strong {
  569. background: url('../images/top_menu_bg.jpg') no-repeat right -27px;
  570. color: #fff
  571. }
  572. #top_menu ul li.current a:hover {
  573. background: #000 url('../images/top_menu_bg.jpg') no-repeat left -27px;
  574. color: #e9f6fe
  575. }
  576. #top_menu ul li.current a:hover strong {
  577. background: url('../images/top_menu_bg.jpg') no-repeat right -27px;
  578. color: #e9f6fe
  579. }
  580. #ver_menu a.current:hover {
  581. background: #ffd9d9 url('../images/vertical_menu_bg.jpg') no-repeat left
  582. -25px;
  583. color: #0943ae
  584. }
  585. #ver_menu a.sub_current:hover,#ver_menu a.sub_normal:hover {
  586. background: #f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left
  587. -75px;
  588. color: #cb0000;
  589. text-align: right
  590. }
  591. #ver_menu a:hover {
  592. background: #d9e5ff url('../images/vertical_menu_bg.jpg') no-repeat left
  593. -50px;
  594. color: #cb0000
  595. }
  596. a.button1:hover {
  597. background: url('../images/button_bg.gif') no-repeat right -60px;
  598. color: #000;
  599. cursor: pointer
  600. }
  601. a.button1:hover span {
  602. background: url('../images/button_bg.gif') no-repeat left -80px;
  603. color: #000;
  604. cursor: pointer
  605. }
  606. a.button1:hover span span {
  607. background: url('../images/button_bg.gif') repeat-x left -100px;
  608. color: #000;
  609. cursor: pointer
  610. }
  611. a.button2:hover {
  612. background: url('../images/button_bg.gif') no-repeat right top;
  613. color: #000;
  614. cursor: pointer
  615. }
  616. a.button2:hover span {
  617. background: url('../images/button_bg.gif') no-repeat left -20px;
  618. color: #000;
  619. cursor: pointer
  620. }
  621. a.button2:hover span span {
  622. background: url('../images/button_bg.gif') repeat-x left -40px;
  623. color: #000;
  624. cursor: pointer
  625. }
  626. table.tab1 tbody.third,table.tab1 tbody.third:hover {
  627. background: #CCC
  628. }
  629. table.tab1 tbody:hover,table.tab1 tbody.second:hover {
  630. background: #E4E4E4
  631. }
  632. .clearfix:after {
  633. content: ".";
  634. display: block;
  635. clear: both;
  636. visibility: hidden;
  637. line-height: 0;
  638. height: 0;
  639. }
  640. .clearfix {
  641. display: inline-block;
  642. }
  643. html[xmlns] .clearfix {
  644. display: block;
  645. }
  646. * html .clearfix {
  647. height: 1%;
  648. }