1 | @charset "utf-8"; |
1 | @charset "utf-8"; |
2 | /* 반드시 들어가야 하는 스타일 시작 */ |
2 | /* 반드시 들어가야 하는 스타일 시작 */ |
3 | /* ver 1.0.1 build 5 */ |
| |
4 | |
3 | |
5 | /* 1. 본문 전체 */ |
4 | /* 1. 본문 전체 */ |
6 | body { |
5 | body { |
7 | font:0.8em/1.5 |
6 | font:0.8em/1.5 |
8 | "굴림 옛한글","NewGulim Old Hangul","바탕 옛한글","Batang Old Hangul", |
7 | "굴림 옛한글","NewGulim Old Hangul","바탕 옛한글","Batang Old Hangul", |
9 | "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang", |
8 | "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang", |
10 | "은 자모 바탕","Un Jamo Batang","UnJamoBatang", |
9 | "은 자모 바탕","Un Jamo Batang","UnJamoBatang", |
11 | "궁서 옛한글","Gungsuh Old Hangul", |
10 | "궁서 옛한글","Gungsuh Old Hangul", |
12 | "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum", |
11 | "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum", |
13 | Code2002,Code2001,Code2000,"굴림",Gulim,serif; |
12 | Code2002,Code2001,Code2000,"굴림",Gulim,serif; |
14 | color:/*#666*/#222; |
13 | color:/*#666*/#222; |
15 | background: |
14 | background: |
16 | /*@background-image=url(images/bg.jpg)*/ url(images/bg.jpg) /*@*/ |
15 | /*@background-image=url(images/bg.jpg)*/ url(images/bg.jpg) /*@*/ |
17 | /*@background-image-position=top*/top/*@*/ |
16 | /*@background-image-position=top*/top/*@*/ |
18 | /*@background-image-repeat=no-repeat*/repeat-x/*@*/ |
17 | /*@background-image-repeat=no-repeat*/repeat-x/*@*/ |
19 | /*@background-color=#ffcc99*/ /*white*/ #ffeeee /*pink*/ /* #b9b4ab */ |
18 | /*@background-color=#ffcc99*/ /*white*/ #ffeeee /*pink*/ /* #b9b4ab */ |
20 | /*@*/; |
19 | /*@*/; |
21 | line-height:1.6em; |
20 | line-height:1.6em; |
22 | margin-top:0px; |
21 | margin-top:0px; |
23 | } |
22 | } |
24 | |
23 | |
25 | /* 2. 기본 링크 */ |
24 | /* 2. 기본 링크 */ |
26 | a { text-decoration:none; } |
25 | a { text-decoration:none; } |
27 | a:link { color:#333; } |
26 | a:link { color:#333; } |
28 | a:visited { color:#333; } |
27 | a:visited { color:#333; } |
29 | a:hover { color:#333; } |
28 | a:hover { color:#333; } |
30 | a:active { color:#333; } |
29 | a:active { color:#333; } |
31 | |
30 | |
32 | /* 3. 이미지 */ |
31 | /* 3. 이미지 */ |
33 | img { border-width:0px; } |
32 | img { border-width:0px; } |
34 | /* 4. 이미지 버튼 */ |
33 | /* 4. 이미지 버튼 */ |
35 | .ib { cursor:pointer; } |
34 | .ib { cursor:pointer; } |
36 | |
35 | |
37 | /* 5. 입력 텍스트 */ |
36 | /* 5. 입력 텍스트 */ |
38 | .text { border:1px solid #999; background-color:#ddd; height:18px; } |
37 | .text { border:1px solid #999; background-color:#ddd; height:18px; } |
39 | |
38 | |
40 | /* 6. 트리 테이블 */ |
39 | /* 6. 트리 테이블 */ |
41 | .branch2 { } |
40 | .branch2 { } |
42 | /* 7. 트리 셀 */ |
41 | /* 7. 트리 셀 */ |
43 | .branch3 { cursor:pointer; height:10px; } |
42 | .branch3 { cursor:pointer; height:10px; } |
44 | |
43 | |
45 | /* 8. 달력 월 표시 */ |
44 | /* 8. 달력 월 표시 */ |
46 | .cal_month { font-size:11px; height:18px; } |
45 | .cal_month { font-size:11px; height:18px; } |
47 | /* 9. 달력 요일 표시 */ |
46 | /* 9. 달력 요일 표시 */ |
48 | .cal_week1 { font-size:11px; height:18px; } |
47 | .cal_week1 { font-size:11px; height:18px; } |
49 | /* 10. 달력 일요일 표시 */ |
48 | /* 10. 달력 일요일 표시 */ |
50 | .cal_week2 { color:#f30; font-size:12px; text-align:center; } |
49 | .cal_week2 { color:#f30; font-size:12px; text-align:center; } |
51 | /* 11. 달력 지난 달 날짜 표시 */ |
50 | /* 11. 달력 지난 달 날짜 표시 */ |
52 | .cal_day1 { color:#000; font-size:12px; text-align:center; } |
51 | .cal_day1 { color:#000; font-size:12px; text-align:center; } |
53 | /* 12. 달력 다음 달 날짜 표시 */ |
52 | /* 12. 달력 다음 달 날짜 표시 */ |
54 | .cal_day2 { color:#000; font-size:11px; text-align:center; } |
53 | .cal_day2 { color:#000; font-size:11px; text-align:center; } |
55 | /* 13. 달력 이번 달 날짜 표시 */ |
54 | /* 13. 달력 이번 달 날짜 표시 */ |
56 | .cal_day3 { font-size:11px; text-align:center; } |
55 | .cal_day3 { font-size:11px; text-align:center; } |
57 | /* 14. 달력 오늘 날짜 표시 */ |
56 | /* 14. 달력 오늘 날짜 표시 */ |
58 | .cal_day4 { text-align:center; font-size:11px; background-color:#FFCC99; font-weight:bold; } |
57 | .cal_day4 { text-align:center; font-size:11px; background-color:#FFCC99; font-weight:bold; } |
59 | /* 15. 달력 글쓴 날 링크 스타일 */ |
58 | /* 15. 달력 글쓴 날 링크 스타일 */ |
60 | a.cal_click:link { font-weight:bold; color:#333; } |
59 | a.cal_click:link { font-weight:bold; color:#333; } |
61 | a.cal_click:visited { font-weight:bold; color:#333; } |
60 | a.cal_click:visited { font-weight:bold; color:#333; } |
62 | a.cal_click:hover { font-weight:bold; color:#369; } |
61 | a.cal_click:hover { font-weight:bold; color:#369; } |
63 | |
62 | |
64 | /* 16. 이미지 아래 캡션 스타일 */ |
63 | /* 16. 이미지 아래 캡션 스타일 */ |
65 | .cap1 { |
64 | .cap1 { font-size:0.8em; color:/*#876*/#800000; text-align:center; } |
66 | font-size:0.8em; |
| |
67 | color:#654; |
| |
68 | text-align:center; |
| |
69 | margin: -10px 0 0 0; |
| |
70 | } |
| |
71 | .cap1:hover { |
| |
72 | color:#900000; |
| |
73 | } |
| |
74 | |
65 | |
75 | /* 16. 키워드 스타일 */ |
66 | /* 16. 키워드 스타일 */ |
76 | .key1 { cursor:pointer; border-bottom:1px dotted #ccc; } |
67 | .key1 { cursor:pointer; border-bottom:1px dotted #ccc; } |
77 | |
68 | |
78 | /* 16. 카테고리 옆 개수 스타일 */ |
69 | /* 16. 카테고리 옆 개수 스타일 */ |
79 | .c_cnt { font:90% Tahoma; color:#f30; } |
70 | .c_cnt { font:90% Tahoma; color:#f30; } |
80 | /* 17. 최신글 옆 개수 스타일 */ |
71 | /* 17. 최신글 옆 개수 스타일 */ |
81 | .ps_cnt { font:10px Tahoma; color:#999; } |
72 | .ps_cnt { font:10px Tahoma; color:#999; } |
82 | |
73 | |
83 | |
74 | |
84 | |
75 | |
85 | /* 반드시 들어가야 하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ |
76 | /* 반드시 들어가야 하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ |
86 | hr { display:none; } |
77 | hr { display:none; } |
87 | h1, h2, h3, h4 { margin:0; color:#000; } |
78 | h1, h2, h3, h4 { margin:0; color:#000; } |
88 | h1, h2, h3, h4 { font-weight:bold; } |
79 | h1, h2, h3, h4 { font-weight:bold; } |
89 | h1 { font-size:2.0em; } |
80 | h1 { font-size:2.0em; } |
90 | h2 { font-size:1.7em; } |
81 | h2 { font-size:1.7em; } |
91 | h3 { font-size:1.4em; } |
82 | h3 { font-size:1.4em; } |
92 | h4 { font-size:1.2em; } |
83 | h4 { font-size:1.2em; } |
93 | h5 { font-size:1.1em; } |
84 | h5 { font-size:1.1em; } |
94 | |
85 | |
95 | ul, ol { |
86 | ul, ol { |
96 | list-style:none; |
87 | list-style:none; |
97 | margin:0; |
88 | margin:0; |
98 | padding:0; |
89 | padding:0; |
99 | } |
90 | } |
100 | input { height:18px; border:1px solid #999; background-color:#fff; color:#333; margin:2px 0; } |
91 | input { height:18px; border:1px solid #999; background-color:#fff; color:#333; margin:2px 0; } |
101 | |
92 | |
102 | /* 블로그의 레이아웃 */ |
93 | /* 블로그의 레이아웃 */ |
103 | .container { width:/*@post-width:280*/780px/*@*/; margin:0 auto; } |
94 | .container { width:/*@post-width:280*/780px/*@*/; margin:0 auto; } |
104 | .header { margin:0 10px; padding-top:/*@title-height:-68=padding-top:*/0px/*@*/ } |
95 | .header { margin:0 10px; padding-top:/*@title-height:-68=padding-top:*/0px/*@*/ } |
105 | .header .bloginfo { float:left; } |
96 | .header .bloginfo { float:left; } |
106 | .header .bloginfo .image { float:left; margin:0 10px 10px 0; } |
97 | .header .bloginfo .image { float:left; margin:0 10px 10px 0; } |
107 | .header .bloginfo .image img { width:90px; height:70px; } |
98 | .header .bloginfo .image img { width:90px; height:70px; } |
108 | .header .search { text-align:right; margin-left:500px; padding-top:30px; } |
99 | .header .search { text-align:right; margin-left:500px; padding-top:30px; } |
109 | .header .copyright { float:left; width:/*@post-width:280*/780px } |
100 | .header .copyright { float:left; width:/*@post-width:280*/780px } |
110 | |
101 | |
111 | .contentLayoutMiddle { background:url(./images/layoutMiddle.gif) repeat-y; clear:both; } |
102 | .contentLayoutMiddle { background:url(./images/layoutMiddle.gif) repeat-y; clear:both; } |
112 | .contentLayoutTop { background:url(./images/layoutTop.gif) no-repeat top; } |
103 | .contentLayoutTop { background:url(./images/layoutTop.gif) no-repeat top; } |
113 | .contentLayoutBottom { background:url(./images/layoutBottom.gif) no-repeat bottom; } |
104 | .contentLayoutBottom { background:url(./images/layoutBottom.gif) no-repeat bottom; } |
114 | .content { |
105 | .content { |
115 | font-size:1.5em; |
106 | font-size:1.5em; |
116 | margin:10px auto ; |
107 | margin:10px auto ; |
117 | width:/*@post-width:200*/700px/*@*/; |
108 | width:/*@post-width:200*/700px/*@*/; |
118 | padding:40px 30px; |
109 | padding:40px; |
119 | } |
110 | } |
120 | |
111 | |
121 | /* 사이드바 */ |
112 | /* 사이드바 */ |
122 | .sideinfo { clear:both; width:760px; margin:0 auto; } |
113 | .sideinfo { clear:both; width:760px; margin:0 auto; } |
123 | .sideinfo .category { width:180px; margin-right:9px; float:left; } |
114 | .sideinfo .category { width:180px; margin-right:9px; float:left; } |
124 | .sideinfo .category h3 { font-weight:bold; } |
115 | .sideinfo .category h3 { font-weight:bold; } |
125 | .sideinfo .recentPost { width:180px; margin-right:9px; float:left; } |
116 | .sideinfo .recentPost { width:180px; margin-right:9px; float:left; } |
126 | .sideinfo .recentPost h3 { font-weight:bold; } |
117 | .sideinfo .recentPost h3 { font-weight:bold; } |
127 | .sideinfo .recentComment { width:180px; margin-right:9px; float:left; overflow:hidden; } |
118 | .sideinfo .recentComment { width:180px; margin-right:9px; float:left; overflow:hidden; } |
128 | .sideinfo .recentComment h3 { font-weight:bold; } |
119 | .sideinfo .recentComment h3 { font-weight:bold; } |
129 | .sideinfo .recentTrackback { width:180px; float:left; overflow:hidden; } |
120 | .sideinfo .recentTrackback { width:180px; float:left; overflow:hidden; } |
130 | .sideinfo .recentTrackback h3 { font-weight:bold; } |
121 | .sideinfo .recentTrackback h3 { font-weight:bold; } |
131 | |
122 | |
132 | .sideinfo .clear { clear:both; } |
123 | .sideinfo .clear { clear:both; } |
133 | |
124 | |
134 | .sideinfo .tag { width:180px; margin-right:9px; float:left; } |
125 | .sideinfo .tag { width:180px; margin-right:9px; float:left; } |
135 | .sideinfo .tag h3 { font-weight:bold; } |
126 | .sideinfo .tag h3 { font-weight:bold; } |
136 | .sideinfo .link { width:180px; margin-right:9px; float:left; } |
127 | .sideinfo .link { width:180px; margin-right:9px; float:left; } |
137 | .sideinfo .link h3 { font-weight:bold; } |
128 | .sideinfo .link h3 { font-weight:bold; } |
138 | .sideinfo .calender { width:180px; margin-right:9px; padding:0; float:left; } |
129 | .sideinfo .calender { width:180px; margin-right:9px; padding:0; float:left; } |
139 | .sideinfo .calender h3 { font-weight:bold; } |
130 | .sideinfo .calender h3 { font-weight:bold; } |
140 | .sideinfo .archive { width:180px; margin-right:9px; float:left; } |
131 | .sideinfo .archive { width:180px; margin-right:9px; float:left; } |
141 | .sideinfo .archive h3 { font-weight:bold; } |
132 | .sideinfo .archive h3 { font-weight:bold; } |
142 | |
133 | |
143 | |
134 | |
144 | |
135 | |
145 | .footer { clear:both; margin:0 auto; } |
136 | .footer { clear:both; margin:0 auto; } |
146 | |
137 | |
147 | /* header */ |
138 | /* header */ |
148 | .header { |
139 | .header { |
149 | /*@title-background-color=:;*/ /*@*/ |
140 | /*@title-background-color=:;*/ /*@*/ |
150 | /*@title-background-image=:;*/ /*@*/ |
141 | /*@title-background-image=:;*/ /*@*/ |
151 | /*@title-background-image-position=:;*/ /*@*/ |
142 | /*@title-background-image-position=:;*/ /*@*/ |
152 | /*@title-background-image-repeat=:;*/ /*@*/ |
143 | /*@title-background-image-repeat=:;*/ /*@*/ |
153 | } |
144 | } |
154 | .header .title { margin-top:10px; } |
145 | .header .title { margin-top:10px; } |
155 | .header .title h1 { font-size: 2rem; /* line-height: 130%; */ vertical-align:top ; line-height:1.1em; } |
146 | .header .title h1 { font-size: 2rem; /* line-height: 130%; */ vertical-align:top ; line-height:1.1em; } |
156 | .header .title h1 a { /*@title-font-size=:;*/ /*@*/ /*@title-font-family=:;*/ /*@*/ color:/*@title-color=#000*/#000/*@*/; } |
147 | .header .title h1 a { /*@title-font-size=:;*/ /*@*/ /*@title-font-family=:;*/ /*@*/ color:/*@title-color=#000*/#000/*@*/; } |
157 | .header .desc { line-height: 130%; margin-top:20px; } |
148 | .header .desc { line-height: 130%; margin-top:20px; } |
158 | .header .menu { color:#777; } |
149 | .header .menu { color:#777; } |
159 | .header .menu a { color:#444; } |
150 | .header .menu a { color:#444; } |
160 | .header .menu .adminmenu a { color:#666; } |
151 | .header .menu .adminmenu a { color:#666; } |
161 | .header .search .input { background-color:#968f82; color:#fff; } |
152 | .header .search .input { background-color:#968f82; color:#fff; } |
162 | .header .search .btn { background-color:#968f82; color:#ccc; height:22px; font-size:0.75em; } |
153 | .header .search .btn { background-color:#968f82; color:#ccc; height:22px; font-size:0.75em; } |
163 | |
154 | |
164 | |
155 | |
165 | /* content 공통 */ |
156 | /* content 공통 */ |
166 | .content { } |
157 | .content { } |
167 | .content .date { font:0.8em Verdana; } |
158 | .content .date { font:0.8em Verdana; } |
168 | .content .name { color:#999; } |
159 | .content .name { color:#999; } |
169 | .content .cnt { color:#f60; } |
160 | .content .cnt { color:#f60; } |
170 | .content .list, .content .rpList, .content .tag, .content .local, |
161 | .content .list, .content .rpList, .content .tag, .content .local, |
171 | .content .guest, .content .notice, .content .protected, .content .entry { |
162 | .content .guest, .content .notice, .content .protected, .content .entry { |
172 | margin-bottom:50px; |
163 | margin-bottom:50px; |
173 | } |
164 | } |
174 | .content .entry { |
165 | .content .entry { |
175 | width:/*@post-width:200*/700px/*@*/; |
166 | width:/*@post-width:200*/700px/*@*/; |
176 | line-height:1.6em; |
167 | line-height:1.6em; |
177 | } |
168 | } |
178 | .content .entry .titleinfo { |
169 | .content .entry .titleinfo { |
179 | margin-top:20px; |
170 | margin-top:20px; |
180 | margin-bottom:20px; |
171 | margin-bottom:20px; |
181 | margin-left:0px; |
172 | margin-left:0px; |
182 | /* margin-right:10px; */ |
173 | /* margin-right:10px; */ |
183 | border-top:3px outset fuchsia; |
174 | border-top:3px solid fuchsia; |
184 | border-right:5px outset fuchsia; |
175 | border-right:5px solid fuchsia; |
185 | border-bottom:10px outset fuchsia; |
176 | border-bottom:10px solid fuchsia; |
186 | border-left:20px outset fuchsia; |
177 | border-left:20px solid fuchsia; |
187 | padding:10px 0; |
178 | padding:10px 0; |
188 | padding-bottom:3px; |
179 | padding-bottom:3px; |
189 | overflow:hidden; |
180 | overflow:hidden; |
190 | box-sizing: border-box; |
181 | box-sizing: border-box; |
191 | } |
182 | } |
192 | .content .entry .titleinfo h2 { |
183 | .content .entry .titleinfo h2 { |
193 | margin:10px; |
184 | margin:10px; |
194 | border:0px; |
185 | border:0px; |
195 | padding:0px; |
186 | padding:0px; |
196 | padding-bottom:2px; |
187 | padding-bottom:2px; |
197 | line-height:1.2em; |
188 | line-height:1.2em; |
198 | |
189 | |
199 | /* box-sizing: border-box; */ |
190 | /* box-sizing: border-box; */ |
200 | } |
191 | } |
201 | .content .entry h2 { |
192 | .content .entry h2 { |
202 | margin-top:7%; |
193 | margin-top:7%; |
203 | margin-bottom:10px; |
194 | margin-bottom:10px; |
204 | margin-left:0px; |
195 | margin-left:0px; |
205 | border-top:0px; |
196 | border-top:0px; |
206 | border-right:0px; |
197 | border-right:0px; |
207 | border-left:20px solid #0000FF; |
198 | border-left:20px solid #0000FF; |
208 | border-bottom:6px solid #0000FF; |
199 | border-bottom:6px solid #0000FF; |
209 | padding-left:10px; |
200 | padding-left:10px; |
210 | padding-bottom:1%; |
201 | padding-bottom:1%; |
211 | line-height:1.2em; |
202 | line-height:1.2em; |
212 | } |
203 | } |
213 | .content .entry h3 { |
204 | .content .entry h3 { |
214 | margin-top:4%; |
205 | margin-top:4%; |
215 | margin-left:5px; |
206 | margin-left:5px; |
216 | border-top:0px; |
207 | border-top:0px; |
217 | border-right:0px; |
208 | border-right:0px; |
218 | border-left:12px solid #FF00FF; |
209 | border-left:12px solid #FF00FF; |
219 | border-bottom:4px solid #FF00FF; |
210 | border-bottom:4px solid #FF00FF; |
220 | padding-left:10px; |
211 | padding-left:10px; |
221 | padding-bottom:2px; |
212 | padding-bottom:2px; |
222 | line-height:1.2em; |
213 | line-height:1.2em; |
223 | } |
214 | } |
224 | .content .entry h4 { |
215 | .content .entry h4 { |
225 | margin-top:10px; |
216 | margin-top:10px; |
226 | margin-left:0px; |
217 | margin-left:0px; |
227 | border-top:0px; |
218 | border-top:0px; |
228 | border-right:0px; |
219 | border-right:0px; |
229 | border-left:8px solid #FF8000; |
220 | border-left:8px solid #FF8000; |
230 | border-bottom:2px solid #FF8000; |
221 | border-bottom:2px solid #FF8000; |
231 | padding-left:10px; |
222 | padding-left:10px; |
232 | padding-bottom:1px; |
223 | padding-bottom:1px; |
233 | line-height:1.2em; |
224 | line-height:1.2em; |
234 | } |
225 | } |
235 | |
226 | |
236 | /* 검색 결과 리스트 */ |
227 | /* 검색 결과 리스트 */ |
237 | .content .list li, .rpList li { border-bottom:1px solid #eee; padding:3px 5px; } |
228 | .content .list li, .rpList li { border-bottom:1px solid #eee; padding:3px 5px; } |
238 | |
229 | |
239 | /* content 위치로그 */ |
230 | /* content 위치로그 */ |
240 | .content .local { margin-bottom:50px; } |
231 | .content .local { margin-bottom:50px; } |
241 | .content .local .spot { padding:5px 0 2px 20px; background:url("./images/iconDepth.gif") no-repeat 10px 5px; border-bottom:1px solid #eee; margin:0 10px; } |
232 | .content .local .spot { padding:5px 0 2px 20px; background:url("./images/iconDepth.gif") no-repeat 10px 5px; border-bottom:1px solid #eee; margin:0 10px; } |
242 | .content .local .info { padding:5px 0 2px 10px; background:url("./images/bullTri.gif") no-repeat 0 50%; border-bottom:1px solid #eee; } |
233 | .content .local .info { padding:5px 0 2px 10px; background:url("./images/bullTri.gif") no-repeat 0 50%; border-bottom:1px solid #eee; } |
243 | .content .local a { color:#f60; } |
234 | .content .local a { color:#f60; } |
244 | |
235 | |
245 | /* content 태그 */ |
236 | /* content 태그 */ |
246 | .content .tag { font-size:0.8em; } |
237 | .content .tag { font-size:0.8em; } |
247 | .content .tag a { text-decoration:none; /*font-family:dotum;*/ } |
238 | .content .tag a { text-decoration:none; /*font-family:dotum;*/ } |
248 | .content .tag ul { margin:0; padding:0; } |
239 | .content .tag ul { margin:0; padding:0; } |
249 | .content .tag li { display:inline; padding:0; text-align:justify; } |
240 | .content .tag li { display:inline; padding:0; text-align:justify; } |
250 | .content .tag li .cloud1 { font-weight:bold; font-size:145%; color:#333; background-color:#FFCC99; } |
241 | .content .tag li .cloud1 { font-weight:bold; font-size:145%; color:#333; background-color:#FFCC99; } |
251 | .content .tag li .cloud2 { font-weight:bold; font-size:135%; color:#333; background-color:#FFCC99; } |
242 | .content .tag li .cloud2 { font-weight:bold; font-size:135%; color:#333; background-color:#FFCC99; } |
252 | .content .tag li .cloud3 { font-weight:bold; font-size:125%; color:#666; } |
243 | .content .tag li .cloud3 { font-weight:bold; font-size:125%; color:#666; } |
253 | .content .tag li .cloud4 { font-size:115%; color:#666; } |
244 | .content .tag li .cloud4 { font-size:115%; color:#666; } |
254 | .content .tag li .cloud5 { font-size:100%; color:#999; } |
245 | .content .tag li .cloud5 { font-size:100%; color:#999; } |
255 | .content .tag li a:hover { background-color:#eee; color:#000; } |
246 | .content .tag li a:hover { background-color:#eee; color:#000; } |
256 | |
247 | |
257 | /* content 방명록 기본 스타일 */ |
248 | /* content 방명록 기본 스타일 */ |
258 | .content .guestbook p { padding:2px; margin:0; } |
249 | .content .guestbook p { padding:2px; margin:0; } |
259 | /* content 방명록 글쓰기 */ |
250 | /* content 방명록 글쓰기 */ |
260 | .content .guestbook .write { background-color:#f5f5f5; border:1px solid #eee8e2; padding:10px; color:#666; margin:10px 5px; } |
251 | .content .guestbook .write { background-color:#f5f5f5; border:1px solid #eee8e2; padding:10px; color:#666; margin:10px 5px; } |
261 | .content .guestbook .write input { width:30%; padding:4px 4px 0 4px; color:#666; font-size:95%; } |
252 | .content .guestbook .write input { width:30%; padding:4px 4px 0 4px; color:#666; font-size:95%; } |
262 | .content .guestbook .write .homepage { width:70%; } |
253 | .content .guestbook .write .homepage { width:70%; } |
263 | .content .guestbook .write textarea { width:95%; padding:5px; } |
254 | .content .guestbook .write textarea { width:95%; padding:5px; } |
264 | .content .guestbook .write .btn { width:97%; color:#333; border:1px solid #ccc; background-color:#ddd; height:26px; } |
255 | .content .guestbook .write .btn { width:97%; color:#333; border:1px solid #ccc; background-color:#ddd; height:26px; } |
265 | /* content 방명록 리스트 */ |
256 | /* content 방명록 리스트 */ |
266 | .content .guestbook .list { color:#888; margin:10px 10px; } |
257 | .content .guestbook .list { color:#888; margin:10px 10px; } |
267 | .content .guestbook .list ul { margin:0; padding:0; list-style:none; } |
258 | .content .guestbook .list ul { margin:0; padding:0; list-style:none; } |
268 | .content .guestbook .list ol { margin:0; padding:0; list-style:none; } |
259 | .content .guestbook .list ol { margin:0; padding:0; list-style:none; } |
269 | .content .guestbook .list li { padding:10px; border-bottom:1px solid #eee; } |
260 | .content .guestbook .list li { padding:10px; border-bottom:1px solid #eee; } |
270 | .content .guestbook .list li ul li { padding-left:23px; background:url(./images/iconDepth.gif) no-repeat 10px 12px; background-color:#f5f5f5; border:1px solid #eee; margin-bottom:4px; } |
261 | .content .guestbook .list li ul li { padding-left:23px; background:url(./images/iconDepth.gif) no-repeat 10px 12px; background-color:#f5f5f5; border:1px solid #eee; margin-bottom:4px; } |
271 | .content .guestbook .list .name { font-size:100%; letter-spacing:0; float:left; padding-right:3px; } |
262 | .content .guestbook .list .name { font-size:100%; letter-spacing:0; float:left; padding-right:3px; } |
272 | .content .guestbook .list .date { float:left; padding:3px 2px 0 2px; } |
263 | .content .guestbook .list .date { float:left; padding:3px 2px 0 2px; } |
273 | .content .guestbook .list .control { margin-left:400px; text-align:right; padding-right:5px; } |
264 | .content .guestbook .list .control { margin-left:400px; text-align:right; padding-right:5px; } |
274 | .content .guestbook .listBody { clear:both; } |
265 | .content .guestbook .listBody { clear:both; } |
275 | |
266 | |
276 | .content .guestbook .name a { color:#000; } |
267 | .content .guestbook .name a { color:#000; } |
277 | .content .guestbook .date { font:80% Tahoma; color:#999; letter-spacing:0; } |
268 | .content .guestbook .date { font:80% Tahoma; color:#999; letter-spacing:0; } |
278 | |
269 | |
279 | |
270 | |
280 | /* content > entryNotice, entryProtected, entry 제목 + 정보 */ |
271 | /* content > entryNotice, entryProtected, entry 제목 + 정보 */ |
281 | .content .titleinfo h2 { |
272 | .content .titleinfo h2 { |
282 | font-family: |
273 | font-family: |
283 | "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang", |
274 | "은 돋움","Un Dotum","UnDotum","은 바탕","Un Batang","UnBatang", |
284 | "함초롬돋움","HCR Dotum", |
275 | "함초롬돋움","HCR Dotum", |
285 | "은 자모 바탕","Un Jamo Batang","UnJamoBatang", |
276 | "은 자모 바탕","Un Jamo Batang","UnJamoBatang", |
286 | Code2002,Code2001,Code2000, "Sans-serif", serif; |
277 | Code2002,Code2001,Code2000, "Sans-serif", serif; |
287 | /* font-size:1.6em; */ |
278 | /* font-size:1.6em; */ |
288 | /* text-decoration:bold; */ |
279 | /* text-decoration:bold; */ |
289 | margin:0px; |
280 | margin:0px; |
290 | padding:0px; /*float:left;*/ |
281 | padding:0px; /*float:left;*/ |
291 | } |
282 | } |
292 | .content .titleinfo h2 { |
283 | .content .titleinfo h2 { |
293 | margin:0px; |
284 | margin:0px; |
294 | padding:0px; /*float:left;*/ |
285 | padding:0px; /*float:left;*/ |
295 | border:0px; |
286 | border:0px; |
296 | } |
287 | } |
297 | .content .titleinfo h2 a { /*@post-title-font-size=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/ |
288 | .content .titleinfo h2 a { /*@post-title-font-size=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/ |
298 | color:/*@post-title-color=#222*/ black /*@*/; |
289 | color:/*@post-title-color=#222*/ black /*@*/; |
299 | } |
290 | } |
300 | .content .titleinfo .name { |
291 | .content .titleinfo .name { |
301 | display:inline-block; |
292 | display:inline-block; |
302 | float:left; |
293 | float:left; |
303 | margin:3px 0 5px 10px; |
294 | margin:3px 0 5px 10px; |
304 | border-right:2px solid #ddd; |
295 | border-right:2px solid #ddd; |
305 | padding-right:5px; |
296 | padding-right:5px; |
306 | } |
297 | } |
307 | /* .content .titleinfo .name a { color:#999; } */ |
298 | /* .content .titleinfo .name a { color:#999; } */ |
308 | .content .titleinfo .pdf { /* float:left;*/ |
299 | .content .titleinfo .pdf { /* float:left;*/ |
309 | display:inline-block; |
300 | display:inline-block; |
310 | /* float:left; */ |
301 | /* float:left; */ |
311 | margin:3px 0px 0 10px; |
302 | margin:3px 0px 0 10px; |
312 | border-right:2px solid #ddd; |
303 | border-right:2px solid #ddd; |
313 | padding-bottom:3px; |
304 | padding-bottom:3px; |
314 | padding-right:5px; |
305 | padding-right:5px; |
315 | } |
306 | } |
316 | /* .content .titleinfo .pdf a { |
307 | /* .content .titleinfo .pdf a { |
317 | color:#999; |
308 | color:#999; |
318 | } */ |
309 | } */ |
319 | .content .titleinfo .date { |
310 | .content .titleinfo .date { |
320 | display:inline-block; |
311 | display:inline-block; |
321 | float: right; |
312 | float: right; |
322 | border-left: 2px solid #ddd; |
313 | border-left: 2px solid #ddd; |
323 | /* border-right: 1px solid #ddd; */ |
314 | /* border-right: 1px solid #ddd; */ |
324 | margin: 3px 3px 0 0; |
315 | margin: 3px 3px 0 0; |
325 | padding-left: 5px; |
316 | padding-left: 5px; |
326 | padding-right: 5px; |
317 | padding-right: 5px; |
327 | } |
318 | } |
328 | |
319 | |
329 | .content .admin { clear:both; font-size:1rem; margin: 0px 10px; } |
320 | .content .admin { clear:both; font-size:1rem; margin: 0px 10px; } |
330 | .content .admin { border-top:1px solid #880088 } |
321 | .content .admin { border-top:1px solid #880088 } |
331 | |
322 | |
332 | |
323 | |
333 | /* content > entryNotice, entryProtected, entry 본문 */ |
324 | /* content > entryNotice, entryProtected, entry 본문 */ |
334 | .content .article { |
325 | .content .article { |
335 | width:/*@post-width:200*/700px/*@*/; |
326 | width:/*@post-width:200*/700px/*@*/; |
336 | overflow:hidden; |
327 | overflow:hidden; |
337 | letter-spacing:0; |
328 | letter-spacing:0; |
338 | /* margin-top:3px; */ |
329 | /* margin-top:3px; */ |
339 | line-height:160%; |
330 | line-height:160%; |
340 | /*@post-body-font-size=:;*/ /*@*/ |
331 | /*@post-body-font-size=:;*/ /*@*/ |
341 | /*@post-body-font-family=:;*/ /*@*/ |
332 | /*@post-body-font-family=:;*/ /*@*/ |
342 | /*@post-body-color=:;*/ /*@*/ } |
333 | /*@post-body-color=:;*/ /*@*/ } |
343 | .content .article ul { margin-left:40px; padding:5px 0; } |
334 | .content .article ul { margin-left:40px; padding:5px 0; } |
344 | .content .article ol { margin-left:40px; padding:5px 0; } |
335 | .content .article ol { margin-left:40px; padding:5px 0; } |
345 | .content .article ul li { list-style-type:disc; padding:2px 0; } |
336 | .content .article ul li { list-style-type:disc; padding:2px 0; } |
346 | .content .article ol li { list-style-type:decimal; padding:1px 0; } |
337 | .content .article ol li { list-style-type:decimal; padding:1px 0; } |
347 | .content .article a { color: #f60; } |
338 | .content .article a { color: #f60; } |
348 | .content .article blockquote { margin:10px 0 10px 40px; border-left:4px double #ded2c6; padding-left:10px; } |
339 | .content .article blockquote { margin:10px 0 10px 40px; border-left:4px double #ded2c6; padding-left:10px; } |
349 | .content .entry .article table { border-collapse:collapse; border:1px solid gray; margin:1px 2px 1px 2px; } |
340 | .content .entry .article table { border-collapse:collapse; border:1px solid gray; margin:1px 2px 1px 2px; } |
350 | .content .entry .article tbody { } |
341 | .content .entry .article tbody { } |
351 | .content .entry .article tr { border-collapse:collapse; border:1px solid gray; /* margin:1px; */ } |
342 | .content .entry .article tr { border-collapse:collapse; border:1px solid gray; /* margin:1px; */ } |
352 | .content .entry .article th { border:1px solid gray; text-align:center; } |
343 | .content .entry .article th { border:1px solid gray; text-align:center; } |
353 | .content .entry .article td { border:1px solid gray; padding:0pt 2pt 0pt 2pt; } |
344 | .content .entry .article td { border:1px solid gray; padding:0pt 2pt 0pt 2pt; } |
354 | .content .entry .article tt { } |
345 | .content .entry .article tt { } |
355 | |
346 | |
356 | /* 작성자 */ |
347 | /* 작성자 */ |
357 | .author { font-size: 1rem; text-align:right; color:#888; padding:20px 0px; } |
348 | .author { font-size: 1rem; text-align:right; color:#888; padding:20px 0px; } |
358 | .author .text { font:0.7em Verdana, Arial, Helvetica, sans-serif; } |
349 | .author .text { font:0.7em Verdana, Arial, Helvetica, sans-serif; } |
359 | |
350 | |
360 | |
351 | |
361 | /* content > entry > 태그 */ |
352 | /* content > entry > 태그 */ |
362 | .content .entry .tag { clear:both; |
353 | .content .entry .tag { clear:both; |
363 | text-align:right; padding-right:10px; margin-bottom:10px; } |
354 | text-align:right; padding-right:10px; margin-bottom:10px; } |
364 | .content .entry .tag a:hover { color:#f30; } |
355 | .content .entry .tag a:hover { color:#f30; } |
365 | |
356 | |
366 | /* content >entry > 트랙백+댓글 버튼 */ |
357 | /* content >entry > 트랙백+댓글 버튼 */ |
367 | .content .entry .btnTrackbackComment { clear:both; border-top:1px solid #ddd; padding:8px 5px; margin:0; } |
358 | .content .entry .btnTrackbackComment { clear:both; border-top:1px solid #ddd; padding:8px 5px; margin:0; } |
368 | /* content > entry > 트랙백받을 주소*/ |
359 | /* content > entry > 트랙백받을 주소*/ |
369 | .content .entry .trackback { margin:0 0 10px 0; } |
360 | .content .entry .trackback { margin:0 0 10px 0; } |
370 | .content .entry .trackback h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; } |
361 | .content .entry .trackback h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; } |
371 | .content .entry .trackback .address { letter-spacing:0; font-family:Verdana; color:#666; } |
362 | .content .entry .trackback .address { letter-spacing:0; font-family:Verdana; color:#666; } |
372 | /* content > entry > 트랙백 리스트 */ |
363 | /* content > entry > 트랙백 리스트 */ |
373 | .content .entry .trackback h4 { font-size:100%; font-weight:normal; display:inline; margin:0; } |
364 | .content .entry .trackback h4 { font-size:100%; font-weight:normal; display:inline; margin:0; } |
374 | .content .entry .trackback h4 a { color:#000; padding:0 2px; } |
365 | .content .entry .trackback h4 a { color:#000; padding:0 2px; } |
375 | .content .entry .trackback .list ol { margin:0; padding:0; list-style:none; } |
366 | .content .entry .trackback .list ol { margin:0; padding:0; list-style:none; } |
376 | .content .entry .trackback .list li { background:url(./images/bullTri.gif) no-repeat 5px 12px; border-top:1px solid #ddd; padding:8px 0 5px 12px; } |
367 | .content .entry .trackback .list li { background:url(./images/bullTri.gif) no-repeat 5px 12px; border-top:1px solid #ddd; padding:8px 0 5px 12px; } |
377 | .content .entry .trackback .list .date { color:#999; } |
368 | .content .entry .trackback .list .date { color:#999; } |
378 | .content .entry .trackback .list .listBody { color:#999; padding:2px 0; } |
369 | .content .entry .trackback .list .listBody { color:#999; padding:2px 0; } |
379 | /* content > entry > 댓글 타이틀*/ |
370 | /* content > entry > 댓글 타이틀*/ |
380 | .content .entry .comment { width:/*@post-width:200*/700px/*@*/; overflow:hidden; } |
371 | .content .entry .comment { width:/*@post-width:200*/700px/*@*/; overflow:hidden; } |
381 | .content .entry .comment p { margin:0; } |
372 | .content .entry .comment p { margin:0; } |
382 | .content .entry .comment { margin:0 0 10px 0; } |
373 | .content .entry .comment { margin:0 0 10px 0; } |
383 | .content .entry .comment h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; } |
374 | .content .entry .comment h3 { font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8; } |
384 | .content .entry .comment .address { letter-spacing:0; /*font-family:dotum;*/ color:#666; } |
375 | .content .entry .comment .address { letter-spacing:0; /*font-family:dotum;*/ color:#666; } |
385 | /* content > entry > 댓글 리스트 */ |
376 | /* content > entry > 댓글 리스트 */ |
386 | .content .entry .comment .list ol { margin:0; padding:0; list-style:none; } |
377 | .content .entry .comment .list ol { margin:0; padding:0; list-style:none; } |
387 | .content .entry .comment .list ul { list-style:none; } |
378 | .content .entry .comment .list ul { list-style:none; } |
388 | .content .entry .comment .list li { background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #ddd; padding:8px 0 5px 20px; margin-bottom:4px; } |
379 | .content .entry .comment .list li { background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #ddd; padding:8px 0 5px 20px; margin-bottom:4px; } |
389 | .content .entry .comment .list li ul li { background:url(images/iconReComment.gif) no-repeat 5px 5px; padding:8px 0 5px 40px; margin:10px 2px; background-color:#f5f5f5; border:1px solid #eee; } |
380 | .content .entry .comment .list li ul li { background:url(images/iconReComment.gif) no-repeat 5px 5px; padding:8px 0 5px 40px; margin:10px 2px; background-color:#f5f5f5; border:1px solid #eee; } |
390 | .content .entry .comment .name a { font-size:110%; color:#000; } |
381 | .content .entry .comment .name a { font-size:110%; color:#000; } |
391 | |
382 | |
392 | /* content > entry 댓글+트랙백 공통 스타일 */ |
383 | /* content > entry 댓글+트랙백 공통 스타일 */ |
393 | .content .entry .list .name { float:left; } |
384 | .content .entry .list .name { float:left; } |
394 | .content .entry .list .date { float:left; padding:5px 2px 0 2px; } |
385 | .content .entry .list .date { float:left; padding:5px 2px 0 2px; } |
395 | .content .entry .list .control { margin-left:300px; text-align:right; padding-right:5px; } |
386 | .content .entry .list .control { margin-left:300px; text-align:right; padding-right:5px; } |
396 | .content .entry .listBody { clear:both; } |
387 | .content .entry .listBody { clear:both; } |
397 | |
388 | |
398 | /* content > entry 댓글 쓰기 */ |
389 | /* content > entry 댓글 쓰기 */ |
399 | .content .entry .comment .write { background-color:#f5f5f5; border:1px solid #eee; padding:10px; color:#666; margin:10px 5px; } |
390 | .content .entry .comment .write { background-color:#f5f5f5; border:1px solid #eee; padding:10px; color:#666; margin:10px 5px; } |
400 | .content .entry .comment .write input { width:30%; } |
391 | .content .entry .comment .write input { width:30%; } |
401 | .content .entry .comment .write .homepage { width:50%; display:inline; } |
392 | .content .entry .comment .write .homepage { width:50%; display:inline; } |
402 | .content .entry .comment .write textarea { width:95%; } |
393 | .content .entry .comment .write textarea { width:95%; } |
403 | .content .entry .comment .write .checkbox { border:0; width:20px; } |
394 | .content .entry .comment .write .checkbox { border:0; width:20px; } |
404 | .content .entry .comment .write .btn { width:97%; color:#333; border:1px solid #ccc; background-color:#ddd; height:26px; } |
395 | .content .entry .comment .write .btn { width:97%; color:#333; border:1px solid #ccc; background-color:#ddd; height:26px; } |
405 | |
396 | |
406 | .content .paging { clear:both; text-align:center; margin:50px 0; font:80% Verdana; background-color:#fff; } |
397 | .content .paging { clear:both; text-align:center; margin:50px 0; font:80% Verdana; background-color:#fff; } |
407 | .content .paging .selected { font-weight:bold; font-size:150%; color:#ff0000; /* background-color:#eee; */ } |
398 | .content .paging .selected { font-weight:bold; font-size:150%; color:#ff0000; /* background-color:#eee; */ } |
408 | |
399 | |
409 | /* 사이드바 공통 스타일 */ |
400 | /* 사이드바 공통 스타일 */ |
410 | .sideinfo a:link { color:#333; } |
401 | .sideinfo a:link { color:#333; } |
411 | .sideinfo h3 { |
402 | .sideinfo h3 { |
412 | font:12pt dotum; |
403 | font:12pt dotum; |
413 | font-weight:normal; |
404 | font-weight:normal; |
414 | color:#222; |
405 | color:#222; |
415 | background:url(images/bgSideinfo.gif) no-repeat; |
406 | background:url(images/bgSideinfo.gif) no-repeat; |
416 | padding:3px 5px; |
407 | padding:3px 5px; |
417 | height:22px; |
408 | height:22px; |
418 | margin-top:0px; |
409 | margin-top:0px; |
419 | } |
410 | } |
420 | |
411 | |
421 | .sideinfo .cnt { font:80% Verdana; color:#f30; } |
412 | .sideinfo .cnt { font:80% Verdana; color:#f30; } |
422 | .sideinfo .date { font:90% Verdana; color:#666; } |
413 | .sideinfo .date { font:90% Verdana; color:#666; } |
423 | .sideinfo .name { font:90% /*dotum*/; color:#666; } |
414 | .sideinfo .name { font:90% /*dotum*/; color:#666; } |
424 | .sideinfo ul { margin:0 5px 0 5px; } |
415 | .sideinfo ul { margin:0 5px 0 5px; } |
425 | .sideinfo li { line-height:120%; } |
416 | .sideinfo li { line-height:120%; } |
426 | |
417 | |
427 | /* 공지사항 */ |
418 | /* 공지사항 */ |
428 | .sideinfo .notice { |
419 | .sideinfo .notice { |
429 | text-align:center; |
420 | text-align:center; |
430 | } |
421 | } |
431 | .sideinfo .notice li { |
422 | .sideinfo .notice li { |
432 | background:url(images/iconNotice.gif) no-repeat 0 50%; |
423 | background:url(images/iconNotice.gif) no-repeat 0 50%; |
433 | padding-left:38px; |
424 | padding-left:38px; |
434 | display:inline; |
425 | display:inline; |
435 | } |
426 | } |
436 | .sideinfo .notice li a { |
427 | .sideinfo .notice li a { |
437 | font-size:16px; |
428 | font-size:16px; |
438 | font-weight:bold; |
429 | font-weight:bold; |
439 | letter-spacing:-1px; |
430 | letter-spacing:-1px; |
440 | color:Blue; |
431 | color:Blue; |
441 | } |
432 | } |
442 | |
433 | |
443 | /* 사이드바 태그 */ |
434 | /* 사이드바 태그 */ |
444 | .sideinfo .tag a { text-decoration:none; /* font-family:dotum; */ } |
435 | .sideinfo .tag a { text-decoration:none; /* font-family:dotum; */ } |
445 | .sideinfo .tag { display:inline; padding:0; text-align:justify; } |
436 | .sideinfo .tag { display:inline; padding:0; text-align:justify; } |
446 | .sideinfo .tag .cloud1 { font-weight:bold; font-size:130%; color:#222; background-color:#FFCC99; } |
437 | .sideinfo .tag .cloud1 { font-weight:bold; font-size:130%; color:#222; background-color:#FFCC99; } |
447 | .sideinfo .tag .cloud2 { font-weight:bold; font-size:120%; color:#333; background-color:#FFCC99; } |
438 | .sideinfo .tag .cloud2 { font-weight:bold; font-size:120%; color:#333; background-color:#FFCC99; } |
448 | .sideinfo .tag .cloud3 { font-weight:bold; font-size:110%; color:#555; } |
439 | .sideinfo .tag .cloud3 { font-weight:bold; font-size:110%; color:#555; } |
449 | .sideinfo .tag .cloud4 { font-size:100%; color:#666; } |
440 | .sideinfo .tag .cloud4 { font-size:100%; color:#666; } |
450 | .sideinfo .tag .cloud5 { font-size:90%; color:#666; } |
441 | .sideinfo .tag .cloud5 { font-size:90%; color:#666; } |
451 | .sideinfo .tag a:hover { background-color:#a09b91; color:#000; } |
442 | .sideinfo .tag a:hover { background-color:#a09b91; color:#000; } |
452 | .sideinfo .tag li { background:none; display:inline; padding:0; } |
443 | .sideinfo .tag li { background:none; display:inline; padding:0; } |
453 | |
444 | |
454 | |
445 | |
455 | .sideinfo .calender { font:100% Verdana; } |
446 | .sideinfo .calender { font:100% Verdana; } |
456 | .sideinfo .archive { font-family:Verdana; } |
447 | .sideinfo .archive { font-family:Verdana; } |
457 | .sideinfo .archive ul { padding:0 20px 0 10px; } |
448 | .sideinfo .archive ul { padding:0 20px 0 10px; } |
458 | .sideinfo .archive .cnt { padding-left:5px; } |
449 | .sideinfo .archive .cnt { padding-left:5px; } |
459 | |
450 | |
460 | .footer { text-align:center; padding-top:20px; } |
451 | .footer { text-align:center; padding-top:20px; } |
461 | .footer .counter { clear:both; width:/*@post-width:280*/780px/*@*/; text-align:center; font-family:Verdana; font-size:90%; margin:5px; } |
452 | .footer .counter { clear:both; width:/*@post-width:280*/780px/*@*/; text-align:center; font-family:Verdana; font-size:90%; margin:5px; } |
462 | .footer .botton { margin:40px 0 10px 0;text-align:center; } |
453 | .footer .botton { margin:40px 0 10px 0;text-align:center; } |
463 | |
454 | |
464 | |
455 | |
465 | /* *********************************************************************** */ |
456 | /* *********************************************************************** */ |
466 | /* 사용자가 추가한 CSS */ |
457 | /* 사용자가 추가한 CSS */ |
467 | |
458 | |
468 | /* 하이퍼링크 */ |
459 | /* 하이퍼링크 */ |
469 | .content .article a, .content .article a:link { |
460 | .content .article a, .content .article a:link { |
470 | text-decoration: none; |
461 | text-decoration: none; |
471 | border-width: 1px; |
462 | border-width: 1px; |
472 | border-top-style: none; |
463 | border-top-style: none; |
473 | border-right-style: none; |
464 | border-right-style: none; |
474 | border-left-style: none; |
465 | border-left-style: none; |
475 | border-bottom-color: #ff6600; |
466 | border-bottom-color: #ff6600; |
476 | border-bottom-style: solid; |
467 | border-bottom-style: solid; |
477 | background-color: transparent; |
468 | background-color: transparent; |
478 | } |
469 | } |
479 | |
470 | |
480 | .content .article a:visited { |
471 | .content .article a:visited { |
481 | border-width: 1px; |
472 | border-width: 1px; |
482 | border-bottom-color: #ff6600; |
473 | border-bottom-color: #ff6600; |
483 | border-bottom-style: dotted; |
474 | border-bottom-style: dotted; |
484 | } |
475 | } |
485 | .content .article a:hover { |
476 | .content .article a:hover { |
486 | border-width: 1px; |
477 | border-width: 1px; |
487 | border-bottom-color: #ff6600; |
478 | border-bottom-color: #ff6600; |
488 | border-bottom-style: solid; |
479 | border-bottom-style: solid; |
489 | background-color: #ffeeee; |
480 | background-color: #ffeeee; |
490 | } |
481 | } |
491 | .content .article a:active { } |
482 | .content .article a:active { } |
492 | |
483 | |
493 | /* 태터툴즈에서 추가하는 이미지 태그 */ |
484 | /* 태터툴즈에서 추가하는 이미지 태그 */ |
494 | .imageblock a:link, .imageblock a:hover, |
485 | .imageblock a:link, .imageblock a:hover, |
495 | .imageblock a:visited, .imageblock a:active { |
486 | .imageblock a:visited, .imageblock a:active { |
496 | text-decoration: none; |
487 | text-decoration: none; |
497 | margin:0.5em; |
488 | border-style: none; |
498 | border-style: outset; |
| |
499 | border-color:#edd3ed; |
| |
500 | } |
489 | } |
501 | .imageblock a img, .imageblock img { |
490 | .imageblock a img { |
502 | text-decoration: none; |
491 | text-decoration: none; |
503 | margin:0.5em; |
492 | border-width: 1px; |
504 | border-width: 3px; |
| |
505 | border-style: solid; |
493 | border-style: solid; |
506 | border-color:#edd3ed; |
494 | border-color: #fff8f8; |
507 | } |
495 | } |
508 | .imageblock a img:hover, .imageblock img:hover { |
496 | .imageblock a img:hover { |
509 | text-decoration: none; |
497 | text-decoration: none; |
510 | border-width: 3px; |
498 | border-style: solid; |
511 | border-style: c; |
499 | border-color:#ff6600; |
512 | border-color:#ff00ff; |
| |
513 | } |
500 | } |
514 | |
501 | |
515 | /* 사이드바 */ |
502 | /* 사이드바 */ |
516 | .sideinfo .category .branch3 { font-size:1.2em; } |
503 | .sideinfo .category .branch3 { font-size:1.2em; } |
517 | |
504 | |
518 | /* GFDL */ |
505 | /* GFDL */ |
519 | .gfdl { color:/*@title-color=*/ #0000FF /*@*/; font-size:/*@title-font-size=*/ 0.8rem /*@*/; font-weight:bold; line-height:120%; |
506 | .gfdl { color:/*@title-color=*/ #0000FF /*@*/; font-size:/*@title-font-size=*/ 0.8rem /*@*/; font-weight:bold; line-height:120%; |
520 | letter-spacing:0px; font-family:/*@title-font-family=*/ "돋움" /*@*/; width:/*@post-width:115=*/ 680px /*@*/; background:/*@title-background-color=*/ transparent /*@*/ } |
507 | letter-spacing:0px; font-family:/*@title-font-family=*/ "돋움" /*@*/; width:/*@post-width:115=*/ 680px /*@*/; background:/*@title-background-color=*/ transparent /*@*/ } |
521 | .gfdl a { text-decoration:underline; color:/*@title-color=*/ #0000FF } |
508 | .gfdl a { text-decoration:underline; color:/*@title-color=*/ #0000FF } |
522 | |
509 | |
523 | /* 목차 */ |
510 | /* 목차 */ |
524 | #toc { border:1px solid tan; padding:2px 10px 0px; background-color:#FFFFFA; } |
511 | #toc { border:1px solid tan; padding:2px 10px 0px; background-color:#FFFFFA; } |
525 | |
512 | |
526 | /* widget */ |
513 | /* widget */ |
527 | |
514 | |
528 | /* another_category */ |
515 | /* another_category */ |
529 | .another_category { font-size:1.2em ; line-height:1em ; } |
516 | .another_category { font-size:1.2em ; line-height:1em ; } |
530 | |
517 | |
531 | /* 각주 Footnote */ |
518 | /* 각주 Footnote */ |
532 | .article div.footnotes |
519 | .article div.footnotes |
533 | { |
520 | { |
534 | border:1px solid tan ; |
521 | border:1px solid tan ; |
535 | margin:10px 15px 10px 10px; |
522 | margin:10px 15px 10px 10px; |
536 | } |
523 | } |
537 | |
524 | |
538 | .footnotes li |
525 | .footnotes li |
539 | { |
526 | { |
540 | list-style-type:decimal; |
527 | list-style-type:decimal; |
541 | list-style-position:outside; |
528 | list-style-position:outside; |
542 | margin-left:10px; |
529 | margin-left:10px; |
543 | margin-right:10px; |
530 | margin-right:10px; |
544 | padding-left:0; |
531 | padding-left:0; |
545 | } |
532 | } |
546 | .footnotes ol |
533 | .footnotes ol |
547 | { |
534 | { |
548 | list-style-type:decimal; |
535 | list-style-type:decimal; |
549 | list-style-position:outside; |
536 | list-style-position:outside; |
550 | margin-left:10px; |
537 | margin-left:10px; |
551 | margin-right:10px; |
538 | margin-right:10px; |
552 | padding-left:0; |
539 | padding-left:0; |
553 | } |
540 | } |
554 | |
541 | |
555 | /* 옛한글 및 한글 자모 조합 방식 */ |
542 | /* 옛한글 및 한글 자모 조합 방식 */ |
556 | .jamo { |
543 | .jamo { |
557 | font-family: |
544 | font-family: |
558 | "바탕 옛한글","Batang Old Hangul","굴림 옛한글","NewGulim Old Hangul", |
545 | "바탕 옛한글","Batang Old Hangul","굴림 옛한글","NewGulim Old Hangul", |
559 | "궁서 옛한글","Gungsuh Old Hangul", |
546 | "궁서 옛한글","Gungsuh Old Hangul", |
560 | "은 바탕","Un Batang","UnBatang","은 자모 바탕","Un Jamo Batang","UnJamoBatang", |
547 | "은 바탕","Un Batang","UnBatang","은 자모 바탕","Un Jamo Batang","UnJamoBatang", |
561 | "은 돋움","Un Dotum","UnDotum", |
548 | "은 돋움","Un Dotum","UnDotum", |
562 | "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum", |
549 | "함초롬바탕","HCR Batang","함초롬돋움","HCR Dotum", |
563 | Code2002,Code2001,Code2000,"굴림",Gulim,serif; |
550 | Code2002,Code2001,Code2000,"굴림",Gulim,serif; |
564 | } |
551 | } |
565 | |
552 | |
566 | /* 신택스 하일라이트 Syntax Highlight */ |
553 | /* 신택스 하일라이트 Syntax Highlight */ |
567 | .container .syntaxhighlighter { |
554 | .container .syntaxhighlighter { |
568 | margin: 0 1em 0 1em !important; |
555 | margin: 0 1em 0 1em !important; |
569 | } |
556 | } |
570 | |
557 | |
571 | |
558 | |
572 | * { margin:0; padding:0;} |
559 | * { margin:0; padding:0;} |
573 | body { _height:100%; _width:100%; _overflow:auto; } |
560 | body { _height:100%; _width:100%; _overflow:auto; } |
574 | |
561 | |
575 | /* 떠다니는 메뉴 (Floating Menu) */ |
562 | /* 떠다니는 메뉴 (Floating Menu) */ |
576 | #floatdiv { |
563 | #floatdiv { |
577 | position:fixed; _position:absolute; _z-index:-1; |
564 | position:fixed; _position:absolute; _z-index:-1; |
578 | width:65px; |
565 | width:65px; |
579 | overflow:hidden; |
566 | overflow:hidden; |
580 | right:0px; |
567 | right:0px; |
581 | top:30%; |
568 | top:30%; |
582 | |
569 | |
583 | border: #5D5D5D 1px solid; |
570 | border: #5D5D5D 1px solid; |
584 | background-color: transparent; |
571 | background-color: transparent; |
585 | font-size: 14px; |
572 | font-size: 14px; |
586 | margin:0; |
573 | margin:0; |
587 | padding:0; |
574 | padding:0; |
588 | } |
575 | } |
589 | |
576 | |
590 | #floatdiv ul { list-style: none; } |
577 | #floatdiv ul { list-style: none; } |
591 | #floatdiv li { margin-bottom: 2px; text-align: center; } |
578 | #floatdiv li { margin-bottom: 2px; text-align: center; } |
592 | #floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; } |
579 | #floatdiv a { color: #5D5D5D; border: 0; text-decoration: none; display: block; } |
593 | #floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; } |
580 | #floatdiv a:hover, #floatdiv .menu { background-color: #5D5D5D; color: #fff; } |
594 | #floatdiv .menu, #floatdiv .last { margin-bottom: 0px; } |
581 | #floatdiv .menu, #floatdiv .last { margin-bottom: 0px; } |
595 | |
582 | |
596 | /* 화면에 보이지 않을 부분 */ |
583 | /* 화면에 보이지 않을 부분 */ |
597 | .noseeing { display:none } |
584 | .noseeing { display:none } |
598 | |
585 | |
599 | /* 위쪽 오른쪽 아래쪽 왼쪽 |
586 | /* 위쪽 오른쪽 아래쪽 왼쪽 |
600 | border:테두리 선 |
587 | border:테두리 선 |
601 | margin:바깥 여백 |
588 | margin:바깥 여백 |
602 | padding:안쪽 여백 |
589 | padding:안쪽 여백 |
603 | */ |
590 | */ |
604 | |
| |
605 | /* History */ |
| |
606 | /* 2019년 3월 25일 ver 1.0.2 build 5 : img 태그 */ |
| |
607 | /* 2019년 3월 23일 ver 1.0.1 build 4 */ |
| |
608 | /* 2019년 3월 17일 ver 1.0.1 build 3 */ |
| |
609 | /* 2011년 ver 1.0.0 build 2 */ |
| |
610 | /* 2011년 ver 1.0.0 build 1 */ |
| |
611 | |
591 | |