application.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  1. @CHARSET "UTF-8";
  2. /**************************************
  3. * Supplier application Style
  4. **************************************/
  5. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td
  6. {
  7. margin: 0;
  8. padding: 0;
  9. }
  10. html,body {
  11. margin: 0;
  12. padding: 0;
  13. height: 100%;
  14. min-width: 1200px;
  15. background: transparent;
  16. }
  17. body {
  18. font: normal 12px 'gulim'; color : #333;
  19. direction: ltr;
  20. overflow: auto;
  21. color: #333;
  22. background-color: #ffffff;
  23. }
  24. html>body #wrap {
  25. height: 100%;
  26. }
  27. html>body #content-wrap {
  28. height: 100%;
  29. }
  30. #content div#application {
  31. margin: 0px;
  32. padding-left:14px;
  33. padding-right:14px;
  34. }
  35. #title{ padding-top:10px; padding-bottom: 5px;}
  36. #title ul{ margin:0; padding:0; display: inline-block; line-height:26px; background-image:url(/img/supplier/template/sys_title_bg.gif); background-repeat:no-repeat; width:363px}
  37. #title ul li{ display:inline;font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:30px; font-weight:bold;}
  38. div.attach_file_view {}
  39. div.attach_file_view ul{ margin:0; padding:0; display: inline-block; line-height:20px; }
  40. div.attach_file_view ul li{ font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:5px;}
  41. div.attach_file_view ul li a { color: #333; text-decoration: none; }
  42. div.attach_file_view ul li a:HOVER {color: #3386ca; text-decoration: underline;}
  43. /* #auto_attach_file_view {}
  44. #auto_attach_file_view ul{ margin:0; padding:0; display: inline-block; line-height:20px; }
  45. #auto_attach_file_view ul li{ font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:5px;}
  46. #auto_attach_file_view ul li a { color: #333; text-decoration: none; }
  47. #auto_attach_file_view ul li a:HOVER {color: #3386ca; text-decoration: underline;} */
  48. div.application-info {
  49. width: 100%;
  50. height: 20px;
  51. }
  52. div.application-title {
  53. background: url("/img/supplier/ico/orange_a.gif") no-repeat;
  54. background-position: 0 2px;
  55. float: left;
  56. }
  57. div.application-sub-title {
  58. background: url("/img/buyer/button/subtitle_bullet.gif") no-repeat;
  59. background-position: 0 0px;
  60. float: left;
  61. }
  62. div.application-location {
  63. float: right;
  64. }
  65. span.title {
  66. padding: 6px 0 0 14px;
  67. font-weight: bold;
  68. }
  69. span.location {
  70. font-family: Century Gothic, Arial;
  71. font-size: 12px;
  72. color: #817870;
  73. width: auto;
  74. }
  75. /**
  76. *
  77. */
  78. table.search-form-table {
  79. width: 100%;
  80. text-align: left;
  81. background-color: #C8CAC9;
  82. font-size: 12px;
  83. font-weight: bold;
  84. border-spacing: 1px;
  85. }
  86. table.search-form-table th {
  87. background: url("/img/buyer/button/bullet_01.gif") no-repeat;
  88. background-position: 4px 9px;
  89. background-color: #e8f2f4;
  90. color: #545766;
  91. font-weight: bold;
  92. height: 25px;
  93. padding-left: 12px;
  94. text-align: left;
  95. }
  96. table.search-form-table td {
  97. background-color: #FEFEFE;
  98. padding: 1px 1px 1px 4px;
  99. }
  100. table.search-form-table td.button {
  101. text-align: center;
  102. font-weight: normal;
  103. }
  104. table.search-form-table input[type="text"] {
  105. height: 16px;
  106. border: 1px solid #CBCBCB;
  107. }
  108. table.search-form-table select {
  109. width: 200px;
  110. }
  111. table.search-form-table input.date {
  112. width: 80px;
  113. text-align: center;
  114. height: 16px;
  115. }
  116. table.form-table {
  117. width: 100%;
  118. text-align: left;
  119. background-color: #C8CAC9;
  120. font-size: 12px;
  121. font-weight: bold;
  122. border-spacing: 1px;
  123. }
  124. table.form-table td {
  125. background-color: #fff;
  126. padding: 4px 6px 4px 4px;
  127. font-weight: normal;
  128. text-align: left;
  129. }
  130. table.form-table td.nobd {
  131. border: 0px;
  132. border-collapse: collapse;
  133. }
  134. table.form-table td.bgEF {
  135. background-color: #EFEFEF;
  136. }
  137. table.form-table th {
  138. background-color: #e1e0e0;
  139. color: #545766;
  140. font-weight: bold;
  141. height: 25px;
  142. padding-left: 10px;
  143. text-align: center;
  144. }
  145. table.form-table th.required {
  146. background: url('/img/buyer/icon/newrequired.gif') no-repeat #e1e0e0;
  147. background-position: 3px center;
  148. }
  149. table.form-table input[type="text"] {
  150. height: 16px;
  151. border: 1px solid #CBCBCB;
  152. }
  153. table.form-table input[type="text"].number {
  154. text-align: right;
  155. }
  156. table.form-table input[type="text"].input_blank {
  157. border: 0px;
  158. }
  159. table.form-table input[type="password"] {
  160. width: 200px;
  161. height: 16px;
  162. border: 1px solid #CBCBCB;
  163. }
  164. table.form-table input.date {
  165. width: 120px;
  166. text-align: center;
  167. height: 16px;
  168. }
  169. table.form-table td table.inner_table {
  170. width: 100%;
  171. height: 100%;
  172. }
  173. /**
  174. * 과거 input style
  175. * 일부로 주석처리 하였음 (상황에 맞게 사용하시기 바람)
  176. */
  177. /*
  178. input.req {
  179. background-image: url(/img/buyer/icon/required.gif);
  180. background-position: top left;
  181. background-repeat: no-repeat;
  182. }
  183. input.input {
  184. FONT-FAMILY: "굴림", "Arial";
  185. FONT-SIZE: 9pt;
  186. BORDER: #6A6A6A;
  187. BORDER-STYLE: solid;
  188. BORDER-TOP-WIDTH: 1px;
  189. BORDER-RIGHT-WIDTH: 1px;
  190. BORDER-BOTTOM-WIDTH: 1px;
  191. BORDER-LEFT-WIDTH: 1px;
  192. COLOR: #595A5A;
  193. PADDING-LEFT: 3px;
  194. PADDING-TOP: 2px;
  195. }
  196. select.input_select {
  197. FONT-FAMILY: "굴림", "Arial";
  198. FONT-SIZE: 9pt;
  199. BORDER: #6A6A6A;
  200. BORDER-STYLE: solid;
  201. BORDER-TOP-WIDTH: 1px;
  202. BORDER-RIGHT-WIDTH: 1px;
  203. BORDER-BOTTOM-WIDTH: 1px;
  204. BORDER-LEFT-WIDTH: 1px;
  205. COLOR: #595A5A;
  206. PADDING-LEFT: 3px;
  207. PADDING-TOP: 2px;
  208. }
  209. select.input_select2 {
  210. FONT-FAMILY: "굴림", "Arial";
  211. FONT-SIZE: 9pt;
  212. BORDER: 1 solid #224585;
  213. BORDER-STYLE: solid;
  214. COLOR: #224585;
  215. cursor: text;
  216. height: 12;
  217. background-color: #ffffff;
  218. }
  219. input.input_bold {
  220. FONT-FAMILY: "bold", "Verdana";
  221. FONT-SIZE: 9pt;
  222. BORDER: #6A6A6A;
  223. BORDER-STYLE: solid;
  224. BORDER-TOP-WIDTH: 1px;
  225. BORDER-RIGHT-WIDTH: 1px;
  226. BORDER-BOTTOM-WIDTH: 1px;
  227. BORDER-LEFT-WIDTH: 1px;
  228. COLOR: #595A5A;
  229. PADDING-LEFT: 3px;
  230. PADDING-TOP: 0.5px;
  231. }
  232. input.input_textarea {
  233. FONT-FAMILY: "굴림", "Verdana";
  234. FONT-SIZE: 9pt;
  235. BORDER: #6A6A6A;
  236. BORDER-STYLE: solid;
  237. BORDER-TOP-WIDTH: 1px;
  238. BORDER-RIGHT-WIDTH: 1px;
  239. BORDER-BOTTOM-WIDTH: 1px;
  240. BORDER-LEFT-WIDTH: 1px;
  241. COLOR: #595A5A;
  242. PADDING-LEFT: 3px;
  243. PADDING-TOP: 2px;
  244. }
  245. input.input_blank {
  246. FONT-FAMILY: "굴림", "Verdana";
  247. FONT-SIZE: 9pt;
  248. BORDER-STYLE: solid;
  249. BORDER: 0px;
  250. COLOR: #595A5A;
  251. PADDING-LEFT: 3px;
  252. PADDING-TOP: 2px;
  253. }
  254. input.input_blank_bold {
  255. FONT-FAMILY: "bold", "Arial";
  256. FONT-SIZE: 9pt;
  257. BORDER-STYLE: solid;
  258. BORDER: 0px;
  259. COLOR: #595A5A;
  260. PADDING-LEFT: 3px;
  261. PADDING-TOP: 0.5px;
  262. }
  263. input.input_blank_title {
  264. FONT-FAMILY: "굴림", "Verdana";
  265. FONT-SIZE: 9pt;
  266. BORDER-STYLE: solid;
  267. BORDER: 0px;
  268. PADDING-LEFT: 3px;
  269. PADDING-TOP: 2px;
  270. BACKGROUND-COLOR: #5F86B6;
  271. COLOR: #ffffff;
  272. }
  273. */
  274. /*.bg_gry {background-color: rgb(218, 227, 244);}*/
  275. .bg_gry {background-color: rgb(240, 240, 240); width: 100%;}
  276. .b-iframe {width:100%; height:100%;}