- BrainSalad CSS
4월 소스 개편 버전[ | ]
css
Copy
/*******************************
brainsalad.css CSS for [[BrainSalad]]의 생활공작소* 04. 15.
*******************************/
/********************
* 사이트 전체
* *******************/
body {
margin-left: 1%;
margin-right: 1%;
font: normal normal normal 9pt/160% Gulim, Tahoma, "Times New Roman", serif;
text-align: justify;
scrollbar-face-color: #FEFFFE;
scrollbar-shadow-color: #F7FCFE;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #e0e0e0;
scrollbar-darkshadow-color: #e0e0e0;
scrollbar-track-color: #FEFFFE;
scrollbar-arrow-color: #42548F;
background: #FFFFF0;
color: #030303;
}
/********************
* 페이지 본문
* *******************/
''text'' */ em {
font-size: 105%;
}
/* 줄 앞에 공백이 있는 경우 생기는 pre */
pre {
font: normal normal normal 9pt/160% dotumche, courier, monospace;
border: none;
padding: 0.5em 0.5em 0.5em 0.5em;
white-space: pre;
text-align: justify;
width: 90%;
}
/* <nowiki> </nowiki> 태그에 의한 pre */
PRE.code {
font: normal normal normal 9pt/160% dotumche, courier, monospace;
border: 1px solid silver;
padding: 0.5em 0.5em 0.5em 0.5em;
white-space: pre;
text-align: justify;
width: 90%;
background: #fffffa;
color: black;
}
/* <nowiki>lang </nowiki> 태그에 의한 pre */
PRE.syntax {
font: normal normal normal 9pt/160% dotumche, courier, monospace;
border: 1px solid silver;
padding: 0.5em 0.5em 0.5em 0.5em;
white-space: pre;
text-align: justify;
width: 90%;
background: #fffffa;
color: black;
}
/* 태그 */
code {
font: normal normal normal 9pt/160% dotumche, courier, monospace;
margin-top: 8pt;
margin-bottom: 8pt;
white-space: pre;
}
/* 테이블 */
table {
border-style: solid;
border-color: silver;
border-width: 0px 1px 1px 0px;
}
tr {
line-height: 18px;
}
th {
font: normal normal normal 9pt/160% gulim, "Times New Roman", serif;
border-style: solid;
border-color: silver;
border-width: 1px 0px 0px 1px;
padding: 2px;
}
td {
font: normal normal normal 9pt/160% gulim, "Times New Roman", serif;
border-style: solid;
border-color: silver;
border-width: 1px 0px 0px 1px;
padding: 2px;
}
/* 리스트 */
li {
font: normal normal normal 9pt/160% dotum, "Times New Roman", serif;
text-align: justify;
margin-top: 0.2em;
margin-bottom: 0.2em;
}
/* 가로선 */
hr {
border: 1px solid #BC8F8F;
margin: 0px;
}
/* 헤딩 */
h1,
h2,
h3,
h4,
h5 {
font-family: Tahoma, Dotum, Helvetica, sans-serif;
margin-top: 5pt;
margin-bottom: 4pt;
padding-top: 0.3em;
padding-bottom: 0.3em;
line-height: 110%;
}
h1 {
font-size: 20pt;
padding-left: 3pt;
}
h2 {
font-size: 13pt;
padding-left: 8pt;
background: #8B7765;
color: #FFFFFF;
border: solid 0px black;
}
h2 A:link {
color: #FFEC8B;
background: transparent;
text-decoration: none;
}
h3 {
font-size: 11pt;
padding-left: 9pt;
background: #CDC8B1;
color: #8B795E;
border: solid 0px black;
}
h4 {
font-size: 10pt;
padding-left: 12pt;
background: #D5E6D3;
color: #000000;
border: solid 1px #8B8378;
}
h5 {
font-size: 9pt;
padding-left: 15pt;
background: #FFFAFA;
color: #635957;
border: solid 1px #838B83;
}
h6 {
font-size: 9pt;
}
/* 일반적인 링크 */
A:link,
A:active,
A:visited,
A:hover {
background: transparent;
color: #36648B;
text-decoration: none;
}
A:hover {
text-decoration: underline;
}
/* 외부 URL */
A.outer:link,
A.outer:active,
A.outer:visited,
A.outer:hover {
background: transparent;
color: #36648B;
text-decoration: none;
}
A.outer:hover {
text-decoration: underline;
}
/* [[InterWiki]] */
A.inter:link,
A.inter:active,
A.inter:visited,
A.inter:hover {
background: transparent;
color: #36648B;
text-decoration: none;
}
A.inter:hover {
text-decoration: underline;
}
/* 사전 링크 */
A.dic:link,
A.dic:active,
A.dic:visited,
A.dic:hover {
background: transparent;
color: #36648B;
text-decoration: none;
}
A.dic:hover {
text-decoration: underline;
}
/* 기타 */
SELECT,
TEXTAREA {
font: normal normal normal 10pt/160% dotumche, courier, monospace;
border: 1px solid silver;
padding: 0.2em 0.5em 0.2em 0.5em;
background: white;
color: black;
}
INPUT.text {
border: 1px solid black;
background: white;
color: BLACK;
height: 1.3em;
}
img {
border: solid 0px #fffff0;
}
/* ISBN:링크시 책표지 */
IMG.isbn {
border: 1px solid silver;
}
/* 페이지 소스 보기 텍스트영역 */
TEXTAREA.view {
font: normal normal normal 9pt/120% dotumche, courier, monospace;
border: 1px solid silver;
padding: 0.2em 0.5em 0.2em 0.5em;
background: #F9F9F9;
color: black;
}
/**********
* 페이지 상,하단
* *********/
/* 페이지 이름 */
H1.pagename {
padding: 5pt 10pt 5pt 10pt;
line-height: 110%;
text-align: left;
}
/* 액션 이름 */
H1.actionname {
padding: 5pt 10pt 5pt 10pt;
font-style: italic;
text-align: left;
line-height: 110%;
}
/* 사이트 로고이미지 */
IMG.logoimage {
border: none;
}
/* 상단 메뉴 바 */
TABLE.gotobar {
border: none;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
TR.gotobar {
height: 24px;
}
TD.gotobar {
border: 1px solid silver;
}
TD.gotohomepage {
border: 1px solid silver;
}
TD.gotoindex {
border: 1px solid silver;
}
TD.gotorecentchanges {
border: 1px solid silver;
}
TD.gotoparentpage {
border: 1px solid silver;
}
TD.gotouser {
border: 1px solid silver;
}
TD.gotopref {
border: 1px solid silver;
}
TD.gotorandom {
border: 1px solid silver;
}
TD.gotoadmin {
border: 1px solid silver;
}
TD.gotolinks {
border: 1px solid silver;
}
TD.gotologin {
border: 1px solid silver;
}
TD.gotosearch {
border: 1px solid silver;
}
TABLE.gotobar A:link,
TABLE.gotobar A:visited,
TABLE.gotobar A:active,
TABLE.gotobar A:hover {
background: transparent;
color: #36648B;
text-decoration: none;
}
TABLE.gotobar A:hover {
text-decoration: underline;
}
HR.gotobar {
border-color: silver;
height: 2px;
}
/* 편집 가이드 */
DIV.editguide {
text-align: right;
background: transparent;
border: none;
color: black;
}
/* footer */
DIV.footer {
text-align: right;
background: transparent;
color: gray;
}
HR.footer {
border-color: silver;
height: 2px;
}
/**********
* diff 출력
* *********/
TABLE.diff {
border: 1px solid #CCCCCC;
width: 95%;
background: transparent;
color: black;
}
TR.diff {
border: none;
}
TD.diff {
font: normal normal normal 9pt/160% Gulimche, Courier, monospace;
border: none;
}
TD.diffrange {
text-align: center;
border: none;
font: italic normal bold 9pt/160% Gulim, "Times New Roman", Serif;
background: #CCCCCC;
color: black;
}
TD.diffremove {
font: normal normal normal 9pt/160% Gulimche, Courier, monospace;
border: none;
background: #FFFFCC;
color: black;
}
TD.diffadd {
font: normal normal normal 9pt/160% Gulimche, Courier, monospace;
border: none;
background: #CCFFCC;
color: black;
}
/**********
* 최근변경내역
* *********/
TABLE.rc {
border: none;
}
TR.rc {
border: none;
}
TD.rc {
border: none;
}
TD.rcdate {
border: none;
font-size: 10pt;
}
TD.rcdate A {
font-size: 9pt;
}
TD.rcpage {
border: none;
}
TD.rctime {
border: none;
}
TD.rccount {
border: none;
}
TD.rcauthor {
border: none;
}
TD.rcsummary {
border: none;
background: transparent;
color: green;
}
TD.rcblank {
border: none;
}
/**********
* Calendar
* *********/
TABLE.calendar {
border: 1pt solid silver;
background: white;
color: black;
}
CAPTION.calendar {
background: transparent;
color: black;
border: none;
padding: 0;
line-height: 100%;
}
CAPTION.calendar A:link,
CAPTION.calendar A:visited,
CAPTION.calendar A:active CAPTION.calendar A:hover {
border: none;
background: transparent;
color: black;
text-decoration: none;
font: normal normal bold 9pt/160% Gulim, Serif;
margin: 0px 0px 0px 0px;
}
CAPTION.calendar A:hover {
text-decoration: underline;
}
TH.calendar {
border: none;
text-align: center;
font: bold 9pt/100% Gulimche, Curier, monospace;
}
TR.calendar {
border: none;
}
TD.calendar {
border: none;
text-align: right;
font: 9pt/100% Gulimche, Curier, monospace;
}
TD.calendartoday {
border: 1pt solid silver;
text-align: right;
font: 9pt/100% Gulimche, Curier, monospace;
background: yellow;
color: black;
}
TD.calendar A:link,
TD.calendar A:visited,
TD.calendar A:active,
TD.calendar A:hover {
background: transparent;
text-decoration: none
}
TD.calendar A:hover {
text-decoration: underline;
}
/* mysign */
DIV.mysign {
text-align: right;
color: #8B7765;
background: transparent;
}
SPAN.mysign {
color: #8B7765;
background: transparent;
}
==# 첫번째 버전(소스 수정 전)==body {
font-family: Gulim, Tahoma;
font-size: 10pt;
line-height: 150%;
text-align: justify;
scrollbar-face-color: #FEFFFE;
scrollbar-shadow-color: #F7FCFE;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #e0e0e0;
scrollbar-darkshadow-color: #e0e0e0;
scrollbar-track-color: #FEFFFE;
scrollbar-arrow-color: #42548F;
background: #FEFFFE;
}
tr {
line-height: 23px;
}
li {
font-family: Gulim, Tahoma;
line-height: 140%;
text-align: justify;
}
A:link,
A:active,
A:visited {
color: #205CA8;
text-decoration: none;
}
A:hover {
color: #EEF4F6;
background-color: #87A1CC;
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: Gulim, Tahoma;
padding: 3px;
margin-top: 2pt;
margin-bottom: 5pt;
width: 100%;
color: #000000;
}
h1 {
font-size: 18pt;
padding-left: 3pt;
}
h2 {
font-size: 12pt;
padding-left: 8pt;
color: #FFFFFF;
background: #25678A;
}
H2 A:link {
color: #D5FF72;
background: transparent;
text-decoration: none
}
H2 A:visited {
color: #D5FF72;
background: transparent;
text-decoration: none
}
H2 A:hover {
color: #DD7C88;
background: transparent;
text-decoration: none
}
H2 A:active {
color: #DD7C88;
background: #0077FF;
text-decoration: none
}
h3 {
font-size: 11pt;
padding-left: 11pt;
color: #4B6357;
background: #D5E6D3;
}
h4 {
font-size: 10pt;
padding-left: 15pt;
color: #3C6A91;
background: #E8F4FC;
border: solid 1px #719583;
}
h5 {
font-size: 9pt;
padding-left: 15pt;
color: #3C6A91;
background: #ffffff;
border: solid 1px #719583;
}
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;
}
pre.code {
font-family: Lucida Console, Courier New, Courier, monotype;
font-family: dotumche, Courier, monotype;
font-size: 9pt;
margin-top: 8pt;
margin-bottom: 8pt;
background-color: #fffffa;
/* background-color: lightyellow; */
white-space: pre;
border-style: solid;
border-width: 1pt;
border-color: #d0d0d0;
color: #111111;
padding: 5px;
line-height: 160%;
text-align: justify;
width: 90%;
}
pre.syntax {
font-family: Lucida Console, Courier New, Courier, monotype;
font-family: dotumche, Courier, monotype;
font-size: 9pt;
margin-top: 8pt;
margin-bottom: 8pt;
background-color: #fffffa;
/* background-color: lightyellow; */
white-space: pre;
border-style: solid;
border-width: 1pt;
border-color: #d0d0d0;
color: #111111;
padding: 5px;
line-height: 160%;
text-align: justify;
width: 90%;
}
편집자 1.1.1.3 Jmnote
로그인하시면 댓글을 쓸 수 있습니다.