X-Git-Url: http://git.osdn.net/view?p=pettanr%2Fpettanr.git;a=blobdiff_plain;f=app%2Fassets%2Fstylesheets%2Fwork.css;fp=app%2Fassets%2Fstylesheets%2Fwork.css;h=23bab385c93fddd8012a374df52cf934fb119f68;hp=3c1755c6e4797d075f3e57df2ce3f48cd1ef05bb;hb=cd9653c66c4883c5e9a483fc47f0ddf77ed837be;hpb=1e409caa9b7da216bcfd202bb82e3463b3304983

diff --git a/app/assets/stylesheets/work.css b/app/assets/stylesheets/work.css
index 3c1755c6..23bab385 100644
--- a/app/assets/stylesheets/work.css
+++ b/app/assets/stylesheets/work.css
@@ -71,6 +71,7 @@
 			position:				absolute;
 			top:					9px;
 			right:					9px;
+			z-index:				9999;
 			border-radius:			5px;
 			-o-border-radius:		5px;
 			-ms-border-radius:		5px;
@@ -165,8 +166,103 @@
 							width:			180px;
 							text-align:		center;
 						}
-					
-
+		/*  Comic Reader
+		--------------------------------------------------------------------------------------*/
+		#comic-reader-wrapper {}
+			#comic-reader-panel-container {
+				position:			absolute;
+				left:				0;
+				top:				0;
+			}
+			#comic-reader-header,
+			#comic-reader-console {
+				position:			absolute;
+				left;				0;
+				width:				100%;
+				z-index:			9998;
+			}
+			#comic-reader-header {
+				top:				0;
+				height:				40px;
+			}
+				.comic-reader-shadow {
+					z-index:			9997;
+					position:			absolute;
+					width:				100%;
+					left;				0;
+					width:				100%;
+					height:				40px;
+					background:			#000;
+					opacity:			0.5;
+					-moz-opacity:		0.5;
+					-khtml-opacity:		0.5;
+				}
+				.pettanr-ActiveX-enabled .comic-reader-shadow {
+					filter:				alpha(opacity=50);
+					-ms-filter:			alpha(opacity=50);			
+				}
+				.pettanr-ActiveX-disabled .comic-reader-shadow {
+					background:			transparent url( black_50pct.png)　repeat 0 0;
+					_background:		url( black_50pct.gif)　repeat 0 0;
+				}
+				#comic-reader-header-content {
+					height:				24px;
+					padding-top:		16px;
+					border-bottom:		1px solid #fff;
+				}
+					#comic-reader-title {
+						font-size:			20px;
+						line-height:		24px;
+						color:				#fff;
+						font-weight:		bold;
+					}
+					#comic-reader-author {
+						font-size:			18px;
+						line-height:		24px;
+						color:				#ddd;
+						text-indent:		1em;
+					}
+			#comic-reader-console {
+				bottom:				0;
+				height:				100px;
+				border-top:			1px solid #fff;
+			}
+				#comic-reader-button-centering {
+					position:			relative;
+					margin:				0 auto;
+					width:				399px;
+				}
+					#comic-reader-back-button,
+					#comic-reader-forward-button,
+					#comic-reader-back-button:link,
+					#comic-reader-forward-button:link  {
+						display:			block;
+						zoom:				1;
+						position:			absolute;
+						top:				0;
+						height:				100px;
+						line-height:		100px;
+						color:				#ddd;
+						width:				198px;
+						border-left:		1px solid #999;
+						border-right:		1px solid #999;
+						text-align:			center;
+						font-size:			30px;
+					}
+					#comic-reader-back-button:hover,
+					#comic-reader-forward-button:hover {
+						background-color:	#111;
+						color:				#fff;
+						font-size:			34px;
+						text-decoration:	none;
+					}
+					#comic-reader-back-button {
+						left:				0;
+						border-right:		1px solid #ccc;
+					}
+					#comic-reader-forward-button {
+						right:				0;
+					}
 					
 		/*  Output Console
 		--------------------------------------------------------------------------------------*/