/* Theme Name: Ultimate 9 Theme URI: http://ilmol.com Description: All about white spacing. Version: 1.0 Beta Author: ILMOL Author URI: http://ilmol.com/ Last Updated: 2009.06.02 This theme is designed developed by ILMOL. This theme is made specifically for personal blog. 이 테마는 개인적인 용도로 제작되었습니다. */ /* =========================================================== Global ============================================================*/ body {background: #fff url(images/background.gif) center repeat-y;} * {margin: 0; padding: 0;list-style:none;border:none;} table {border-collapse:collapse;border-spacing:0;} q:before,q:after {content:'';} blockquote:before, blockquote:after, q:before, q:after { content: ""; } header, footer, section, aside, article, nav {display: block;} /* Presets ----------------------------------------------------*/ .left {float:left;} .right {float: right;} .center {text-align:center;} .displaynone {display:none;} .noshow {display:none;} .nobg {background: none;} .border1 {border: 1px solid;} .picL {float:left;margin-right: 5px;} .highlight {color: red;} .bold {font-weight:bold;} /* =========================================================== Typography ============================================================*/ body {font: .74em/1.6 "NanumGothic", "AppleGothic", "Malgun Gothic", "Gulim", "Verdana", sans-serif;} * {text-decoration: none;} @font-face { font-family: "Walt Disney Script";src: url(http://ilmol.com/js/wds052801.ttf);} h1,h2,h3,h4,h5,h6 { font-weight: bold; } /* Elements ------------------------------------------------------*/ a {color:black;} p { margin: 0 0 1.4em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } blockquote { margin: 1em; padding-left: 50px;background: url(images/blockquote.gif) no-repeat;} strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 12px monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Custom Sets --------------------------------------------------*/ .post-title {font-size: 16px;} .post-date {font-size: 12px;font-family:Tahoma;} .comment {font-size: 14px;font-weight:bold;font-family: "barunGothic";text-align:center;} .comment a {color:white;} .post-content a {color: #3399ff;} .post-content a:visited {color:#000066;} footer {color:white;font: 10px "NanumGothic", "Malgun Gothic", "Tahoma", sans-serif;} #footer-bottom {text-align:center;padding-top: 25px;} #orange {color:orange;} #side h2 {font-size: 16px;} #articlePage .post-title {font-size:20px;} #articlePage .post-date {font-family: "georgia", serif;} #contents {font-size: 13px;} .disney {font-family: "Walt Disney Script", sans-serif;font-size: 3em;} /* Form */ .wpcf7 input, .wpcf7 textarea {border: 1px #000 solid;} /* =========================================================== Structure ============================================================*/ #wrap {background: url(images/background-top.jpg) center top no-repeat;} header {width: 961px;height: 81px;margin: 0 auto;position:relative;} #logo {position:absolute;width: 170px; height: 53px; top: 18px;} #logo a {float:left;text-indent: -3000px; width: 100%; height: 100%;} #main-nav {position:absolute;width: 617px; height: 39px; top: 27px; left: 343px;font-size:10px;} #main-nav ul li {float:left; width: 151px;height: 39px;text-align:center;} #main-nav ul li a {float:left;width: 151px;color:white;line-height: 38px;background: url(images/nav-split.gif) no-repeat right 8px;} #main-nav #nav4 {background:none;} #sub-nav {position:absolute; top: 5px; left: 760px;} #sub-nav ul li {float:left;padding-left:18px;font-size:11px;} #Article {width: 961px;margin: 0 auto;} #ArticleHead {background: none;float:left;width:961px;} #ArticleHead-content {float:left;width:100%;} #ArticleHead-sub {background: url(images/background-top-btom.gif) 0px bottom no-repeat;height: 12px;clear:both;} #ArticleBody {background: url(images/background-content.gif) repeat-y;float:left;} #contents {background: none;width: 688px;float:left;} #side {background: none;width: 273px;float:right;} #side section {margin-right: 26px;} footer {clear:both;background: #fff url(images/background-btombg.gif) center repeat-y;} #footer-top {width: 962px;margin: 0 auto;padding-top: 27px;} #footer-top p {padding-left: 20px; padding-top: 12px; } #footer-bottom {background: #fff url(images/background-btom.gif) no-repeat center top;height: 80px;} .rss {text-align:right;width: 650px;height: 12px;} /* Posts ---------------------------------------------------*/ .post {position:relative;padding-top:5px;margin: 0px 42px 25px 20px; background: url(images/post-comment-ie.gif) no-repeat 3px 8px;} .post-title{margin-left: 52px;} .post-date{margin-left: 53px;} .post-content{margin-top: 11px;} .post-content img {border: #e0e0e0 2px solid;-webkit-box-shadow: 0px 0px 5px #ccc; padding: 5px;} .post-content aside {font-size: 16px;padding: 0 15px 12px 15px;} .post-content video {border: 3px solid #eee;} .post-content ul li {margin-left: 13px;padding-left: 14px;background: url(images/side-list-blue.gif) no-repeat 0 7px;} .post-content ol li {margin-left: 13px;padding-left: 14px; padding-bottom: 8px;list-style: decimal;} .permlink{} .comment{} /* Side ----------------------------------------------------*/ #side-articles ul li, #side-comments ul li {padding-left: 15px;background: url(images/side-list-blue.gif) no-repeat 0 6px;} #side-articles, #side-comments {margin-top:10px; padding-top: 15px;background: url(images/side-split.gif) no-repeat left top;} #side-me {background: url(images/side-profile.jpg) no-repeat;padding-top: 113px;padding-right:15px;} #side-me a {color:#0da9d6;} #side-ad {margin-top: 20px;} /* Index Page ===================================================*/ #indexPage #ArticleHead-content {} #indexPage #ArticleHead-sub {display:none;} #indexPage .comment{position:absolute; top: 18px; left: 10px;width: 25px;} .more-link {font-weight:bold;} /* Index Tab Menu ------------------------------------------------------*/ #indexPage .Tabs {} #indexPage .TabsContents{float:left;width:100%;} #indexPage .TabsMenu {clear:both;background: url(images/index-subtop.gif) 0px bottom no-repeat;height: 44px;padding-left: 85px;} #indexPage .TabsMenu li {display:inline;width: 193px;height:37px;float:left;margin-left:1px;text-align:center;} #indexPage .TabsMenu li a {float:left;width: 193px;height:37px;padding-top: 10px;color: #a1a1a1;} #indexPage .TabsMenu li a:hover {background: url(images/index-subtop-hover.gif) no-repeat;color: #a1a1a1;} #indexPage ul.TabsMenu li.active a:link, #indexPage ul.TabsMenu li.active a:visited, #indexPage ul.TabsMenu li.active a:hover, #indexPage ul.TabsMenu li.active a:active {background: url(images/index-subtop-hover.gif) no-repeat;color: #a0a0a0;font-weight:bold;} #TabsContents1 {height: 260px;background: url(images/notice/ilmol-construction.gif) no-repeat center top;} #TabsContents2 {height: 260px;background: url(images/notice/notice-design.gif) no-repeat center top;} #TabsContents3 {height: 260px;background: url(images/notice/notice-standards.gif) no-repeat center top;} #TabsContents4 {height: 260px;background: url(images/notice/notice-Back.jpg) no-repeat center top;} #TabsContents1 h2, #TabsContents1 p, #TabsContents2 h2, #TabsContents2 p, #TabsContents3 h2, #TabsContents3 p, #TabsContents4 h2, #TabsContents4 p {text-indent:-3000px;} .wp-pagenavi {background: url(images/page-nav.gif) no-repeat;height: 25px;line-height:25px; width:458px;margin:0px 0 20px 30px;} .pages {width: 149px; height: 25px;text-align:center;float:left;line-height:24px;} .wp-pagenavi a {padding: 0 5px;} .current {background: #d6e94b;} /* Article Page ===================================================*/ #articlePage #ArticleHead {background: url(images/background-article.jpg) no-repeat center top;} #articlePage #ArticleHead-content {padding-top: 80px;padding-bottom: 20px;position:relative;} #articlePage .post {margin-top: 0; padding-top: 0;margin-bottom: 20px; background: url(images/post-h2.gif) no-repeat 0 4px;} #articlePage .post-title, #articlePage .post-date {text-align:center;padding-right: 20px;} #articlePage .post-excerpt {font-size: 16px;padding: 13px 20px;} #commentPrint {position:absolute; left: 680px; top: 130px;font-size: 11px;} #commentPrint a {color: #f27662;line-height: 18px;} #commentPrint a:hover {color:#de3115;} #movetocomment {padding-left: 13px;background: url(images/btn-movecomment2.gif) left 2px no-repeat;} #printarticle {margin-left: 10px;padding-left: 15px;background: url(images/btn-print2.gif) left top no-repeat;} /* Page Page ===================================================*/ #pagePage #ArticleHead {background: url(images/background-article.jpg) no-repeat center top;} #pagePage #ArticleHead-content {padding-top: 80px;padding-bottom: 37px;} #pagePage .post {margin-top: 0; padding-top: 0;margin-bottom: 20px; background: url(images/post-h2.gif) no-repeat 0 4px;} #pagePage .post-title, #articlePage .post-date {text-align:center;padding-right: 20px;} /* News Page ===================================================*/ #newsPage #ArticleHead {background: url(images/background-article.jpg) no-repeat center top;} #newsPage #ArticleHead-content {padding-top: 80px;padding-bottom: 37px;} #newsPage #ArticleHead-sub {background: url(images/top-btom-nosplit.gif) no-repeat bottom center;} #newsPage #ArticleBody {position:relative;background:none;} #newsPage #side {position:absolute; top:12px; left: 20px;} #newsPage .post-title {text-align:center;padding-right: 20px;} #newsPage #contents {margin-left: 290px;width: 650px;} #newsPage #contents .post {background: none;font-size:12px;} #newsPage #contents li {line-height: 23px;padding-left: 0px;color:#b0b0b0;} #newsPage #contents .rssnewsTitle a:link {color: #000;padding-left: 18px;background: url(images/arrow_mini_right.png) no-repeat -14px -15px;} #newsPage #contents .rssnewsTitle a:visited {background:none;padding-left:18px;color:#b0b0b0;} #newsPage #contents .rsssiteName {color: #b0b0b0;} #newsPage #side-me {background: url(images/side-news.gif) no-repeat;padding-top: 113px;padding-right:15px;} #newsPage .siteitem {padding-top: 9px;} #newsPage .rssposttime {font-size:10px;color: #33ccff;} /* Guest Page ===================================================*/ #guestPage #ArticleHead {background: url(images/background-article.jpg) no-repeat center top;} #guestPage #ArticleHead-content {padding-top: 80px;padding-bottom: 37px;} #guestPage #ArticleHead-sub {background: url(images/top-btom-nosplit.gif) no-repeat center bottom;} #guestPage .post {margin-top: 0; padding-top: 0;margin-bottom: 20px; background: url(images/post-h2.gif) no-repeat 0 4px;} #guestPage .post-title, #articlePage .post-date {text-align:center;padding-right: 20px;} #guestPage #ArticleBody {background: none;position:relative;} #guestPage #side {position:absolute; top:12px; left: 20px;} #guestPage #contents {margin-left: 290px;width: 650px;position:relative;} #guestPage #contents .post {background: url(images/post-h2-doc.gif) no-repeat 0 4px;} #guestPage #contents .post h2 {padding-top: 8px;} #guestPage .gravatar-icon {position:absolute; left: 11px; top: 11px;} #guestPage #comment-inputs {list-style:none;margin-top: 2px;} #guestPage #comment-list {margin-top: 15px;} #guestPage #comment-list li {position:relative;margin: 10px 0 33px 0px; background: url(images/comment/guest-stamp.gif) no-repeat;padding-left:71px;padding-top: 4px;} #guestPage .comment-content p {margin:1em 0;} #guestPage #comment-wrap {margin-bottom: 20px;background: none;padding-left: 5px;} #guestPage #comment-wrap h2 {margin-top: 10px; margin-bottom: 16px; font-size:1.1em;color:#000;font-weight:bold;} #guestPage #textareap {width: 512px;height: 51px;clear:both; background: url(images/comment/comment-textarea-g.gif) no-repeat; position:relative;margin-bottom:5px;} #guestPage #textareap textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 502px; height: 44px; position:absolute; top:4px; left:6px; } /* =================================================== Comment ===================================================*/ #comment-wrap {margin-top: 2px;margin-bottom: 20px;background: url(images/comment/comment-shadow.gif) no-repeat 0 10px;padding-top: 8px;margin-left: 20px;} #comment-wrap h3 {margin-top: 10px; margin-bottom: 16px;margin-left: 40px; font-size:1.1em;color:#fff;font-weight:bold;} #trackback-rss {margin-bottom: 30px;} #comment-list {margin-left: 0px;margin-right: 48px;} #comment-list li {position:relative;margin: 10px 0 33px 0px; background: url(images/comment/stamp.gif) no-repeat;padding-left:91px;padding-top: 4px;} #comment-list li ul li {margin:0;margin-left:40px;margin-bottom:5px;} #comment-list li ol li {margin:0;margin-left: 40px;margin-bottom:5px;} .gravatar-icon {position:absolute; left: 12px; top: 11px;} .comment-author {font-size:1.2em;} .comment-author a {font-weight:bold;} .comment-time {padding-bottom: 10px;font-size:1em;} .comment-content {line-height: 1.5;} .comment-content p {margin:1.2em 0} .comment-content img {max-width: 500px;} .comment-content blockquote {color:#333;padding-left:25px; background: url(images/blockquote1.gif) no-repeat;margin: 10px 0 10px 0;} .comment-content blockquote p {background-color: #efefef; padding: 3px;} #comment-inputs {list-style:none;margin-top: 40px;} #comment-inputs li h3 {margin-bottom: 14px;line-height:1.2;font-size:1.2em;} .comment-idinput {margin-bottom:5px;} .comment-idinput label {margin-bottom: 1px;} .comment-idinput input { width: 250px;height:21px; padding: 3px 0px 0 4px; margin-right: 10px; border:0; font-size:1.2em; background: transparent url(images/comment/comment-input.png) no-repeat top left; } #textareap {width: 449px;height: 225px;clear:both; background: url(images/comment/comment-textarea-new.gif) no-repeat; position:relative;margin-bottom:5px;} #textareap textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 438px; height: 218px; position:absolute; top:4px; left:6px; } .comment-meta {margin-top: 12px;} .editComment, .editableComment, .textComment{ display: inline;} .comment-childs{margin: 5px 2px 2px 4px;padding: 4px 2px 2px 4px;background-color: white;} .chalt {} .replyimg {float:left;margin-right:3px;} #newcomment{width:90%;} #newcommentsubmit{color:red;} .adminreplycomment{border:1px dashed #777;width:99%;margin:4px;padding:4px;} .mvccls{color: #999;}