popup.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. body {margin:0;padding:0;}
  2. img{border:0;}
  3. h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
  4. body{background:#fff;}
  5. body, td, th { font-size:12px; font-family:gulim,sans-serif; }
  6. input,textarea { vertical-align:middle; }
  7. em{font-style:normal;font-weight:normal;}
  8. a { text-decoration:none; color:#333; }
  9. a:hover { text-decoration:underline; }
  10. dl, dt, dd, ul, ol, li, p { margin:0; padding:0; list-style:none; }
  11. .wrapper { margin:0 auto;}
  12. .header { height:34px; padding:0 9px 0 20px; background-image:url(../images/icon/editor/pop_header_bg.gif?v=2); }
  13. .header h1 { float:left; display:inline; font-size:100%; color:#fff; font-weight:bold; margin-top:11px; }
  14. .header p { float:right; width:200px; color:#999; font-family:dotum,AppleGothic,sans-serif; font-size:11px; letter-spacing:-1px; padding-top:7px; }
  15. .header p em { float:right; margin-top:4px; }
  16. .body { background-color:#fff; padding:0; position:relative; }
  17. .alert { padding:0; background:url(../images/icon/editor/file/ico_stop.gif?v=2) 0 0 no-repeat; margin:14px 36px 21px; color:#999; }
  18. .alert dt { margin:0; font-size:12px; font-weight:bold; color:#6486e4; padding:8px 0 9px 37px; }
  19. .alert dd { line-height:17px; margin:0 0 0 36px; padding:0;}
  20. .alert strong {
  21. color:#a7b9ec; font-weight:normal;
  22. }
  23. .alert a { color:#666; text-decoration:none; background:url(../images/icon/editor/b_link.gif?v=2) 100% 50% no-repeat; padding:0 7px 0 0; }
  24. .alert a:hover { text-decoration:underline; }
  25. .footer { padding:10px 0; height:25px; background-color:#e9e9e9; clear:both; text-align:center; }
  26. .footer ul { margin:0 auto; width:105px; }
  27. .footer li {float:left;}
  28. .footer li a { display:block; text-indent:-5000px; background:url(../images/icon/editor/pop_footer_btn.gif?v=2) no-repeat; width:49px; height:25px; }
  29. .footer .submit a { background-position:0 0; }
  30. .footer .cancel a { background-position:100% 0; margin-left:7px; }
  31. .footer p { float:right; margin:3px 12px 0 0; }
  32. .footer p a.close { display:block; text-indent:-5000px; background:url(../images/icon/editor/bt_close.gif?v=2) no-repeat; width:38px; height:13px; }
  33. /** black box **/
  34. .tx-blackbox{
  35. position:absolute;
  36. display:none;
  37. z-index: 500;
  38. }
  39. .tx-blackbox .tx-blackbox-panel{
  40. position:absolute;
  41. top:0;
  42. left:0;
  43. background-color:#000;
  44. opacity:0.3;
  45. filter:alpha(opacity=30);
  46. }
  47. .tx-blackbox .tx-content{
  48. background-color:#fff;
  49. margin:0;
  50. position:absolute;
  51. }
  52. /** daum login box **/
  53. .tx-noticebox {
  54. text-indent:10px;
  55. font-size:0;
  56. width:315px; height:130px;
  57. }
  58. .tx-noticebox dl {
  59. background:#f4f2f9; font-family:dotum,verdana; font-size:11px;
  60. border:1px solid #cfd3e5; margin:0 auto;
  61. padding:10px 5px 5px 5px;
  62. }
  63. .tx-noticebox dt {
  64. margin:0; padding:0;
  65. background:#f4f2f9; height:20px;
  66. font:bold 12px dotum;
  67. color: #7b81dc;
  68. }
  69. .tx-noticebox dt span {float:left;}
  70. .tx-noticebox dt a {
  71. width:14px; height:13px; float:right; text-indent:-1000em; overflow:hidden;
  72. background:url(../images/icon/editor/btn_a_close.gif?v=2) no-repeat left top;
  73. }
  74. .tx-noticebox dd {
  75. margin:0; padding:10px 10px 0 10px;
  76. background: #fff;
  77. height: 87px;
  78. font-size: 11px;
  79. color: #4d4d4d;
  80. }
  81. .tx-noticebox dd p {
  82. text-indent:0;
  83. margin: 0 10px;
  84. padding: 10px 0;
  85. }
  86. .tx-noticebox dd div {
  87. border-top: 1px solid #f1f1f1;
  88. margin: 0;
  89. text-align: center;
  90. padding: 10px 0 0 0;
  91. }
  92. .tx-noticebox dd div a {
  93. text-indent: 0;
  94. }
  95. .tx-noticebox .box-back {
  96. width:100%; height:100%;
  97. }