CSS整形 - (2008/02/14 (木) 14:15:14) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
#setmenu(テキスト変換サービス)
*CSS整形
#image(cssa.jpg)
----
#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;
}
}
}}}
----
表示オプション
横に並べて表示:
変化行の前後のみ表示: