3 /* pettanR peta.ccommon.css
\r
10 /* VML ( v\:* don't work for ie8(ie8mode))
\r
11 --------------------------------------------------------------------------------------*/
\r
14 behavior: url(#default#VML);
\r
19 --------------------------------------------------------------------------------------*/
\r
21 .dl-table-small dt {
\r
27 padding: 0 0 0 0.2em;
\r
30 .dl-table-small dd {
\r
33 border-bottom: 1px solid #ccc;
\r
39 padding: 0 0 0 200px;
\r
41 .dl-table-small dt {
\r
44 .dl-table-small dd {
\r
45 padding: 0 0 0 160px;
\r
49 --------------------------------------------------------------------------------------*/
\r
50 img.img-flip-v { /* 上下反転 */
\r
51 transform: scale( 1, -1);
\r
52 -o-transform: scale( 1, -1);
\r
53 -ms-transform: scale( 1, -1);
\r
54 -moz-transform: scale( 1, -1);
\r
55 -webkit-transform: scale( 1, -1);
\r
57 .pettanr-ActiveX-enabled img.img-flip-v {
\r
59 -ms-filter: flipv();
\r
61 v\:image.img-flip-v {
\r
65 img.img-flip-h { /* 左右反転 */
\r
66 transform: scale( -1, 1);
\r
67 -o-transform: scale( -1, 1);
\r
68 -ms-transform: scale( -1, 1);
\r
69 -moz-transform: scale( -1, 1);
\r
70 -webkit-transform: scale( -1, 1);
\r
72 .pettanr-ActiveX-enabled img.img-flip-h {
\r
74 -ms-filter: fliph();
\r
76 v\:image.img-flip-h {
\r
80 img.img-flip-vh { /* 上下左右反転 */
\r
81 transform: scale( -1, -1);
\r
82 -o-transform: rotate(180deg);
\r
83 -ms-transform: scale( -1, -1);
\r
84 -moz-transform: scale( -1, -1);
\r
85 -webkit-transform: scale( -1, -1);
\r
87 .pettanr-ActiveX-enabled img.img-flip-vh {
\r
88 filter: flipv() fliph();
\r
89 -ms-filter: flipv() fliph();
\r
91 v\:image.img-flip-vh {
\r
92 rotation : 180; /* vml */
\r
96 --------------------------------------------------------------------------------------*/
\r
97 .pettanr-comic-wrapper {
\r
100 .pettanr-comic-panel {
\r
101 border-style: solid;
\r
102 border-color: #111;
\r
103 position: relative;
\r
107 .pettanr-comic-panel img,
\r
108 .pettanr-comic-panel .reversible-image-container {
\r
109 position: absolute;
\r
111 .pettanr-comic-balloon {
\r
112 position: absolute;
\r
114 .pettanr-comic-panel .reversible-image-container img,
\r
115 .pettanr-comic-balloon img {
\r
119 .pettanr-comic-balloon p {
\r
120 margin: 0 !important;
\r
121 padding: 0 !important;
\r
123 position: absolute;
\r
129 *top: 50% !important;
\r
131 .pettanr-comic-balloon p span,
\r
132 .pettanr-comic-balloon p strong,
\r
133 .pettanr-comic-balloon p em,
\r
134 .pettanr-comic-balloon p i,
\r
135 .pettanr-comic-balloon p samp,
\r
136 .pettanr-comic-balloon p code {
\r
137 vertical-align: middle;
\r
138 text-align: center;
\r
139 font-size: 14px; /* opera6 で使用 13px は不可 */
\r
140 display: table-cell;
\r
143 *position: relative;
\r
146 .pettanr-comic-balloon p strong {
\r
149 .pettanr-comic-balloon p em,
\r
150 .pettanr-comic-balloon p i {
\r
151 font-style: italic;
\r
153 .pettanr-comic-balloon p samp,
\r
154 .pettanr-comic-balloon p code {
\r
155 font-family: monospace;
\r