forked from GNUsocial/gnu-social
		
	
		
			
	
	
		
			168 lines
		
	
	
		
			3.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
		
		
			
		
	
	
			168 lines
		
	
	
		
			3.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
|   | /* jquery.Jcrop.css v0.9.12 - MIT License */ | ||
|  | /* | ||
|  |   The outer-most container in a typical Jcrop instance | ||
|  |   If you are having difficulty with formatting related to styles | ||
|  |   on a parent element, place any fixes here or in a like selector | ||
|  | 
 | ||
|  |   You can also style this element if you want to add a border, etc | ||
|  |   A better method for styling can be seen below with .jcrop-light | ||
|  |   (Add a class to the holder and style elements for that extended class) | ||
|  | */ | ||
|  | .jcrop-holder { | ||
|  |   direction: ltr; | ||
|  |   text-align: left; | ||
|  |   /* IE10 touch compatibility */ | ||
|  |   -ms-touch-action: none; | ||
|  | } | ||
|  | /* Selection Border */ | ||
|  | .jcrop-vline, | ||
|  | .jcrop-hline { | ||
|  |   background: #ffffff url("Jcrop.gif"); | ||
|  |   font-size: 0; | ||
|  |   position: absolute; | ||
|  | } | ||
|  | .jcrop-vline { | ||
|  |   height: 100%; | ||
|  |   width: 1px !important; | ||
|  | } | ||
|  | .jcrop-vline.right { | ||
|  |   right: 0; | ||
|  | } | ||
|  | .jcrop-hline { | ||
|  |   height: 1px !important; | ||
|  |   width: 100%; | ||
|  | } | ||
|  | .jcrop-hline.bottom { | ||
|  |   bottom: 0; | ||
|  | } | ||
|  | /* Invisible click targets */ | ||
|  | .jcrop-tracker { | ||
|  |   height: 100%; | ||
|  |   width: 100%; | ||
|  |   /* "turn off" link highlight */ | ||
|  |   -webkit-tap-highlight-color: transparent; | ||
|  |   /* disable callout, image save panel */ | ||
|  |   -webkit-touch-callout: none; | ||
|  |   /* disable cut copy paste */ | ||
|  |   -webkit-user-select: none; | ||
|  | } | ||
|  | /* Selection Handles */ | ||
|  | .jcrop-handle { | ||
|  |   background-color: #333333; | ||
|  |   border: 1px #eeeeee solid; | ||
|  |   width: 7px; | ||
|  |   height: 7px; | ||
|  |   font-size: 1px; | ||
|  | } | ||
|  | .jcrop-handle.ord-n { | ||
|  |   left: 50%; | ||
|  |   margin-left: -4px; | ||
|  |   margin-top: -4px; | ||
|  |   top: 0; | ||
|  | } | ||
|  | .jcrop-handle.ord-s { | ||
|  |   bottom: 0; | ||
|  |   left: 50%; | ||
|  |   margin-bottom: -4px; | ||
|  |   margin-left: -4px; | ||
|  | } | ||
|  | .jcrop-handle.ord-e { | ||
|  |   margin-right: -4px; | ||
|  |   margin-top: -4px; | ||
|  |   right: 0; | ||
|  |   top: 50%; | ||
|  | } | ||
|  | .jcrop-handle.ord-w { | ||
|  |   left: 0; | ||
|  |   margin-left: -4px; | ||
|  |   margin-top: -4px; | ||
|  |   top: 50%; | ||
|  | } | ||
|  | .jcrop-handle.ord-nw { | ||
|  |   left: 0; | ||
|  |   margin-left: -4px; | ||
|  |   margin-top: -4px; | ||
|  |   top: 0; | ||
|  | } | ||
|  | .jcrop-handle.ord-ne { | ||
|  |   margin-right: -4px; | ||
|  |   margin-top: -4px; | ||
|  |   right: 0; | ||
|  |   top: 0; | ||
|  | } | ||
|  | .jcrop-handle.ord-se { | ||
|  |   bottom: 0; | ||
|  |   margin-bottom: -4px; | ||
|  |   margin-right: -4px; | ||
|  |   right: 0; | ||
|  | } | ||
|  | .jcrop-handle.ord-sw { | ||
|  |   bottom: 0; | ||
|  |   left: 0; | ||
|  |   margin-bottom: -4px; | ||
|  |   margin-left: -4px; | ||
|  | } | ||
|  | /* Dragbars */ | ||
|  | .jcrop-dragbar.ord-n, | ||
|  | .jcrop-dragbar.ord-s { | ||
|  |   height: 7px; | ||
|  |   width: 100%; | ||
|  | } | ||
|  | .jcrop-dragbar.ord-e, | ||
|  | .jcrop-dragbar.ord-w { | ||
|  |   height: 100%; | ||
|  |   width: 7px; | ||
|  | } | ||
|  | .jcrop-dragbar.ord-n { | ||
|  |   margin-top: -4px; | ||
|  | } | ||
|  | .jcrop-dragbar.ord-s { | ||
|  |   bottom: 0; | ||
|  |   margin-bottom: -4px; | ||
|  | } | ||
|  | .jcrop-dragbar.ord-e { | ||
|  |   margin-right: -4px; | ||
|  |   right: 0; | ||
|  | } | ||
|  | .jcrop-dragbar.ord-w { | ||
|  |   margin-left: -4px; | ||
|  | } | ||
|  | /* The "jcrop-light" class/extension */ | ||
|  | .jcrop-light .jcrop-vline, | ||
|  | .jcrop-light .jcrop-hline { | ||
|  |   background: #ffffff; | ||
|  |   filter: alpha(opacity=70) !important; | ||
|  |   opacity: .70!important; | ||
|  | } | ||
|  | .jcrop-light .jcrop-handle { | ||
|  |   -moz-border-radius: 3px; | ||
|  |   -webkit-border-radius: 3px; | ||
|  |   background-color: #000000; | ||
|  |   border-color: #ffffff; | ||
|  |   border-radius: 3px; | ||
|  | } | ||
|  | /* The "jcrop-dark" class/extension */ | ||
|  | .jcrop-dark .jcrop-vline, | ||
|  | .jcrop-dark .jcrop-hline { | ||
|  |   background: #000000; | ||
|  |   filter: alpha(opacity=70) !important; | ||
|  |   opacity: 0.7 !important; | ||
|  | } | ||
|  | .jcrop-dark .jcrop-handle { | ||
|  |   -moz-border-radius: 3px; | ||
|  |   -webkit-border-radius: 3px; | ||
|  |   background-color: #ffffff; | ||
|  |   border-color: #000000; | ||
|  |   border-radius: 3px; | ||
|  | } | ||
|  | /* Simple macro to turn off the antlines */ | ||
|  | .solid-line .jcrop-vline, | ||
|  | .solid-line .jcrop-hline { | ||
|  |   background: #ffffff; | ||
|  | } | ||
|  | /* Fix for twitter bootstrap et al. */ | ||
|  | .jcrop-holder img, | ||
|  | img.jcrop-preview { | ||
|  |   max-width: none; | ||
|  | } |