Hatena::Grouppico

mkh:r:mohouhan

mkh:r:mohouhan

mkh:r:mohouhan

ヘッダ色

wh

スタイルシート

* {
 background       : transparent;
 border           : none;
 color            : #333;
 font-size        : 100%;
 font-style       : normal;
 font-weight      : normal;
 line-height      : 1.6;
 margin           : 0;
 padding          : 0;
 text-decoration  : none;
 word-break       : break-all;
 word-wrap        : break-word;
}

body {
 background       : #fff;
 font-family      : Verdana, Arial, Helvetica, sans-serif;
 font-size        : 90%;
 padding-bottom   : 1em;
 text-align       : center;
}

#banner{

}

#bannersub{

}

#breadcrumbs {
 margin           : 0 auto;
 margin-top       : 1em;
 text-align       : left;
 width            : 700px;
}

#breadcrumbs a:hover{
 color            : red;
}

h1 {
 background       : url("http://bater.biz/hatena/r/moho/top.gif") no-repeat center left;
 font-size        : 200%;
 height           : 200px;
 margin           : 0 auto;
 padding          : 80px 200px 0px 145px;
 text-align       : left;
 width            : 400px;
_width            : 700px;
}

h1::first-letter {
 /*color            : #7E0032;*/  
 font-size        : 150%;
}

				div.content-body h1{
				margin: auto;
				width: auto;
				background: transparent;
				font-size: inherit;
				padding: 0;
				height: auto;
				background-image: none;
				}

				div.content-body h1::first-letter{
				font-size: inherit;
				color: inherit;
				}

form#changeviewmode {
}

ul.modelist {
 background       : #fff;
 list-style-type  : none;
 margin           : 0 auto;
 text-align       : left;
 width            : 700px;
}

ul.modelist li {
 background-color : #fff;
 border           : outset 2px #ccc;
 color            : #333;
 display          : inline;
 font-family      : "Verdana", sans-serif;
 margin           : 0.5em 0.2em;
 padding          : 0.1em 0.3em;
 vertical-align   : middle;
 text-align       : center;
 _width: 7em;
}

ul.modelist li:active {
 background-color : #f3f3f3;
 border-style     : inset;
}

#main {
 margin           : 0 auto;
 margin-top       : 1em;
 text-align       : left;
 width            : 700px;
}

#main-header h2{
font-size         : 12px;
font-weight       : bold;
}

span.unread {
 color: #888;
}

form.populartopic {
 float            : right;
 width            : 12em;
 background       : #fff;
}

#main-body{
padding-top        : 1em;
}

div.item-unread,
div.item-read,
div.item-update,
div.item-guest{
 border           : 1px solid #333;
 margin           : 2em 0 1em 0;
 padding-top      : 2.5em;
 position         : relative;
}

div.item-unread h3,
div.item-read h3,
div.item-update h3,
div.item-guest h3{
 background       : #fff;
 border           : 1px solid #333;
 left             : 1em;
 padding          : 0.5em;
 position         : absolute;
 top              : -1.2em;
}

div.item-unread,
div.item-unread h3{
 background       : #efefed;
}

div.item-unread h3 a,
div.item-read h3 a,
div.item-update h3 a,
div.item-guest h3 a{
 font-weight      : bold;
}

div.item-unread h3 a:hover,
div.item-read h3 a:hover,
div.item-update h3 a:hover,
div.item-guest h3 a:hover{
 color            : red;
}

	div.content-body h3 {
 	background       : transparent;
 	border           : none;
 	left             : 0;
 	position         : static;
 	top              : 0;
	}

a.users {
 color            : #ff1493;
}

div.item-body,
div.item-footer,
div.podcast{
 margin           : 1em;
}

img.siteimage{
 float            : right;
 margin           : 0.5em 1em 1em 1em;
}

div.content-button {
 text-align       : right;
 clear            : both;
}
div.content-button button {
 background-color : #ffffff;
 border           : outset 2px #ccc;
 color            : #333;
 display          : inline;
 font-family      : "Verdana", sans-serif;
 margin           : 0.5em 0.2em;
 padding          : 0.1em 0.3em;
 vertical-align   : middle;
}
div.content-button button:active {
 background-color : #f3f3f3;
 border-style     : inset;
}

form.b_append {
 margin           : 0 2em;
}
form.b_append input.field {
 border           : 1px solid #333;
 width            : 450px;
}

div.content-body {
 color            : #463b37;
 background       : #efefed;
 max-height       : 28em;
 _height          : 28em;
 margin           : 0.5em;
 overflow         : auto;
 padding          : 1em;
}

div.pager{
 margin: 1em 0em;
}

div.pager a {
 border-bottom    : 1px solid #333;
}
div.pager a:hover {
 color            : red;
}

div.item-footer span.date{
font-size         : 12px;
color             : #888;
}

div.item-footer span.creator{
display: none;
}

div.item-footer a.entrylist-link {
font-size         : 12px;
font-weight       : bold;
}

div.item-footer a.entrylist-link:hover {
color             : red;
}

div.selectedfeed{
margin            : 1em;
}

div.selectedfeed ul{
list-style-type   : none;
}

div.selectedfeed ul li{
margin            : 5px 0;
}

div.selectedfeed a {
border-bottom     : 1px solid #333;
}

div.selectedfeed a:hover {
color             : red;
}

div.screenshot img{
float             : left;
margin            : 0em 1em 1em 0em;
width             : 80px;
}

/* #sidebar */              

div.group-title{
 margin           : 5px;
 font-weight      : bold;
}

div.groups {
 _top             : 90px;
 background       : #fff;
 font-size        : 12px;
 height           : 200px;
 overflow         : auto;
 position         : absolute;
 right            : 30px;
 text-align       : left;
 top              : 80px;
 width            : 260px;
}

ul#group-list,
.group-list{
 font-size        : 10pt;
 list-style-type  : none;
}

ul#group-list li a,
.group-list li a{
background         : url("http://bater.biz/hatena/r/moho/ico1.gif") no-repeat center left;
padding-left       : 22px;
}

ul#group-list li span.unread a,
.group-list li span.unread a{
background         : url("http://bater.biz/hatena/r/moho/ico2.gif") no-repeat center left;
padding-left       : 22px;
}

ul#group-list li a:hover,
.group-list li a:hover,
ul#group-list li span.unread a:hover,
.group-list li span.unread a:hover{
background         : url("http://bater.biz/hatena/r/moho/ico3.gif") no-repeat center left;          
padding-left       : 22px;
}

div.groups a:hover {
 color            : red;
}

span.selected{
 font-weight      : bold;
}

div.feeds {
 _top             : 290px;
 font-size        : 12px;
 position         : absolute;
 right            : 30px;
 text-align       : left;
 top              : 280px;
}

form.addform {
 margin           : 5px 0px;
}
form.addform input {
 border           : 1px solid #333;
}

ul.feed-list,
div.ad-title{
	display: none;
}

div.keyusage {
 display          : none;
}

div.ad,
div#footer {
 margin           : 0 auto;
 width            : 700px;
 font-size        : 12px; 
}

div.ad{
 margin-top       : 50px ;
}


/* もっと読むの中身 */              

.content-body h1,
.content-body h2,
.content-body h3,
.content-body h4,
.content-body h5,
.content-body h6{
 font-weight      : bold;
 line-height      : 1.2;
 margin           : 1em 16px;
}

.content-body p{
 margin           : 0.8em 8px;
 text-indent      : 1em;
/* \*/              
letter-spacing    : 1px;
/* */              
}

.content-body ul{
 list-style       : disc  inside;
 margin           : 1em 8px;
 padding          : 1px 8px;
}

.content-body ol{
 list-style       : decimal inside;
 margin           : 1em 8px;
 padding          : 1px 8px;
}

.content-body dt{
 color            : #d2691e;
}

.content-body dd{
 margin-left      : 16px;
}

.content-body li ul,
.content-body li ol,
.content-body li dl,
.content-body li p,
.content-body dd ul,
.content-body dd ol,
.content-body dd dl,
.content-body dd p {
	margin    : 0.4em 8px;
}

em,strong,q,code,cite,del,ins{
 margin           : 0 2px;
}

del{
 color            : #666;
 text-decoration  : line-through;
}

del[datetime]::before{
 content          : " ( "attr(datetime)"削除) ";
}

ins{
 border-bottom    : 1px dotted #666;
}

ins[datetime]::before{
 content          : " ( "attr(datetime)"追記) ";
}

em,strong{
 font-weight      : bold;
}

strong {
 color            : #ff1493;
}

q{

}

code{
 font-family      : "Osaka-等幅", monospace;
 color            : #6b8e23;
}

q cite{
 display          : none;
}

.content-body a{
 color            : #73523b;
 border-bottom    : #ba55d3 solid 1px;
}

.content-body a:hover{
 color            : #9932cc;
 border-bottom    : #9400d3 solid 1px;
}

.content-body blockquote{
 display          : block;
 background       : #eae4e2;
 border-top       : 1px solid #c1bbb9;
 border-left      : 1px solid #c1bbb9;
 border-right     : none;
 border-bottom    : none;
 margin           : 0.8em 24px;
 padding          : 1px;
 _width: 100%;
}

blockquote * {
 color            : #463b37;
}

blockquote cite{
 display          : block;
 text-align       : right;
}

.content-body pre{
 width: 95%;
 overflow         : scroll;
 background-color : #e4e2de;
 border           : 3px double #e6bdd1;
 padding          : 8px 16px;
}

.content-body table{
 background-color : #e6bdd1;
 border-width     : 1px;
 border-style     : solid;
 border-color     : #c49497 #c5296f #c5296f #c49497;
 margin           : 0.5em 16px;
}

.content-body caption{
 display          : none;
}

.content-body table th,
.content-body table td{
 line-height      : 1.2;
 color            : #fff;
 padding          : 0.1em 8px;
}

.content-body table th{
 color: white;
 background       : #c5296f;
 border-width     : 0 1px 1px 0;
 border-style     : solid;
 border-color     : #d2d2d2;
}

.content-body table td{
 color            : #c5296f;
 background-color : white;
 border-width     : 1px;
 border-style     : solid;
 border-color     : white #bfc3c4 #bfc3c4 white;
}

/* アンテナ表示用 */      

.item-antenna li{
 margin          : 5px 0px;
}

.item-antenna a:hover{
 color            : red;
}

.antenna-entry-list ul{
 margin           : 0 4em;
}

/* はてなダイアリー用 */        

.content-body p.sectionfooter,
.content-body .section h3{
 display          : none;
}

.content-body a.keyword{
 color            : #463b37;
 border-bottom    : #ba55d3 dotted 1px;
}    

.content-body img.photo,
.content-body img.asin{
 float: right;
 margin: 1em 0em 1em 1em;
}

.content-body div.hatena-asin-detail {
 display          : block;
 background       : #eae4e2;
 border-top       : 1px solid #c1bbb9;
 border-left      : 1px solid #c1bbb9;
 border-right     : none;
 border-bottom    : none;
 margin           : 0.8em 24px;
 padding          : 1px;
 _width: 100%;
}

.content-body div.hatena-asin-detail p {
 text-indent      : 0em;
}

.content-body div.hatena-asin-detail ul {
 list-style-type  : none;
 margin           : 10px 0 0 0;
 padding          : 0;
}

.content-body img.hatena-asin-detail-image {
 float            : left;
}

.content-body div.hatena-asin-detail-info {
 margin-left      : 10px;
 float            : left;
}

.content-body p.hatena-asin-detail-title a {
 font-weight      : bold;
}

.content-body div.hatena-asin-detail-foot {
 clear            : both;
}

/* おまけ・おれパパ用 */          

.content-body img.bor {
 margin           : 1em 1em 1em 0;
 float            : left;
}

.content-body img.nob2,
.content-body img.bor2 {
 margin           : 1em 0 1em 1em;
 float            : right;
}

/* さらにおまけでしりまん用 */          

.content-body img.hatene {
 margin           : 1em 1em 1em 0;
 float            : left;
}
.content-body dt.kaiwa{
 float            : left; 
 clear            : left; 
 width            : 3.5em; 
 margin           : 0;
} 

.content-body dl.conte dt.kaiwa{
 clear            : both; 
 height           : 40px;
}

.content-body dl.conte dd{
 margin           : 20px 1em 40px 1em;
}

div.sponsor ,
div.sponsor ul ,
div.sponsor ul li ,
div.sponsor ul li a ,
div.ad,
div.ad div.ad-body ,
div.ad-antenna,
#footer{
display           : none !important;
}

span,
font{
font-size         : 100% !important;
}