「ズレないCSS」(2011/04/05 (火) 16:57:03) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
#highlight(CSS){{
/*ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換えてください。*/
#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;
}
/* ページ下部の編集メニューを表示したい場合はユーザCSSに以下の1行を追加してください。
#toolbar{display:block;}
*/
/*ads*/
.gafc_on{
background-color:#FEFF8F;
}
.gafc_domain{
color:green;
}
body {
background:#fff;
color:#666;
font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック';
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}
body *{
line-height:18px;
}
a:link,a:visited{
color:#480;
}
a:hover, a:active{
color:#FFA500;
}
.box:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.box{
zoom:100%;
}
/**/
#header{
margin:0 25px 25px 25px;
border-bottom:3px solid #FFA500;
height:140px;
}
#header a#atwiki-jp-bg1 {
display:block;
float:left;
margin:20px 25px 20px 5px;
}
#header h1,
#header h2{
margin:0;
padding:0;
line-height:1;
}
#header h1{
padding-top:40px;
padding-bottom:4px;
}
#header h1 a{
color:#6c0;
font-size:40px;
text-decoration:none;
line-height:1;
}
#header h2 a{
color:#333;
font-size:15px;
text-decoration:none;
line-height:1;
}
#container {
width:100%;
text-align:left;
}
#wrapper {
width:100%;
float:left;
margin-right:-190px;
}
#footer,
#toolbar {
width:100%;
clear:left;
}
#toolbar{
display:none;
}
#contents {
width:100%;
float:right;
margin-left:-194px;
}
#contents_inner {
margin-right:200px;
margin-left:204px;
border:2px dotted #FFA500;
padding:10px;
overflow:hidden;
}
#menubar_wrapper{
padding-left:25px;
}
#menubar {
width:165px;
float:left;
overflow:hidden;
/* border:2px dotted #FFA500; */
}
#menubar2 {
width:165px;
float:left;
overflow:hidden;
/* border:2px dotted #FFA500; */
}
#menubar_inner,
#menubar_inner2{
padding:10px;
}
.menu fieldset{
width:135px;
overflow:hidden;
}
.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;
}
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:144%;
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;
white-space: pre;
margin: 1em 0;
}
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 #333;
}
th{
display: table-cell;
vertical-align: inherit;
font-weight: bold;
padding: 3px;
border:1px solid #333;
}
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: 25px;
}
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: 0;
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 0;
margin: 0.5em auto 0.5em auto;
}
/**/
ul {
list-style-image: url(http://img.atwiki.com/image/035col3/menu_arrow.gif);
}
pre{
background:#fd8;
padding:10px;
color:#333;
}
blockquote{
border-left:3px solid #FFA500;
padding-left:.5em;
}
dt{
font-weight:bold;
}
}}
表示オプション
横に並べて表示:
変化行の前後のみ表示: