「■001.css」(2007/10/14 (日) 09:07:13) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
/* andreas01 - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
Version: 2.5 (Jan 11, 2007)
Screen layout: */
/* Customized by @wiki.jp http://atwiki.jp */
/* ヘッダ下の画像を変更したい場合は以下のCSSをユーザCSSで上書きしてください。
width, heightを画像の縦横サイズに合わせてください。 */
#photospace{
width:850px;
height:175px;
background:#f4f4f4 url(/_skin/tpl27_front.jpg) top left no-repeat;
}
/* ここまで */
#atwiki-jp-bg1{
width:850px;
height:175px;
}
/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font-size:76%;
font-family: arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
background:#f4f4f4 url(/_skin/tpl27_bg.gif) top center repeat-y;
color:#404040;
}
#wrap {
background:#ffffff;
color:#404040;
margin:0 auto;
width:850px;
}
/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}
a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}
a img {
border:0;
}
p {
margin:0 0 1.4em 0;
}
/***** Header *****/
#header h1 a {
color:#505050;
background-color:inherit;
text-decoration:none;
}
#photospace{
display:block;
margin:0 0 20px 0;
}
/***** Left sidebar *****/
#leftside {
clear:left;
float:left;
width:140px;
margin:0 0 5px;
padding:0;
overflow:hidden;
}
/***** Main content *****/
#content {
margin:0 150px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.5em;
}
#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}
#contentwide2 {
margin:0 150px 5px 0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 0;
line-height:1.5em;
}
#content h2,#contentwide h2, #contentwide2 h2 {
font-size:1.6em;
margin:0 0 10px;
}
#content h3,#contentwide h3, #contentwide2 h3 {
font-size:1.3em;
margin:0 0 8px;
}
#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0 0 16px 20px;
padding:0;
}
#content li, #contentwide li, #contentwide2 li {
margin:0;
padding:0 0 0 5px;
}
#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}
/***** Footer *****/
#footer {
clear:both;
margin:0 auto;
padding:15px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
background:#ffffff;
}
#footer p {
margin:0;
padding:0;
}
#footer a {
color:#808080;
background-color:#ffffff;
text-decoration:none;
font-weight:bold;
}
#footer a:hover {
text-decoration:underline;
}
/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}
.right {
margin:2px 0 2px 10px;
float:right;
}
.textright {
text-align:right;
}
.center {
text-align:center;
}
.small {
font-size:0.8em;
}
.bold {
font-weight:bold;
}
.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}
.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}
.hide {
display:none;
}
/* CUSTOMIZED FOR WIKI RULES */
span.word1 {
background-color : #ffff66;
color : #000;
}
span.word10 {
background-color : #990099;
color : #fff;
}
span.word2 {
background-color : #a0ffff;
color : #000;
}
span.word3 {
background-color : #99ff99;
color : #000;
}
span.word4 {
background-color : #ff9999;
color : #000;
}
span.word5 {
background-color : #ff66ff;
color : #000;
}
span.word6 {
background-color : #880000;
color : #fff;
}
span.word7 {
background-color : #00aa00;
color : #fff;
}
span.word8 {
background-color : #886800;
color : #fff;
}
span.word9 {
background-color : #004699;
color : #fff;
}
#tarea_wiki{
width:98%;
}
#wrap abbr[title] {
border-bottom : dotted 1px;
}
#wrap acronym[title] {
border-bottom : dotted 1px;
}
#wrap address {
display : block;
font-style : italic;
}
#wrap b {
font-weight : bolder;
}
#wrap blockquote {
background-color : #f4f4f4;
border-bottom : 1px solid #f4f4f4;
color : #505050;
border-left : 3px solid #6d3014;
margin : 3px 10px;
padding : 5px;
}
#wrap caption {
display : table-caption;
text-align : center;
}
#wrap center {
display : block;
text-align : center;
}
#wrap cite {
font-style : italic;
}
#wrap col {
display : table-column;
}
#wrap colgroup {
display : table-column-group;
}
#wrap dd {
display : block;
margin-left : 2em;
}
#wrap del {
text-decoration : line-through;
}
#wrap dfn {
font-style : italic;
}
#wrap dl {
display : block;
margin : 1em 0;
}
#wrap dl dl {
margin-bottom : 0;
margin-top : 0;
}
#wrap dl ol {
margin-bottom : 0;
margin-top : 0;
}
#wrap dl ul {
margin-bottom : 0;
margin-top : 0;
}
#wrap dt {
font-weight : bold;
}
#wrap em {
font-style : italic;
}
#wrap form {
padding : 5px 0;
}
#wrap h1 {
font-size : 1.8em;
margin : 13px 0;
}
#wrap h2 {
font-size : 1.6em;
margin : 13px 0;
}
#wrap h3 {
font-size : 1.4em;
margin : 13px 0;
}
#wrap h4 {
font-size : 1.2em;
margin : 13px 0;
}
#wrap h5 {
font-size : 1.0em;
margin : 13px 0;
}
#wrap h6 {
font-size : 0.8em;
margin : 13px 0;
}
#wrap hr {
border : 1px 0;
display : block;
height : 1px;
margin : 0.5em auto 0.5em auto;
}
#wrap i {
font-style : italic;
}
#wrap ins {
text-decoration : underline;
}
#wrap li {
display : list-item;
}
#wrap multicol {
display : block;
margin : 1em 0;
}
#wrap nobr {
white-space : nowrap;
}
#wrap ol {
display : block;
list-style-type : decimal;
margin : 1em 0;
padding-left : 25px;
}
#wrap ol dl {
margin-bottom : 0;
margin-top : 0;
}
#wrap ol ol {
margin-bottom : 0;
margin-top : 0;
}
#wrap ol ol ul {
list-style-type : square;
}
#wrap ol ul {
list-style-type : circle;
margin-bottom : 0;
margin-top : 0;
}
#wrap ol ul ul {
list-style-type : square;
}
#wrap p {
display : block;
margin : 1em 0;
}
#wrap plaintext {
background : #f8f3e6;
border-left : 3px solid #e44949;
display : block;
font-family : fixed;
margin : 3px 10px;
padding : 5px;
white-space : pre;
}
#wrap pre {
background-color : #f4f4f4;
border-bottom : 1px solid #f4f4f4;
color : #505050;
border-left : 3px solid #596456;
display : block;
font-family : fixed;
margin : 3px 10px;
padding : 5px;
white-space : pre;
}
#wrap q:after {
content : close-quote;
}
#wrap q:before {
content : open-quote;
}
#wrap s {
text-decoration : line-through;
}
#wrap strike {
text-decoration : line-through;
}
#wrap strong {
font-weight : bolder;
}
#wrap sub {
font-size : smaller;
line-height : normal;
vertical-align : sub;
}
#wrap sup {
font-size : smaller;
line-height : normal;
vertical-align : super;
}
#wrap table {
-moz-box-sizing : border-box;
border : 1px solid #e0e0e0;
border-collapse : collapse;
border-spacing : 2px;
display : table;
margin-bottom : 1em;
margin-left : 1px;
margin-top : 1em;
text-indent : 0;
}
#wrap table > tr {
vertical-align : middle;
}
#wrap table[align="center"] > caption {
margin-left : auto;
margin-right : auto;
}
#wrap table[align="center"] > caption[align="left"] {
margin-right : 0;
}
#wrap table[align="center"] > caption[align="right"] {
margin-left : 0;
}
#wrap tbody {
display : table-row-group;
vertical-align : middle;
}
#wrap td {
border : 1px solid #e0e0e0;
display : table-cell;
padding : 4px;
text-align : inherit;
vertical-align : inherit;
}
#wrap tfoot {
display : table-footer-group;
vertical-align : middle;
}
#wrap th {
border : 1px solid #e0e0e0;
color : #000;
display : table-cell;
font-weight : bold;
padding : 4px;
vertical-align : inherit;
}
#wrap thead {
display : table-header-group;
vertical-align : middle;
}
#wrap tr {
display : table-row;
vertical-align : inherit;
}
#wrap u {
text-decoration : underline;
}
#wrap ul {
display : block;
list-style-type : disc;
margin : 1em 0;
padding-left : 25px;
}
#wrap ul dl {
margin-bottom : 1em;
margin-top : 0;
}
#wrap ul ol {
margin-bottom : 0;
margin-top : 0;
}
#wrap ul ol ul {
list-style-type : square;
}
#wrap ul ul {
list-style-type : circle;
margin-bottom : 0;
margin-top : 0;
}
#wrap ul ul ul {
list-style-type : square;
}
#wrap var {
font-style : italic;
}
#wrap xmp {
background : #f8f3e6;
border-left : 3px solid #e44949;
display : block;
font-family : fixed;
margin : 3px 10px;
padding : 5px;
white-space : pre;
}
/***** Main menu *****/
#leftside ul{
width:140px;
margin:0 0 18px;
padding:0;
list-style:none;
}
#leftside ul li {
width:140px;
padding:0;
line-height:1.4em;
display:inline;
}
#leftside ul li a {
background-color:#f4f4f4;
color:#505050;
font-weight:bold;
width:130px;
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
border-bottom:1px solid #f4f4f4;
text-decoration:none;
}
#leftside ul li a:hover,
#leftside ul li a.current {
background-color:#eaeaea;
border-left:4px solid #286ea0;
color:#505050;
}
#leftside ul ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:125px;
}
#leftside ul ul a {
padding:3px 1px 3px 5px;
font-weight:normal;
width:115px;
}
#leftside ul ul ul {
width:113px;
}
#leftside ul ul ul a {
width:100px;
}
/***** Right sidebar *****/
#extras {
float:right;
width:140px;
margin:0 0 5px;
padding:0;
line-height:1.4em;
overflow:hidden;
}
#extras p, #extras ul, #extras ol {
margin:0 0 16px;
padding:0;
}
#extras p {
font-size:0.9em;
line-height:1.4em;
}
#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}
#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}
#extras ul ul li {
margin: 0 0 4px 0;
}
#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}
#extras ol {
list-style-type : decimal;
padding-left : 25px;
}
#extras ol li{
list-style-type : decimal;
}
#header h1 {
color:#505050;
background-color:inherit;
width:350px;
margin:.6em 0;
font-size:2em;
}
#footer hr{
display:none;
}
/* Hides from IE-mac \*/
* html #source___Frame{ width:97% !important;}
/* End hide from IE-mac */
表示オプション
横に並べて表示:
変化行の前後のみ表示: