t#29983:show panel with license

[pettanr/pettanr.git] / app / assets / stylesheets / test.css

diff --git a/app/assets/stylesheets/test.css b/app/assets/stylesheets/test.css
index 22e9eb9..8ce454f 100644 (file)
--- a/app/assets/stylesheets/test.css
+++ b/app/assets/stylesheets/test.css
@@ -15,3 +15,60 @@ div.md5 {
   font-size: 12px;
   text-align: left;
 }
+
+.pettanr-comic-wrapper {
+  margin:  1em auto;
+}
+.pettanr-comic-panel {
+  border-style:  solid;
+  border-color:   #111;
+  position:    relative;
+  margin:     1em 0;
+  overflow:    hidden;
+}
+.pettanr-comic-panel img {
+  position:    absolute;
+}
+.pettanr-comic-balloon {
+  position:    absolute;
+}
+.pettanr-comic-balloon img {
+  width:     100%;
+  height:     100%;    }
+.pettanr-comic-balloon p {
+  margin:     0 !important;
+  padding:    0 !important;      display:    table;
+  position:    absolute;
+  top:     0;
+  left:     16.6%;
+  width:     66.6%;
+  height:     100%;
+  *height:    auto;
+  *top:     50% !important;
+}
+.pettanr-comic-balloon p span,
+.pettanr-comic-balloon p strong,
+.pettanr-comic-balloon p em,
+.pettanr-comic-balloon p i,
+.pettanr-comic-balloon p samp,
+.pettanr-comic-balloon p code {
+  vertical-align:   middle;
+  text-align:    center;
+  font-size:    14px;
+  display:    table-cell;
+  *display:    block;
+  zoom:     1;
+  *position:    relative;
+  *top: -50%;
+}
+.pettanr-comic-balloon p strong {
+  font-weight: bold;
+}
+.pettanr-comic-balloon p em,
+.pettanr-comic-balloon p i {
+  font-style: italic;
+}
+.pettanr-comic-balloon p samp,
+.pettanr-comic-balloon p code {
+  font-family: monospace;
+}