BrainSalad CSS

---

# 4월 소스 개편 버전

/*******************************

    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%;
}