「CSS改造1」(2012/05/30 (水) 08:15:47) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*改造CSS1-メイン領域以外の色を薄緑系・ボーダー線をsolid
#highlight(css){{
/*******************************************************************************
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.6em;
margin : 13px 0;
}
.inner h3 {
font-size : 1.4em;
margin : 13px 0;
}
.inner h4 {
font-size : 1.2em;
margin : 13px 0;
}
.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 : 4px;
text-align : inherit;
vertical-align : inherit;
}
tfoot {
display : table-footer-group;
vertical-align : middle;
}
th {
background : #fff;
border : 1px solid #333;
color : #000;
display : table-cell;
font-weight : bold;
padding : 4px;
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 : 10px;
}
.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 #CDE0B9;
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 */
}}
----
表示オプション
横に並べて表示:
変化行の前後のみ表示: