Coolant (textcube ver.)
@charset "utf-8"; 
*
{
margin: 0;
padding: 0;
}
html
{
background-color: #a8a8a8;
}
body
{
background: url('./images/bg_bodyTop.gif') 50% top repeat-x;
color: #666;
font: 1.2em/1.7 Helvetica, AppleGothic, Gulim, '굴림', sans-serif;
font-size: 75%;
padding-top: 30px;
}
a
{
text-decoration: none;
}
a:link, a:visited
{
color: #accb53;
}
a:hover, a:active
{
color: #c36;
}
/* global */
img
{
border: 0 none;
}
br
{
letter-spacing: 0;
}
hr
{
display: none;
}
fieldset
{
border: 1px solid #f0f0e6;
display: block;
padding: 1.2em;
}
legend
{
color: #999;
padding: 0 0px;
}
p
{
margin-bottom: 1.7em;
}
code
{
font-family: Monaco, Courier New, monospace;
}
pre
{
margin-left: 0.8em;
margin-bottom: 0.5em;
padding: 0.2em;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
dfn, em, cite, address
{
font-style: normal;
}
/*-------------------------------*/
/* heading */
/*-------------------------------*/
h1
{
font: normal 2.17em arial, 'Trebuchet MS', Verdana, sans-serif;
}
h1 a:link, h1 a:visited
{
color: #e23c8e;
}
h1 a:hover, h1 a:active
{
color: #ff6bb4;
}
h2
{
padding-bottom: .5em;
background: #fff url('./images/bg_h2.gif') repeat-x 0 100%;
border-bottom: 1px solid #fff;
font-size: 1.5em;
letter-spacing: -1px;
color: #accb53;
}
h2 a:link, h2 a:visited
{
color: #accb53;
}
h2 a:hover, h2 a:active
{
color: #c0e900;
}
h3
{
font: bold 1.17em/1.5 Arial, Helvetica, sans-serif;
background-color: #faf9f8;
border-bottom: 1px solid #eee;
color: #accb53;
}
h3 a:link, h3 a:visited
{
color: #669818;
}
h3 a:hover, h3 a:active
{
color: #7ab61a;
}
h4
{
font-size: 1.08em;
}
/*-------------------------------*/
/* Layout */
/*-------------------------------*/
#container
{
width: 800px;
margin: 0 auto;
}
#author
{
position: relative;
margin: 0 5px;
background: #222 url('./images/bg_authorBar.gif') repeat-x 0 0;
font-size: 0.9em;
line-height: 3.3em;
}
* html #author
{
display: inline-block;
}
#author span
{
position: relative;
left: -5px;
float: left;
font-family: AppleGothic, Dotum, '돋움', 'Lucida Grande', 'Myriad Pro', Helvetica, Tahoma, sans-serif;
padding-left: 30px;
background: url('./images/bg_authorBarLeft.gif') no-repeat 0 0;
color: #ccc;
line-height: 3.4em;
}
#author ul
{
position: relative;
right: -5px;
display: block;
padding-right: 30px;
background: url('./images/bg_authorBarRight.gif') no-repeat 100% 0;
list-style: none;
text-align: right;
}
* html #author ul
{
display: inline-block;
}
*:first-child+html #author ul
{
display: inline-block;
}
#header
{
position: relative;
width: 100%;
height: 8em;
padding-top: 1.8em;
background: #fff url('./images/bg_wrapperTop.gif') 0 0 repeat-x;
}
#header h1
{
padding-left: 25px;
}
#mBody:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#mBody
{
padding: 0 30px;
clear: both;
display: inline-block;
background-color: #fff;
}
#contentColumn
{
float: left;
width: 480px;
overflow: hidden;
}
#rightColumn
{
float: right;
width: 220px;
padding: 0 0 0 40px;
overflow: hidden;
}
#footer
{
clear: both;
position: relative;
height: 3em;
margin-right: 5px;
background: url('./images/bg_footerLeft.gif') no-repeat 0 0;
}
/*-------------------------------*/
/* top */
/*-------------------------------*/
#author li
{
display: inline;
margin-left: 1em;
font-family: 'Lucida Grande', 'Myriad Pro', Tahoma, sans-serif;
}
#author li a:link, #author li a:visited
{
color: #ccc;
}
#author li a:hover, #author li a:active
{
color: #eee;
}
/*-------------------------------*/
/* header */
/*-------------------------------*/
#header ul
{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
list-style: none;
padding: .5em 20px 0 0;
text-align: right;
}
#header li
{
display: inline;
}
#header li a
{
padding: .1em .5em;
text-decoration: none;
}
#header li a:link, #header li a:visited
{
color: #333;
}
#header li a:hover, #header li a:active
{
color: #333;
background: #aed340;
}
/* selected */
#tt-body-page #header .tab_home a,
#tt-body-search #header .tab_home a,
#tt-body-archive #header .tab_home a,
#tt-body-category #header .tab_home a,
#tt-body-entry #header .tab_home a,
#tt-body-meta #header .tab_metapage a,
#tt-body-cover #header .tab_cover a,
#tt-body-location #header .tab_location a,
#tt-body-tag #header .tab_tag a,
#tt-body-keylog #header .tab_keyword a,
#tt-body-notice #header .tab_notice a,
#tt-body-guestbook #header .tab_guestbook a
{
color: #dd568c;
text-decoration: underline;
}
/*-------------------------------*/
/* content column */
/*-------------------------------*/
.entry
{
margin-bottom: 1.5em;
}
/* subject */
.subject
{
margin-bottom: 1.5em;
}
.subject ul
{
list-style: none;
border-bottom: 1px solid #e8e8e8;
background-color: #faf9f8;
}
.subject li
{
display: inline;
font: 0.92em/2 'Trebuchet MS', Helvetica, sans-serif;
color: #999;
}
.subject .postInfo li
{
padding: .3em .6em .3em 25px;
}
.subject .infoDate
{
background: url('./images/bullet_clock.gif') no-repeat 7px 50%;
}
.subject .infoCategory
{
background: url('./images/bullet_folder.gif') no-repeat 5px 50%;
}
.subject li a
{
font-family: AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
}
.subject p
{
padding: .3em 10px .3em 25px;
background: #faf9f8 url('./images/bullet_info.gif') no-repeat 5px 50%;
border-bottom: 1px solid #e8e8e8;
font: 0.9em 'Trebuchet MS', Helvetica, sans-serif;
color: #999;
}
/* Protected */
.protectedBody
{
margin-bottom: 1.5em;
padding: 2em 0 2.5em;
}
.protectedBody p
{
margin: .5em;
}
.protectedBody input.submitBtn
{
width: 5em;
font-size: 0.9em;
}
/* search list */
.searchList
{
margin-bottom: 2em;
}
.searchList ol
{
list-style: none;
}
.searchList li
{
border-bottom: 1px solid #eee;
}
.searchList li *
{
vertical-align: middle;
}
.searchList li a
{
display: block;
line-height: 1.9em;
}
.searchList li a:hover
{
background-color: #faf9f8;
}
.searchList .slDate
{
color: #666;
font-size: 0.9em;
margin-right: .4em;
}
.searchList .slCnt
{
color: #f90;
font-size: 0.9em;
margin-left: .2em;
}
/* admin */
.subject .admin
{
border-top: 1px solid #fff;
}
.subject .admin li
{
padding-right: .5em;
font-family: AppleGothic, Dotum, '돋움', sans-serif;
}
.subject .admin li:after
{
content: "|";
color: #999;
padding-left: .4em;
}
/* article */
.article
{
margin: 1em 0 1.8em;
text-align: left;
}
.article a:link, .article a:visited
{
color: #cb89b3;
border-bottom: 1px dashed #c39;
}
.article a:hover, .article a:active
{
background-color: #faf9f8;
border-bottom: 1px dashed #c39;
color: #c39;
}
.article blockquote
{
margin: 1.7em auto;
padding: 0 10px;
width: 80%;
color: #50b4ca;
border-left: 2px solid #ddd;
}
.article fieldset
{
clear: both;
}
.article hr
{
display: block;
margin-bottom: 1em;
}
.article ol
{
margin: 1em 0 1.5em 50px;
}
.article ul
{
list-style: none;
margin: 1em 0 1.5em 30px;
}
.article ul li
{
padding-left: 20px;
background: url('./images/bullet_atricleUl.gif') no-repeat 0 .5em;
}
.article .infoAuthor
{
line-height: 1.2em;
margin-top: 10px;
text-align: right;
}
.article .infoAuthor dfn
{
background: url('./images/bullet_author.gif') no-repeat 0 50%;
padding: 2px 0 2px 18px;
}
.article .infoAuthor span
{
color: #999;
font: 0.9em/2 'Trebuchet MS', Helvetica, sans-serif;
}
.rssurl
{
color: #999;
font: 0.9em/2 'Trebuchet MS', Helvetica, sans-serif;
text-align: center;
}
.tt-gallery-box
{
clear: both;
}
.galleryControl a
{
border-bottom: none !important;
}
.imageblock
{
margin: 0 0 0 0;
padding: 0;
border: none;
}
.imageblock.left, .imageblock.right
{
margin: 0 0 .5em 0 !important;
}
.imageblock.left
{
padding-right: 10px;
}
.imageblock.right
{
padding-left: 10px;
}
.imageblock *
{
border: 0 none !important;
}
more..
추가 수정 부분 - '커버, 포스트 글 좌우로 정렬' -
more..
"works" 카테고리의 다른 글
- 팀블로그 둘리다의 테스트 이미지 2008/05/23
- 분류디자인 변경 후 캐시지우기를 거치는 문제 2008/06/21
- 믹시 mysql-dbms : open error 2008/07/07
- coolant skin style.css calendar 수정 2008/06/21
- Canon Digital IXUS 750 2007/09/08
- 포스팅된 글들이 로그아웃 후에야 보입니다. 2008/06/21
- 텍스트큐브 윈도우서버 DB입출력 루틴문제 관련 2007/10/16
- 구글 맞춤검색 소스를 수정하다. 2008/05/25
- sidebar photos 에서의 줄간격 문제점 2007/09/02
- null 이거나 개체가 아닙니다 2007/08/28
Posted by BellB

style.zip















