「CSSサンプル赤黒1」の編集履歴(バックアップ)一覧に戻る
CSSサンプル赤黒1 - (2005/10/28 (金) 07:31:25) のソース
<p><strong>[注意]</strong></p> <p> <strong>いま使っている メニューの見出し画像 は使いません</strong></p> <p> <strong>タイトル部分の画像はダミーです。タイトルがちがう</strong><strong>色合だと一番外の背景色も変える必要があるかも</strong></p> <hr> <p>@charset "utf-8";</p> <p>* { box-sizing : border-box}<br> * { -moz-box-sizing : border-box}</p> <p><br> body{<br> color:#000;<br> width:100%;<br> height:100%;<br> font-family: "?l?r ?o?S?V?b?N" ,"?q???M?m?ۃS Pro W4" ,"Osaka",verdana,arial,sans-serif;<br> margin: 0px 0px 50px 0px;<br> background: #2D3336 url("") ;<br> text-align: center;<br> }</p> <p>div, span, form, h1, h2, h3, h4, ul, ol { margin: 0; padding: 0}</p> <br> <p>A { color: #29412C; text-decoration: none;background:none;}<br> A:link { color: #AC1924; text-decoration: none;background:none;}<br> A:link:hover { color: #FB4515; text-decoration: none;background:none;}<br> A:link:active { color: #AC1924; text-decoration: none; background:none;}</p> <p>A:visited { color: #AC1924; text-decoration: none;background:none;}<br> A:visited:hover { color: #FB4515; text-decoration: none; background: none;}<br> A:visited:active { color: #AC1924; text-decoration: none; background:none;}</p> <p>h1, h2, h3 {<br> margin: 0px;<br> padding: 5px;<br> font-color: #262D26;<br> }</p> <br> <p>#wrapper,#header,#content{<br> width: 800px; /* IE5 */<br> /* width: 800px; */<br> }</p> <br> <p>#wrapper{<br> line-height: 280%;<br> margin-right: auto;<br> margin-left: auto;<br> text-align: left;<br> padding: 0px;<br> background-color: #FFFFF3;<br> border-bottom: 1px solid #999999;<br> border-left: 0px solid #999999;<br> border-right: 0px solid #999999;<br> width: 800px; /* IE5 */<br> voice-family: ""}"";<br> voice-family:inherit;<br> /* width: 800px; */<br> }<br> #wrapper2{<br> background-color:#FFFFF3;<br> height:100%;<br> background-image:url(<a href= "http://www6.atwiki.jp/japanspades/?cmd=upload&act=open&page=%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8&file=kouji.gif">http://www6.atwiki.jp/japanspades/?cmd=upload&act=open&page=%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8&file=kouji.gif</a>);<br> background-repeat:no-repeat;height:100px;<br> }<br> #head_editmenu,#foot_edit_menu{<br> text-align:right;<br> background-color:#2D3336;<br> }</p> <br> <p><br> #header{<br> margin:0;</p> <p><br> }<br> #header2{<br> margin-left:40px;<br> margin-right:40px;<br> vertical-align: middle;<br> text-align:left;<br> margin-top:0px;<br> padding-top:110px;</p> <p><br> }</p> <p>.sitename{<br> margin-top:32px;<br> padding-top:0px;<br> padding-left:650px;<br> padding-bottom:0px;<br> font-size:8px;<br> margin-bottom:0px;<br> border-left:0px;<br> }<br> .pagename{<br> font-size:0px;<br> }</p> <br> <p>#content{<br> margin:0;<br> padding:0;<br> }</p> <br> <p>#left {<br> float: left;<br> width: 148px;<br> overflow: hidden;<br> }</p> <p>#right {<br> float: left;<br> width: 148px;</p> <p>overflow: hidden;<br> }</p> <p>#center {<br> float: left;<br> width: 500px;<br> }</p> <p><br> .menu{<br> overflow:visible;<br> word-break:break-all;</p> <p>background:#FFFFF3;<br> text-align:left;<br> margin:0 5px 0 5px;<br> margin-top:0px;<br> /* border:solid 1px #cccccc<br> */<br> }</p> <p><br> .pageinfo {<br> text-align:right;<br> margin-right:15px;<br> height:1px;<br> <br> }</p> <p>#main{<br> background-color:#FFFFF3;<br> }</p> <p>#attach{<br> margin-left:20px;<br> margin-right:20px;</p> <p>clear:both;<br> }<br> #footnote{<br> margin-left:20px;<br> margin-right:20px;</p> <p>float:both;<br> }<br> #mainbody{<br> border:solid #cccccc 1px;<br> overflow:auto;<br> word-break:break-all;<br> background-color:#FFFFF3;<br> margin-left:10px;<br> margin-right:5px;<br> padding:5px;<br> }</p> <p>#ad{<br> clear:both;<br> text-align:center;<br> }<br> #content{</p> <p>}</p> <p>#footer,#ad{<br> text-align:center;<br> }</p> <p>#footer{<br> clear:both;</p> <p>}<br> #foot_editmenu{<br> clear:both;<br> margin-left:10px;<br> margin-right:10px;<br> margin-bottom:7px;<br> text-align:center;<br> }</p> <br> <p>.menu h2{<br> text-align:center;<br> text-color:#992A1F;<br> border-left:none;<br> padding:1;<br> margin:0;<br> /* background-color:#cccccc;<br> */ border-bottom:dotted 2px #EFB143;<br> }</p> <p>.menu h3{<br> text-align:center;<br> border-left:none;<br> border-bottom:dotted 2px #EFB143;<br> padding:3;<br> margin:0;<br> }</p> <p>h1{<br> font-size:22px;<br> font-color:#B31701;<br> border-bottom:dotted 2px #cccccc;<br> border-left:solid 7px #cccccc;<br> padding:5px;<br> margin-left:5px;<br> }<br> h2{<br> font-size:18px;<br> padding:2px;<br> margin-left:8px;</p> <p>border-left:solid 5px #cccccc;<br> border-bottom:dotted 2px #cccccc;<br> }<br> h3{<br> border-left:solid 3px #cccccc;<br> border-bottom:dotted 1px #cccccc;</p> <p>font-size:14px;<br> padding:2px;<br> margin-left:12px;<br> }<br> h4{<br> border-bottom:dotted 1px #cccccc;</p> <p>font-size:14px;<br> padding:2px;<br> margin-left:15px;<br> }<br> h5{<br> border-bottom:dotted 1px #cccccc;</p> <p>font-size:14px;<br> padding:2px;<br> margin-left:20px;<br> }<br> h6{<br> font-size:12px;<br> padding:5px;<br> margin-left:20;x<br> }</p> <p>img {<br> border: none;<br> vertical-align: middle;<br> }</p> <br> <p>hr{<br> margin: 0px;<br> }</p> <p>ul,ol{<br> padding:0;<br> margin:0;<br> margin-left: 10px;<br> }<br> ul li {<br> margin: 0 0px 0 10px;<br> padding: 0;<br> line-height: 100%;<br> }</p> <p>ol li {<br> margin: 0 0px 0 10px;<br> padding: 0;<br> line-height: 100%;<br> }</p> <p>dt {<br> font-weight: bold;<br> margin-top: 1em;<br> margin-left: 1em;<br> }</p> <p>#main table{<br> padding:0px;<br> border:0px;<br> margin:auto;<br> text-align:left;<br> color:inherit;<br> background-color:#ccd5dd;<br> }</p> <p><br> #main th<br> {<br> padding:3px;<br> margin:1px;<br> text-align:center;<br> color:inherit;<br> background-color:#EEEEEE;<br> }<br> #main td<br> {<br> font-size:12px;<br> padding:3px;<br> margin:1px;<br> color:inherit;<br> background-color:#EEF5FF;<br> }<br> pre {<br> border: #cccccc 1px solid;<br> padding: 5px;<br> margin: 5px 0px 5px 5px;<br> white-space: pre;<br> color: #666;<br> }</p> <p>blockquote {<br> margin: 5px 5px 0px 5px;<br> padding: 5px;<br> border: #cccccc 1px dotted;<br> color:#666;<br> }</p> <p>em {<br> font-style:italic;<br> }</p> <p>strong {<br> font-weight:bold;<br> }</p> <p>address {<br> font-style:normal;<br> }</p> <p><br> .warning,<br> span.warning{<br> color: #F24040;<br> }<br> .hidden{<br> display: none;<br> }</p> <p>span.diff_add{<br> color: red;<br> background-color:#FFF;<br> }</p> <p>span.diff_del{<br> color: blue;<br> background-color:#FFF;<br> }</p> <p>span.word1{ color: black; background-color: #ffff66; }<br> span.word2{ color: black; background-color: #a0ffff; }<br> span.word3{ color: black; background-color: #99ff99; }<br> span.word4{ color: black; background-color: #ff9999; }<br> span.word5{ color: black; background-color: #ff66ff; }<br> span.word6{ color: white; background-color: #880000; }<br> span.word7{ color: white; background-color: #00aa00; }<br> span.word8{ color: white; background-color: #886800; }<br> span.word9{ color: white; background-color: #004699; }<br> span.word10{ color: white; background-color: #990099; }</p> <br> <br>