SonDonCss

마지막으로 [b]
TheGate [f] 페이지목록 [i] 최근변경내역 [r] 환경설정 로그인 [l] 검색: 한줄잡담


마지막 편집일: 2005-9-20 11:03 am (변경사항 [d])
206 hits | 변경내역 보기 [h] | 페이지 소스 보기
1. BrainSalad 님의 4월 소스 개편 버전
2. 첫경험 버젼

1. BrainSalad 님의 4월 소스 개편 버전

/*******************************
    brainsalad.css
    CSS for BrainSalad의 생활공작소
    2003. 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%;
}

/* {{{ }}} 태그에 의한 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;
}

/* {{{lang }}} 태그에 의한 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> 태그 */
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;
}

2. 첫경험 버젼

BODY {
	font-family:Verdana, Sans-Serif, gulim;
	font-size:10.1pt;
	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;	
}

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:link { color:#000088; background:transparent; text-decoration:none }
A:visited { color:#000088; background:transparent; text-decoration:none }
A:hover { color:#000088; background:#DDDDFF; text-decoration:none }
A:active { color:#FFFFFF; background:#000088; text-decoration:none }*/

A.lmenu:link { color:#000000; background:transparent; text-decoration:none }
A.lmenu:visited { color:#000000; background:transparent; text-decoration:none }
A.lmenu:hover { color:#04A6E0; background:transparent; text-decoration:none }
A.lmenu:active { color:#004488; background:transparent; text-decoration:none }
A.inter:link { color:#008800; background:transparent; text-decoration:none }
A.inter:visited { color:#008800; background:transparent; text-decoration:none }
A.inter:hover { color:#008800; background:#DDFFDD; text-decoration:none }
A.inter:active { color:#FFFFFF; background:#008800; text-decoration:none }
A.www:link { color:#880000; background:transparent; text-decoration:none }
A.www:visited { color:#880000; background:transparent; text-decoration:none }
A.www:hover { color:#880000; background:#FFDDDD; text-decoration:none }
A.www:active { color:#FFFFFF; background:#880000; text-decoration:none }
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 }

/* P { margin-left: 1em; margin-right: 1em; } */

P.zero { margin-left: 0em; margin-right: 0em; }
P.title { font-family:Monotype Corsiva, Bookman old style, gulim; font-size:14pt; font-style:italic; margin-left: 1em; margin-right: 1em; }
P.lmenu { margin-left: 0em; margin-right: 0em; }
P.rcode { color:#000000; background:#EEEEEE; margin-left: 1em; margin-right: 1em; }

SELECT,TEXTAREA { font-size: 10pt; 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:#004488; }

h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica,sans-serif;
	padding: 3px;
	margin-top: 2pt;
	margin-bottom: 8pt;
	width: 100%;
}

h1 {
	font-size: 16pt;
	padding-left: 3pt;
}
h2 {
	font-size: 12pt;
	padding-left:3pt;
	color: #FFFFFF;
	background: #0066AA;
	border: solid 1px #000000;
}
h3 {
	font-size: 11pt;
	padding-left:6pt;
	color: #0066AA;
	background: #EEEEFF;
	border: solid 1px #55AAFF;
}
h4 {
	font-size: 10pt;
	padding-left:9pt;
	color: #0066AA;
	background: #FFFFFF;
	border: solid 1px #55AAFF;
}
h5 {
	font-size: 10pt;
	font-weight: normal;
	padding-left:12pt;
	color: #AA0066;
	background: #EEEEEE;
	border: 0;/*solid 1px #888888;*/
}

table {
	font-family:Verdana, Sans-Serif, gulim;
	font-size:10pt;
	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:1px solid #000000;
}

tr { line-height: 20px; }

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

table.gotobar
{
	border:1px solid #D0D0D0;
	border-right:0px;
	background-color:transparent;
	padding: 0px;
	spacing: 0px;
}

tr.gotobar
{
	height: 24px;
}

td.gotobar
{
	border:0;
	border-right:1px solid #D0D0D0;
}

TABLE.lmenu { font-size:10pt; color:#000000; background:#000000; }
TR.lmenu { font-size:10pt; color:#000000; background:#FFFFFF; }
TD.lmenu { font-size:10pt; color:#000000; background:#FFFFFF; }

DL { MARGIN-TOP: 1pt }
UL { MARGIN-TOP: 1pt }
OL { MARGIN-TOP: 1pt }
li { text-align:justify; }


TT
{
FONT-FAMILY: Verdana, "Lucida Console","Courier New", Courier, gulim, monotype, monospace
}

pre {
	background:#FFFFEE;
	FONT-FAMILY: Verdana, "Lucida Console","Courier New", Courier, gulim, monotype, monospace;
	border : solid 1px #000000;
	WHITE-SPACE: pre;
}

PRE.code
{
	background:#FFEEFF;
	FONT-FAMILY: Verdana, "Lucida Console","Courier New", Courier, gulim, monotype, monospace;
	border : solid 1px #000000;
	WHITE-SPACE: pre;
}

마지막 편집일: 2005-9-20 11:03 am (변경사항 [d])
206 hits | 변경내역 보기 [h] | 페이지 소스 보기