sequenza@wiki

オレンジロゴ(2カラム)用 > 2カラム(オレンジ)



ユーザー定義CSS。
以下全てコピペで、cssカスタマイズで登録。
編集画面じゃないと全文でてこないので中身確認のこと。 【全文編集】

カスタマイズ箇所
  • 記事見出し1(h2)、2(h3)、3から5(h4-6)設定
  • メニュー見出し1(menu h2)の設定
  • ヘッダーのページタイトル部分の位置・枠線設定
  • 全体行間設定 全体基本フォントサイズ設定
  • メニュー欄の幅を 200まで引き伸ばし
  • リンクの色とか
  • 引用 blockquote
  • hrの 表示設定 線を細く見せるために。





/*全体設定-------------------*/
body {
background:#FFCC66;
color:#333333;
font-family:arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
font-size:12px;
line-height:1.7em;
}


#wrapper
/*メニュー-------------------*/
#menubar
#menubar_inner
,
#menubar_inner2
/*メイン部分-------------------*/

#contents_inner

/*ヘッダー-------------------*/
/*アイコン付き*/
#atwiki
  • jp-bg1 {
background:transparent url(http://img.atwiki.com/image/035col3/logo_atwiki.gif) no-repeat scroll 0%;
}
#header
a#atwiki-jp-bg1 {
height:100px;
width:100px;
border-style:none;
}

#header
#header
a#atwiki-jp-bg1 {
float: left;
display:block;
margin:25px 25px 25px 25px;
}

#header
h1,
#header
h2{
margin:0;
padding:0;
line-height:1;
}

#header
h1{
padding-top:40px;
padding-bottom:4px;
}
#header
h2{
padding-top:40px;
margin-left:200px;
background-color:#ffffff;
border-style:solid ;
border-width:0px 0px 0px 0px;
border-color:#FFA500;

}


#header
h1 a{
color:#6c0;
font-size:40px;
text-decoration:none;
line-height:1;
border-style:none;
}

#header
h2 a{
color:#333;
font-size:15px;
text-decoration:none;
line-height:1;
border-style:none;
}

/*フッター------------------*/
#footer
,
#toolbar
#toolbar

/*リンク-------------------*/

a:link,a:visited
{
color:#330000;
background-color:inherit;
text-decoration:none;
border-color:#CCC;
border-width:0px 0px 1px 0px;
border-style:solid;
}
a:hover, a:active
{
color:#6c0;
border-color:#6c0;
}

/*blockquote-------------------*/
blockquote {
margin: 5px;
padding: 5px;
border: #aaaaaa 1px solid;
color:#333;
background:#eeeeee;
}
/*区切り線-------------------*/

hr{
color:#333333;
border-width:1px 0px 0px 0px;
}


/*メニューのタイトル設定-----------------------*/
#menubar_inner
h2{
text-align:center;
border-style:solid ;
border-width:1px 1px 1px 1px;
border-color:#FFA500;
background-color:#FFA500;
}

#menubar_inner
h3{
text-align:center;
border-style:solid ;
border-width:1px 1px 1px 1px;
border-color:#FFA500;
background-color:#FFCC33;
}

/*メインのタイトル設定-----------------------*/
/*「h1」はホーム頁タイトルなので指定しない------*/
h2{
letter-spacing:0.15em;
font-size:14px;
color:black;
background-color:#FFCC33;
border-style:solid ;
border-width:1px 1px 1px 10px;
border-color:#FFA500;
padding:.3em .3em .15em .5em;
margin-left:-5px;
margin-top:5px;
}
h3{
letter-spacing:0.15em;
font-size:13px;
color:black;
border-style:solid ;
border-width:1px 1px 1px 5px;
border-color:#FFA500;
padding:.3em .3em .15em .5em;
margin-left:-2px;
margin-top:5px;
}
h4, h5, h6{
letter-spacing:0.15em;
font-size:12px;
color:black;
border-bottom:1px dotted;
border-color:#FFA500;
padding:.3em .3em .15em .5em;
margin-left:0px;
margin-top:5px;
}

ul,ol{
padding:0;
margin:0;
margin-left: 10px;
}

ul li {
margin: 0 0px 0 10px;
padding: 0;
line-height: 150%;
}

ol li {
margin: 0 0px 0 10px;
padding: 0;
line-height: 150%;
}
#contents_inner
table, #menu_body2 table{
padding:0px;
border:0px;
text-align:left;
color:inherit;
table-layout: auto;
border-collapse:collapse;
margin:5px;
}


#contents_inner
th, #menu_body2 th{
padding:5px;
margin:1px;
text-align:center;
color:inherit;
border:1px solid #666;
}
#contents_inner
td, #menu_body2 td{
font-size:12px;
padding:5px;
margin:1px;
color:inherit;
border:1px solid #666;
}
#contents_inner
tr, #menu_body2 tr{
font-size:12px;
padding:5px;
margin:1px;
color:inherit;
border:1px solid #666;
}
#ads
{
margin-top:30px;
border: #aaaaaa 1px dotted;
background:#eee;
padding:10px;
}