「css」(2008/08/31 (日) 00:36:39) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
c
body {
background-image:url(http://img.atwiki.com/image/021mandarin/bg1b.gif);
background-repeat:repeat-x;
background-color:#FC3;
padding:0;
text-align:center;
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;
}
h1 {
font-size:167%;
font-weight:bold;
color:#FFF;
margin:0;
}
h1.sitename,h1.sitename a:hover,h1.sitename a:active,h1.sitename a:visited,h1.sitename a:link{
color:white;
font-size:24px;
font-weight:bold;
margin:0;
padding:0;
line-height:1.3;
}
h2.title,h2.title a:hover ,h2.title a:active ,h2.title a:visited ,h2.title a:link {
color:#F90;
font-size:10px;
margin:0;
padding:0;
line-height:1;
}
#body h1,#body h2{
color:black;
}
#body h2 {
color:#F90;
margin:0;
border-bottom:1px dotted #CCC;
}
h3 {
color:#369;
margin:0;
padding-bottom:5px;
border-bottom:1px dotted #CCC;
}
h1{font-size:167%;font-weight:bold;}
h2{font-size:152%;font-weight:bold;}
h3{font-size:144%;font-weight:bold;}
h4{font-size:129%;font-weight:bold;}
h5{font-size:114%;font-weight:bold;}
h6{font-size:100%;font-weight:bold;}
p {
margin-top:5px;
padding-bottom:5px;
}
.text {
margin-top:5px;
padding-bottom:5px;
}
a { text-decoration: none; color:#369;}
#atwiki-jp-bg2{
padding-top:25px;
}
#container {
margin:0px auto 10px auto;
width:700px;
padding:10px;
height:auto;
background-color:#FFF;
text-align:left;
}
#container *{
line-height:1.5;
}
#banner {
width:700px;
height:100px;
margin-bottom:10px;
}
#bannerLeft {
width:150px;
height:100px;
margin-right:10px;
background-image:url(http://img.atwiki.com/image/021mandarin/leaf.gif);
float:left;
}
#atwiki-jp-bg1{
width:150px;
height:100px;
}
#bannerRight {
width:529px;
height:49px;
background:url(http://img.atwiki.com/image/021mandarin/bg1c.gif) repeat-x;
float:left;
border:1px solid #CCC;
border-width:1px 0 0 1px;
padding:50px 0 0 10px;
}
#content {
background:url(http://img.atwiki.com/image/021mandarin/bg1.gif) repeat-y;
height:1%;
}
#leftColumn {
float:left;
}
#menu{
width:140px;
padding:10px 5px;
color:#fff;
font-size:11px;
}
#menu hr{
border-bottom:1px dotted #CCC;
}
#leftColumnTop ul{
margin:0;
padding:0;
list-style:none;
}
#leftColumnTop ul a {
display:block;
color:#F90;
text-decoration:none;
padding:10px;
width:120px;
height:10px;
border-bottom:1px dotted #333;
}
#leftColumnTop ul a:hover{
background-color:#333;
}
#leftColumnBottom {
width:130px;
background:url(http://img.atwiki.com/image/021mandarin/bg1c.gif) repeat-x;
padding:110px 10px 10px;
color:#EAEAEA;
}
#rightColumn {
float:left;
width:530px;
padding-left:20px;
color:#666;
}
#clear {
clear:both;
}
.date {
font-size:10px;
color:#999;
font-weight:normal;
}
#copyright {
padding-top:10px;
font:10px;
color:#369;
}
#copyright a {
text-decoration:none;
color:#369;
}
#copyright a:hover {
color:#F39;
}
/*SEARCH HIGHLIGHT COLOR*/
.highlight
{
background: #DEFFA9;
}
/* RIGHTBOX AND LEFTBOX FOR TOOLBAR */
.leftbox {
float: left;
margin: 0.5em 1em 0 0;
}
.rightbox {
float: right;
margin-left: 1em;
margin-bottom: 0em;
}
.footer hr{
display:none;
}
#menu{
overflow:hidden;
}
#body p,
#body dl,
#body multicol,
#menu p,
#menu dl,
#menu multicol{
display: block;
margin: 1em 0;
}
#body dd,
#menu dd{
display: block;
margin-left: 20px;
}
#body address,
#menu address{
display: block;
font-style: italic;
}
#body center,
#menu center{
display: block;
text-align: center;
}
blockquote{
display: block;
margin: 1em 0;
padding-left: 1em;
border-left: solid;
border-color: #ff9f06;
border-width: 3px;
}
#body h1,
#menu h1{
margin: 13px 0;
}
#body h2,
#menu h2{
margin: 13px 0;
}
#body h3,
#menu h3{
margin: 13px 0;
}
#body h4,
#menu h4{
margin: 13px 0;
}
#body h5,
#menu h5{
margin: 13px 0;
}
#body h6,
#menu h6{
margin: 13px 0;
}
xmp,
pre,
plaintext{
display: block;
font-family: fixed;
white-space: pre;
margin: 1em 0;
padding 1em;
border: 1px solid #75b201;
}
#body table,
#menu 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;
}
#body caption,
#menu caption{
display: table-caption;
text-align: center;
}
#body table[align="center"] > caption,
#menu table[align="center"] > caption{
margin-left: auto;
margin-right: auto;
}
#body table[align="center"] > caption[align="left"],
#menu table[align="center"] > caption[align="left"]{
margin-right: 0;
}
#body table[align="center"] > caption[align="right"],
#menu table[align="center"] > caption[align="right"]{
margin-left: 0;
}
#body tr,
#menu tr{
display: table-row;
vertical-align: inherit;
}
#body col,
#menu col{
display: table-column;
}
#body colgroup,
#menu colgroup{
display: table-column-group;
}
#body tbody,
#menu tbody{
display: table-row-group;
vertical-align: middle;
}
#body thead,
#menu thead{
display: table-header-group;
vertical-align: middle;
}
#body tfoot,
#menu tfoot{
display: table-footer-group;
vertical-align: middle;
}
#body table > tr,
#menu table > tr{
vertical-align: middle;
}
#body td,
#menu td{
display: table-cell;
vertical-align: inherit;
text-align: inherit;
padding: 1px;
border:1px solid #aaa;
}
#body th,
#menu th{
display: table-cell;
vertical-align: inherit;
font-weight: bold;
padding: 1px;
border:1px solid #aaa;
}
#body q:before,
#menu q:before{
content: open-quote;
}
#body q:after,
#menu q:after{
content: close-quote;
}
#body b,
#body strong,
#menu b,
#menu strong{
font-weight: bolder;
}
#body i,
#body cite,
#body em,
#body var,
#body dfn,
#menu i,
#menu cite,
#menu em,
#menu var,
#menu dfn {
font-style: italic;
}
#body u,
#body ins,
#menu u,
#menu ins{
text-decoration: underline;
}
#body s,
#body strike,
#body del,
#menu s,
#menu strike,
#menu del{
text-decoration: line-through;
}
#body sub,
#menu sub{
vertical-align: sub;
font-size: smaller;
line-height: normal;
}
#body sup,
#menu sup{
vertical-align: super;
font-size: smaller;
line-height: normal;
}
#body nobr,
#menu nobr{
white-space: nowrap;
}
#body abbr[title],
#body acronym[title],
#menu abbr[title],
#menu acronym[title]{
border-bottom: dotted 1px;
}
#body ul{
display: block;
list-style-type: disc;
margin: 1em 0;
padding-left: 25px;
}
#body ol,
#menu ol{
display: block;
list-style-type: decimal;
margin: 1em 0;
padding-left: 25px;
}
#body li,
#menu li{
display: list-item;
}
#body ul ul,
#body ul ol,
#body ul dl,
#body ol ul,
#body ol ol,
#body ol dl,
#body dl ul,
#body dl ol,
#body dl dl,
#menu ul ul,
#menu ul ol,
#menu ul dl,
#menu ol ul,
#menu ol ol,
#menu ol dl,
#menu dl ul,
#menu dl ol,
#menu dl dl {
margin-top: 0;
margin-bottom: 0;
}
#body ol ul,
#body ul ul,
#menu ol ul,
#menu ul ul{
list-style-type: circle;
}
#body ol ol ul,
#body ol ul ul,
#body ul ol ul,
#body ul ul ul,
#menu ol ol ul,
#menu ol ul ul,
#menu ul ol ul,
#menu ul ul ul{
list-style-type: square;
}
#body hr,
#menu hr{
display: block;
height: 1px;
border: 1px 0;
margin: 0.5em auto 0.5em auto;
}
#menu fieldset{
width:160px;
overflow:hidden;
}
#menu select{
max-width:160px;
}
#menu input{
max-width:160px;
}
#menu textarea{
max-width:160px;
}
span.word1{ color: #000; background-color: #ffff66; }
span.word2{ color: #000; background-color: #a0ffff; }
span.word3{ color: #000; background-color: #99ff99; }
span.word4{ color: #000; background-color: #ff9999; }
span.word5{ color: #000; background-color: #ff66ff; }
span.word6{ color: #fff; background-color: #880000; }
span.word7{ color: #fff; background-color: #00aa00; }
span.word8{ color: #fff; background-color: #886800; }
span.word9{ color: #fff; background-color: #004699; }
span.word10{ color: #fff; background-color: #990099; }
/* Hides from IE-mac \*/
* html #source___Frame{ width:97% !important;}
/* End hide from IE-mac */
表示オプション
横に並べて表示:
変化行の前後のみ表示: