@charset "Shift_JIS"; /*-------- acchan.com日記スタイルシート [ default ] --------*/ /*---- タグ ----*/ body { background-color: #8ED8F8; color: #003333; } /*---- タグ ----*/ a:link, a:visited { color: #666666; text-decoration: underline; } a:hover, a:active { color: #FF6633; text-decoration: none; } /*---- containerクラス ----*/ .container { background: url("title_bg_YTwhale.gif") no-repeat 0px 20px; } /*---- headerクラス ----*/ .header { background-color: #EEEEEE; } /*---- titleクラス ----*/ .title { height: 200px; } .title h1 { padding: 100px 0px 0px 20px; margin: 0px; font-family: "Verdana", sans-serif; font-size: 28px; color: #003333; } .title a:link, .title a:visited { color: #003333; text-decoration: none; } .title a:hover, .title a:active { color: #003333; text-decoration: underline; } .title h2 { padding: 10px 0px 0px 30px; margin: 0px; width: 400px; font-size: 12px; color: #003333; } /*---- contentクラス ----*/ .content { } /*---- sidebarクラス ----*/ .sidebar { width: 200px; /* main,sidebar,footerクラスで合わせる */ padding-top: 20px; float: left; } /*---- mainクラス ----*/ .main { margin-left: 220px; /* main,sidebar,footerクラスで合わせる */ } /*---- footerクラス ----*/ .footer { margin-left: 220px; /* main,sidebar,footerクラスで合わせる */ margin-top: 20px; padding: 5px 0px; text-align: center; border-top: 1px solid #BBAADD; } /*---- sidetoolクラス ----*/ .sidetool { margin-bottom: 10px; background-color: #FFFFFF; } /*---- sidetoolheaderクラス ----*/ .sidetoolheader { background: url("sidebar_header_YTwhale.gif") no-repeat; padding: 2px 0px 0px 8px; color: #5555AA; letter-spacing: 3px; font-weight: bold; } /*---- sidetoolbodyクラス ----*/ .sidetoolbody { padding: 5px 10px; } .sidetoolbody ul { list-style-type: none; margin: 0px 0px 0px 15px; padding: 0px; list-style-image: url("sidebar_icon_YTwhale.gif"); } .sidetoolbody ul li div { margin-left: 8px; } /*---- sidetoolfooterクラス ----*/ .sidetoolfooter { padding-top: 1px; /* IEバグ: これがないと.sidetool margin-bottomが無効 */ } /*---- sidebar:プロフィール ----*/ .prof-photo { text-align: center; } .prof-nickname { font-weight: bold; padding-left: 10px; } .prof-comment { padding-left: 20px; } /*---- sidebar:カレンダー ----*/ .cal-header { background-color: #DDDDDD; width: 100%; border-collapse: collapse; } .cal-header td { text-align: center; } .cal-header .month-prev { width: 30%; } .cal-header .month-this { width: 40%; } .cal-header .month-next { width: 30%; } .cal-header a { display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; } .cal-header a:link, .cal-header a:visited { background-color: #DDDDDD; } .cal-header a:hover, .cal-header a:active { background-color: #EEEEEE; } .cal-body { background-color: #FFFFFF; width: 100%; border-collapse: collapse; } .cal-body td { text-align: center; border-bottom: 1px solid #CCCCCC; } .cal-body .week { background-color: #FFFFCC; text-align: center; } .cal-body .sun { color: #FF6666; } .cal-body .weekday { color: #666666; } .cal-body .sat { color: #6666FF; } .cal-body a { display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; } .cal-body a:link, .cal-body a:visited { font-weight: bold; background-color: #FFFFFF; } .cal-body a:hover, .cal-body a:active { font-weight: bold; background-color: #EEEEEE; } .cal-body .today { background-color: #EEEEEE; } .cal-body .today a:link, .cal-body .today a:visited { background-color: #EEEEEE; } .cal-body .today a:hover, .cal-body .today a:active { background-color: #CCCCCC; } .cal-body .curday { background-color: #CCCCFF; } .cal-body .curday a:link, .cal-body .curday a:visited { background-color: #DDEEFF; } .cal-body .curday a:hover, .cal-body .curday a:active { background-color: #DDDDDD; } /*---- sidebar:訪問者数 ----*/ .vst-total { text-align: right; padding-right: 10px; font-weight: bold; } .vst-body { width: 100%; border-collapse: collapse; } .vst-body .vst-body-date { width: 40px; } .vst-body .vst-body-counter { width: 15px; padding: 0px 10px 0px 5px; font-weight: bold; text-align: right; } .vst-body .vst-body-bar div { background: url("visitor_bar_YTwhale.gif") no-repeat; background-position: 0px 3px; } /*---- pagejumpクラス ----*/ .pagejump { height: 20px; text-align: right; } /*---- docクラス ----*/ .doc { margin-bottom: 20px; background-color: #FFFFFF; } /*---- docheaderクラス ----*/ .docheader { background: url("doc_header_YTwhale.gif") no-repeat; } .docheader .doc-date { padding: 10px 0px 0px 5px; color: #5555AA; } .docheader .doc-title { padding: 10px 10px 0px 5px; margin: 0px; font-size: 16px; } .docheader .doc-admin { font-size: 12px; font-weight: normal; } .docheader .doc-cat { padding: 5px 0px 0px 5px; color: #5555AA; } /*---- docbodyクラス ----*/ .docbody { padding: 5px 15px; } /*---- docjumpクラス ----*/ .docjump { text-align: right; padding: 5px 10px; color: #5555AA; } /*---- docfooterクラス ----*/ .docfooter { background: url("doc_footer_YTwhale.gif") no-repeat; padding-top: 20px; /* IEバグ: heightでは左に3px隙間 */ } /*---- doctoolクラス ----*/ .doctool { border-top: 3px dotted #CCCCFF; padding: 5px 0px; } /*---- doctoolheaderクラス ----*/ .doctoolheader { font-weight: bold; padding-left: 5px; } /*---- doctoolbodyクラス ----*/ .doctoolbody { padding: 0px 15px; } /*---- cmtlistクラス ----*/ .cmtlist { margin: 5px 10px; } .cmtlist .cmtlist-body-N { border-left: 3px solid #DDEEFF; border-bottom: 1px solid #DDEEFF; padding: 0px 5px; background-color: #EEEEEE; } .cmtlist .cmtlist-body-L { border-left: 3px solid #DDEEFF; border-bottom: 1px solid #DDEEFF; padding: 0px 5px; } .cmtlist .cmtlist-footer { text-align: right; margin-bottom: 10px; } .cmtlist .cmtlist-admin { } /*---- cmtformクラス ----*/ .cmtform table { margin: 5px 10px; } .cmtform form { margin: 0px; } /*---- cmtaddokクラス ----*/ .cmtaddok { background-color: #EEEEEE; margin: 20px auto; padding: 20px; color: #FF6633; width: 350px; } /*---- tburlクラス ----*/ .tburl { color: #6666CC; font-weight: bold; margin: 10px 10px; } /*---- tblistクラス ----*/ .tblist { margin: 5px 10px; } .tblist .tblist-body { border-left: 3px solid #CCCCFF; border-bottom: 1px solid #CCCCFF; padding: 0px 5px; } .tblist .tblist-footer { text-align: right; margin-bottom: 10px; } .tblist .tblist-admin { } .tblist .tblist-caption { font-weight: bold; margin-right: 3px; }