/*====================================== YU-KI WEB COLUMN CSS =======================================*/ /* +++++++++++++++++++++ 全体の幅設定 +++++++++++++++++++++ */ #container {width:800px; margin-left:auto; margin-right:auto} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;} img {border:none;} /* +++++++++++++++++++++ 背景の幅設定 +++++++++++++++++++++ */ body {margin:0px; padding:0px; background-image:url(../../column_blog/column_bg.jpg); background-repeat:repeat-y; background-position:center top; background-color:#000000;} /* +++++++++++++++++++++ ヘッダーの設定 +++++++++++++++++++++ */ #header {width:800px; height:300px; background-image:url(http://www.self-hate.com/column_blog/column_img.jpg);} /* +++++++++++++++++++++ leftの幅設定 +++++++++++++++++++++ */ #left {width:180px; margin-left:20px; margin-right:0px; margin-top:10px; margin-bottom:10px; padding:0px; float:left; background-color:#FFFFFF; display:inline;} /* +++++++++++++++++++++ rightの幅設定 +++++++++++++++++++++ */ #right {width:180px; margin-right:20px; margin-left:0px; margin-top:10px; margin-bottom:10px; padding:0px; float:right; background-color:#FFFFFF; display:inline;} /* +++++++++++++++++++++ mainの幅設定 +++++++++++++++++++++ */ #main {width:360px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; padding:0px; float:left; background-color:#FFFFFF; font-size:12px; display:inline;} .main h2{font-size:26px; font-family:"小塚ゴシック Pro L"; color:#333333; margin-top:0px; margin-bottom:0px;} .main h3{font-size:14px; font-weight:bold; color:#990000; margin-top:-5px; padding-bottom:5px;} .main p{font-size:12px;color:#333333;line-height:normal;} .main normal{font-size:10px;color:#333333;} .entry_cate {font-size:10px; color:#990000; border:1px dotted #CC0000; padding:0px 4px; margin-bottom:10px;} .entry_foot {margin:30px 0 0 0;} .entry_foot a:link {font-size:11px;} /* +++++++++++++++++++++ AFの設定 +++++++++++++++++++++ */ #af {margin-top:10px;background-color:#FFFFFF;border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#666666; padding-bottom:5px; margin-bottom:40px;} /* +++++++++++++++++++++ 前後へのリンク設定 +++++++++++++++++++++ */ .pagelinks {margin:0px; padding:0px; text-align:center;} /* +++++++++++++++++++++ footerの幅設定 +++++++++++++++++++++ */ #footer {width:800px; clear:both; text-align:center; font-size:10px; color:#666666; background-color:#FFFFFF; border-top:dotted; border-top-width:1px; border-top-color:#999999; padding-top:10px; margin-bottom:10px;} /* +++++++++++++++++++++ カレンダーパーツの設定 +++++++++++++++++++++ */ #calendar {width:800px; text-align:center; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px;margin-bottom:20px;} #calendar h2 {font-size:12px;display:inline;margin-right:10px;} #calendar span {font-size:10px;padding:3px;} #calendar a:link {font-size:10px; text-decoration:none; color:#FF0000;} #calendar a:visited {font-size:10px; text-decoration:none; color:#FF0000;} #calendar a:hover {font-size:10px; color:#ffffff;text-decoration:none; background-color:#990000;} #calendar a:active {font-size:10px; color:#ffffff;text-decoration:none; background-color:#990000;} /* +++++++++++++++++++++ Profileのデザイン設定 +++++++++++++++++++++ */ #Profile {width:180px; text-align:left; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px;margin-bottom:20px; background-image:url(http://www.self-hate.com/column_blog/profile_01.jpg); background-repeat:no-repeat; padding-top:20px;} .b {font-size:12px; color:#666666; font-weight:bold;} .font {font-size:10px; color:#333333;} #Profile a:link {font-size:10px; color:#990000;} #Profile a:visited {font-size:10px; color:#990000;} #Profile a:hover {font-size:10px; color:#ffffff;text-decoration:none; background-color:#990000;} #Profile a:active {font-size:10px; color:#ffffff;text-decoration:none; background-color:#990000;} /* +++++++++++++++++++++ 最新記事のデザイン設定 +++++++++++++++++++++ */ #recent {width:180px; text-align:left; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px;margin-bottom:20px; background-image:url(http://www.self-hate.com/column_blog/recent_01.jpg); background-repeat:no-repeat; padding-top:20px;} #recent h2 {font-size:14px;color:#666666;margin-bottom:3px;} #recent ul {font-size:10px;color:#000033; list-style:none;} #recent a:link {font-size:10px;color:#666666; text-decoration:none;} #recent a:visited {font-size:10px;color:#666666; text-decoration:none;} #recent a:hover {font-size:10px; color:#999999;text-decoration:none; background-color:#ffffff;} #recent a:active {font-size:10px; color:#999999;text-decoration:none; background-color:#ffffff;} /* +++++++++++++++++++++ アーカイブのデザイン設定 +++++++++++++++++++++ */ #archives {width:180px; text-align:left; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px;margin-bottom:20px; background-image:url(http://www.self-hate.com/column_blog/archives_01.jpg); background-repeat:no-repeat; padding-top:20px;} /* +++++++++++++++++++++ カテゴリーのデザイン設定 +++++++++++++++++++++ */ #categories {width:180px; text-align:left; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px;margin-bottom:20px; background-image:url(http://www.self-hate.com/column_blog/categories_01.jpg); background-repeat:no-repeat; padding-top:20px;} #categories li {font-size:10px;color:#000033; list-style:none;} #categories a:link {font-size:12px; color:#990000;text-decoration:none;} #categories a:visited {font-size:12px; color:#990000;text-decoration:none;} #categories a:hover {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} #categories a:active {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} /* +++++++++++++++++++++ リンクのデザイン設定 +++++++++++++++++++++ */ #link {width:180px; text-align:left; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px;margin-bottom:20px; background-image:url(http://www.self-hate.com/column_blog/link_01.jpg); background-repeat:no-repeat; padding-top:20px;} #link li {font-size:10px; color:#000033; list-style:none;} #link a:link {font-size:12px; color:#990000;text-decoration:none;} #link a:visited {font-size:12px; color:#990000;text-decoration:none;} #link a:hover {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} #link a:active {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} /* +++++++++++++++++++++ 広告の幅設定 +++++++++++++++++++++ */ #af02 {width:180px; text-align:left; font-size: 10px;color: #666666; border-bottom:dotted; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-bottom:3px; margin-bottom:20px;} #af02 img a:link {border:none; margin-bottom:5px;} #af02 img a:visited {border:none; margin-bottom:5px;} #af02 img a:hover {border:none; margin-bottom:5px;} #af02 img a:active {border:none; margin-bottom:5px;} /* +++++++++++++++++++++ クリエイティブ・コモンズ・ライセンス設定 +++++++++++++++++++++ */ #license {width:180px; text-align:left; font-size: 10px;color: #666666; margin-bottom:20px;} #license img a:link {border:none; margin-bottom:3px;} #license img a:visited {border:none; margin-bottom:3px;} #license img a:hover {border:none; margin-bottom:3px;} #license img a:active {border:none; margin-bottom:3px;} #license a:link {color:#8fabbe;} #license a:visited {color:#8fabbe;} #license a:hover {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} #license a:active {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} /* +++++++++++++++++++++ Movable Type情報設定 +++++++++++++++++++++ */ #Type {width:180px; text-align:left; font-size: 10px;color: #666666;} #Type a:link {font-size:10px; color:#8fabbe;} #Type a:visited {font-size:10px; color:#8fabbe;} #Type a:hover {font-size:10px; color:#ffffff;text-decoration:none; background-color:#990000;} #Type a:active {font-size:10px; color:#ffffff;text-decoration:none; background-color:#990000;} /* +++++++++++++++++++++ トラックバック設定 +++++++++++++++++++++ */ #trackbacks {width:360px; margin-left:10px; margin-right:30px; float:left; display:inline; margin-top:10px; margin-bottom:10px; background-color:#FFFFFF; font-size:10px;} .trackbacks h2{font-size:12px; color:#666666; margin-top:20px; margin-bottom:0px;} /* +++++++++++++++++++++ コメント設定 +++++++++++++++++++++ */ #comments {width:360px; margin-left:10px; margin-right:30px; float:left; display:inline; margin-top:10px; margin-bottom:10px; background-color:#FFFFFF; font-size:10px;} .comments h2{font-size:12px; color:#666666; margin-top:20px; margin-bottom:0px;} /************************************************************************************************** FOR IPHONE / IPOD TOUCH **************************************************************************************************/ @media only screen and (max-device-width:480px){ #elementName{property:value;} } /* ------------------------------------------------------------ テキストハイライトの設定 ------------------------------------------------------------ */ ::-moz-selection{background:#CC3333; color:#ffffff;} /************************************************************************************************** その他の設定 **************************************************************************************************/ a:link {font-size:12px; color:#990000;text-decoration:none;} a:visited {font-size:12px; color:#990000;text-decoration:none;} a:hover {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} a:active {font-size:12px; color:#ffffff;text-decoration:none; background-color:#990000;} h1#seo {font-size:12px; color:#fff; text-indent:-9999px; position:absolute; top:-9999px; left:-9999px;}