\r
/* PettanR Comic\r
--------------------------------------------------------------------------------------*/\r
+.pettanr-comic-wrapper {\r
+ margin: 1em auto;\r
+}\r
.pettanr-comic-panel {\r
border-style: solid;\r
border-color: #111;\r
margin: 1em auto;\r
overflow: hidden;\r
}\r
- .pettanr-comic-image,\r
- .pettanr-comic-balloon {\r
- position: absolute;\r
- }\r
- .pettanr-comic-image img {\r
- position: absolute;\r
- height: 100%;\r
- width: 100%;\r
- left: 0;\r
- top: 0;\r
- }\r
- .pettanr-comic-panel img {\r
- position: absolute;\r
- left: 0;\r
- top: 0;\r
+ .pettanr-comic-panel img,\r
+ .pettanr-comic-panel .reversible-image-container {\r
+ position: absolute;\r
}\r
- .pettanr-comic-balloon .pettanr-comic-speach {\r
+ .pettanr-comic-balloon {\r
position: absolute;\r
- top: 0;\r
- left: 0;\r
}\r
- .pettanr-comic-speach,\r
- .pettanr-comic-speach tbody,\r
- .pettanr-comic-speach tr,\r
- .pettanr-comic-speach td {\r
- width: 100%;\r
- height: 100%;\r
- border: 0;\r
- padding: 0;\r
- margin: 0 !important;\r
- text-align: center;\r
- vertical-align: middle;\r
+ .pettanr-comic-panel .reversible-image-container img,\r
+ .pettanr-comic-balloon img {\r
+ width: 100%;\r
+ height: 100%; \r
}\r
- .pettanr-comic-speach td {\r
- padding: 16.66%;\r
+ .pettanr-comic-balloon p {\r
+ margin: 0 !important;\r
+ padding: 0 !important; \r
+ display: table;\r
+ position: absolute;\r
+ top: 0;\r
+ left: 16.6%;\r
+ width: 66.6%;\r
+ height: 100%;\r
+ *height: auto;\r
+ *top: 50% !important;\r
}\r
- .pettanr-comic-speach {\r
- table-layout: fixed; /* ie6で上下中央にテキストがならない対処。固定レイアウトアルゴリズムになるので負荷を下げるらしい */\r
- }
\ No newline at end of file
+ .pettanr-comic-balloon p span,\r
+ .pettanr-comic-balloon p strong,\r
+ .pettanr-comic-balloon p em,\r
+ .pettanr-comic-balloon p i,\r
+ .pettanr-comic-balloon p samp,\r
+ .pettanr-comic-balloon p code {\r
+ vertical-align: middle;\r
+ text-align: center;\r
+ font-size: 14px; /* opera6 で使用 13px は不可 */\r
+ display: table-cell;\r
+ *display: block;\r
+ zoom: 1;\r
+ *position: relative;\r
+ *top: -50%;\r
+ }\r
+ .pettanr-comic-balloon p strong {\r
+ font-weight: bold;\r
+ }\r
+ .pettanr-comic-balloon p em,\r
+ .pettanr-comic-balloon p i {\r
+ font-style: italic;\r
+ }\r
+ .pettanr-comic-balloon p samp,\r
+ .pettanr-comic-balloon p code {\r
+ font-family: monospace;\r
+ }
\ No newline at end of file