SQLの窓

@wiki スタートアップ

デザインを選択
1. オレンジロゴ（２カラム）
「基本デザインのCSSを無効化する」にチェック
ユーザ定義CSS書き込み

/* サブタイトル用 */
#subttl {
        border-color:gray;
        border-style:solid;
        border-width:1px;
        font-weight:bold;
        font-size:14px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:20px;
        background-color:silver;
        background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}

/* YAHOO UI メニュー用 */
.bd A {
        font-family: "ＭＳ Ｐゴシック" !important;
        font-size: 12px !important;
        text-align: left;
}

/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
        background:transparent url(http://homepage2.nifty.com/lightbox/winofsql.png) no-repeat scroll 0%;
}
/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
        height:70px;
        width:100px;
}

body {
        background:#fff;
        color:#666;
        font-family:arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
        font-size:13px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
}

body *{
        line-height:1.5;
}

/* text-decoration:none -> リンクに下線無し */
a:link,a:visited{
        color:navy;
        text-decoration:none;
}
a:hover, a:active{
        color:forestgreen;
        text-decoration:none;
}

.box:after {
        clear:both;
        content:".";
        display:block;
        height:0pt;
        visibility:hidden;
}

/* ヘッダーのパディンクと背景色と高さ */
#header{
        margin: 0 0 0 0;
        border-bottom:3px solid #FFA500;
        background-color: forestgreen;
}

/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
        display:block;
        float:left;
        margin: 5px 5px 5px 5px;
        width: 200px;
}

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

/* サブタイトル文字の調整 */
#header h1{
        padding-top: 45px;
        padding-bottom:4px;
}


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

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

#container {
 width:100%;
 text-align:left;
}

#wrapper {
 width:100%;
}

#footer,
#toolbar {
 width:100%;
 clear:left;
}

#toolbar{
/*      display:none; */
}

#contents {
 width:100%;
 float:right;
 margin-left:-194px;
}

#contents_inner {
 margin-right:25px;
 margin-left:204px;
 border:1px dotted #FFA500;
 padding:10px;
 overflow:hidden;
}

#menubar_wrapper{
        padding-left:5px;
}

#menubar_inner h3 {
        line-height:26px;
        border-style:solid;
        border-width:1px;
        border-color:#9192A3;
        height: 26px;
        width: 155px;
        padding-left:5px;
        background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

#menubar {
 width:165px;
 float:left;
 overflow:hidden;
 /* border:2px dotted #FFA500; */
}

#menubar2 {
 width:165px;
 float:left;
 overflow:visible;
 /* border:2px dotted #FFA500; */
}       

#menubar_inner,
#menubar_inner2{
        padding:0px;
}


.menu fieldset{
        width:135px;
        overflow:visible;
}

.menu select{
        max-width:135px;
}
.menu input{
        max-width:135px;
}
.menu textarea{
        max-width:135px;
        background:#fff;
}

#footer_inner{
        padding:10px 25px;
}
#toolbar_inner{
        padding:10px 25px 0 25px;
}


/* General Rules */


p,
dl,
multicol{
        display: block;
        margin: 1em 0;
}
dd{
        display: block;
        margin-left: 20px;
}
dt{
        font-weight:bold;
}
blockquote{
        display: block;
        margin: 1em;
}
address{
        display: block;
        font-style: italic;
}
center{
        display: block;
        text-align: center;
}
h1{
        margin: 13px 0;
        font-size:167%;
        font-weight:bold;
}
h2{
        margin: 13px 0;
        font-size:152%;
        font-weight:bold;
}
h3{
        margin: 13px 0;
        font-size:13px;
        font-weight:bold;
}
h4{
        margin: 13px 0;
        font-size:129%;
        font-weight:bold;
}
h5{
        margin: 13px 0;
        font-size:114%;
        font-weight:bold;
}
h6{
        margin: 13px 0;
        font-size:100%;
        font-weight:bold;
}

xmp, 
pre, 
plaintext{
        display: block;
        font-family: fixed;
        margin: 1em 0;
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap;                 /* Opera 4-6 */
        white-space: -o-pre-wrap;       /* Opera 7 */
        white-space: pre-wrap;                  /* CSS3 */
        word-wrap: break-word;                  /* IE 5.5+ */
}

table{
        display: table;
        border-spacing: 2px;
        border-collapse: collapse;
        margin-top: 1em;
        margin-bottom: 1em;
        -moz-box-sizing: border-box;
        text-indent: 0;
        border:1px solid #aaa;
}

caption{
        display: table-caption;
        text-align: center;
}

tr{
        display: table-row;
        vertical-align: inherit;
}
col{
        display: table-column;
}
colgroup{
        display: table-column-group;
}
tbody{
        display: table-row-group;
        vertical-align: middle;
}
thead{
        display: table-header-group;
        vertical-align: middle;
}

tfoot{
        display: table-footer-group;
        vertical-align: middle;
}
table > tr{
        vertical-align: middle;
}
td{ 
        display: table-cell;
        vertical-align: inherit;
        text-align: inherit; 
        padding: 3px;
        border:1px solid #999;
}
th{
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
        padding: 3px;
        border:1px solid #999;
}
q:before{
        content: open-quote;
}
q:after{
        content: close-quote;
}

b, 
strong{
        font-weight: bolder;
}

i, 
cite, 
em, 
var, 
dfn{
        font-style: italic;
}

u, 
ins{
        text-decoration: underline;
}

s, 
strike, 
del{
        text-decoration: line-through;
}

sub{
        vertical-align: sub;
        font-size: smaller;
        line-height: normal;
}

sup{
        vertical-align: super;
        font-size: smaller;
        line-height: normal;
}

nobr{
        white-space: nowrap;
}

ul{
        display: block;
        list-style-type: disc;
        margin: 1em 0;
        padding-left: 15px;
}

ol{
        display: block;
        list-style-type: decimal;
        margin: 1em 0;
        padding-left: 25px;
}

 li{
        display: list-item;
}

 ul ul,
 ul ol,
 ul dl,
 ol ul,
 ol ol,
 ol dl,
 dl ul,
 dl ol,
 dl dl {
        margin-top: 0px;
        margin-bottom: 0;
}

 ol ul,
 ul ul{
        list-style-type: circle;
}

 ol ol ul,
 ol ul ul,
 ul ol ul,
 ul ul ul{
        list-style-type: square;
}

/*
 hr{
        display: block;
        height: 1px;
        border: 1px;
        margin: 0.5em auto 0.5em auto;
}
*/

/**/

#wikibody ul {
        list-style-image: url(http://homepage2.nifty.com/lightbox/list.gif);
}
#wikibody h3 {
        line-height:32px;
        border-style:solid;
        border-width:1px;
        border-color:#9192A3;
        height: 32px;
        padding-left:15px;
        background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

pre{
        background:#fd8;
        padding:10px;
        color:#333;
}

blockquote{
        border-left:3px solid #FFA500;
        padding-left:.5em;
}

このサブタイトルは、【**文字列】です。#wikibody h3 で定義しています

以下のように指定します

#divid(subttl){
スタートアップ
}

/* サブタイトル用 */
#subttl {
	border-color:gray;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	background-color:silver;
	background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}

/* YAHOO UI メニュー用 */
.bd A {
	font-family: "ＭＳ Ｐゴシック" !important;
	font-size: 12px !important;
	text-align: left;
}

/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
	background: transparent url(http://homepage2.nifty.com/lightbox/winofsql.png)
	no-repeat scroll 0%;
}

高さをロゴの実サイズより同じか大きく設定してタイトル部分の縦幅を調整します

/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
	height: 70px;
	width:100px;
}

/* リンク色、text-decoration:none -> リンクに下線無し */
a:link,a:visited{
	color: navy;
	text-decoration: none;
}
a:hover, a:active{
	color: forestgreen;
	text-decoration: none;
}

/* ヘッダーのパディンクと背景色と高さ */
#header{
	margin: 0 0 0 0;
	border-bottom:3px solid #FFA500;
	background-color: forestgreen;
}

/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin: 5px 5px 5px 5px;
	width: 200px;
}

/* サブタイトル文字の調整 */
#header h1{
	padding-top: 45px;
	padding-bottom:4px;
}
 
 
#header h1 a{
	color:#6c0;
	font-size: 12px;
	text-decoration:none;
	line-height:1;
}

@wiki スタートアップ

@wiki スタートアップ

このサブタイトルは、【**文字列】です。#wikibody h3 で定義しています

スタートアップメニュー