Hatena::Groupcss

つみきスタイル このページをアンテナに追加 RSSフィード

1000.0.00俊寛スタイル

[]能面 18:25 能面 - つみきスタイル を含むブックマーク はてなブックマーク - 能面 - つみきスタイル 能面 - つみきスタイル のブックマークコメント

  • 背景のどこかに能面を
  • ベースの色は緑
  • 丸角(?)
  • 陰影(?)

[]最新の俊寛 05:49 最新の俊寛 - つみきスタイル を含むブックマーク はてなブックマーク - 最新の俊寛 - つみきスタイル 最新の俊寛 - つみきスタイル のブックマークコメント

@charset "euc-jp";

/*   俊寛スタイル   */


/* ---------- whole ---------- */

html {
	margin: 0;
	padding: 0;
}
html * {
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
}
body {
	margin: 0;
	padding: 0 10px;

	font: 80% / 150% Verdana, Osaka, sans-serif;
	text-align: center;
	letter-spacing: 1px;

	color: #d8e4d0;
	background: #d6e2ce;

	word-break: break-all ;
	word-wrap: break-word ;
}
table,
input,
select {
	font: 100% Verdana, Osaka, sans-serif;
	letter-spacing: inherit;

	color: inherit;
}
img {
	border: none;
}
br {
	letter-spacing: 0;
}
table {
	margin: 0 auto;
	padding: 0 10px;
	width: 750px;

	background: #b5cba1;
}
table table {
	margin: 0;
	padding: 0;
	width: 100%;

	background: transparent;
}
table td {
	background: transparent;
}
table font,
table table a {
	color: #d8e4d0;
}
table font {
	font-size: 80%;
}
table font a font {
	font-size: 100%;
}
h1 {
	margin: 0 auto;
	padding: 60px 100px;
	width: 750px;

	font: normal 100% Verdana, Osaka, sans-serif;
	letter-spacing: 3em;

	background: #b5cba1;
}
h1 img {
	letter-spacing: 0;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	background: none;
}
div.hatena-body {
	position: relative;
	margin: 0 auto;
	padding: 0 10px;
	width: 750px;
	clear: both;

	text-align: left;

	background: #b5cba1;
}


/* ---------- multi column ---------- */

.main {
	margin: 0 230px 0 0;
	width: 500px;

	
}
.sidebar {
	position: absolute;
	top: 0; right: 0;
	width: 230px;
}


/* ---------- diary ---------- */


/* ---------- hatena module ---------- */

.hatena-module {
	margin: 10px 20px 10px 10px;
	padding: 0 0 5px 0;
	width: 200px;

	background: #d6e2ce url("http://f.hatena.ne.jp/images/fotolife/C/Cormorant/20060407/20060407054409.gif") no-repeat bottom center;
}
.hatena-moduletitle {
	padding: 3px 10px 0;
	background: #d6e2ce url("http://f.hatena.ne.jp/images/fotolife/C/Cormorant/20060407/20060407054410.gif") no-repeat top center;
}
.hatena-modulebody {
	padding: 0 10px;
}

table.calendar {
	margin: 0 auto;
	padding: 0;
	width: 175px;

	background: transparent;
}

[]過去の俊寛 05:49 過去の俊寛 - つみきスタイル を含むブックマーク はてなブックマーク - 過去の俊寛 - つみきスタイル 過去の俊寛 - つみきスタイル のブックマークコメント

@charset "euc-jp";

html {
	margin: 0;
	padding: 0;
}
html * {
	font-size: 100%; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 80%; 
	color: #333;
	letter-spacing: 1px;
	line-height: 1.5;
	font-family: Verdana, Osaka, sans-serif;
	background-color: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;

	background: url(http://f.hatena.ne.jp/images/fotolife/C/Cormorant/20051125/20051125121013.gif) repeat-y scroll center top;
}
br {
	letter-spacing: 0;
}
table {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background: url(http://f.hatena.ne.jp/images/fotolife/C/Cormorant/20051125/20051125132318.jpg) no-repeat scroll center bottom;
}
table table {
	width: 100%;
	background-image: none;
}
table td {
	color: #d8e4d0;
	background-color: transparent;
}
table input {
	background-color: transparent;
}
table table td font {
	font-size: 9pt;
	color: #d8e4d0;
}
table table td a,
table table td a:hover {
	border: none;
	background-color: transparent;
	text-decoration: none;
}
.hatena-body {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: left;
}
.hatena-body table {
	color: #333;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 80%; 
	letter-spacing: 1px;
	line-height: 1.5;
	font-family: Verdana, Osaka, sans-serif;
	word-break: break-all;
	word-wrap: break-word;
	background-image: none;
}
h1 {
	width: 750px;
	margin: 0 auto;
	padding: 90px 0 110px 0;
	text-align: center;
	color: #7c9364;
	font-size: 200%;
	font-weight: normal;
	letter-spacing: 0.5em;
	background: url(http://f.hatena.ne.jp/images/fotolife/C/Cormorant/20051125/20051125131539.jpg) no-repeat scroll center top;
}
h1 a {
	color: #7c9364;
	text-decoration: none;
}
h1 a:hover {
	color: #7c9364;
	text-decoration: none;
}
div.calendar {
	width: 100%;
	font-size: 10px;
	margin: 0;
	padding: 3px 15px;
	text-align: left;
}
.main{
	width: 550px;
	text-align: left;
	padding: 0;
	margin: 0 200px 0 0;
}
div.day {
	margin: 25px 0 0 0;
	padding: 0;
}
div.body {
	margin: 0;
	padding: 10px;
}

pre {
	max-height: 300px;
	overflow: scroll;
}

/******************** sidebar ********************/

.sidebar {
	position: absolute;
	top: 40px; right: 0;
	width: 200px;
	margin: 0;
	padding: 10px;
	text-align: center;
}
.hatena-module table.calendar {
	margin: 0 auto;
	padding: 0;
}
.hatena-module td {
	color: #333;
	text-align: center;
	word-break: keep-all;
	word-wrap: normal;
}
.hatena-module .calendar-day {
	text-align: left;
}
.hatena-module ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.hatena-module ul li {
	display: inline;
}
.hatena-module ul li a {
	display: block;
}
keyword

はてなダイアリーの構造

■ はてなダイアリーの構造 はてなダイアリーのデザインの参考にしてください。 ダイアリーの構造 ヘッダの構造 カスタマイズに関するメモ ■ ブックマーク...

box-sizing

■ 注意 Opera8.0enで実装されていることを確認しました。CSS3草稿の先行実装と思われます。 実験的なものなので将来削除される可能性があります。 ■ 用語の簡単な解説 &#...

はてなブックマークの構造

■ はてなブックマークの構造 はてなブックマークのデザインの参考にしてください。 ブックマークページの構造 タグリスト絞り込みの構造 コメント直接編集機能の構...

はてなアンテナの構造

はてなアンテナの構造です 基本の構造 アンテナモード シンプルモード 詳細モード ■ 基本の構造 html body table tbody ...

はてなグループの構造::日記::日記を書くの構造

■ /css.g.hatena.ne.jp/UserID/edit ←はてなグループの構造←はてなグループの構造::日記の構造 ■ ページの構造 html body table //はてなヘッダ h1 div#ha...