본문 바로가기
블로그

티스토리 FlowerShop(lace) 스킨 수정

by 냠뇸냠 2015. 12. 19.

@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */

body {

font:11px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;

color:#676767; margin:0; padding:0;

background-image:url('./images/bg.jpg');

background-position:center 0;

background-repeat:no-repeat;

background-color: #FFF;

}

a:link {color:#676767; text-decoration:none;}

a:visited {color:#676767; text-decoration:none;}

a:hover {color:#676767; text-decoration:underline;}

a:active {color:#676767; text-decoration:none;}


/* 페이징 - 현재 페이지 */

#paging {background:#f8f8f8; text-align:center; font:11px verdana; margin:40px 0 0 1px; padding:10px 0 0; height:42px;}

#paging a { color:#9f9f9f; }

#paging a:hover { color:#90B633; text-decoration:underline; }

#paging .num { padding:0 4px; }

#paging .numbox {height: 28px; padding:0 0 0 5px; background:url(./images/page_bar.gif) no-repeat left 3px;}


#paging .numbox a {background:url(./images/page_bar.gif) no-repeat right 3px; padding:0 10px 0 5px;}

#paging img { vertical-align: -9px; padding: 0 5px;}

#paging .selected { font-weight:bold; color:#90B633;}


/* 이전 다음 버튼 */

.no-more-prev {padding-left:30px; }

.no-more-next {padding-right:38px;}


/* 카테고리 - 이미지 버튼 */

 .ib {cursor:pointer;}

/* 카테고리 - 트리 셀 */

 .branch3 {cursor:pointer;}

/* 카테고리 - 카테고리 옆 개수 스타일 */

 .c_cnt {font:11px Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#CCA282;}

/* 달력테이블 */

#calendar {width:180px;background:url(./images/calendar_box2.gif) no-repeat left bottom; margin:26px 0 0 0; padding-bottom: 10px;}

/* 달력 글쓴 날 링크 스타일 */

a.cal_click:link, a.cal_click:visited { }

/* 종류별 코멘트 */

 .rp_general {}

 .rp_admin {background:url(./images/iconAdmin.gif) no-repeat; padding-left:20px; }

 .rp_secret {color:#7d7d7d;}

/* 종류별 방명록 글 */

 .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:none; padding:0; 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 span {display:block; background:url(./images/iconMore.gif) top left no-repeat; padding-left:20px; color:#000; text-indent:-1000px; width:117px; height:15px;}

 .moreless_top span {display:block; background:url(./images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000; text-indent:-1000px;width:117px; height:15px;}

 .moreless_content {color:#CCA282; }

 .moreless_bottom span {display:block; background:url(./images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000; text-indent:-1000px;width:117px; height:15px;}

/* 키워드 */

 .key1 {cursor: pointer; border-bottom: 1px dotted #ccc; }

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


/* user skin */

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:990px;

margin:20px auto 0;

padding:0px;

}

#header { position:relative; clear:both; z-index:1; }

#middleWrapper { position:relative; z-index:2; width:990px1060px(블로그 전체폭+70); background:url(./images/bg_contents.gif) repeat-y 213px 0px; }

#innerMiddleWrapper.floatWrapper { background:url(./images/bg_contents.gif) repeat-y 784px1060px(블로그 전체폭+70) 0px; }

#sidebar1 {float:right; width:190px; margin-left:15px; overflow:hidden; }

#sidebar2 { position:relative; float:left; width:213px; overflow:hidden; margin-top:-108px; z-index:3; min-height: 150px;}

#contentContainer {float:left; width:571px641px(본문 오른쪽세로줄의 위치+70); overflow:hidden; }

#footer {clear:both; }

/* Header */

#header h1 {position:relative; margin:11px 0; padding: 0; z-index:4; }

#header h1 a {color:#4d4d4d; font-family: "돋움", Dotum; font-size:19px; font-weight:bold; letter-spacing:-1px; }

#header h1 a:hover {color:#4d4d4d; text-decoration:none;}

#header .floatWrapper {width:696px; height:29px; margin-top:-14px; padding-top:47px; padding-left:294px; background:url(./images/bg_menu.jpg) no-repeat 213px 0px; }

#header .blogMenu {float:left; }

#header .blogMenu ul {margin:0; padding:0; list-style:none;}

#header .blogMenu li {float:left; margin:0px; padding:0 24px 0 0; font-weight:bold; }

#header .blogMenu li span {display:none;}

#header .blogMenu li a {display:block; height:19px; }

#blogMenu .tab_home a {width:39px; background:url(./images/tab_home.gif) no-repeat}

#blogMenu .tab_taglog a {width:21px; background:url(./images/tab_tag.gif) no-repeat}

#blogMenu .tab_media a {width:42px; background:url(./images/tab_media.gif) no-repeat}

#blogMenu .tab_localog a {width:53px; background:url(./images/tab_location.gif) no-repeat}

#blogMenu .tab_key a {width:44px; background:url(./images/tab_key.gif) no-repeat}

#blogMenu .tab_guestbook a {width:37px; background:url(./images/tab_guestbook.gif) no-repeat}

#blogMenu .tab_admin a {width:43px; background:url(./images/tab_admin.gif) no-repeat}

#blogMenu .tab_write a {width:33px; background:url(./images/tab_write.gif) no-repeat}


#searchBox {float:right; width:195px; height:19px; margin:0; padding:0; background:url(./images/bg_search.gif) no-repeat;}

#searchBox h3 {display:none;}

#searchBox .text {width:110px; height:13px; margin:1px 0 0 42px; padding-top:2px; border:0 none; color:#959595; font:11px/11px dotum; }

#searchBox .submit {

background:url(./images/btn_search.gif) no-repeat 0px 0px;

width:35px; height:17px; margin:1px 0 0 0; text-indent:-5000px; overflow:hidden; border:none !important; cursor:pointer;

vertical-align:top;

}

.counterWrap {clear:both; margin:0 0 0 213px; padding-bottom:24px; background:#FFF url(./images/bg_counter2.jpg) no-repeat; height:56px;}

#counter { padding:8px 0 24px 0; background:url(./images/bg_counter.jpg); text-align:right;}

#counter span {color:#9B8F81;}

#counter span.total {padding-right:10px;}

#counter span.today {padding-right:10px;}

#counter span.yesterday {padding-right:23px;}

#counter span.head {padding-right:6px;}

/* content */

#content .nonEntry { }

#content .entryNotice,

#content .entryProtected,

#content .entry {margin:0 0 50px; padding-right:30px; overflow:hidden; }

#searchList,

#searchRplist {margin:0 30px 40px 30px; padding:0;}

#searchList ol,

#searchRplist ol {list-style:none; margin:0; padding:0;}

#searchList li,

#searchRplist li {margin:0; padding:2px 0 1px 1px; border-bottom:1px solid #DED9CB; color:#CCA282; }

#searchList li a,

#searchRplist li a {color:#CCA282; ;}

#searchList li a:hover,

#searchRplist li a:hover {color:#CCA282;text-decoration:none; }

#searchList h3 ,

#searchRplist h3 {border-bottom:1px solid #DED9CB; color:#535353; font-weight:normal;}

#searchList .date,

#searchRplist .date {font:11px verdana; margin:1px 0 0 0; float:right; color:#b3b3b3;}

#searchList .cnt { color:#CCA282;}

#searchRplist .name {padding:0 0 0 5px;}


#localog {margin:0; padding:0;}

#localog h3 {border-left:8px solid #CCA282; margin:0 0 18px 0; background:url('./images/title_localog.gif') no-repeat 22px 0; height:32px; text-indent:-5000px;}

#localog .wrapper {padding:0 15px 0 0; margin:0 0 30px 30px; color:#717171;}

#localog .wrapper div {padding-bottom:2px;}

#localog .spot {background:url(./images/iconIndentArrow_local.gif) 0 0 no-repeat; padding-left:21px; margin-top:1px;}

#localog .info {background:url(./images/iconIndentArrow_localinfo.gif) 0 0 no-repeat; padding-left:21px; margin-top:1px;}

#localog a:link {color:#CCA282;}

#localog a:visited {color:#CCA282;}

#localog a:hover {color:#CCA282; }


#taglog {margin:0; padding:0;}

#taglog h3 {border-left:8px solid #CCA282; margin:0 0 18px 0; background:url('./images/title_taglog.gif') no-repeat 22px 0; height:32px; text-indent:-5000px;}

#taglog ul {padding:0 15px 0 0; margin:0 0 30px 30px; text-align:justify;}

#taglog li {display:inline; line-height:25px; color:#9f9f9f; }

#taglog li .cloud1 {font-size:12px; background-color:#ECEAE3; color:#977E6C;}

#taglog li .cloud2 {font-size:12px; color:#CCA282; font-weight:bold;}

#taglog li .cloud3 {font-size:12px; color:#90B633; }

#taglog li .cloud4 {font-size:12px; color:#CCA282; }

#taglog li .cloud5 {font-size:12px; color:#9f9f9f; }


#guestbook {margin:0 30px 0 0; padding:0;}

#guestbook h3 {border-left:8px solid #CCA282; margin:0 0 18px 0; background:url('./images/title_guestbook.gif') no-repeat 22px 0; height:32px; text-indent:-5000px;}

#guestbook p {margin:0; padding:0; word-break:break-all;}

#guestWrite {margin:0 0 0 30px; padding:0; background-color:#FFF;}

#guestWrite .secretWrap {clear:both; margin:0; padding:2px 34px 3px 0; border-bottom:1px solid #D0C9B5; text-align:right;}

#guestList {overflow:hidden; margin:10px 0 0 30px;}


/* entry */

.entryNotice h2,

.entryProtected h2,

.entry h2 {font-size:1.2em; line-height:1.2em;}

.titleWrap {width:511px; margin-bottom:30px; padding:0 0 0 19px; border-left:8px solid #9B8F81; color:#b4b3b3;}

.titleWrap a,

.titleWrap a:link,

.titleWrap a:visited{color:#b4b3b3;}

.titleWrap a:hover {color:#b4b3b3; text-decoration:underline;}

.titleWrap h2 {margin:0; padding:0 0 2px;}

.titleWrap h2 a {color:#CCA282; font:bold 20px/25px dotum; }

.titleWrap h2 a:link, .titleWrap h2 a:visited, .titleWrap h2 a:active, .titleWrap h2 a:hover {color:#CCA282;}

.titleWrap .date {font:11px verdana; padding:0 3px 0 2px; color:#909090;}

.titleWrap .category {padding:0 0 0 0; font-size:12px; color:#676767;}

.titleWrap .category a {color:#676767;}

.titleWrap .admin {margin:1px 0 0 3px; padding:2px 0 0; color:b3b3b3; border-top:1px solid #e3e3e3;}

.titleWrap .admin a { color:b3b3b3;}


.entryProtected_box {border:1px solid #DED9CB; margin:0 0 0 30px; padding:14px 0 13px; text-align:center;}

.entryProtected_box .pwform {margin:0 auto; padding:0 0 0 65px; width:260px; background:url(./images/st_password.gif) no-repeat 0 6px; }

.entryProtected_box label {display:none;}

.entryProtected_box p.text {margin:0; padding:0 0 10px; color:#9f9f9f;}

.entryProtected_box input {width:151px; height:16px; margin-right:4px; border:1px solid #dfe0d9;vertical-align:middle; }

.entryProtected_box .submit {width:92px; height:19px; border:0; background:url(images/btn_confirm2.gif) no-repeat;

text-indent:-5000px;overflow:hidden;cursor:pointer;vertical-align:middle; }


.article {width:511px581px(본문 글의 폭+70); margin:0 0 0 29px18px(본문 박스안에서 글의 왼쪽여백위치-11); padding:0 0 36px 0; overflow:hidden; color:#676767; }

.article a:link {color:#717171; text-decoration:none; font-weight:bold 이부분 지움(이 카테고리내 더보기 모든 글이 bold표시);}

.article a:visited {color:#676767; text-decoration:none; font-weight:bold;}

.article a:hover {color:#676767; text-decoration:underline; font-weight:bold;}

.article a:active {color:#676767; text-decoration:none; font-weight:bold;}

.article dt {text-decoration:underline;}

.article dd {margin-left:20px; padding-bottom:10px;}

.article blockquote {background:url(./images/iconBlockquote.gif) 15px 0 no-repeat; padding-left:60px; margin:17px 0; color:#CCA282; min-height: 50px; _height: 50px;}


.author {padding:0 0 0 4px; color:#909090; }

.author a:link,

.author a:visited{color:#9f9f9f;}

.author a:hover {color:#9f9f9f; text-decoration:underline;}

.author .text {font:11px verdana;}


.tagTrail {clear:both; margin:0 0 0 30px; background:url(./images/entryTag.gif) no-repeat 0 center; color:#CCA282; }

.tagTrail .wrapper {padding:4px 10px 3px 36px;}

.tagTrail a:link,

.tagTrail a:visited {color:#CCA282 !important;}

.tagTrail a:hover {color:#CCA282; text-decoration:underline;}

.tagText {display:none;}


.actionTrail {clear:both; width:511px; margin:0 0 0 30px; padding:6px 0; color:#222;; font-size:12px; font-family:Verdana; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

.actionTrail  a:hover { text-decoration: none; }

.actionTrail .cnt {color:#90B633; font:bold 12px/16px verdana; padding-left: 68px;}

.actionTrail .st {display:none;}

.actionTrail .tl_trackback {float:left; height:16px; background:url(./images/h3_trackback.gif) no-repeat 0 0; padding:0 24px 0 0;}

.actionTrail .tl_comment {float:left; height:16px; background:url(./images/h3_comment.gif) no-repeat 0 0; padding: 0;}

.actionTrail .tl_comment .cnt { padding-left: 65px; }


.trackback {overflow:hidden; margin:0 0 0 30px;}

.trackback .trackback_title {display:none;}

.trackback h3 {margin:0; padding:5px 0 5px 0; font-weight:normal; border-bottom:1px solid #e3e3e3;}

.trackback h3 a {color:#676767; text-decoration:underline;}

.trackback ol {margin:0 0 10px; padding:0; list-style:none;}

.trackback ol li {margin:10px 0 0 0; padding:10px 0 13px;border:1px solid #ebebeb; background:#f8f8f8;}

.trackback .wrapTrackbackInfo {padding:4px 15px 7px 15px; color:#acacac;}

.trackback .wrapTrackbackInfo span.bar {padding:0 5px;}

.trackback h4 {margin:0 35px 0 0; padding:0; word-break:break-all;}

.trackback h4 .st {display:none;}

.trackback h4 a {color:#676767;}

.trackback h4 img {vertical-align:middle;}

.trackback .from span {font:11px verdana; color:#999; letter-spacing:-1px;}

.trackback .from span.bar {padding:0 6px; font-size:9px;}

.trackback p {margin:0; padding:7px 14px 2px; line-height:18px; word-break:break-all; color:#909090;}

.trackback a.delete {float:right; margin:-15px -16px 0 0; background:url(./images/iconDelete.gif) left top no-repeat; padding-left:25px; padding-bottom:14px; text-decoration:none;}

.trackback a.delete span {display:none;}


.comment {overflow:hidden; margin:0 0 0 30px;}

.comment p {margin:0; padding:0; word-break:break-all;}

.comment h3 {display:none;}

.commentList {margin:0; padding:0;}

.commentList ol,

.commentList ul {margin:0 0 0; padding:0; list-style:none;}

.commentList li {border:1px solid #DED9CB; background:url(./images/bg_commentlist.gif) no-repeat right bottom; padding:12px 85px 0 15px; margin-bottom:10px;}

.commentList li p {clear:both; margin:0; padding:3px 0 7px; line-height:18px; color:#9f9f9f;}

.commentList ol li {overflow:hidden;}

.commentList li ul li {background:url("images/iconIndentArrow_guestbook.gif") no-repeat 2px 3px; padding:6px 0 0 32px; border:none; overflow:hidden;}

.commentList .commenInfo {height:17px; clear:both;}

.commentList li .name {color:#7a7a7a; font-weight:bold; float:left;}

.commentList li .name a {color:#7a7a7a; vertical-align:top; }

.commentList li .date {padding:0 7px; color:#9f9f9f; float:left;}

.commentList img {vertical-align:middle;}

.control a {margin:3px 0 0 0; height:8px;}

.control a.address {display:block; float:left;width:35px; background:url(./images/iconAddress.gif) no-repeat; padding:0; font-size:11px; text-decoration:none; vertical-align:middle; }

.control a.modify {display:block; float:left;width:44px; background:url(./images/iconModify.gif) no-repeat; padding:0; font-size:11px; text-decoration:none; vertical-align:middle; }

.control a.write {display:block; float:left;width:36px; background:url(./images/iconWrite.gif) no-repeat; padding:0; font-size:11px; text-decoration:none; vertical-align:middle; }

.control a span { display:none;}


.commentWrite {position:relative; margin:25px 0 0 0; padding:0; background:#FFF; border-top:1px solid #D0C9B5;}

.commentWrite label {display:none;}

.commentWrite p {margin:0; padding:0px 0 0px 0; margin:0; border-bottom:1px solid #D0C9B5;}

.commentWrite input {padding-top:2px; border:0 none; font:11px/11px dotum, sans-serif; color:#aaa; height:14px;vertical-align:middle; padding:2px;}

.commentWrite .nameWrap {background:url(./images/txt_name.gif) no-repeat 0px 2px; padding-left:40px;}

.commentWrite input.name {width:88px; }

.commentWrite .passWrap {background:url(./images/txt_password.gif) no-repeat 0px 2px; padding-left:55px;}

.commentWrite input.password {width:90px; }

.commentWrite .homepageWrap {background: url(./images/txt_homepage.gif) no-repeat 0px 2px; padding-left:60px;}

.commentWrite input.homepage {width:155px; font:9px/11px Verdana, Arial, Helvetica, sans-serif; }

.commentWrite .articleWrap {background: url(./images/txt_comment.gif) no-repeat 0 6px; padding:25px 0 0; }

.commentWrite textarea { width:499px; height:96px; border:0 none;padding:0 10px 0 2px;background:#FFF; font-size:11px;color:#aaa;}

.commentWrite .secretWrap {clear:both; background:url(./images/st_secret.gif) no-repeat right 9px; margin:0; padding:2px 34px 3px 0; border-bottom:1px solid #D0C9B5; text-align:right;}

.commentWrite .submitWrap {padding:0; background:#F6F5F2; text-align:right; height:26px; width:512px;position:relative;}

.commentWrite input.submit {background:url(./images/btn_confirm.gif) no-repeat right; width:121px; height:26px; border:0 none; overflow:hidden; display:block; text-indent:-1000em; cursor:pointer; position:absolute; right:0; top:0;}


/* sidebar */

#sidebar1 .floatWrapper, #sidebar2 .floatWrapper {width:190px; }

.wrap_user_intro {clear:both; overflow:auto; margin-bottom:30px; padding:0;}

#blogImage { float: right; }

#blogImage img {width:77px; height:77px; margin:0;}

#blogDesc { color:#676767; line-height:15px; margin:0; padding:0 90px 0 0; text-align: justify;}

.userID { color:#acacac; margin:0; padding:0;}


#titleWrapMenu {margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}

#adminMenu li {display:inline; background:none;}


#category {width:155px;border-bottom:1px solid #ddd; overflow:hidden; }

#category h3 {background:url(./images/title_category.gif) no-repeat; text-indent:-1000px; height:31px;}

#category ul {margin:0; padding:0; list-style:none;}

#category li {margin:0; padding:0; background:none; border-top:1px solid #ddd;}

#category li a {color:#676767;}

#category li a:hover {color:#CCA282; text-decoration:none; }

#category li.selected a {color:#CCA282;}

#category li ul li ul {margin:1px 0;border-top:1px solid #ddd;}

#category li ul li ul li {border:0 none;}

#category li ul li ul li a {color:#CCA282; padding-right:10px; }

#category li ul li ul li a:hover {background:url(./images/bg_category_on.gif) no-repeat right 4px; }


#tagbox {clear:both;}

#tagbox h3 {display:none;}

#tagbox .tagboxWrap { border:2px solid #ECEAE3; padding:7px 13px 5px;}

#tagbox ul {margin:0; padding:0; text-align:justify;}

#tagbox li {display:inline; padding:0 2px 0 0; line-height:19px;}

#tagbox a {letter-spacing:-1px; font:11px dotum, "돋움", sans-serif;}

#tagbox li .cloud1 {font-size:15px; color:#90B633;}

#tagbox li .cloud2 {font-size:15px; color:#CCA282;}

#tagbox li .cloud3 {font-size:11px; color:#9f9f9f; font-weight:bold;}

#tagbox li .cloud4 {font-size:11px; color:#9f9f9f;}

#tagbox li .cloud5 {font-size:11px; color:#9f9f9f;}

#tagbox a:hover {text-decoration:underline;}


#notice h3 {height:20px; background:url(./images/title_notice.gif) no-repeat 0 0; text-indent:-5000px;}

#notice ul {margin:2px 0 0 0; padding:0; list-style:none;}

#notice li {margin:0 0 2px 0; font-size:11px; }

#sidebar1 li a {color:#9f9f9f;}

#sidebar1 li .cnt {color:#90B633;}


#recentPost h3 {height:20px; background:url(./images/title_recentPost.gif) no-repeat 0 0; text-indent:-5000px;}

#recentPost ul {margin:0; padding:0; list-style:none;}


#recentComment h3 {height:20px; background:url(./images/title_recentComment.gif) no-repeat 0 0; text-indent:-5000px;}

#recentComment ul {margin:0; padding:0; list-style:none;}


#recentTrackback h3 {height:20px; background:url(./images/title_recentTrackback.gif) no-repeat 0 0; text-indent:-5000px;}

#recentTrackback ul {margin:0; padding:0; list-style:none;}


#archive h3 {height:20px; background:url(./images/title_archive.gif) no-repeat 0 0; text-indent:-5000px;}

#archive ul {width:180px; margin:-4px 0 0 0; padding:0; list-style:none;}

#archive ul li {padding-left:20px; border-bottom:1px solid #E3E3E3; background:url(./images/bul_archive.gif) no-repeat 0px 4px; }

#archive ul li, #archive ul li a {font:11px/16px verdana; }


#link h3 {height:20px; background:url(./images/title_myLink.gif) no-repeat 0 0; text-indent:-5000px; overflow:hidden; }

#link ul {margin:0; padding:0; list-style:none;}


#calendar {margin-bottom:9px;}

#calendar h3 {display:none;}


#adTistory {float:left; display:block; width:85px; height:85px; margin:10px 0 0 0; padding: 0 5px; background:url(./images/tistory.gif) no-repeat; font-size:11px; text-indent:-5000px; overflow:hidden; }

#btnRSS {float:left; display:block; width:85px; height:85px; margin-top:10px; background:url(./images/rss.gif) no-repeat; text-indent:-5000px; overflow:hidden; }


#mediaLogNest {margin-bottom:10px; padding:33px 0 25px;}

#mediaLogNest h3 {margin:0 0 10px 0; background:url('./images/title_guestbook.gif') no-repeat 0 0; height:26px;text-indent:-5000px;}


#calendar .cal_month {width:180px; font:12px verdana;color:#950ebc; font-weight:bold; background:url(./images/calendar_box1.gif) no-repeat; padding:25px 0 0 0; }

#calendar .cal_month a {padding:0; color:#90B633;}

.calendar_prev {background:url(images/btn_prevmonth.gif) 4px 4px no-repeat; padding-left:19px !important; margin-left:14px; }

.calendar_next {background:url(images/btn_nextmonth.gif) 4px 4px no-repeat; padding-left:18px !important; margin-right:40px; }

.calendar_prev span ,

.calendar_next span {display:none;}

.calendar_prev:hover ,

.calendar_next:hover {text-decoration:none;}


#calendar .current-month {padding-right:16px;}

#calendar .tt-calendar {width:150px; border-collapse:collapse; margin:0 auto 0; }

#calendar .tt-calendar thead th {display:none;}

#calendar .tt-calendar tbody td {color:#b9b9b9; font:9px Verdana, sans-serif; text-align:center; padding:3px;}

#calendar .tt-calendar tbody td.cal_day4 {background-color:#90b633; color:#f4f8eb !important; }

#calendar .tt-calendar tbody td.cal_day_sunday {color:#90B633;}


/* 플러그인+위젯 */

.module { margin-bottom: 22px; }

.module_plugin h3, .module_widget h3 {background:url(./images/bg_stit.gif) repeat-x bottom; color:#222; font:12px dotum; }

.module_plugin ul, .module_plugin li, .module_widget ul, .module_widget li {list-style-type:none; margin:0; padding:0; }

.module_plugin ul, .module_widget ul {margin-top:8px; margin-bottom:25px; }

.module_plugin li, .module_widget li, .module_plugin li a, .module_widget li a {color:#9F9F9F; }


/* footer */

#footer {margin:50px 0 0 30px; padding:0 0 0 213px; }

#footer .footMenu {padding:0; }

#footer .footMenu a,

#footer .footMenu a:hover {color:#CCA282;}

#footer .footMenu ul{margin:4px 0 4px 11px; padding:0; list-style:none; overflow:auto;}

#footer .footMenu li {display:inline; background:url(./images/bullBar.gif) no-repeat 0 3px; margin:0; padding:0 4px 0 8px; font:9px verdana;}

#footer .footMenu li.tab_home {background:none; padding-left:0; }

#footer .copyright {color:#a6a6a6; padding:4px 0 28px 10px; font:9px verdana; }

#footer .copyright a {color:#a6a6a6; }


/* Float 버그 */

.floatWrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.floatWrapper {display: inline-block;}

/* Hides from IE-mac \*/

* html .floatWrapper {height: 1%;}

/* End hide from IE-mac */



참고; 

https://opentutorials.org/module/441(CSS Dictionary)

글 넓이 변경에 대한 참고; 

http://coiawuuu889ak9000beee.publicvm.com/214

(참고한 블로그 글쓴이가 퍼온 곳)http://kimchimandoo.tistory.com/3

'블로그' 카테고리의 다른 글

글 중앙정렬하기 html  (0) 2017.06.02
티스토리 페이스북 댓글  (0) 2017.04.24
티스토리 글꼴변경  (0) 2017.01.21
티스토리 스킨  (0) 2016.04.21
티스토리  (0) 2015.11.11