mirror of
				https://github.com/flynx/PortableMag.git
				synced 2025-11-04 05:50:19 +00:00 
			
		
		
		
	more minor updates...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
		
							parent
							
								
									9c47d8a5f9
								
							
						
					
					
						commit
						37c73c0559
					
				
							
								
								
									
										21
									
								
								magazine.css
									
									
									
									
									
								
							
							
						
						
									
										21
									
								
								magazine.css
									
									
									
									
									
								
							@ -6,6 +6,8 @@ body {
 | 
				
			|||||||
	margin: 0;
 | 
						margin: 0;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/************************************* layers and hidable elements ***/
 | 
					/************************************* layers and hidable elements ***/
 | 
				
			||||||
.hidden {
 | 
					.hidden {
 | 
				
			||||||
	display: none;
 | 
						display: none;
 | 
				
			||||||
@ -93,6 +95,7 @@ body {
 | 
				
			|||||||
	transition: all 0.5s ease;
 | 
						transition: all 0.5s ease;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* element used to scale the magazine... */
 | 
					/* element used to scale the magazine... */
 | 
				
			||||||
.scaler {
 | 
					.scaler {
 | 
				
			||||||
	position: relative;
 | 
						position: relative;
 | 
				
			||||||
@ -110,7 +113,6 @@ body {
 | 
				
			|||||||
	-ms-transition: all 0.2s ease;	
 | 
						-ms-transition: all 0.2s ease;	
 | 
				
			||||||
	transition: all 0.2s ease;
 | 
						transition: all 0.2s ease;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
/* element used to center and align the magazine... */
 | 
					/* element used to center and align the magazine... */
 | 
				
			||||||
.aligner {
 | 
					.aligner {
 | 
				
			||||||
	position: relative;
 | 
						position: relative;
 | 
				
			||||||
@ -136,12 +138,6 @@ body {
 | 
				
			|||||||
	-ms-transition: all 0.2s ease;	
 | 
						-ms-transition: all 0.2s ease;	
 | 
				
			||||||
	transition: all 0.2s ease;
 | 
						transition: all 0.2s ease;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* magazine cover */
 | 
					 | 
				
			||||||
.magazine > .cover {
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* user hints, visible when user draggs past the cover or the last page
 | 
					/* user hints, visible when user draggs past the cover or the last page
 | 
				
			||||||
 * of the mag... */
 | 
					 * of the mag... */
 | 
				
			||||||
.magazine:before, .magazine:after {
 | 
					.magazine:before, .magazine:after {
 | 
				
			||||||
@ -174,6 +170,10 @@ body {
 | 
				
			|||||||
	right: -450px;
 | 
						right: -450px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* magazine cover */
 | 
				
			||||||
 | 
					.magazine > .cover {
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* magazine article, this can contain a cover and a number of pages */
 | 
					/* magazine article, this can contain a cover and a number of pages */
 | 
				
			||||||
.article {
 | 
					.article {
 | 
				
			||||||
@ -188,6 +188,7 @@ body {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/************************************************ utility elements ***/
 | 
					/************************************************ utility elements ***/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* toolbars... */
 | 
					/* toolbars... */
 | 
				
			||||||
@ -234,6 +235,10 @@ body {
 | 
				
			|||||||
	margin-left: 20px;
 | 
						margin-left: 20px;
 | 
				
			||||||
	margin-right: 20px;
 | 
						margin-right: 20px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					.page-view-mode .top-toolbar,
 | 
				
			||||||
 | 
					.page-view-mode .bottom-toolbar {
 | 
				
			||||||
 | 
						height: 0px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* splash screen. used to hide loading and aligning elements */
 | 
					/* splash screen. used to hide loading and aligning elements */
 | 
				
			||||||
@ -260,7 +265,6 @@ body {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
.page-view-mode .top-toolbar,
 | 
					.page-view-mode .top-toolbar,
 | 
				
			||||||
.page-view-mode .bottom-toolbar {
 | 
					.page-view-mode .bottom-toolbar {
 | 
				
			||||||
	height: 0px;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.page-view-mode .page .content {
 | 
					.page-view-mode .page .content {
 | 
				
			||||||
@ -276,6 +280,7 @@ body {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/******************************************************* templates ***/
 | 
					/******************************************************* templates ***/
 | 
				
			||||||
 | 
					/* XXX split these into seporate files... */
 | 
				
			||||||
.caption {
 | 
					.caption {
 | 
				
			||||||
	display: block;
 | 
						display: block;
 | 
				
			||||||
	position: absolute;
 | 
						position: absolute;
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user