certstyle.less 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. /* 스토리지 저장매체 onMouseOver 배경 */
  2. .us-layout-storage-wrap ul li button.us-layout-storage-btn-on,.us-layout-embed-storage ul li button.us-layout-storage-btn-on {
  3. background : #FF9D9D;
  4. }
  5. /* 스토리지 저장매체 selected 배경 */
  6. .us-layout-storage-wrap ul li button.us-layout-storage-btn-off:hover,.us-layout-embed-storage ul li button.us-layout-storage-btn-off:hover {
  7. background : #D30D3E;
  8. }
  9. /* 스토리지 레이어창 테두리 */
  10. .us-layout-storage-more-wrap,.us-layout-embed-storage .us-layout-storage-more-wrap .us-layout-storage-embed-inner {
  11. border : 3px solid #D30D3E;
  12. }
  13. /* 인증서 LIST 배경 */
  14. .us-layout-list {
  15. background : #D30D3E;
  16. }
  17. /* 인증서보기 TAB 버튼 */
  18. .us-layout-view-tab {
  19. li {
  20. a:hover {
  21. background : #FF9D9D;
  22. }
  23. a.active {
  24. background : #D30D3E;
  25. }
  26. }
  27. }
  28. .us-view-tab-content {
  29. border : 10px solid #D30D3E;
  30. }
  31. /* 인증서보기 TAB B LIST 선택시 / 보안토큰 LIST 선택시 */
  32. .us-layout-view-grid-row-data-selected-element,.us-layout-sectoken-select-grid-row-data-selected-element {
  33. background : #D30D3E;
  34. }
  35. /* 메인 타이틀 폰트 */
  36. .us-layout-lbl-title {
  37. color : #D30D3E;
  38. }
  39. /* 메인 상단 이미지 배경 높이 */
  40. .us-layout-logo {
  41. height:60px;
  42. }
  43. /* 스토리지 레이어창 저장매체 onMouse 배경 */
  44. .us-layout-storage-more-wrap ul li button.us-layout-storage-btn-on,.us-layout-storage-more-wrap ul li button.us-layout-storage-btn-off:hover {
  45. background : #FF7698;
  46. }
  47. .us-layout-storage-select-list ul li button.us-layout-storage-btn-on,.us-layout-storage-select-list ul li button.us-layout-storage-btn-off:hover {
  48. background : #FF7698;
  49. }
  50. /* 인증서 LIST head */
  51. .us-layout-grid-row-title-element {
  52. background : #D9DFE6;
  53. color : #333333;
  54. }
  55. .us-layout-grid-row-title-divider {
  56. background-color : #D30D3E;
  57. }
  58. /* 인증서 LIST 음영/폰트 */
  59. .us-layout-grid-row-data-element {
  60. border-bottom : 1px solid #911232;
  61. }
  62. .us-layout-grid-row-data-selected-element {
  63. color : #D30D3E;
  64. }
  65. /* 인증서암호/암호창 테두리 색상 */
  66. .us-layout-pw .us-layout-lbl-pw .us-pw-text1,.us-layout-embed-pw .us-layout-lbl-pw .us-pw-text1 {
  67. color : #D30D3E;
  68. }
  69. .us-layout-pw .us-layout-pw-text,.us-layout-embed-pw .us-layout-pw-text {
  70. border : 2px solid #D30D3E;
  71. }
  72. /* 확인/취소 버튼 폰트,음영 */
  73. .us-normal-btn {
  74. background : #B5B8BE;
  75. border-bottom : 3px solid #444444;
  76. border-left : 1px solid #B5B8BE;
  77. border-top : 1px solid #B5B8BE;
  78. border-right : 1px solid #B5B8BE;
  79. color : #333333;
  80. }
  81. .us-normal-btn.btn-confirm {
  82. background : #D30D3E;
  83. border-bottom : 3px solid #911232;
  84. border-left : 1px solid #D30D3E;
  85. border-top : 1px solid #D30D3E;
  86. border-right : 1px solid #D30D3E;
  87. color : #FFFFFF;
  88. }
  89. .us-normal-btn.btn-confirm2 {
  90. color : #D30D3E;
  91. border-bottom : 3px solid #D30D3E;
  92. border-left : 1px solid #D30D3E;
  93. border-top : 1px solid #D30D3E;
  94. border-right : 1px solid #D30D3E;
  95. }
  96. .us-normal-btn.btn-info {
  97. background : #B5B8BE;
  98. border-bottom : 3px solid #444444;
  99. border-left : 1px solid #B5B8BE;
  100. border-top : 1px solid #B5B8BE;
  101. border-right : 1px solid #B5B8BE;
  102. color : #333333;
  103. }