Blame view

src/main/resources/static/css/common/common.css 4.48 KB
a6468920   sangkiham   Spring Boot Board...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
  /* common */

  body,td,th{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;color:#666;letter-spacing:0px}

   

  input, button{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;overflow:visible}

  input[type="radio"]{*width:13px;*height:13px;font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;vertical-align:middle}

  input[type="checkbox"]{*width:13px;*height:13px;font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;vertical-align:middle}

  input[type="text"]{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;color:#666;padding-left:3px;border:1px solid #ABADB3}

  input[type="password"]{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;color:#666;padding-left:3px;border:1px solid #cdcdcd}

  input[type="file"]{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;height:22px;color:#666;background:#fff;border:1px solid #cdcdcd}

  select{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;color:#666;vertical-align:middle;border:none}

  textarea{font-family:'맑은 고딕', 'malgun', Dotum, sans-serif;font-size:12px;color:#666;padding:5px;vertical-align:middle;border:1px solid #cdcdcd}

  em, address{font-style:normal}

   

  /* layout */

  html, body{padding:0;margin:0;width:100%;height:100%;overflow:hidden;}

   

  #wrap{position:relative;width:100%;height:100%}

  #container{position:absolute;top:10px;right:0;bottom:38px;left:0;overflow-x:hidden;overflow-y:auto}

  #container .inner{width:90%; margin:0 auto; padding:10px 0}

   

  /* table */

  table.table01 {border-collapse:separate;border-spacing:0;text-align:center;line-height:1.5;border-top:1px solid #ccc;border-left:1px solid #ccc;margin:auto;}

  table.table01 th {padding: 10px;font-weight: bold;vertical-align: middle;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #fff;border-left:1px solid #fff;background:#eee;}

  table.table01 td {padding:10px;vertical-align:middle;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

   

  table.table02 caption{height:45px;line-height:45px;color:#333;padding-left:35px;border-top:3px solid #464646;border-bottom:1px solid #c9c9c9;background:#ececec}

  table.table02 caption.center{padding-top:6px;height:39px;line-height:130%;text-align:center;color:#333;padding-left:0;border-top:3px solid #464646;border-bottom:1px solid #c9c9c9;background:#ececec}

  table.table02 tbody th{padding:10px;vertical-align:middle;font-family:'malgunbd';color:#333;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;background:#ececec}

  table.table02 tbody td{padding:10px;vertical-align:middle;padding-left:15px;background:#fafafa;border-bottom:1px solid #c9c9c9}

   

  /* link_style */

  a:link, a:visited, a:hover, a:active{color:#666;text-decoration:underline}

  a:hover{color:#0076c8}

   

  /* button */

  .btn {font-family:'malgunbd';display:inline-block;padding:3px 20px 6px 20px;margin:0;border:1px solid #aaa;cursor:pointer;color:#333;border-radius:2px;vertical-align:middle;font-size:13px;letter-spacing:-1px;line-height:normal;background-color:#feffff;text-decoration:none;}

  .btn.black {border-color:#191919;color:#fff;background-color:#333;text-decoration:none;}

  

  /* button_align */

  .btn_left{clear:both;text-align:left}

  .btn_right{clear:both;text-align:right}

  .btn_center{clear:both;text-align:center}

   

  /* select_style */

  .selbox{*margin-top:2px;height:28px;*height:18px;padding:3px 4px 4px 3px;border:solid 1px #abadb3;vertical-align:middle}

   

  /* textbox_style */

  input.tbox01{width:200px;height:26px;line-height:26px}

   

  /* textarea */

  textarea.textarea01{width:410px;height:95px;margin:10px 0}

   

  /* text_color_style */

  .t_blue{color:#004fa8}

  .t_red{color:#f55500}

   

  /* margin & padding */

  .ml5{margin-left:5px}

  .ml10{margin-left:10px}

  .ml15{margin-left:15px}

  .mr5{margin-right:5px}

  .mr15{margin-right:15px}

  .mr30{margin-right:30px}

  .mt15{margin-top:15px}

  .mb10{margin-bottom:10px}

  .mb25{margin-bottom:25px}

   

  /* page_option */

  .page_info{margin-bottom:10px;text-align:right}

  .page_info span.total_count{font-size:12px;color:#333}

   

  /* pagination */

  .pagination{display:block;margin-top:15px;text-align:center;line-height:normal;color:#666}

  .pagination *{display:inline-block;text-decoration:none;vertical-align:top}

  .pagination a{text-decoration:none;padding:0 5px;line-height:20px}

  .pagination a.onpage{font-family:'malgunbd';color:#0460a5}

  .pagination .direction_left01{margin:0 6px 0 3px}

  .pagination .direction_right01{margin:0 3px 0 6px}