欠番指定::はてな別館

■集積所：CSS

はてなRSS：欠番RSS読み：：SBMとタグの殿堂

デザイン更新

• 2008-03-19

グループの設定

• 表示モード：全てシンプル
• 表示件数：全て20件

テーマ

• なし

CSS

/* -------------------------共通------------------------- */

body {
	margin:0;
	padding:0;
	background:#ffffff;
	color:#000000;
	text-align:center;
	word-break:break-all;
	word-wrap:break-word;
 }
body * {
	margin:0;
	background-repeat:no-repeat !important;
	padding:0;
 }

h1,h2,h3 {
	font-size:100%;
 }

form {
	display:inline;
 }

ul {
	list-style:none;
 }

img {
	border-width:0;
}

input.field {
	border-width:1px;
	border-style:solid;
	border-color:#84829C #B5B2C6 #B5B2C6 #84829C;
 }

label {
	cursor:pointer;
 }

/* -------------------------レイアウト------------------------- */

#breadcrumbs,
h1,
ul.modelist,
.hatena-body {
	width:95%;
 }


#breadcrumbs {
	margin-top:15px;
	font-size:90%;
	text-align:left;
 }

h1 {
	margin-top:25px;
	background:url(/images/rss.gif) 3px 50%;
	font-size:120%;
	text-indent:25px;
	text-align:left;
 }

ul.modelist {
	display:none;
 }/* 表示しない */


.hatena-body {
	clear:both;
	text-align:left;
 }
#main {
	float:left;
	width:70%;
	background-color:#ffffff;
 }
#sidebar {
	padding-top:20px;
 }

/* -------------------------main：共通------------------------- */

#main .item-unread,
#main .item-read,
#main .item-guest,
#main .item-update {
	clear:both;
 }

em .users {
	background-color:#fff0f0;
	color:#ff6666;
 }
strong .users {
	background-color:#ffcccc;
	color:#ff0000;
 }

h3 em {
	font-style:normal;
 }

img.update,
img.new{
	margin-right:3px;
 }

/* -------------------------main：header------------------------- */

#main-header {
	position:relative;
 }

#main .pager {
	padding:5px;
	font-size:90%;
	text-align:center;
 }

#main form.populartopic {
	display:block;
	float:left;
	padding:5px;
	font-size:80%;
 }

#main form.populartopic input {
	vertical-align:middle;
 }

#no_populartopic {
	clear:both;
	margin:10px 0px;
	border:1px solid #cccccc;
	background-color:#e0e9fa;
	padding:10px;
	font-size:90%;
 }

/* -------------------------main：sponsor------------------------- */

.sponsor ul {
	padding:5px;
 }
.sponsor ul li{
	font-size:80%;
 }
.sponsor ul li a {
	display:block;
	padding-left:23px;
	background:url(/images/pr.gif) 0 3px;
	color:#0000ff;
	line-height:135%;
	text-decoration:none;
 }

/* -------------------------main：h2------------------------- */

#main h2 {
	position:relative;
	background-color:#5279e7;
	padding:5px;
	color:#ffffff;
	font-size:90%;
	font-weight:normal;
 }

#main h2 img#undo_read {
	position:absolute;
	top:5px;
	right:5px;
	_right:270px;
	cursor:pointer;
 }

/* -------------------------main：selectedfeed------------------------- */

.selectedfeed {
	border:solid #5279e7;
	border-width:1px 1px 1px 0px;
	padding:10px;
}

.selectedfeed ul li {
	padding-bottom:3px;
	font-size:80%;
}
.selectedfeed ul li img {
	margin-right:3px;
	vertical-align:middle;
 }

/* -------------------------main：シンプル表示(通常表示・アンテナ表示はしない)------------------------- */

.item-body {
	margin:10px 0px;
	font-size:80%;
	line-height:150%;
 }

.content{
	margin-top:10px;
 }

.content .content-button {
	clear:both;
	padding:10px;
	text-align:right;
}

.item form.b_append {
	display:block;
	text-align:right;
 }

.item-footer {
	margin-top:15px;
	color:#666666;
	font-size:80%;
	text-align:right;
 }

.item-footer img {
	vertical-align:middle;
 }

#hatena-rss-simple .item-unread,
#hatena-rss-simple .item-update,
#hatena-rss-simple .item-guest {
	clear:both;
	margin:2px;
	background-color:#ffffff;
	padding:5px;
	_height:1%;
 }

#hatena-rss-simple .item-read {
	clear:both;
	margin:2px;
	background-color:#e0e9fa;
	padding:5px;
	_height:1%;
 }

#hatena-rss-simple .item-read:after,
#hatena-rss-simple .item-unread:after,
#hatena-rss-simple .item-guest:after,
#hatena-rss-simple .item-update:after {
	clear:both;
	display:block;
	content:"";
 }
#hatena-rss-simple .item-unread h3 {
	background-image:url(/images/midokukiji.gif);
	padding-left:8px;
 }
#hatena-rss-simple .item-update h3 {
	background-image:url(/images/koushinkiji.gif);
	padding-left:8px;
 }

#hatena-rss-simple .item-read h3,
#hatena-rss-simple .item-unread h3,
#hatena-rss-simple .item-guest h3,
#hatena-rss-simple .item-update h3 {
	font-size:80%;
 }

#hatena-rss-simple .item-read h3 .users,
#hatena-rss-simple .item-unread h3 .users,
#hatena-rss-simple .item-update h3 .users,
#hatena-rss-simple .item-guest h3 .users {
	font-size:80%;
 }

#hatena-rss-simple .item-read h3 .date,
#hatena-rss-simple .item-unread h3 .date,
#hatena-rss-simple .item-guest h3 .date,
#hatena-rss-simple .item-update h3 .date {
	color:#666;
	font-size:80%;
	font-weight:normal;
 }

#hatena-rss-simple .item-read h3 img,
#hatena-rss-simple .item-unread h3 img,
#hatena-rss-simple .item-guest h3 img,
#hatena-rss-simple .item-update h3 img {
	margin-right:3px;
	margin-left:3px;
	vertical-align:middle;
 }

#hatena-rss-simple .item-read .item-footer,
#hatena-rss-simple .item-unread .item-footer,
#hatena-rss-simple .item-update .item-footer,
#hatena-rss-simple .item-guest .item-footer {
	margin-top:5px;
 }

/* -------------------------sidebar：groups------------------------- */

.groups {
	float:right;
	width:12%;
	border:1px solid #cccccc;
	_height:1%;
}
.groups:after {
	content:"";
	display:block;
 }

.groups .group-title {
	background-color:#5279e7;
	padding:5px;
	color:#ffffff;
	font-size:80%;
 }
.groups .group-title img {
	margin-left:3px;
	vertical-align:middle;
 }

.groups ul.group-list {
	padding:5px;
 }
.groups ul.group-list li {
	padding-bottom:5px;
	color:#666666;
	font-size:80%;
	line-height:120%;
 }

.groups ul.group-list li#default span.selected span.public,
.groups ul.group-list li#default span.selected span.private,
.groups ul.group-list li span.selected span.private,
.groups ul.group-list li span.selected span.public {
	font-weight:600;
 }

.groups form {
	clear:both;
	display:block;
 }

.groups form.addform .field,
.groups form.addform #new_group_submit {
	width:99% !important;
 }

/* -------------------------sidebar：feeds------------------------- */

.feeds {
	border:1px solid #cccccc;
	_height:1%;
 }
.feeds:after{
	display:block;
	content:"";
 }

.feeds .feed-title {
	background-color:#efefff;
	padding:5px;
	font-size:80%;
 }
.feeds .feed-title img {
	margin-left:3px;
	vertical-align:middle;
 }

.feeds ul.feed-list {
	padding:5px;
	_height:1%;
 }
.feeds ul.feed-list li {
	padding-bottom:5px;
	color:#666666;
	font-size:80%;
	line-height:120%;
 }
.feeds ul.feed-list li .date {
	display:block;
 }
.feeds ul.feed-list li span.feed-selected a {
	background-color:#e0e9fa;
	font-weight:600;
 }
.feeds ul.feed-list li img {
	vertical-align:middle;
 }

.feeds form.addform {
	clear:both;
	display:block;
	font-size:80%;
 }
.feeds form.addform .field {
	width:99% !important;
 }

/* -------------------------sidebar：ad------------------------- */

.ad {
	clear:both;
	margin:10px 0px;
	padding-left:10px;
	_border:1px solid #cccccc;
 }

.ad .ad-title {
	margin:10px auto;
	color:#666666;
	font-size:70%;
	font-weight:600;
 }

/* -------------------------sidebar：keyusage------------------------- */

.keyusage {
	margin:10px 0px;
	border:1px solid #cccccc;
	color:#666666;
	font-size:70%;
	line-height:145%;
 }

.keyusage .keyusage-title {
	font-weight:600;
	margin:7px 10px 10px;
	_margin:10px;
 }

.keyusage ul.keyusage-list {
	margin-bottom:10px;
	margin-left:10px;
	padding-bottom:30px;
 }
.keyusage ul.keyusage-list li {
	float:left;
	width:24%;
	_width:46%;
	margin-right:1%;
	_margin-right:2%;
	padding-bottom:3px;
	line-height:145%;
 }

/* -------------------------footer------------------------- */

#footer {
	clear:both;
	padding-bottom:10px;
	color:#666666;
	font-size:80%;
 }

Permalink | コメント(0) | トラックバック(0)