- 1st Edition : 여러 색의 제목줄를 사용할 수 있는 것에 촛점을 맞추었으나, 소제목이 많은 일부 페이지에서는 너무 산만함.
- 2nd Edition : 제목줄에 있어서 기본색(보라)은 유사하게 가져가되 명도와 채도에 차이를 두어 제목줄의 통일성을 강조하였으나, 글꼴 크기와 여백의 조정이 다소 미흡함.
- 3rd Edition : 변경 전의 고려바위 스타일시트를 기본으로 하여 PlusAlpha님과 조프님의 스타일시트에서 글꼴, 여백, 제목줄에 대한 부분을 인용하였으며, 제목줄의 색상은 야후 사이트 등의 색 조합을 참고하였음. 또한, 약간 불완전하게 보였던 표의 모양을 개선하기 위해 약간의 트릭(?)을 시도하였음.
- 4th Edition : 줄 간격만 150%로 통일. pre.code와 pre.syntax는 정확한 의미를 파악 못해서 일단 추가를 유보함. 아직 표의 첫번 째 열이 가운데 정렬이 되는 것과 표 안에 링크 부분이 있을 때 줄 간격이 어긋나는 문제의 원인은 아직 파악 못함. 거북이의 소스 조정 이후 다시 검토 예정.
# 4th Edition
body {
font-family: gulim; font-size: 10pt; line-height: 150%; text-align:justify; background: white;
}
tr { line-height: 20px; }
li {
font-family: gulim; line-height: 150%; text-align:justify;
}
A:link { color:#0000CC; background:transparent;text-decoration:none } A:visited { color:#0000CC; background:transparent;text-decoration:none } A:hover { color:#0000CC; background:transparent;text-decoration:underline } A:active { color:#0000CC; background:#DDDDFF; text-decoration:underline }
A.none:link { color:#000000; background:transparent;text-decoration:none } A.none:visited { color:#000000; background:transparent;text-decoration:none } A.none:hover { color:#000000; background:transparent;text-decoration:none } A.none:active { color:#000000; background:transparent;text-decoration:none }
SELECT,TEXTAREA {
font-size: 9pt; border:1 solid BLACK; background-color:WHITE; color:BLACK;
}
INPUT.text {
border:1 solid BLACK; background-color:WHITE; color:BLACK; padding: 0px; margin-top: 0pt; margin-bottom: 0pt; height: 12pt;
}
HR {
border: 1px solid #000000; color:#000000; background-color:#111111;
}
h1,h2,h3,h4,h5 {
font-family: Arial, Helvetica, sans-serif; margin-top: 5pt; margin-bottom: 5pt; width: auto;
}
h1 {
font-size: 18pt; padding-top: 6px; padding-bottom: 6px; padding-left: 3pt;
}
h2 {
font-size: 16pt; padding-top: 6px; padding-bottom: 6px; padding-left:6pt; color: white; background: #887AC6;
}
H2 A:link { color:#EEFFAA; background:transparent;text-decoration:none } H2 A:visited { color:#EEFFAA; background:transparent;text-decoration:none } H2 A:hover { color:#EEFFAA; background:transparent;text-decoration:underline } H2 A:active { color:#EEFFAA; background:#0077FF;text-decoration:underline }
h3 {
font-size: 14pt; padding-top: 4px; padding-bottom: 4px; padding-left:9pt; color: black; background: #CCCCFF;
}
h4 {
font-size: 12pt; padding-left:12pt; padding-top: 2px; padding-bottom: 2px; color: black; background: #E4ECF6;
}
h5 {
font-size: 10pt; font-weight: normal; padding-left: 15pt; padding-top: 1px; padding-bottom: 1px; color: black; background: #f0f0f0; border: solid 1px #d0d0d0;
}
table {
font-family: gulim; font-size: 9pt; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #CACACA; border-right: 1px solid #CACACA; padding: 3px; spacing: 0px;
}
table.normal {
font-family: gulim; font-size: 9pt; padding: 3px; border-spacing: 0px
}
td {
font-size: 9pt; line-height: 150%; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; padding: 3px; border-spacing: 0px
}
# 3rd Edition
body {
font-family: gulim; font-size: 10pt; line-height: 150%; text-align:justify; background: white;
}
tr { line-height: 23px; } li { font-family: gulim; line-height: 150%; text-align:justify; }
A:link { color:#0000CC; background:transparent;text-decoration:none } A:visited { color:#0000CC; background:transparent;text-decoration:none } A:hover { color:#0000CC; background:transparent;text-decoration:underline } A:active { color:#0000CC; background:#DDDDFF; text-decoration:underline }
A.none:link { color:#000000; background:transparent;text-decoration:none } A.none:visited { color:#000000; background:transparent;text-decoration:none } A.none:hover { color:#000000; background:transparent;text-decoration:none } A.none:active { color:#000000; background:transparent;text-decoration:none }
SELECT,TEXTAREA { font-size: 9pt; border:1 solid BLACK; background-color:WHITE; color:BLACK;}
INPUT.text {
border:1 solid BLACK; background-color:WHITE; color:BLACK; padding: 0px; margin-top: 0pt; margin-bottom: 0pt; height: 12pt;
}
HR {
border: 1px solid #000000; color:#000000; background-color:#111111;
}
h1,h2,h3,h4,h5 {
font-family: Arial, Helvetica,sans-serif; margin-top: 5pt; margin-bottom: 5pt; width: auto;
}
h1 {
font-size: 18pt; padding-top: 6px; padding-bottom: 6px; padding-left: 3pt;
} h2 {
font-size: 16pt; padding-top: 6px; padding-bottom: 6px; padding-left:6pt; color: white; background: #887AC6;
}
H2 A:link { color:#EEFFAA; background:transparent;text-decoration:none } H2 A:visited { color:#EEFFAA; background:transparent;text-decoration:none } H2 A:hover { color:#EEFFAA; background:transparent;text-decoration:underline } H2 A:active { color:#EEFFAA; background:#0077FF;text-decoration:underline }
h3 {
font-size: 14pt; padding-top: 4px; padding-bottom: 4px; padding-left:9pt; color: black; background: #CCCCFF;
}
h4 {
font-size: 12pt; padding-left:12pt; padding-top: 2px; padding-bottom: 2px; color: black; background: #E4ECF6;
} h5 {
font-size: 10pt; font-weight: normal; padding-left: 15pt; padding-top: 1px; padding-bottom: 1px; color: black; background: #f0f0f0; border: solid 1px #d0d0d0;
}
table {
font-family: gulim; font-size: 9pt; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #CACACA; border-right: 1px solid #CACACA; padding: 3px; spacing: 0px;
}
table.normal {
font-family: gulim; font-size: 9pt; padding: 3px; border-spacing: 0px
}
td {
font-size: 9pt; line-height: 150%; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; padding: 3px; border-spacing: 0px
}
# 2nd Edition
body {
font-family: gulim; font-size: 10pt; line-height: 150%; text-align:justify; scrollbar-face-color: #FFFEF8; scrollbar-shadow-color: #d0d0d0; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #e0e0e0; scrollbar-darkshadow-color: #e0e0e0; scrollbar-track-color: #FFFEF8; scrollbar-arrow-color: black; background: #FFFEF8;
}
tr { line-height: 23px; } li { font-family: gulim; line-height: 140%; text-align:justify; } A:link, A:active, A:visited { color: #5828C6; text-decoration: none; } A:hover { color: white; background-color: #7F6CBD; text-decoration: none; }
SELECT,TEXTAREA { font-size: 9pt; border:1 solid BLACK; background-color:WHITE; color:BLACK;}
INPUT.text {
border:1 solid BLACK; background-color:WHITE; color:BLACK; padding: 0px; margin-top: 0pt; margin-bottom: 0pt; height: 12pt;
}
hr { border: 1px solid darkred; }
h1,h2,h3,h4,h5 {
font-family: tahoma ; padding: 3px; margin-top: 2pt; margin-bottom: 5pt; color: #000000; width: 100%;
}
h1 {
font-size: 18pt; padding-left: 3pt;
} h2 {
font-size: 14pt; padding-left:6pt; color: #FEF4D7; background: #8875CE;
} H2 A:link { color:#FFF270; background:transparent;text-decoration:none } H2 A:visited { color:#FFF270; background:transparent;text-decoration:none } H2 A:hover { color:#FFB7EB; background:transparent;text-decoration:none } H2 A:active { color:#A003AF; background:#FEBC99;text-decoration:none } h3 {
font-size: 12pt; padding-left:9pt; background: #C1B8F0;
} h4 {
font-size: 10pt; padding-left:12pt; background: #D8E1F0;
} h5 {
font-size: 9pt; padding-left:15pt; background: #E1F2FF;
}
table {
border: solid 1px #d0d0d0; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 1px; padding: 5px; spacing: 0px;
}
table.normal {
border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 1px;
}
td {
font-size: 9pt; line-height: 140%; border-style: groove; border: solid 1px #d0d0d0; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-right-width: 0px; padding: 2px; spacing: 0px;
}
# 1st Edition
body {
font-family: gulim; font-size: 10pt; line-height: 150%; text-align:justify; scrollbar-face-color: #FFFEF8; scrollbar-shadow-color: #d0d0d0; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #e0e0e0; scrollbar-darkshadow-color: #e0e0e0; scrollbar-track-color: #FFFEF8; scrollbar-arrow-color: black; background: #FFFEF8;
}
tr { line-height: 23px; } li { font-family: gulim; line-height: 140%; text-align:justify; } A:link, A:active, A:visited { color: #5828C6; text-decoration: none; } A:hover { color: white; background-color: #7F6CBD; text-decoration: none; }
SELECT,TEXTAREA { font-size: 9pt; border:1 solid BLACK; background-color:WHITE; color:BLACK;}
INPUT.text {
border:1 solid BLACK; background-color:WHITE; color:BLACK; padding: 0px; margin-top: 0pt; margin-bottom: 0pt; height: 12pt;
}
hr { border: 1px solid darkred; }
h1,h2,h3,h4,h5 {
font-family: tahoma ; padding: 3px; margin-top: 2pt; margin-bottom: 5pt; color: #000000; width: 100%;
}
h1 {
font-size: 18pt; padding-left: 3pt;
} h2 {
font-size: 14pt; padding-left:6pt; color: #FEF4D7; background: #7F6CBD;
} H2 A:link { color:#FFF270; background:transparent;text-decoration:none } H2 A:visited { color:#FFF270; background:transparent;text-decoration:none } H2 A:hover { color:#E6D6DF; background:transparent;text-decoration:none } H2 A:active { color:#A003AF; background:#FEBC99;text-decoration:none } h3 {
font-size: 12pt; padding-left:9pt; background: #FFE1CD;
} h4 {
font-size: 10pt; padding-left:12pt; background: #DBFDDA;
} h5 {
font-size: 9pt; padding-left:15pt; background: #FCD8F6;
}
table {
border: solid 1px #d0d0d0; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 1px; padding: 5px; spacing: 0px;
}
table.normal {
border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 1px;
}
td {
font-size: 9pt; line-height: 140%; border-style: groove; border: solid 1px #d0d0d0; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-right-width: 0px; padding: 2px; spacing: 0px;
}