application.css 6.6 KB

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