CSS改造2


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

改造1から右カラム削除、左メニュー背景白、innerh2~h4を改良

/*******************************************************************************
 NUDN2 General Definitions
*******************************************************************************/
.clear {
 clear						: both;
}
.footer {
 background 			: #CDE0B9;
 border-top 			: 1px solid #C0C0C0;
 margin 					: 0 0 10px 0;
 padding					: 10px;
 position 				: relative;
 z-index					: 13;
}
.footer hr {
 display					: none;
}
.footer p {
 font-size				: 0.9em;
 margin 					: 5px 0 0px 0px;
 text-align 			: center;
}
.header {
 background 			: #CDE0B9;
 border-bottom		: 1px double #C0C0C0;
 margin 					: 0 0 0 0;
 position 				: relative;
}
.headerInner {
 font-size				: 1.8em;
 font-weight			: bold;
 padding					: 33px 20px 10px;
 position 				: relative;
}
.headerInner a img {
 border 					: none;
 text-decoraion 	: none;
}
.inner {
/*
 border-left			: 1px solid #C0C0C0;
*/
 border-right 		: 1px solid #C0C0C0;
 margin 					: 0;
 width						: 100%;
}
abbr[title] {
 border-bottom		: dotted 1px;
}
acronym[title] {
 border-bottom		: dotted 1px;
}
address {
 display					: block;
 font-style 			: italic;
}
b {
 font-weight			: bolder;
}
caption {
 display					: table-caption;
 text-align 			: center;
}
center {
 display					: block;
 text-align 			: center;
}
cite {
 font-style 			: italic;
}
col {
 display					: table-column;
}
colgroup {
 display					: table-column-group;
}
dd {
 display					: block;
 margin-left			: 2em;
}
del {
 text-decoration	: line-through;
}
dfn {
 font-style 			: italic;
}
dl {
 display					: block;
 margin 					: 1em 0;
}
dl dl {
 margin-bottom		: 0;
 margin-top 			: 0;
}
dl ol {
 margin-bottom		: 0;
 margin-top 			: 0;
}
dl ul {
 margin-bottom		: 0;
 margin-top 			: 0;
}
dt {
 font-weight			: bold;
}
em {
 font-style 			: italic;
}
.inner h1 {
 font-size				: 1.8em;
 margin 					: 13px 0;
}
.inner h2 {
 font-size				: 1.4em;
 margin 					: 13px 0;
 background-color			: #E2F5D4;
 padding					: 6px;
}
.inner h3 {
 font-size				: 1.3em;
 margin 					: 13px 0;
 padding					: 2px;
 border-top					:2px solid #E2F5D4;
 border-right				:4px solid #E2F5D4;
 border-bottom				:3px solid #E2F5D4;
 border-left				:6px solid #E2F5D4;
}
.inner h4 {
 font-size				: 1.2em;
 margin 					: 13px 0;
 padding					: 2px;
 border-bottom				:2px solid #E2F5D4;
 border-left				:6px solid #E2F5D4;
}
.inner h5 {
 font-size				: 1.0em;
 margin 					: 13px 0;
}
.inner h6 {
 font-size				: 0.8em;
 margin 					: 13px 0;
}
.inner h1.item {
 font-size				: 1.3em;
 margin 					: 8px 0 18px 0;
}
hr {
 border 					: 1px 0;
 display					: block;
 height 					: 1px;
 margin 					: 0.5em auto 0.5em auto;
}
i {
 font-style 			: italic;
}
ins {
 text-decoration	: underline;
}
li {
 display					: list-item;
}
multicol {
 display					: block;
 margin 					: 1em 0;
}
nobr {
 white-space			: nowrap;
}
ol {
 display					: block;
 list-style-type	: decimal;
 margin 					: 1em 0;
 padding-left 		: 25px;
}
ol dl {
 margin-bottom		: 0;
 margin-top 			: 0;
}
ol ol {
 margin-bottom		: 0;
 margin-top 			: 0;
}
ol ol ul {
 list-style-type	: square;
}
ol ul {
 list-style-type	: circle;
 margin-bottom		: 0;
 margin-top 			: 0;
}
ol ul ul {
 list-style-type	: square;
}
p {
 display					: block;
 margin 					: 1em 0;
}
plaintext {
 background 			: #f8f3e6;
 border-left			: 3px solid #e44949;
 display					: block;
 font-family			: fixed;
 margin 					: 3px 10px;
 padding					: 5px;
 white-space			: pre;
}
q:after {
 content					: close-quote;
}
q:before {
 content					: open-quote;
}
s {
 text-decoration	: line-through;
}
strike {
 text-decoration	: line-through;
}
strong {
 font-weight			: bolder;
}
sub {
 font-size				: smaller;
 line-height			: normal;
 vertical-align 	: sub;
}
sup {
 font-size				: smaller;
 line-height			: normal;
 vertical-align 	: super;
}
table {
 -moz-box-sizing	: border-box;
 border 					: 1px solid #333;
 border-collapse	: collapse;
 border-spacing 	: 2px;
 display					: table;
 margin-bottom		: 1em;
 margin-top 			: 1em;
 margin-left			: 1px;	
 text-indent			: 0;
}
table > tr {
 vertical-align 	: middle;
}
table[align="center"] > caption {
 margin-left			: auto;
 margin-right 		: auto;
}
table[align="center"] > caption[align="left"] {
 margin-right 		: 0;
}
table[align="center"] > caption[align="right"] {
 margin-left			: 0;
}
tbody {
 display					: table-row-group;
 vertical-align 	: middle;
}
td {
 border 					: 1px solid #333;
 display					: table-cell;
 padding					: 2px;
 text-align 			: inherit;
 vertical-align 	: inherit;
}
tfoot {
 display					: table-footer-group;
 vertical-align 	: middle;
}
th {
 background 			: #D9F5FC;
 border 					: 1px solid #333;
 color						: #000;
 display					: table-cell;
 font-weight			: bold;
 padding					: 1px;
 vertical-align 	: inherit;
}
thead {
 display					: table-header-group;
 vertical-align 	: middle;
}
tr {
 display					: table-row;
 vertical-align 	: inherit;
}
u {
 text-decoration	: underline;
}
ul {
 display					: block;
 list-style-type	: disc;
 margin 					: 1em 0;
 padding-left 		: 25px;
}
ul dl {
 margin-bottom		: 0;
 margin-top 			: 0;
}
ul ol {
 margin-bottom		: 0;
 margin-top 			: 0;
}
ul ol ul {
 list-style-type	: square;
}
ul ul {
 list-style-type	: circle;
 margin-bottom		: 0;
 margin-top 			: 0;
}
ul ul ul {
 list-style-type	: square;
}
var {
 font-style 			: italic;
}
xmp {
 background 			: #f8f3e6;
 border-left			: 3px solid #e44949;
 display					: block;
 font-family			: fixed;
 margin 					: 3px 10px;
 padding					: 5px;
 white-space			: pre;
}
.leftcol {
 color						: #3E3E3E;
 float						: left;
 font-size				: 0.9em;
 line-height			: 120%;
 margin-left			: -180px;
 margin-right 		: 1px;
 overflow 				: hidden;
 position 				: relative;
 width						: 180px;
 z-index					: 10;
}
.leftcol a:link {
 text-decoration	: none;
}
.leftcol a:visited {
 text-decoration	: none;
}
.leftpad {
 padding					: 14px;
/*
 background					: #F2FFE8;
 border-color				: #CDE0B9;
 border-style				: solid;
 border-width				: 13px;
*/
}
 
.middlecol {
 color						: #2A2A2A;
 float						: left;
 font-size				: 1.0em;
 line-height			: 160%;
 margin 					: 0 -3px 0 -2px;
 position 				: relative;
 width						: 100%;
/*
 z-index					: 12;
*/
}
.middlepad {
 padding					: 6px 15px 15px 15px;
}
.outer {
 background 			: #FFF;
 border-left			: 180px solid #FFFFFF;
/*
 border-right 		: 170px solid #CDE0B9;
*/
 width						: auto;
}
.outer > .inner {
 border-bottom		: 1px solid transparent;
}
.rightcol {
 color						: #3E3E3E;
 float						: left;
 font-size				: 0.9em;
 line-height			: 130%;
 margin-left			: 1px;
 margin-right 		: -170px;
 overflow 				: hidden;
 position 				: relative;
 width						: 170px;
 z-index					: 11;
}
.rightpad {
 padding					: 10px 10px 10px 13px;
}
.wrapper {
 margin 					: 0 -1px;
 min-width				: 400px;
 width						: 100%;
}
a {
 text-decoration	: none;
}
body {
 background 			: #FFF;
 color						: #3E3E3E;
 font-family			: arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
 font-size				: 76%;
 font-size-adjust : none;
 font-stretch 		: normal;
 font-style 			: normal;
 font-variant 		: normal;
 font-weight			: normal;
 line-height			: normal;
 margin 					: 0;
 padding					: 0;
}
blockquote {
 background 			: #f8f3e6;
 border-left			: 3px solid #6180a3;
 border-bottom		: 1px solid #f8f3e6;
 margin 					: 3px 10px;
 padding					: 5px;
}
pre {
 background 			: #f8f3e6;
 border-left			: 3px solid #e44949;
 border-bottom		: 1px solid #f8f3e6;
 display					: block;
 font-family			: fixed;
 margin 					: 3px 10px;
 padding					: 5px;
 white-space			: pre;
}
/* Holly Hack */
/* Hides from IE-mac \*/
* html blockquote {height: 1%;}
* html pre {height: 1%;}
/* End hide from IE-mac */
 
 
html {
 margin 					: 0;
 padding					: 0;
}
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;
}
 
/*ads*/
 
.gafc_on{
	background-color:#DFDFDF;
}
.gafc_domain{
	color:green;
}
 
/* Hides from IE-mac \*/
 * html #source___Frame{ width:97% !important;}
 /* End hide from IE-mac */
 

更新履歴

取得中です。