@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
  font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
  color:#666;
  /*@background-image=:;*/ /*@*/
  /*@background-image-position=:;*/ /*@*/
  /*@background-image-repeat=:;*/ /*@*/
  /*@background-color=:#ddd;*/ background-color: #ddd; /*@*/
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#7870ab;  text-decoration:underline;}
a:active        { color:#666;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
  .selected               { font-weight:bold;  color:#f30;}
 .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
 .no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
 .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
 .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
 .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}

/* 달력 월 표시 */
 .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
 .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
 .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
 .cal_week               { background-color:#fff;}
 .cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
 .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
 .cal_day_sunday         { color:#f30 !important;}
 .cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
 .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
 .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
 .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
 .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
 a.cal_click:link        { color:#333;  font-weight:bold;}
 a.cal_click:visited     { color:#333;  font-weight:bold;}
 a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
 .rp_general             { }
 .rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
 .rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
 .guest_general          { }
 .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
 .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
 .cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
 .imageblock             { border:1px solid #ddd;  padding:5px;  margin:5px 0;}
/* 왼쪽 */
 .left                   { }
/* 가운데 */
 .center                 { }
/* 오른쪽 */
 .right                  { }
/* 그림 2개 배치 */
 .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
 .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
 .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
 .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
 .moreless_body          { }
 .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */
 .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}

/* 블로그 레이아웃 */

#container {
  width:/*@post-width:200*/740px/*@*/;
  border:1px solid #bbb;
  margin:30px auto;
  padding:10px;
  background-color:#fff;
}
#header {
  padding:/*@title-height:-41=padding-top:;*/50px/*@*/ 10px 0 20px;
  background-color:/*@title-background-color*/#7870ab/*@*/;
  margin-bottom:8px;
  /*@title-background-image=:;*/ /*@*/
  /*@title-background-image-position=:;*/ /*@*/
  /*@title-background-image-repeat=:;*/ /*@*/
}
#content {
  float:left;
  width:/*@post-width*/540px/*@*/;
  overflow:hidden;

}
#sidebar {
  float:right;
  width:190px;
}


#footer {
  clear:both;
  padding:20px 0 0 0;
}

/* ***** Header ***** */
#header a              { color:/*@title-color*/#fff/*@*/;  padding:0 3px;}

#header h1             { padding: 0;}
#header .blogMenu      { text-align:right; padding: 0 0 0.3em 0;}

#header h1 a           { font-family:/*@title-font-family*/dotum/*@*/; /*@title-font-size=:;*/ /*@*/ font-weight:bold;  letter-spacing:-1px;}
#header h1 a:hover     { color:#ccf;  text-decoration:none;}

#header .blogMenu ul   { margin:0;  padding:0;  list-style:none;}
#header .blogMenu li   { display:inline;  background:url(images/bullBar.gif) no-repeat;  margin-left:3px;  padding-left:7px;}
#header li.first { background:none;}


/* ***** content ***** */
#content .nonEntry {padding:10px;}
#content .nonEntry h3   { border-bottom:1px solid #ccc;  margin-bottom:10px;  color:#222;}

#content .entryNotice,
#content .entryProtected,
#content .entry             { border:5px solid #eee;  padding:10px;  margin-bottom:10px;}


#searchList ol,
#searchRplist ol            { list-style:none;  padding:5px;  margin:0;}
#searchList li,
#searchRplist li            { border-bottom:1px solid #eee;  padding-bottom:2px;  margin-bottom:4px;}
#searchList .date,
#searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
#searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

#localog .spot              { background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
#localog .info              { background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
#localog a:link             { color:#5a5194;}
#localog a:visited          { color:#5a5194;}
#localog a:hover            { color:#7870ab;  text-decoration:underline;}

#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog a:hover             { background-color:#eee;  color:#000;}
#taglog li .cloud1          { background-color:#eee;  color:#a2348f;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#999; }

#guestbook p                { padding:2px 0; margin:0;}

#guestWrite                 { padding:10px;  background-color:#f5f5f5;  border:1px solid #ddd;}
#guestWrite input           { width:150px;}
#guestWrite textarea        { width:465px;  padding:5px;}
#guestWrite .homepage       { width:300px;}
#guestWrite .submit         { width:477px;  height:22px;  background-color:#ccc;  font:1.1em Dotum, Arial, sans-serif; padding-top:3px;}

#guestList                  { padding:10px 0 0 0;}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}
#guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
#guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  width:490px; overflow:hidden;}
#guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  width:440px; overflow:hidden;}
#guestList li .name         { color:#666;  font-weight:bold;}
#guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

#guestList .control a.modify       { background:url(images/iconModify.gif) no-repeat;  padding:0 0 2px 53px;  text-decoration:none;}
#guestList .control a.modify span  { display:none;}
#guestList .control a.write        { background:url(images/iconWrite.gif) no-repeat;  padding:0 5px 2px 53px;  text-decoration:none;}
#guestList .control a.write span   { display:none;}


/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2                { font-size:1.2em;  line-height:1.2em;}
.titleWrap               { border-bottom:1px dashed #ccc;  padding-bottom:5px;  margin-bottom:10px;}
.titleWrap h2 a          { /*@post-title-color=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/ /*@post-title-font-size=:;*/ /*@*/ }
.titleWrap .category a   { font:1em Dotum, Arial, sans-serif;  color:#888;  margin-right:6px;}
.titleWrap .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}

.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}


.article                 { width:/*@post-width:-40*/500px/*@*/; margin:5px 5px 0 5px; overflow:hidden; /*@post-body-color=:;*/ /*@*/ /*@post-body-font-family=:;*/ /*@*/ /*@post-body-font-size=:;*/ /*@*/}

.article a:link          { color:#5a5194;  text-decoration:none;}
.article a:visited       { color:#5a5194;  text-decoration:none;}
.article a:hover         { color:#7870ab;  text-decoration:underline;}
.article a:active        { color:#5a5194;  text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}

.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

.author                  { text-align:right; color:#888; padding:20px 20px;}
.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}


.tagTrail                { padding:5px 5px 5px 40px;  background:url(images/entryTag.gif) center left no-repeat; clear:both;}
.tagText                 { display:none;}

.actionTrail             { border-top:1px dotted #ccc;  padding:7px 5px;  clear:both;}
.actionTrail .cnt        { color:#f60;}

.trackback               { border-top:1px solid #ddd;  background-color:#f5f5f5; padding:10px; margin-bottom:4px;  width:/*@post-width:-60*/490px/*@*/;  overflow:hidden;}
.trackback a             { color:#000;}
.trackback h3            { font:11px Verdana; color:#333;  border-bottom:1px solid #f5f5f5;  margin:5px 5px 10px 5px;}
.trackback h4            { font:12px Verdana; font-weight:normal;  margin:0;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top:1px dotted #ccc;  padding:5px;}
.trackback .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.trackback p             { font:0.95em Dotum, Arial, sans-serif;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}


.comment                          { border-top:1px solid #ddd;  background-color:#f5f5f5; padding:10px; margin-bottom:4px;  width:/*@post-width:-60*/490px/*@*/; overflow:hidden;}
.comment p                        { margin:3px 0 0 0; padding:0;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.comment .name                    { color:#666; font-weight:bold;}
.comment .name a                  { color:#333; font-weight:bold;}
.comment ol li                    { padding:10px 5px; border-bottom:1px dashed #999; margin-top:10px;}
.comment li ul li                 { padding:5px 10px 5px 25px;  background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px; border:none;}
.comment .control a.address       { background:url(images/iconAddress.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/iconModify.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/iconWrite.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { padding:5px; margin-top:20px;}
.commentWrite input               { width:150px;}
.commentWrite textarea            { width:/*@post-width:-75*/465px/*@*/;  padding:5px; position:relative; top:-16px;}
.commentWrite .homepage           { width:300px;}
.commentWrite .submit             { width:/*@post-width:-63*/477px/*@*/;  height:22px;  background-color:#ccc;  font:1.1em Dotum, Arial, sans-serif; padding-top:3px; position:relative; top:-18px;}
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox           { border:none; padding:0; margin:0; width:25px;}

#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
#paging .numbox    { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
#paging .num       { border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}
#paging #prevPage { background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:6px;}
#paging #nextPage { background:url(images/ico_next.gif) right 1px no-repeat; padding-right:6px;}


/* ***** sidebar ***** */
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:7px;}
#sidebar h3                    { font-size:1em;  font-weight:bold; color:#7870ab; padding-top:20px; border-bottom:1px solid #ccc; margin-bottom:5px;}
#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#sidebar .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#888;}

#blogImage img        { width:190px; padding-bottom:6px;}
#blogDesc             { color:#888;  font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px;}
#userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#notice               { margin:10px 0;  padding:0;}
#notice li            { border-bottom:1px dotted #ddd;  margin:0 0 2px 0; padding:0 0 1px 0; background:none;}
#notice a:link,
#notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:1px 0 5px 27px;}
#notice a:hover       { background:url(images/iconNotice_on.gif) 0 0 no-repeat;  padding:0 0 5px 27px; text-decoration:none; color:#f60;}

#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}
#adminMenu li         { display:inline; background:none;}

#searchBox               { text-align:center;}
#searchBox input         { width:130px;  height:16px; border:1px solid #a197b9;}
#searchBox .submit       { background:url(images/btn_search.gif) no-repeat; width:40px;  height:20px; text-indent:-5000px; border:0; cursor:pointer;}


#category li          { background:none;}
#category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:10px;}
#category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#category li ul li ul li a{ color:#999;}

#tagbox ul            { padding:5px 2px; text-align:justify;}
#tagbox li            { background:none;  display:inline;}
#tagbox a             { letter-spacing:-1px;}
#tagbox li .cloud1    { background-color:#eee;  font-weight:bold;  font-size:16px;  color:#a2348f;}
#tagbox li .cloud2    { background-color:#eee;  font-weight:bold;  font-size:15px;  color:#5a5194;}
#tagbox li .cloud3    { background-color:#eee;  font-weight:bold;  font-size:14px;  color:#7870ab;}
#tagbox li .cloud4    { background-color:#eee;  font-size:13px;  color:#666;}
#tagbox li .cloud5    { font-size:12px;  color:#888;}
#tagbox a:hover       { background-color:#eee;  text-decoration:none;  color:#000;}

 

#recentComment        {width:190px; overflow:hidden;}
#recentComment .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#recentTrackback      {width:190px; overflow:hidden;}
#recentTrackback .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#archive li           { font-family:verdana;}
#calendar td             { font-family:verdana;}

#counter              { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  padding:5px 0;  margin:10px 0;  text-align:center;  background-color:#eee;  letter-spacing:0;}
#counter li           { background:none;  display:inline;  padding:0 5px;}
#counter li.total     { display:block;  color:#000;}

#adTistory       { text-align:center;}
#btnRSS          { text-align:center;  padding:5px;}

#uibgmplayer { margin:5px 0 0 5px; width:181px;}

/* ***** footer ***** */
#footer          { text-align:center;  padding:40px 10px 10px 10px;  font:11px Verdana, dotum; color:#666;}
#footer a        { color:#666;}
#footer a:hover  { color:#333;}

저작자 표시 비영리 동일 조건 변경 허락
신고

'예향(睿響) > 컴퓨터활용' 카테고리의 다른 글

비오는 이미지 소스  (0) 2013.08.08
티스토리 카운터 달기  (0) 2013.07.25
기본스킨 V1.0 style.css  (0) 2013.07.22
기본스킨 V1.0 skin.html  (0) 2013.07.22
Basic v1.0 스킨  (0) 2013.07.22
Basic v1.0 스타일  (0) 2013.07.22
Posted by 예향(睿響)
크리에이티브 커먼즈 라이선스

이 게시물은 크리에이티브 커먼즈 저작자표시-비영리
3.0 Unported 라이선스
에 따라 이용할 수 있습니다.
작은 일도 무시하지 않고 최선을 다해야 한다. 작은 일에도 최선을 다하면 정성스럽게 된다. 정성스럽게 되면 겉에 배어 나오고, 겉에 배어 나오면 겉으로 드러나고, 겉으로 드러나면 이내 밝아지고, 밝아지면 남을 감동시키고, 남을 감동시키면 이내 변하게 되고, 변하면 생육된다. 그러니 오직 세상에서 지극히 정성을 다하는 사람만이 나와 세상을 변하게 할 수 있는 것이다.


티스토리 툴바