위키
포럼
도구
바뀐글
랜덤

LaFoliaCss

  • 1st Edition : 여러 색의 제목줄를 사용할 수 있는 것에 촛점을 맞추었으나, 소제목이 많은 일부 페이지에서는 너무 산만함.
  • 2nd Edition : 제목줄에 있어서 기본색(보라)은 유사하게 가져가되 명도와 채도에 차이를 두어 제목줄의 통일성을 강조하였으나, 글꼴 크기와 여백의 조정이 다소 미흡함.
  • 3rd Edition : 변경 전의 고려바위 스타일시트를 기본으로 하여 PlusAlpha님과 조프님의 스타일시트에서 글꼴, 여백, 제목줄에 대한 부분을 인용하였으며, 제목줄의 색상은 야후 사이트 등의 색 조합을 참고하였음. 또한, 약간 불완전하게 보였던 표의 모양을 개선하기 위해 약간의 트릭(?)을 시도하였음.
  • 4th Edition : 줄 간격만 150%로 통일. pre.code와 pre.syntax는 정확한 의미를 파악 못해서 일단 추가를 유보함. 아직 표의 첫번 째 열이 가운데 정렬이 되는 것과 표 안에 링크 부분이 있을 때 줄 간격이 어긋나는 문제의 원인은 아직 파악 못함. 거북이의 소스 조정 이후 다시 검토 예정.

1 # 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

}

2 # 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

}

3 # 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;

}

4 # 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;

}

원본 주소 "https://zetawiki.com/w/index.php?title=LaFoliaCss&oldid=430332"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}