現在の実行中のCSSをそのままコピペしたものです。
管理人tanaka203がCSSの編集に疎いため、詳しい方に見てもらうために置いています。
項目ページだとSeesaawikiのタグが実行されてしまうので差分をみてください
@charset "EUC-JP";
/*
---------------------------------------------------
 テンプレート名:グレイリッシュダーク
-------------------------------------------------------------

--------------------------------------------------- */
body {
	font-size:82%;
	line-height: 1.35;
	font-family: Verdana, sans-serif;
	color:#e5e5e5;
	margin:0;
	padding:0;
	background:#101010;
}


a:link       { color:#ffe8a4;text-decoration: none;}
a:visited { color:#ff8484;text-decoration:none;}
a:hover   {text-decoration: underline;}
a:active { text-decoration:underline;}


/* layout -- レイアウト
     各カラムの幅を変更したい場合は、ここで指定して下さい。
     何も指定しない場合は「#sub = 250px」「#extra = 200px」と

なります。
-------------------------------------------------------------

--------------------------------------------------- */
div#wiki-content div#main {
	margin:0 0 0 -200px;
}
div#wiki-content div#main div.column-inner {
	margin:0 0 0 190px;
}
div#wiki-content div#sub {
	width:190px;
}
div#wiki-content div#extra {
	width:190px;
}

/* #container -- body直下の指定
     共通ヘッダを含む幅を指定したい場合はここで幅を指定して下

さい。
     ただし775px以下の大きさには指定しないで下さい
-------------------------------------------------------------

--------------------------------------------------- */
div#container {}

/* #common-footer -- 共通フッタ
-------------------------------------------------------------

--------------------------------------------------- */
div#common-footer {
	padding:10px 0 20px;
}
div#common-footer a {}
div#common-footer a:hover {
	text-decoration:none;
}
div#common-footer div.column-inner {}
div#common-footer p.partner {
	margin-bottom:5px;
}

/* #wiki-container -- 個別ウィキ用のエリア
     固定の共通ヘッダを除くの幅を指定したい場合はここで幅を指

定して下さい。
-------------------------------------------------------------

--------------------------------------------------- */
div#wiki-container {}

/* #wiki-header
     タイトルの背景に画像を指定したい場合はここで指定して下さ

い。
-------------------------------------------------------------

--------------------------------------------------- */
div#wiki-header {
	height:30px;
}
div#wiki-header div.column-inner {
	padding:5px 0 0 10px;
}
div#wiki-header div.column-inner-2 {}
div#wiki-header div.column-inner-3 {}

div#wiki-title {
	margin-bottom:5px;
}
div#wiki-header div#wiki-title h1 {
	font-weight:bold;
	font-size:140%;
}
div#wiki-header div#wiki-title h1 {
	color:#fff;
	font-weight:bold;
	font-size:22px;
	line-height:1;
}
div#wiki-title a {
	text-decoration:none;
}
div#wiki-title a:link {color:#fff;}
div#wiki-title a:visited {color:#fff;}
div#wiki-title a:hover {color:#90b6cf;}
div#wiki-title a:active {}

div#wiki-header div#wiki-description {
	position:absolute;
	top:60px;
}
div#wiki-header div#wiki-description p {
	font-size:14px;
}

/* #wiki-menu
-------------------------------------------------------------

--------------------------------------------------- */
div#wiki-menu {
	background:#545454 
	height:30px;
}
ul#navigation-m {
	top:0;
	bottom:0;
	left:10px;
}
ul#navigation-m li {
	display:block;
	float:left;
}
ul#navigation-m li a {
	display:block;
	padding:0 10px;
	line-height:33px;
	text-decoration:none;
	background:none;
}
ul#navigation-m li a:hover {
	text-decoration:underline;
	background:#666 url

(http://static.seesaawiki.jp/img/usr_second/grade_dark/bg_men

ubar_on.gif) repeat-x 0 0;
}
ul#navigation-m li.top {
	background:transparent;
	margin-left:0;
	padding-left:0;
}
ul#navigation-m li.list {}
ul#navigation-m li.tags {}
ul#navigation-m li.logout {}

div#wiki-menu div.search-box {
	padding-top:6px;
}
div#wiki-menu div.search-box form {}
div#wiki-menu div.search-box ul {}
div#wiki-menu div.search-box ul li {}
div#wiki-menu div.search-box ul li input.form-text {}
div#wiki-menu div.search-box ul li input.form-button {}

div#wiki-menu ul.tool-list {
	margin-top:8px;
	margin-right:20px;
}
div#wiki-menu ul.tool-list li {}

/* #wiki-content
-------------------------------------------------------------

--------------------------------------------------- */
div#wiki-content {
	margin:10px 20px 0;
}

div#wiki-content div#main {}
div#wiki-content div#main div.column-inner {}

div#wiki-content div.sidecolumn {}
div#wiki-content div.sidecolumn div.column-inner {}

div#wiki-content div#sub {}
div#wiki-content div#sub div.column-inner {}

div#wiki-content div#extra {}
div#wiki-content div#extra div.column-inner {}


/* #main
-------------------------------------------------------------

--------------------------------------------------- */
div#main {}
div#main div.column-inner {
margin-top: 20px 0;
padding: 6px; 
}

/* #main - page-container
-------------------------------------------------------- */
div#page-container {
background: #171717;
padding: 0 8px;
}

div#page-container div.box-inner {}

div#page-header {}
div#page-header div.box-inner {}

div#page-header div.title {
	border-bottom:#fff solid 2px;
	margin-bottom:5px;
}
div#page-header div.title div.inner {}

div#page-header div.title h2 {
	font-size:160%;
	color:#fff;
}
div#page-header div.title h2 a {
	color:#fff;
	text-decoration:none;
}
div#page-header div.title h2 a:hover {
	color:#90b6cf;
}
div#page-header div.title p.history {
	top:5px;
}
div#page-header div.title p.history a {
	color:#fff;
	text-decoration:none;
}
div#page-header div.title p.history a:hover {
	color:#90b6cf;
	text-decoration:underline;
}

div#page-header p.update {
	font-size:90%;
}
div#page-header p.update a {}

/* #main - page-body
-------------------------------------------------------- */
div#page-body {
	margin:10px auto;
}
div#page-body div.box-inner {}

/* #main - page-footer
-------------------------------------------------------- */
div#page-footer {}
div#page-footer div.box-inner {}

div#information-box {
	padding:5px 10px;
	background:#151515;
	border:#b6b6b6 solid 1px;
}
ul#page-posted {}
ul#page-posted li {}
ul#page-posted li.comment {}
ul#page-posted li.trackback {}

ul#page-category {}
ul#page-category li {}
ul#page-category li.title {}
ul#page-category li.parent {}
ul#page-category li.child {}

ul#page-tags {}
ul#page-tags li {}
ul#page-tags li.title {}
ul#page-tags li.tags {}

ul#page-attachedfile {}
ul#page-attachedfile li {}
ul#page-attachedfile li.title {}

div#page-footer ul.tool-list {}
div#page-footer ul.tool-list li {}
div#page-footer ul.tool-list li img {}


/* #main tag
     ユーザーが書き込むウィキタグ→htmlタグのスタイルを指定
     プレビューの場合に必要になるので「div.user-area」に背景

色を指定してください。
     サイドカラムの色とメインカラムの色が別になる場合は、

「div.sidecolumn div.user-area」で
     サイドカラムの色も指定してください。
-------------------------------------------------------------

--------------------------------------------------- */
div.user-area {
	line-height:160%;
	background:#171717; 
}
div.sidecolumn div.user-area {
	background:transparent;
}
div.user-area hr {
	background:#9a9a9a;
	color:#9a9a9a;
}
div.user-area table th,
div.user-area table td {
	padding:5px;
	border:#666 solid 1px;
}
div.user-area table th {
	color:#fff;
	background:#333;
}
div.user-area table td {
	color:#e1e0e0;
	background:#151515;
}
div.user-area div.title-1 h3,
div.user-area div.title-2 h4,
div.user-area div.title-3 h5 {
	font-size:120%;
}
div.user-area div.title-1 {
	padding:5px;
	background:#585858
}
div.user-area div.title-1 h3 {
	color:#fff;
}
div.user-area div.title-1 h3 a {
	color:#fff;
}
div.user-area div.title-1 h3 a:hover {
	text-decoration:underline;
}
div.user-area div.title-2 {
    padding: 5px;
    background: #151515;
    border: #777777 solid;
    border-width: 1px 0;
}
div.user-area div.title-2 h4 {
	color:#fff;
}
div.user-area div.title-2 h4 a {
	color:#fff;
}
div.user-area div.title-2 h4 a:hover {
	text-decoration:underline;
}
div.user-area div.title-3 {}
div.user-area div.title-3 h5 {
	color:#fff;
}
div.user-area div.title-3 h5 a {
	color:#fff;
}
div.user-area div.title-3 h5 a:hover {
	text-decoration:underline;
}
div.user-area blockquote {
	color: #000;
	border:#000 dashed 1px;
	padding:10x;
	margin: 10px auto;
	background: #f3f3f3
}
div#main div.user-area pre.prettyprint {
	font-size: 15px;
	color:#000;
	background-color:#f3f3f3;
	padding:10px;
	border:#ccc solid 1px;
}
div.sidecolumn div.user-area pre.prettyprint {
	padding:5px;
}

/* コメント一覧・トラックバック一覧
     コメントは個別ページ(個数制限あり、「#page-footer」内に配置)、コメントページ(全件表示「#page-body」内に配置)
--------------------------------------------------------------------------------------------------------------- */
div#comment-box,
div#trackback-box {}
div#comment-box div.title,
div#trackback-box div.title {}
div#comment-box div.title h3,
div#trackback-box div.title h3 {
	font-size:120%;
}
div#comment-box div.body,
div#trackback-box div.body {}
div#comment-box div.body div.text,
div#trackback-box div.body div.text {
	font-size:120%;
	line-height:1.5;
	padding-bottom:10px;
	border-bottom:#999 dashed 1px;
	margin-bottom:20px;
}
div#comment-box div.body div.text p,
div#trackback-box div.body div.text p {}
div#comment-box div.body div.text span.posted,
div#trackback-box div.body div.text span.posted {}

/* 個別ページ内での設定 */
div.page-index div#comment-box {
	border-top:#999 solid 1px;
	padding-top:10px;
	margin:20px auto 10px;
}
div.page-index div#comment-box div.title {
	margin-bottom:5px;
}
div.page-index div#comment-box div.title h3 {}
div.page-index div#comment-box div.body {}
div.page-index div#comment-box div.body div.text {
	margin-bottom:20px;
}
div.page-index div#comment-box div.body div.text p {
	font-size:90%;
	line-height:1.5;
}
div.page-index div#comment-box div.body div.text span.posted {
	font-size:90%;
}

/* コメントページ内での設定 */
div.page-comment div#comment-box {}
div.page-comment div#comment-box div.title {}
div.page-comment div#comment-box div.title h3 {}
div.page-comment div#comment-box div.body {}
div.page-comment div#comment-box div.body div.text {
	margin-bottom:20px;
}
div.page-comment div#comment-box div.body div.text p {
	font-size:90%;
	line-height:1.5;
}
div.page-comment div#comment-box div.body div.text span.posted {
	font-size:90%;
}


/* トラックバックフォーム */
div#trackback-box div.entry {}
div#trackback-box div.entry label {
	padding:0 0 0 20px;
	background:transparent url

(http://static.seesaawiki.jp/img/usr_second/common/icon_comme

nt.gif) no-repeat 0 0;
	margin:0 0 10px 0;
}
div#trackback-box div.entry input {}

/* 投稿フォーム */
div.page-comment div#page-body div.form-box {}
div.page-comment div#page-body div.form-box div.title {
	padding:0 0 0 20px;
	background:transparent url

(http://static.seesaawiki.jp/img/usr_second/common/icon_comme

nt.gif) no-repeat 0 0;
	margin:0 0 10px 0;
}
div.page-comment div#page-body div.form-box div.title h3 {}
div.page-comment div#page-body div.form-box table {}
div.page-comment div#page-body div.form-box table tr {}
div.page-comment div#page-body div.form-box table th {}
div.page-comment div#page-body div.form-box table td {}
div.page-comment div#page-body div.form-box table td p {}
div.page-comment div#page-body div.form-box table td 

input#author {}
div.page-comment div#page-body div.form-box table td 

input#email {}
div.page-comment div#page-body div.form-box table td 

input#url {}
div.page-comment div#page-body div.form-box table td 

input#captcha {}
div.page-comment div#page-body div.form-box table td textarea 

{}
div.page-comment div#page-body div.form-box table td.button 

{}
div.page-comment div#page-body div.form-box table td.button 

input {}

/* ページ一覧
-------------------------------------------------------------

--------------------------------------------------- */
div.page-pagelist {}
div.page-pagelist div#page-header div.box-inner {}

div#main div.form-box {}
div#main div.form-box select {}
div#main div.form-box input {}

div.paging-top {}
div.paging-bottom {}
div.paging-top p {}
div.paging-bottom p {}

ul.paging-list {}
ul.paging-list li {}
ul.paging-list li.prev {}

ul.page-list {}
ul.page-list li {}
ul.page-list li.last {}
ul.page-list li span {}
ul.page-list li span img {}

/* 検索一覧・タグ一覧
---------------------------------------------------------------------------------------------------------------- */
div.page-result {}
div.page-result div.tagcloud {}

/* 検索フォーム */
div.search-box-main {
	height:64px;
	border:#666 solid 1px;
	background:#222;
}
div.search-box-main div.box-inner {
	padding:0!important;
	background:transparent!important;
	height:64px;
	text-align:center;
}
div.search-box-main div.box-inner form {
	padding-top:7px;
}
div.search-box-main input {
	vertical-align:middle;
}
div.search-box-main label {
	vertical-align:middle;
	margin:0 3px 0 2px;
}
div.search-box-main ul {
	padding:0;
	margin:3px auto 0;
}
div.search-box-main ul li.title {
	color:#fff;
}
div.search-box-main ul li {
	display:inline;
}
div.search-box-main ul li.form-text {
	margin-left:5px;
}

div.search-box-main ul li.form-text input {}
div.search-box-main ul li.form-text input#keywords {
	width:300px;
	font-size:14px;
	padding:3px 2px 2px;
	border:#000 solid;
	border-width:1px 0 1px 1px;
}
*:first-child+html div.search-box-main ul li.form-text input#keywords {
	padding:4px 2px 3px;
}
* html div.search-box-main ul li.form-text input#keywords {
	padding:4px 2px 3px;
}

div.page-result div.tagcloud {}


div.result-box {}
div.result-box p.title {}
div.result-box p.title strong {}
div.result-box div.paging-top {}
div.result-box div.paging-bottom {}

div.result-box div.body {}
div.result-box div.body h3.keyword {}
div.result-box div.body p.text {}
div.result-box div.body p.url {}

/* 履歴
     小見出し、リストはデフォルトではwikipageのカキコミエリア

と同じものがでる。
     ページ独自の指定がしたい場合はここで設定
-------------------------------------------------------------

--------------------------------------------------- */
div.page-history p {}
div.page-history p.update {}
div.page-history p.update img {}

/* 復元ポイントリスト */
div.page-history div.user-area ul.point-list {}

/* 履歴リスト */
div.page-history div.user-area ul.history-list {}

div.page-history div.user-area div.title-1 {}
div.page-history div.user-area div.title-1 h3 {}
div.page-history div.user-area ul.list-1 {}
div.page-history div.user-area ul.list-1 li {}

/* 差分
---------------------------------------------------------------------------------------------------------------- */
div.page-diff {}
div.page-diff div.information-box {}
div.page-diff div.information-box p {}
div.page-diff div.information-box p.category {}

/* 差分表示・追加 */
div.page-diff .line-add {}
/* 差分表示・削除 */
div.page-diff .line-delete {}
/* 差分表示・囲み */
div.page-diff div.diff-box {
	color:#000;
}

/* 読者表示
     小見出し、リストはデフォルトではwikipageのカキコミエリアと同じものがでる。
     ページ独自の指定がしたい場合はここで設定
-------------------------------------------------------------

--------------------------------------------------- */
div.page-readmember {}
div.page-readmember div.user-area {}
div.page-readmember div.user-area div.title-1 {}
div.page-readmember div.user-area div.title-1 h3 {}
div.page-readmember div.user-area ul.list-1 {}
div.page-readmember div.user-area ul.list-1 li {}

/* 添付一覧
-------------------------------------------------------------

--------------------------------------------------- */
div.page-attachment {}
div.page-attachment div.paging-top {
	padding:10px 0 0;
}

div.page-attachment ul.page-list li.even {
	background:transparent;
}
div.page-attachment ul.page-list li.odd {
	background:#666;
}

/* .sidecolumn
-------------------------------------------------------------

--------------------------------------------------- */
/* #sub
-------------------------------------------------------- */
div#wiki-content div#sub {
	padding-top:5px;
	background:#171717 repeat-x 0 0;
}
div#wiki-content div#sub div.column-inner {}

/* #extra
-------------------------------------------------------- */
div#wiki-content div#extra {}
div#wiki-content div#extra div.column-inner {}

/* .sidecolumn
      「extra」「sub」どちらのカラムにも共通するものはここで

指定して下さい。
-------------------------------------------------------- */
div.sidecolumn {}
div.sidecolumn div.column-inner {
    background: #171717;
}




div.side-box,div.free-box,div.sidecolumn div.form-box {}
div.side-box div.box-inner,div.free-box div.box-

inner,div.sidecolumn div.form-box div.box-inner {}
div.side-box div.title,div.free-box div.title,div.sidecolumn 

div.form-box div.title {
	color:#fff;
	padding-bottom:2px;
	border-bottom:#ddd solid 2px;
	margin-bottom:10px;
}
div.side-box div.title h2,div.free-box div.title 

h2,div.sidecolumn div.form-box div.title h2 {}

div.side-box div.body,div.free-box div.body,div.sidecolumn 

div.form-box div.body {
	margin-bottom:0px;
}
div.side-box div.body div.inner,div.free-box div.body 

div.inner,div.sidecolumn div.form-box div.body div.inner {}

div.sidecolumn div.ld-plugin div.inner {}
div.sidecolumn div.ld-plugin div.inner p.count {}
div.sidecolumn div.ld-plugin div.inner p.count a { }
div.sidecolumn div.ld-plugin div.inner p.button {}

div.side-box {}
div.side-box div.box-inner {}
div.side-box div.title {}
div.side-box div.title h2 {}
div.side-box div.body {}
div.side-box div.body div.inner {}
div.side-box ul {}
div.side-box ul li {}
div.side-box ul li span {}
div.side-box ul.parent-list {}
div.side-box ul.parent-list li {}
div.side-box ul.parent-list li h3 {
	font-weight:bold;
	font-size:120%;
}
div.side-box ul.parent-list li h3 a {
	color:#b9b9b9;
	text-decoration:none;
}
div.side-box ul.parent-list li h3 a:hover {
	color:#61a9e7;
}
div.side-box ul.child-list {
	margin:0;
}
div.side-box ul.child-list li {
	padding-left:10px;
	background:url(http://image02.seesaawiki.jp/o/d/overlord/oFgu3rhbbo.png) no-repeat 0 7px;
	margin-bottom:5px;
}
div.side-box ul.child-list li a {}
div.side-box ul.child-list li a:hover {}
div.side-box div.tagcloud {
	padding:5px;
	background:#333;
}
div.ld-plugin p.button {
	padding:10px 0 0;
}

div.free-box {}
div.free-box div.box-inner {}
div.free-box div.title {}
div.free-box div.title h2 {}
div.free-box div.body {}
div.free-box div.body div.inner {}

div.sidecolumn div.form-box form {}
div.sidecolumn div.form-box form input.form-text {
	width:140px;
}
div.sidecolumn div.form-box form input.form-button {}
div.sidecolumn div.form-box {}
div.sidecolumn div.form-box div.box-inner {}
div.sidecolumn div.form-box div.title {}
div.sidecolumn div.form-box div.title h2 {}
div.sidecolumn div.form-box div.body {}
div.sidecolumn div.form-box div.body div.inner {}

/* 「div.side-box」と並列なもの
      「recent」更新情報「category」カテゴリ「comment」 -- リ

ストを使用
-------------------------------------------------------- */
div.sidecolumn div.recent {}
div.sidecolumn div.recent div.box-inner {}
div.sidecolumn div.recent div.title {}
div.sidecolumn div.recent div.title h2 {}
div.sidecolumn div.recent div.body {}
div.sidecolumn div.recent div.body div.inner {}
div.sidecolumn div.recent ul {}
div.sidecolumn div.recent ul li {}
div.sidecolumn div.recent ul.parent-list {}
div.sidecolumn div.recent ul.parent-list li {}
div.sidecolumn div.recent ul.parent-list li h3 {}
div.sidecolumn div.recent ul.parent-list li h3 a {}
div.sidecolumn div.recent ul.child-list {}
div.sidecolumn div.recent ul.child-list li {}
div.sidecolumn div.recent ul.child-list li a {}

div.sidecolumn div.category {}
div.sidecolumn div.category div.box-inner {}
div.sidecolumn div.category div.title {}
div.sidecolumn div.category div.title h2 {}
div.sidecolumn div.category div.body {}
div.sidecolumn div.category div.body div.inner {}
div.sidecolumn div.category ul {}
div.sidecolumn div.category ul li {}
div.sidecolumn div.category ul.parent-list {}
div.sidecolumn div.category ul.parent-list li {}
div.sidecolumn div.category ul.parent-list li h3 {
	font-weight:bold;
	font-size:120%;
}
div.sidecolumn div.category ul.parent-list li h3 a {}
div.sidecolumn div.category ul.parent-list li h3 a:hover {
	text-decoration:none;
}
div.sidecolumn div.category ul.child-list {}
div.sidecolumn div.category ul.child-list li {}
div.sidecolumn div.category ul.child-list li a {}

div.sidecolumn div.comment {}
div.sidecolumn div.comment div.box-inner {}
div.sidecolumn div.comment div.title {}
div.sidecolumn div.comment div.title h2 {}
div.sidecolumn div.comment div.body {}
div.sidecolumn div.comment div.body div.inner {}
div.sidecolumn div.comment ul {}
div.sidecolumn div.comment ul li {
	margin-bottom:5px;
}
div.sidecolumn div.comment ul li span {}

div.sidecolumn div.banner {}
div.sidecolumn div.banner div.body {
	padding:0 5px;
	text-align:center;
}

div.sidecolumn ul.editorList {}
div.sidecolumn ul.editorList li {
	display:block;
	float:left;
	margin:0 3px 3px 0;
}
div.sidecolumn ul.editorList li img {
	width:32px;
	height:32px;
}

/* google adsense
-------------------------------------------------------------

--------------------------------------------------- */
div#main div.adsense-box {
	padding:5px 0 0;
	margin:10px auto;
	background:#333;
	display:block!important;
}
div.sidecolumn div.adsense-box {
	padding:5px;
	margin:0 auto;
	display:block!important;
	background:#333;
}
div#main div.adsense-main-inner {
	border:none;
	margin:0 auto 10px;
}

div.adsense-box {}
div.adsense-box p {
	color:#b9b9b9;
	text-align:right;
	font-size:90%;
	font-weight:bold;
	line-height:100%;
	padding:0 5px 5px 0;
}
div.adsense-box ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.adsense-box ul li {}
div.adsense-box ul li a {
	padding:5px;
}
div.adsense-box ul li a:hover {
	background:#666;
}
div#main div.adsense-box ul li a {
	line-height:1;
	background:url(http://static.seesaawiki.jp/img/usr_second/common/icon_pr.gif) no-repeat 5px 5px;
	padding-left:30px;
}
div#main div.adsense-box ul li a:hover {
	background:#666 url(http://static.seesaawiki.jp/img/usr_second/common/icon_pr.gif) no-repeat 5px 5px;
	padding-left:30px;
}
div.adsense-box ul li span.ads-title {
	color:#7193aa;
	font-weight:bold;
	text-decoration:none!important;
}
div.adsense-box ul li span.ads-url {
	color:#fff;
	font-size:80%;
}
div.adsense-box ul li span.ads-text {
	color:#b9b9b9;
	font-size:80%;
}
div.sidecolumn div.adsense-box ul li span.ads-url {
	display:block;
	margin:5px 0;
}
div.sidecolumn div.adsense-box ul li span.ads-text {
	line-height:1.5;
}

/* tagcloud
---------------------------------------------------------------------------------------------------------------- */
div.tagcloud {}
div.tagcloud span {}
div.side-box div.tagcloud {
	background:#000;
}
.tagcloud_base a:link{color:#fff;text-decoration:none;}
.tagcloud_base a:visited{color:#fff;text-decoration:none;}
.tagcloud_base a:active{color:#f00;text-decoration:none;}
.tagcloud_base a:hover{color:#f00;text-decoration:underline;}

.tagcloud_used a:link{color:#ffa;}
.tagcloud_used a:visited{color:#ffa;}
.tagcloud_used a:active{color:#f30;}
.tagcloud_used a:hover{color:#f30;}

.tagcloud_t0 a:link{color:#333;}
.tagcloud_t0 a:visited{color:#333;}
.tagcloud_t0 a:active{color:#f30;}
.tagcloud_t0 a:hover{color:#f30;}

.tagcloud_t1 a:link{color:#666;}
.tagcloud_t1 a:visited{color:#666;}
.tagcloud_t1 a:active{color:#f30;}
.tagcloud_t1 a:hover{color:#f30;}

.tagcloud_t2 a:link{color:#aaa;}
.tagcloud_t2 a:visited{color:#aaa;}
.tagcloud_t2 a:active{color:#f30;}
.tagcloud_t2 a:hover{color:#f30;}

.tagcloud_t3 a:link{color:#eee;}
.tagcloud_t3 a:visited{color:#eee;}
.tagcloud_t3 a:active{color:#f30;}
.tagcloud_t3 a:hover{color:#f30;}

.tagcloud_t4 a:link{color:#fff;}
.tagcloud_t4 a:visited{color:#fff;}
.tagcloud_t4 a:active{color:#f30;}
.tagcloud_t4 a:hover{color:#f30;}
-------------------------------------------------------- */
-------------------------------------------------------- */
/* トグル
------------------------------------- */
div.user-area a.toggle-link-close {
	cursor: pointer;
	background:url(http://static.seesaawiki.jp/img/usr_second/common/design_black/icon_close.gif) no-repeat 0 0;
}

div.user-area a.toggle-link-open {
	cursor: pointer;
	background:url(http://static.seesaawiki.jp/img/usr_second/common/design_black/icon_open.gif) no-repeat 0 0;
}

div.user-area div.toggle-display {
    padding-left: 5px;
}
/* 関連タグ
------------------------------------- */
div.tags-box p.title a.imageLink {
	width:48px;
	height:18px;
}
div.tags-open a.imageLink {
	background:url(http://static.seesaawiki.jp/img/usr_second/common/design_black/btn_tag.gif) no-repeat;
}
div.tags-close a.imageLink {
	background:url(http://static.seesaawiki.jp/img/usr_second/common/design_black/btn_tag_on.gif) no-repeat;
}

/* フィードボックス
------------------------------------- */
div.feed-box {
	color:#fff;
	border:none;
	background:#000;
	padding:0 0 5px;
	border:#535353 solid 1px;
	margin-bottom:10px;
}
div.feed-box a {
	color:#fff;
	text-decoration:underline;
}
div.feed-box a:visited {
	color:#f3f3f3;
}
div.feed-box a:hover,
div.feed-box a:active {
	text-decoration:none;
}

div.feed-box p.title {
	color:#fff;
	padding:5px;
	background:#171717;
}
div.feed-box p.title a {
	color:#fff;
	text-decoration:none;
}
div.feed-box p.title a:hover {
	text-decoration:underline;
}
div.feed-box p.title span {
	padding-top:5px;
	padding-left:5px;
	display:inline;
	margin-right:0;
	background:transparent;
}




/* 編集画面のテキストエリア */

div.edit-entry textarea {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
}

/* 掲示板のフォント */
div#bbs-box {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
}

/* 掲示板の文字サイズ変更 レスに対して */
#bbs-box p.comment {
	font-size: 14px;
|=
タグ

このページへのコメント

これCSSはバックアップの方でお話しましょうか。
掲示板でもいいですけど掲示板は移動がめんどくさい

0
Posted by  tanaka203 tanaka203 2018年09月16日(日) 00:32:45 返信

コメントが増えると改行されるのはSeesaaに要望ださないと……

今日は長く付き合ってくれてありがとうございます
心から感謝しています


■サイドコラムの余白
div#wiki-content div#extra {
margin-top: 8px;
}

ありがとうございます。覚えます


■思ったんですがサイドコラムのコメントの表示件数を少し減らしても良いのでは?と感じました。
現在スマホユーザーが全体の7割です。最近コメント一覧が実装されてスマホユーザーがコメントを追うことができるように成りました。
この一覧はPCユーザーと共通の件数なので、現在、PCユーザーには泣きを見てもらっている状態です。
今日のようにコメントが多いと流れるので、どのくらいまで減らすかは難しいところです。


■seesaawikiのヘッダーについて
色々と色を変更していくとここの#000が気になりだします。
こちらもグレー配色にして見やすくしちゃいましょう。

採用したいと思います。
ただ、コメントページで広告ある余白は削除。色指定は背景色と同じ#101010に指定します。
広告を邪魔するつもりは無いですが、ギリギリまで詰めます。ブロックツール使ってヘッダー丸ごと消すこともできるので、個人ごとにやってほしい範囲ではありますが。

■横幅サイズの最低値 div#wiki-container { min-width: 760px; } こうすることで、ウィンドウを狭めても760pxは最低でも維持されます。ウィンドウ狭めて文字ごちゃごちゃより圧倒的に良いでしょう。 この状態での全体の幅は1000pxに収まっています。 ウィンドウ幅に合わせるよりwidth:760で固定した方が全ページを通したページのデザインバランスがやりやすいですが、ここらへんはお好みで。

これですが、先に述べたとおり現在スマホユーザーが非常に多いので、スマホユーザーの環境では大丈夫なのでしょうか?

0
Posted by  tanaka203 tanaka203 2018年09月15日(土) 23:57:39 返信数(3) 返信

メモ(その1のCSS)

1.コメント返信の「このコメントに返信する」が白色
2.コメント画面の広告の背景と余白の削除
3.div#main div.user-area pre.prettyprintの調整

0
Posted by  tanaka203 tanaka203 2018年09月16日(日) 00:16:06

スマホの事を全く考えていませんでした、これは失敬。
ページのデザインバランスは4~500pxが目安になりますね...

widthの設定はスマホ向けのCSSには影響しないのでご安心を。

0
Posted by 名無し 2018年09月16日(日) 00:20:50

基本的にスマホユーザーはスマホ画面でみるので、CSS変更はPCやiPad向けのものになります。
スマホ画面はユーザーが設定したCSSの影響はほぼ受けません。

ただPC画面をみるスマホユーザーも一定数いますので、当wikiではテーブルの横幅を600くらいまでで抑えるようにしてます。

基本的には現在調整中のCSSでいいと思います

0
Posted by  tanaka203 tanaka203 2018年09月16日(日) 00:29:35

改行されなかったので改めて。というかseesaawikiのコメント欄本当に使いづらいなぁ...

追記

■横幅サイズの最低値
div#wiki-container {
min-width: 760px;
}

こうすることで、ウィンドウを狭めても760pxは最低でも維持されます。ウィンドウ狭めて文字ごちゃごちゃより圧倒的に良いでしょう。

この状態での全体の幅は1000pxに収まっています。


ウィンドウ幅に合わせるよりwidth:760で固定した方が全ページを通したページのデザインバランスがやりやすいですが、ここらへんはお好みで。


■その他の調整について
恐らく、現在のコンテンツを詰める方式からcssで行える調整はこれくらいだと思います。

残ってる事はコンテンツの文字サイズを下げるなりでしょう。(サイドコラムのコメント一覧とか)
部分的に文字色を薄くして強弱ハッキリなんかはライターの仕事かな。

オーバーロードは情報量も多い上、seesaawikiは自由が聞き辛くデザインに悩み考える事も多いでしょうが頑張ってください。
私もあるwikiを管理していますが、見やすさを考える余り情報の量が少なくなってしまいました。結局の所、デザインなんてものは後から付ければいいので悩んだら誰かに丸投げです(笑)

また何かいい案が思いついたら明日にでも書き込みます。

0
Posted by 名無し 2018年09月15日(土) 23:42:17 返信

おぉー。掲示板のフォントが変更されている。すごいですね出来ないと思ってました。
でも11pxは小さいので14pxにしてます

0
Posted by  tanaka203 tanaka203 2018年09月15日(土) 20:31:19 返信数(6) 返信

時間が掛かってしまいましたが変更出来たようで何よりです。

一度、CSSの整理をしては如何でしょうか、不慮の削除の時などに発見がしやすいでしょう。
CSS内のスクロールも早くなるのでいい事尽くめかと思われます。
CSS下部でURLが改行されてたりする場所も気になりますし...

もし誰でも編集可能ページを作ってくださればそこに整理後のCSSを貼り付けましょう。

0
Posted by 名無し 2018年09月15日(土) 20:43:48

トラックバックフォームと関連タグの話ですね。
URLが改行されているのは、私自身詳しくないので、ここにURLを設定すればいいというのがわかりやすいように改行していました
見出し、リスト、トグルなども前は画像を指定してなかったんですが、今は使ってます
暇つぶしに関連タグのURL復帰させてみようかな

background:transparent url

(http://static.seesaawiki.jp/img/usr_second/common/icon_comme


>もし誰でも編集可能ページを作ってくださればそこに整理後のCSSを貼り付けましょう。

ありがたいですが大変ですよ。見返りも感謝しかできません。
模試やってくださるなら、バックアップは項目の自由編集が可能なので、そちらをご利用ください

0
Posted by  tanaka203 tanaka203 2018年09月15日(土) 20:59:32

ttp://seesaawiki.jp/overload2/d/css_user_test

こちらにCSSを貼り付けました。特にCSSを纏めれた訳ではありません。
{}だけで使われてない無駄なCSSを消して1072行 → 734行程度になりました。あんま変わらないですね...

■角っぽさを和らげる
main sub extraのコラムの角に4px程丸みを設けました。0よりマシだと思い入れましたが、気に入らなければ削除してください。


■変な余白の削除
mainとsubとの間に変な段差が出来てたので消しました。


■サブメニュー間の余白の追加
やや見やすく感じるのではないでしょうか?こちらも気に入らなければ削除です。


■フォントの字間の調整
bodyにletter-spacing: 0.05emを追加し可読性を上げました。
長文の多いオーバーロードではあった方が良いと主張します。line-heightも1.35から少し上げても良いのではないでしょうか?最大1.8の1.6などが推奨だったりします。
letter-spacingに関してはレイアウトが崩れる可能性も無きにしもあらずなのでご注意を。
(テーブルの幅固定してたりだとか、サイドコラムで改行が発生したりだとか。この場合はサイドコラムに個別で設定必要。)



角丸等は反映しない場合の為、上記の余白の段差と無駄なCSSを削除したバージョンも用意してあります。

0
Posted by 名無し 2018年09月15日(土) 21:51:09

お疲れ様です!

現在、「その1 色々変更したバージョン」をバックアップで使用中です。

まず、検索バー、検索ボタン、検索条件が改行されているので、検索バーを140から130に変更します。
サブメニューに膨大なメニューが有るオバロで改行が多くなるとマウススクロールが大変になるので。

div.sidecolumn div.form-box form input.form-text
width:140px; →130


■letter-spacing: 0.05em
これすごくいいですね。
長文か著しい私の文章にはありがたい機能です。ぜひ採用したいと思います。
ただおっしゃっている通り、ギリギリの幅指定をシているテーブル内で改行が発生すると思いますので、特にキャラデータのテーブルは注意します。

■main sub extraのコラムの角に4px程丸みを設けました。
問題ないと思います。

■line-heightも1.35から少し上げても
検討します

■最近更新したページ
せっかくなので伺いたいのですが、サブメニューの下にある余白をもう少しだけ詰めることはできますでしょうか?
実は余白をあけたいと思っていた箇所なので、メインとサブメニューの間にあるくらいの幅にしてほしいです。

0
Posted by  tanaka203 tanaka203 2018年09月15日(土) 22:43:52

■サイドコラムの余白
div#wiki-content div#extra {
margin-top: 8px;
}

ここの部分をイジれば幅を変更可能です。修正前は20pxでした。
ただ、今の色設定だと若干別れてる感じがしませんね。サイドだけ薄くするといいかもしれません。
div.sidecolumn div.column-inner {
#181818 ~ 202020くらいが良いかも?
}

思ったんですがサイドコラムのコメントの表示件数を少し減らしても良いのでは?と感じました。


■seesaawikiのヘッダーについて
色々と色を変更していくとここの#000が気になりだします。
こちらもグレー配色にして見やすくしちゃいましょう。
div#common-header {
color: #333;
}


一応、上記の修正はcss_user_testページの項目2にて修正してあるので、こちらからコピペおkです。

0
Posted by 名無し 2018年09月15日(土) 23:18:56

div.user-area div.toggle-display {
padding-left: 5px;

ここの「}」が消えてますね、これが原因でしょう。

0
Posted by 名無し 2018年09月15日(土) 20:22:04 返信数(2) 返信

トグルボタンの話ですか?
修正しましたがだめでした!

0
Posted by  tanaka203 tanaka203 2018年09月15日(土) 20:27:04

私の画面だと、掲示板の方にCSS適応されてますね...

0
Posted by 名無し 2018年09月15日(土) 20:32:42

コメントをかく


「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

Wiki内検索

資料集


メンバーのみ編集できます