「CSS整形」の編集履歴（バックアップ）一覧はこちら

「CSS整形」(2008/02/14 (木) 15:34:41) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#setmenu(テキスト変換サービス)
*CSS整形
#image(cssa.jpg)
 例えば、以下のコードは Google の検索ページを右クリックしてソースコードを表示させて、
 CSS 部分を取り出したものですが、整形する事によって読めるようになります
#codehighlight(javascript) {{{
body,td,a,p,.h{font-family:arial,sans-serif}.h{font-size:20px}.h{color:#3366cc}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}#gbar{float:left;font-weight:bold;height:22px;padding-left:2px}.gbh,.gb2 div{border-top:1px solid #c9d7f1;font-size:0;height:0}.gbh{position:absolute;top:24px;width:100%}.gb2 div{margin:5px}#gbi{background:#fff;border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;top:24px;z-index:1000}#guser{padding-bottom:7px !important}#gbar,#guser{font-size:13px;padding-top:1px !important}@media all{.gb1,.gb3{height:22px;margin-right:.73em;vertical-align:top}.gb2 a{display:block;padding:.2em .5em}}#gbi,.gb2{left:0;position:absolute;visibility:hidden}.gb2{z-index:1001}#gbar a,#gbar a:active,#gbar a:visited{color:#00c;font-weight:normal}.gb2 a,.gb3 a{text-decoration:none}#gbar .gb2 a:hover{background:#36c;color:#fff;display:block}
}}}
#codehighlight(javascript) {{{
body,
td,
a,
p,
.h {
    font - family: arial,
    sans - serif;

}

.h {
    font - size: 20px;
    color: #36c;

}

.q {
    color: #00c;

}

.ts td {
    padding: 0;

}

.ts {
    border - collapse: collapse;

}

#gbar {
    float: left;
    font - weight: 700;
    height: 22px;
    padding - left: 2px;

}

.gbh,
.gb2 div {
    border - top: 1px solid#c9d7f1;
    font - size: 0;
    height: 0;

}

.gbh {
    position: absolute;
    top: 24px;
    width: 100 % ;

}

.gb2 div {
    margin: 5px;

}

#gbi {
    background: #fff;
    border: 1px solid;
    top: 24px;
    z - index: 1000;
    border - color: #c9d7f1#36c#36c#a2bae7;

}

#guser {
    padding - bottom: 7px ! important;

}

#gbar,
#guser {
    font - size: 13px;
    padding - top: 1px ! important;

}

#gbi,
.gb2 {
    left: 0;
    position: absolute;
    visibility: hidden;

}

.gb2 {
    z - index: 1001;

}

#gbar a,
#gbar a: active,
#gbar a: visited {
    color: #00c;
    font - weight: 400;

}

.gb2 a,
.gb3 a {
    text - decoration: none;

}

#gbar.gb2 a: hover {
    background: #36c;
    color: #fff;
    display: block;

}

@media all {
    .gb1,
    .gb3 {
        height: 22px;
        margin - right: .73em;
        vertical - align: top;

    }

    .gb2 a {
        display: block;
        padding: .2em.5em;

    }

}
}}}

----

#setmenu(テキスト変換サービス)
*&this_page()
#image(cssa.jpg)
 例えば、以下のコードは Google の検索ページを右クリックしてソースコードを表示させて、
 CSS 部分を取り出したものですが、整形する事によって読めるようになります
#codehighlight(javascript) {{{
body,td,a,p,.h{font-family:arial,sans-serif}.h{font-size:20px}.h{color:#3366cc}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}#gbar{float:left;font-weight:bold;height:22px;padding-left:2px}.gbh,.gb2 div{border-top:1px solid #c9d7f1;font-size:0;height:0}.gbh{position:absolute;top:24px;width:100%}.gb2 div{margin:5px}#gbi{background:#fff;border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;top:24px;z-index:1000}#guser{padding-bottom:7px !important}#gbar,#guser{font-size:13px;padding-top:1px !important}@media all{.gb1,.gb3{height:22px;margin-right:.73em;vertical-align:top}.gb2 a{display:block;padding:.2em .5em}}#gbi,.gb2{left:0;position:absolute;visibility:hidden}.gb2{z-index:1001}#gbar a,#gbar a:active,#gbar a:visited{color:#00c;font-weight:normal}.gb2 a,.gb3 a{text-decoration:none}#gbar .gb2 a:hover{background:#36c;color:#fff;display:block}
}}}
#codehighlight(javascript) {{{
body,
td,
a,
p,
.h {
    font - family: arial,
    sans - serif;

}

.h {
    font - size: 20px;
    color: #36c;

}

.q {
    color: #00c;

}

.ts td {
    padding: 0;

}

.ts {
    border - collapse: collapse;

}

#gbar {
    float: left;
    font - weight: 700;
    height: 22px;
    padding - left: 2px;

}

.gbh,
.gb2 div {
    border - top: 1px solid#c9d7f1;
    font - size: 0;
    height: 0;

}

.gbh {
    position: absolute;
    top: 24px;
    width: 100 % ;

}

.gb2 div {
    margin: 5px;

}

#gbi {
    background: #fff;
    border: 1px solid;
    top: 24px;
    z - index: 1000;
    border - color: #c9d7f1#36c#36c#a2bae7;

}

#guser {
    padding - bottom: 7px ! important;

}

#gbar,
#guser {
    font - size: 13px;
    padding - top: 1px ! important;

}

#gbi,
.gb2 {
    left: 0;
    position: absolute;
    visibility: hidden;

}

.gb2 {
    z - index: 1001;

}

#gbar a,
#gbar a: active,
#gbar a: visited {
    color: #00c;
    font - weight: 400;

}

.gb2 a,
.gb3 a {
    text - decoration: none;

}

#gbar.gb2 a: hover {
    background: #36c;
    color: #fff;
    display: block;

}

@media all {
    .gb1,
    .gb3 {
        height: 22px;
        margin - right: .73em;
        vertical - align: top;

    }

    .gb2 a {
        display: block;
        padding: .2em.5em;

    }

}
}}}

----