X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.3.0%2Fcommon.css;h=6f1942e8233aa7f94bd0339a8fe5abf8e3519284;hb=67cb7059b2dab2d5d1c72214e7cfa026b0ec6b75;hp=654ba97a315754b9ccba37797f1f04eeb0ec2e5a;hpb=486a6c2df2c6ced33aec1275d891a345eebc55d1;p=pettanr%2FclientJs.git diff --git a/0.3.0/common.css b/0.3.0/common.css index 654ba97..6f1942e 100644 --- a/0.3.0/common.css +++ b/0.3.0/common.css @@ -146,27 +146,42 @@ version: 2.7.0 text-decoration: underline; color: #f60; } - + h1 { + letter-spacing: 2px; + } h2 { letter-spacing: 2px; + border-top: 1px solid #333; + border-bottom: 1px solid #333; + padding: 0.5em 0; + font-size: 1.4em; + line-height: 1.4em; + text-align: center; + margin: 0 2px 1em; + text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); + } + + + h3 { + letter-spacing: 2px; border-bottom: 1px dotted #333333; font-size: 1.4em; line-height: 1.4em; text-align: center; margin: 0 0 1em; + font-weight: bold; } - h3, h4 { - font-size: 116%; + + h4 { font-weight: bold; - } - h3 { + font-size: 116%; letter-spacing: 1px; border: 1px #333 solid; border-width: 0 0 1px 0.5em; padding: 4px 0 2px 0.6em; margin: 2em 0 1em; } - h4 { + h5 { letter-spacing: 1px; border-bottom: 1px #999 dotted; padding: 6px 6px 2px; @@ -177,7 +192,7 @@ version: 2.7.0 padding: 0 5px 0; margin: 1.5em 14px 1em; } - h5 { + h6 { border-left: 5px #999 solid; letter-spacing: 1px; } @@ -349,7 +364,7 @@ version: 2.7.0 /* main --------------------------------------------------------------------------------------*/ #main { - padding: 2em 1em; + padding: 20px 10px; } /* footer-content @@ -371,12 +386,17 @@ version: 2.7.0 } .footer-item h2 { font-size: 1em; - padding-left: 0.5em; - padding-bottom: 0.3em; + padding: 0 0 0.3em 0.5em; margin-top: 0.7em; margin-bottom: 0.6em; text-align: left; + border-top: 0; + border-left: 0; + border-right: 0; border-bottom: 1px solid #999; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: 0; } .footer-item ul { list-style: none; @@ -401,12 +421,14 @@ version: 2.7.0 --------------------------------------------------------------------------------------*/ img.img-flip-v { /* 上下反転 */ transform: scale( 1, -1); - -o-transform: scale( 1, -1); + /*-o-transform: scale( 1, -1);*/ -ms-transform: scale( 1, -1); -moz-transform: scale( 1, -1); -webkit-transform: scale( 1, -1); - filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1, Rotation=2); - -ms-filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1, Rotation=2); + /*filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1, Rotation=2); + -ms-filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1, Rotation=2);*/ + filter: flipv(); + -ms-filter: flipv(); } v\:image.img-flip-v { flip: y; /* vml */ @@ -414,12 +436,14 @@ version: 2.7.0 img.img-flip-h { /* 左右反転 */ transform: scale( -1, 1); - -o-transform: scale( -1, 1); + /*-o-transform: scaleX( -1);*/ -ms-transform: scale( -1, 1); -moz-transform: scale( -1, 1); -webkit-transform: scale( -1, 1); - filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1); - -ms-filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1); + /*filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1); + -ms-filter: progid:DXImageTransform.Microsoft.BasicImage( Mirror=1);*/ + filter: fliph(); + -ms-filter: fliph(); } v\:image.img-flip-h { flip: x; /* vml */ @@ -427,12 +451,14 @@ version: 2.7.0 img.img-flip-vh { /* 上下左右反転 */ transform: scale( -1, -1); - -o-transform: scale( -1, -1); + /* -o-transform: scaleY( -1); */ -ms-transform: scale( -1, -1); -moz-transform: scale( -1, -1); -webkit-transform: scale( -1, -1); - filter: progid:DXImageTransform.Microsoft.BasicImage( Rotation=2); - -ms-filter: progid:DXImageTransform.Microsoft.BasicImage( Rotation=2); + /*filter: progid:DXImageTransform.Microsoft.BasicImage( Rotation=2); + -ms-filter: progid:DXImageTransform.Microsoft.BasicImage( Rotation=2);*/ + filter: flipv() fliph(); + -ms-filter: flipv() fliph(); } v\:image.img-flip-vh { rotation : 180; /* vml */ @@ -440,11 +466,12 @@ version: 2.7.0 /* Reversible Image with png-fix --------------------------------------------------------------------------------------*/ - .img-flip-v .img-flip-with-pngfix-v, - .img-flip-vh .img-flip-with-pngfix-v { + .img-flip-v .img-flip-with-pngfix-v { filter: flipv(); } - .img-flip-h .img-flip-with-pngfix-h, - .img-flip-vh .img-flip-with-pngfix-h { + .img-flip-h .img-flip-with-pngfix-h { filter: fliph(); + } + .img-flip-vh .img-flip-with-pngfix-h { + filter: flipv() fliph(); } \ No newline at end of file