load_s.js sample2

CSS

<style type="text/css">
<!--
body {
padding: 2em 4em; margin: 0;
}
h1 {
display: none;
}
form {
padding: 5px;
}
label {
float: left;
width: 120px;
font-weight: 100;
}
form br {
clear: left;
}
input, textarea {
width: 400px;
margin-bottom: 5px;
}
textarea {
height: 150px;
}
.cbox {
width: 1em;
}
.button {
margin-left: 120px;
margin-top: 5px;
width: 5em;
}

/*
** ここから仮タグ挿入コントロールのスタイル お好みでどうぞ。
*/
.control {
font-size: .8em;
margin: 0 0 5px 0;
margin-left: 125px;
}
.control span {
display: none;
}

/*
** IE用
*/
.control a {
text-decoration: none;
height: 0 !important;
padding-top: 20px; /* アイコンの高さを指定 */
_width: 20px; /* アイコンの幅を指定 */
_height: 20px; /* アイコンの高さを指定 */
overflow: hidden;
}
.control #bt_bold {
_background: url('bt_bold.gif'); /* 太字用アイコンのURL */
}
.control #bt_italic {
_background: url('bt_italic.gif'); /* 斜体用アイコンのURL */
}
.control #bt_underline {
_background: url('bt_underline.gif'); /* 下線用アイコンのURL */
}
.control #bt_linethrough {
_background: url('bt_linethrough.gif'); /* 打ち消し用アイコンのURL */
}
.control #bt_color {
_background: url('bt_color.gif'); /* 色付き用アイコンのURL */
}
.control #bt_emoji {
_background: url('bt_emoji.gif'); /* 絵文字用アイコンのURL */
}

/*
** モダンブラウザ用
*/
.control > a {
font-size: 1px;
visibility: hidden;
}
.control > a#bt_bold:before {
content: url('bt_bold.gif'); /* 太字用アイコンのURL */
visibility: visible;
}
.control > a#bt_italic:before {
content: url('bt_italic.gif'); /* 斜体用アイコンのURL */
visibility: visible;
}
.control > a#bt_underline:before {
content: url('bt_underline.gif'); /* 下線用アイコンのURL */
visibility: visible;
}
.control > a#bt_linethrough:before {
content: url('bt_linethrough.gif'); /* 打ち消し用アイコンのURL */
visibility: visible;
}
.control > a#bt_color:before {
content: url('bt_color.gif'); /* 色付き用アイコンのURL */
visibility: visible;
}
.control > a#bt_emoji:before {
content: url('bt_emoji.gif'); /* 絵文字用アイコンのURL */
visibility: visible;
}
#table_color, #table_icon{
margin-left: 120px;
_margin-left: 0;
}
-->
</style>