/* Base Theme ============================================================= */ /* Reset ------------------------------------------------------------------ */ /* reset.css - resets default browser styling http://tantek.com/log/2004/09.html#d06t2354 http://www.vox.com/.shared/css/base.css by beausmith.com http://developer.yahoo.com/yui/reset/ */ :link,:visited { text-decoration: none; } html,body,div, ul,ol,li,dl,dt,dd, form,fieldset,input,textarea, h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr, th { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } table { border-spacing: 1px; } fieldset,img,abbr,acronym { border: 0; } /* strict reset by uncommenting lines below */ address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var { /* font-style: normal; */ /* font-weight: normal; */ } ol,ul { list-style: none; } caption,th { text-align: left; } q:before,q:after { content: ''; } a { text-decoration: underline; outline: none; } hr { border: 0; height: 1px; background-color: #000; color: #000; } a img,:link img,:visited img { border: none; } address { font-style: normal; display: inline; } /* Utilities ----------------------------------------------------------------- */ .pkg:after, #content-inner:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } .pkg, #content-inner { display: block; } /* no ie mac \*/ * html .pkg, * html #content-inner { height: 1%; } .pkg, #content-inner { display: block; } /* */ .inline { display: inline; } .hidden { display: none; } /* Layout ----------------------------------------------------------------- */ body { font-size:14px; text-align: center; background: #fff; background-image: url(mt/img/bg.gif); } #container-inner { width: 950px; min-height: 100%; margin: 0 auto; text-align: left; background: #fff; } #header, #content, #alpha, #beta, #gamma, #footer { position: relative; } #alpha, #beta, #gamma { display: inline; float: left; } #header-inner, #content-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner { position: static; } #header-inner, #content-inner, #footer-inner { padding-top: 0; padding-bottom: 0; } #header-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner { overflow: hidden; padding-right: 0; padding-left: 0; } #content-inner{ margin-top:20px; } /* Thin-Wide------------------------------------------ */ .layout-tw #alpha { left: 200px; width: 750px; } .layout-tw #beta { left: -750px; width: 180px; } .layout-tw #footer { left: 0; width: 950px; float: left; } /* Medium-Wide------------------------------------------ */ .layout-mw #alpha { left: 330px; width: 610px; } .layout-mw #beta { left: -610px; width: 330px; } /* Wide-Medium */ .layout-wm #alpha { width: 610px; } .layout-wm #beta { width: 330px; } /* Content ---------------------------------------------------------------- */ a:link, a:visited { text-decoration: underline; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl { margin-bottom: .75em; } blockquote, ol, ul { margin-left: 30px; background-repeat: repeat-y; } ol { list-style: decimal outside; } ul { list-style: disc outside; } .item { list-style: none; } /* Header */ #header { } #header-name { font-size:12px; color:#FFF; text-align:right; padding: 6px 14px 0 0; background-image:url(mt/img/header-name.jpg); height:34px; margin-bottom: 0; } #header-description { margin-bottom: 0; } #header-smart{ display:none; } /* Assets */ .asset-body, .asset-more, .asset-more-link, .asset-excerpt, .comment-content, .comment-footer, .comments-open-content, .comments-open-footer, .comments-closed, .trackbacks-info, .trackback-content, .trackback-footer, .archive-content { clear: both; } .asset, .comments, .trackbacks, .archive { overflow: hidden; width: 100%; } .asset, .asset-content, .comments, .trackbacks, .archive { position: static; clear: both; } .asset, .comments, .comments-content, .trackbacks, .archive, .search-form { margin-bottom: 1.5em; } .asset-header, .asset-content, .asset-body, .comments-header, .comment-content, .comment-footer, .comments-open-header, .comments-open-content, #comments-open-footer, .comments-closed, #comment-form-external-auth, #comment-greeting, .comments-open-moderated, #comment-form-name, #comment-form-email, #comment-form-url, #comment-form-remember-me, #comment-form-reply, #comments-open-text, .trackbacks-header, .trackbacks-info, .trackback-content, .trackback-footer, .archive-content, .search-form-header, .search-results-header { margin-bottom: .75em; } #comment-form-remember-me label, #comment-form-reply label { display: inline; } .entry-categories, .entry-tags { margin-bottom: .5em; } .asset-name { margin-bottom: .25em; } .asset-footer, .asset-meta { font-size: 11px; } .asset-meta { margin-top: .25em; padding-top: 2px; padding-bottom: .3em; font-weight: normal; } .asset-footer { clear: both; margin-top: 1.5em; margin-right:20px; padding-top: .5em; border-top:dotted 1px #999; } .content-nav { text-align: center; font-size:14px; border:solid 1px #CCC; margin:0 120px 0 100px; padding:6px; } .entry-tags h4, .entry-categories h4 { margin-bottom: 0; margin-right: .25em; display: inline; font-weight: bold; } .entry-tags ul, .entry-categories ul { display: inline; list-style: none; margin-left: 0; padding-left: 0; } .entry-tags ul li, .entry-categories ul li { display: inline; } .mt-image-left { float: left; margin: 0 20px 20px 0; } .mt-image-center { display: block; margin: 0 auto 20px; text-align: center; } .mt-image-right { float: right; margin: 0 0 20px 20px; } /* User pics */ .user-pic { float: left; position: relative; width: 50px; height: 50px; overflow: hidden; margin: 0 10px 0 0; } .auth-icon { position: absolute; bottom: 0; left: 0; } /* Feedback */ .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 80%; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } #comment-submit { font-weight: bold; } .comment, .trackback { margin-bottom: .5em; border-bottom: 1px solid #ccc; padding-bottom: .5em; } .comment .asset-meta, .trackback .asset-meta { border: 0; } .comment-content { clear: none; line-height: 1.5; margin-bottom: 1em; } .comment-content p { margin-bottom: .5em; } /* Widgets */ .widget { position: relative; overflow: hidden; width: 100%; } .widget-header{ font-size:14px; color:#FFF; padding:3px 3px 3px 10px; width:180px; background-image: url(mt/img/widget-header.gif); } .widget-content { position: relative; margin: 5px 0 20px 10px; } .archive-content ul, .widget-content ul { font-size:14px; margin: 0; padding: 0; list-style: none; } .widget-content ul ul { margin-left: 15px; } .widget-content li { margin-top: 5px; margin-bottom: 5px; border-bottom:dotted 1px #333; } .widget-tag-cloud .widget-content ul { margin-right: 0; margin-left: 0; } .widget-tag-cloud .widget-content li { display: inline; margin: 0 5px 0 0; padding: 0; line-height: 1.2; background: none; } .widget-tag-cloud .rank-1 { font-size: 1.75em; } .widget-tag-cloud .rank-2 { font-size: 1.75em; } .widget-tag-cloud .rank-3 { font-size: 1.625em; } .widget-tag-cloud .rank-4 { font-size: 1.5em; } .widget-tag-cloud .rank-5 { font-size: 1.375em; } .widget-tag-cloud .rank-6 { font-size: 1.25em; } .widget-tag-cloud .rank-7 { font-size: 1.125em; } .widget-tag-cloud .rank-8 { font-size: 1em; } .widget-tag-cloud .rank-9 { font-size: 0.95em; } .widget-tag-cloud .rank-10 { font-size: 0.9em; } #footer .widget-content { margin-top: 0; margin-bottom: 0; } .widget-recent-assets .widget-content ul { overflow: auto; margin-right: 0; } .item { display: inline; float: left; margin: 0pt 5px 8px; overflow: hidden; text-align: center; vertical-align: middle; width: 70px; } .widget-search ul, .widget-syndication ul { margin-left: 0; list-style: none; } .widget-search li, .widget-syndication li { margin: 5px 0; } .widget-openid { width: 160px; margin: 10px auto; border: none !important; } .widget-openid .widget-content { border: 1px solid #ccc; background: #fff url(../images/openid-accepted.gif) no-repeat 7px 3px; font-size: 12px; font-family: Arial, Verdana, sans-serif; color: #666; margin: 0; padding: 0 !important; } .widget-openid .widget-content em { display: block; font-style: normal; padding: 34px 9px 9px 68px; } .widget-openid .widget-content strong { left: -9999px; position: absolute; } .widget-openid .widget-content a { display: block; background: #eee; text-align: center; padding: 5px 3px; color: #666; text-decoration: underline; font-weight: normal; } .input-default { background-color: #9AAEC2; } .status-indicator { display: inline; height: 20px; width: 20px; background: url(../images/indicator-login.gif) no-repeat 0 0; padding: 2px 7px; } @media print { * { position: static ! important; overflow: visible ! important; } } /* Original ---------------------------------------------------------------- */ p{ font-size:14px; line-height:24px; margin-right:20px; } ul,ol{ font-size:14px; margin-bottom:16px; } table td{ font-size:14px; } a:link { color: #000; text-decoration: none; } a:visited { color: #000; text-decoration: none; } a:hover { color: #f60; text-decoration: underline; } a:active { color: #f00; text-decoration: none; } #alpha a:link { color:#06F; text-decoration: underline; } #alpha a:visited { color: #06F; text-decoration: underline; } #flash{ display:block; } #img300-smart{ display:none; } .content-smart{ display:none; } #btn-naviup{ font-size:12px; text-align:right; margin-right:20px; } #pr-top{ font-size:18px; line-height:30px; margin:20px 20px 30px 0; } #page-title, .archive-title, #title-gray{ width:720px; font-size:14px; color:#FFF; background-image:url(http://shigaku.biz/mt/img/title-gray.gif); padding:4px 0 4px 10px; } .entry-title{ font-size:24px; margin-bottom:30px; } #title-gray2{ width:720px; font-size:14px; color:#000; background-image:url(http://shigaku.biz/mt/img/title-gray2.gif); margin-top:20px; padding:4px 0 4px 10px; } #navi-sample{ font-size:13px; margin-bottom:10px; } #add{ font-size:13px; } #btn{ font-size:12px; margin:0 0 20px 10px; } table{ margin:0 0 20px 0; } #youtube{ text-align:center; } #youtube table td{ font-size:16px; line-height:28px; } #footer{ padding-top:50px; } #btn-under{ color:#FFF; font-size:13px; text-align:center; background-image:url(http://shigaku.biz/mt/img/btn-under.gif); margin-bottom:0; } #btn-under a{ color:#FFF; font-weight:bold; } #btn-under table{ margin-left:200px; margin-bottom:0; } #btn-under table td{ border-left:solid 10px #fff; font-size:13px; text-align:left; padding:8px; } #copyright{ color:#FFF; font-size:11px; text-align:center; margin-top:0; background-color:#09F; } #copyright a{ color:#FFF; } #h211{ height:211px; } #h211 dd{ font-size:14px; } #wide400{ width:400px; margin:0 0 20px 165px; } #wide400red{ width:400px; margin:0 0 20px 165px; padding:10px; border:solid 5px #F00; } dl{ margin-right:20px; } #page-up{ font-size:11px; text-align:right; margin-right:20px; } #more{ font-size:14px; text-align:right; margin-right:20px; } #voice-title{ font-size:14px; font-weight:bold; border-bottom: dotted 1px #999; margin:25px 20px 10px 0; } #monitor{ float: left; font-size:14px; line-height:22px; margin:0 20px 20px 0; padding-bottom:10px; border-bottom:dotted 1px #999; } #list{ float: left; font-size:14px; margin:0 20px 20px 0; padding-bottom:10px; border-bottom:dotted 1px #999; } #question{ font-size:18px; font-weight:bold; } #answer{ font-size:14px; line-height:22px; margin:0 20px 20px 0; padding-bottom:10px; border-bottom:dotted 1px #999; } #fontcolor-orange{ color:#f60; font-size:20px; font-weight:bold; } .link { font-size:14px; line-height:20px; } .link a{ font-size:18px; line-height:20px; font-weight:bold; margin-top:20px; } .list { font-size:14px; line-height:20px; width: 730px; height: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: 0; margin-right: 20px; margin-bottom:30px; border: none; text-algin:left; } .item01 { width: 560px; height: auto; border:none; margin: 0; padding:0; float: left; text-algin:left; } .item02 { width: 170px; height: auto; border:none; margin: 0 0 30px 0; padding:0; float: left; text-algin:right; } #off{ width: 100%; clear:both; text-algin: center; margin-bottom:16px; padding: 0; } .yt01 { width: 355px; height: auto; border:none; margin: 0 19px 0 0; padding:0; float: left; text-algin:left; } .yt02 { width: 355px; height: auto; border:none; margin: 0; padding:0; float: left; text-algin:left; } #youtube{ margin-bottom:30px; }