mirror of
				http://git.whoc.org.uk/git/password-manager.git
				synced 2025-10-31 19:27:34 +01:00 
			
		
		
		
	First release of /delta version
This commit is contained in:
		
							
								
								
									
										11
									
								
								frontend/delta/less/web/480.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										11
									
								
								frontend/delta/less/web/480.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,11 @@ | ||||
| @media only screen and (min-width: 480px) { | ||||
| 	.loginForm { | ||||
| 		font-size: 1.2em; | ||||
|  | ||||
| 		input { | ||||
| 		} | ||||
| 		button { | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
|  | ||||
							
								
								
									
										3
									
								
								frontend/delta/less/web/768.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										3
									
								
								frontend/delta/less/web/768.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,3 @@ | ||||
| @media only screen and (min-width: 768px) { | ||||
| 	 | ||||
| } | ||||
							
								
								
									
										2
									
								
								frontend/delta/less/web/992.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										2
									
								
								frontend/delta/less/web/992.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,2 @@ | ||||
| @media only screen and (min-width: 992px) { | ||||
| } | ||||
							
								
								
									
										160
									
								
								frontend/delta/less/web/add2home.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										160
									
								
								frontend/delta/less/web/add2home.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,160 @@ | ||||
| /** | ||||
|  * | ||||
|  * Main container | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen { | ||||
| 	z-index:9999; | ||||
| 	-webkit-user-select:none; | ||||
| 	user-select:none; | ||||
| 	-webkit-box-sizing:border-box; | ||||
| 	box-sizing:border-box; | ||||
| 	-webkit-touch-callout:none; | ||||
| 	touch-callout:none; | ||||
| 	width:240px; | ||||
| 	font-size:15px; | ||||
| 	padding:12px 14px; | ||||
| 	text-align:left; | ||||
| 	font-family:helvetica; | ||||
| 	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3)); | ||||
| 	border:1px solid #505050; | ||||
| 	-webkit-border-radius:8px; | ||||
| 	-webkit-background-clip:padding-box; | ||||
| 	color:#333; | ||||
| 	text-shadow:0 1px 0 rgba(255,255,255,0.75); | ||||
| 	line-height:130%; | ||||
| 	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5); | ||||
| } | ||||
|  | ||||
| #addToHomeScreen.addToHomeIpad { | ||||
| 	width:268px; | ||||
| 	font-size:18px; | ||||
| 	padding:14px; | ||||
| } | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * The 'wide' class is added when the popup contains the touch icon | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen.addToHomeWide { | ||||
| 	width:296px; | ||||
| } | ||||
|  | ||||
| #addToHomeScreen.addToHomeIpad.addToHomeWide { | ||||
| 	width:320px; | ||||
| 	font-size:18px; | ||||
| 	padding:14px; | ||||
| } | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * The balloon arrow | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen .addToHomeArrow { | ||||
| 	position:absolute; | ||||
| 	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc)); | ||||
| 	border-width:0 1px 1px 0; | ||||
| 	border-style:solid; | ||||
| 	border-color:#505050; | ||||
| 	width:16px; height:16px; | ||||
| 	-webkit-transform:rotateZ(45deg); | ||||
| 	bottom:-9px; left:50%; | ||||
| 	margin-left:-8px; | ||||
| 	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9; | ||||
| 	-webkit-border-bottom-right-radius:2px; | ||||
| } | ||||
|  | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * The balloon arrow for iPad | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen.addToHomeIpad .addToHomeArrow { | ||||
| 	-webkit-transform:rotateZ(-135deg); | ||||
| 	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee)); | ||||
| 	-webkit-box-shadow:inset -1px -1px 0 #fff; | ||||
| 	top:-9px; bottom:auto; left:50%; | ||||
| } | ||||
|  | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * Close button | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen .addToHomeClose { | ||||
| 	-webkit-box-sizing:border-box; | ||||
| 	position:absolute; | ||||
| 	right:4px; | ||||
| 	top:4px; | ||||
| 	width:18px; | ||||
| 	height:18px; line-height:14px; | ||||
| 	text-align:center; | ||||
| 	text-indent:1px; | ||||
| 	-webkit-border-radius:9px; | ||||
| 	background:rgba(0,0,0,0.12); | ||||
| 	color:#707070; | ||||
| 	-webkit-box-shadow:0 1px 0 #fff; | ||||
| 	font-size:16px; | ||||
| } | ||||
|  | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * The '+' icon, displayed only on iOS < 4.2 | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen .addToHomePlus { | ||||
| 	font-weight:bold; | ||||
| 	font-size:1.3em; | ||||
| } | ||||
|  | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * The 'share' icon, displayed only on iOS >= 4.2 | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen .addToHomeShare { | ||||
| 	display:inline-block; | ||||
| 	width:18px; | ||||
| 	height:15px; | ||||
| 	background-repeat:no-repeat; | ||||
| 	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); | ||||
| 	background-size:18px 15px; | ||||
| 	text-indent:-9999em; | ||||
| 	overflow:hidden; | ||||
| } | ||||
|  | ||||
| #addToHomeScreen .addToHomeShare.addToHomeShareOS7 { | ||||
| 	width:11px; | ||||
| 	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=); | ||||
| 	background-size:11px 15px; | ||||
| } | ||||
|  | ||||
| /** | ||||
|  * | ||||
|  * The touch icon (if available) | ||||
|  * | ||||
|  */ | ||||
| #addToHomeScreen .addToHomeTouchIcon { | ||||
| 	display:block; | ||||
| 	float:left; | ||||
| 	-webkit-border-radius:6px; | ||||
| 	border-radius:6px; | ||||
| 	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5), | ||||
| 		inset 0 0 2px rgba(255,255,255,0.9); | ||||
| 	box-shadow:0 1px 3px rgba(0,0,0,0.5), | ||||
| 		inset 0 0 2px rgba(255,255,255,0.9); | ||||
| 	background-repeat:no-repeat; | ||||
| 	width:57px; height:57px; | ||||
| 	-webkit-background-size:57px 57px; | ||||
| 	background-size:57px 57px; | ||||
| 	margin:0 12px 0 0; | ||||
| 	border:1px solid #333; | ||||
| 	-webkit-background-clip:padding-box; | ||||
| 	background-clip:padding-box; | ||||
| } | ||||
							
								
								
									
										111
									
								
								frontend/delta/less/web/behavior.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										111
									
								
								frontend/delta/less/web/behavior.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,111 @@ | ||||
| //	https://github.com/h5bp/Effeckt.css | ||||
|  | ||||
|  | ||||
| .slide () { | ||||
| 	-webkit-transform: translate3d(0, 0, 0); | ||||
| 	transform: translate3d(0, 0, 0); | ||||
|  | ||||
| 	&.left { | ||||
| 		-webkit-transform: translate3d(-100%, 0, 0); | ||||
| 		transform: translate3d(-100%, 0, 0); | ||||
| 	} | ||||
|  | ||||
| 	&.center { | ||||
| 		-webkit-transform: translate3d(0, 0, 0); | ||||
| 		transform: translate3d(0, 0, 0); | ||||
| 	} | ||||
|  | ||||
| 	&.right { | ||||
| 		-webkit-transform: translate3d(100%, 0, 0); | ||||
| 		transform: translate3d(100%, 0, 0); | ||||
| 		visibility: hidden; | ||||
| 		display: none; | ||||
| 		 | ||||
| 		&.transition { | ||||
| 			visibility: visible; | ||||
| 			display: block; | ||||
| 		} | ||||
|  	} | ||||
|  | ||||
| 	&.transition { | ||||
| 		-webkit-transition-duration: .25s; | ||||
| 		transition-duration: .25s; | ||||
| 	} | ||||
| } | ||||
|  | ||||
| //	http://coenraets.org/blog/2013/03/hardware-accelerated-page-transitions-for-mobile-web-apps-phonegap-apps/ | ||||
| .page { | ||||
| 	position: absolute; | ||||
|  | ||||
| 	top: 0; | ||||
| 	left: 0; | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
|  | ||||
| 	.slide(); | ||||
| } | ||||
|  | ||||
| /* | ||||
| .registrationForm { | ||||
| 	.steps { | ||||
| 		.step { | ||||
| 			position: absolute; | ||||
|  | ||||
| //			top: 0; | ||||
| //			left: 0; | ||||
| //			width: 100%; | ||||
| //			height: 100%; | ||||
|  | ||||
| 			.slide(); | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
| */ | ||||
|  | ||||
| //---------------------------------------------------------------------- | ||||
| //	tentative 3D transformations | ||||
| /* | ||||
| .page { | ||||
| 	transform: rotateY(   0deg) translateZ( 100px); | ||||
|  | ||||
| 	&.left { | ||||
|  		transform: rotateY( -90deg) translateZ( 100px); | ||||
| 	} | ||||
|  | ||||
| 	&.center { | ||||
| 		transform: rotateY(   0deg) translateZ( 100px); | ||||
| 	} | ||||
|  | ||||
| 	&.right { | ||||
|  		transform: rotateY(  90deg) translateZ( 100px); | ||||
|  	} | ||||
| } | ||||
|  | ||||
| #mainDiv { | ||||
| 	width: 100%; | ||||
| 	height: 100%; | ||||
| 	position: absolute; | ||||
| 	transform-style: preserve-3d; | ||||
|  | ||||
| 	transition: transform 3s; | ||||
|  | ||||
| 	&.show-front  { transform: translateZ( -100px ) rotateY(    0deg ); } | ||||
| 	&.show-back   { transform: translateZ( -100px ) rotateX( -180deg ); } | ||||
| 	&.show-right  { transform: translateZ( -100px ) rotateY(  -90deg ); } | ||||
| 	&.show-left   { transform: translateZ( -100px ) rotateY(   90deg ); } | ||||
| 	&.show-top    { transform: translateZ( -100px ) rotateX(  -90deg ); } | ||||
| 	&.show-bottom { transform: translateZ( -100px ) rotateX(   90deg ); } | ||||
| } | ||||
| */ | ||||
| //======================================================================= | ||||
|  | ||||
|  | ||||
| //======================================================================= | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
| //======================================================== | ||||
							
								
								
									
										81
									
								
								frontend/delta/less/web/fonts.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										81
									
								
								frontend/delta/less/web/fonts.less
									
									
									
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
							
								
								
									
										87
									
								
								frontend/delta/less/web/mixin.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										87
									
								
								frontend/delta/less/web/mixin.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,87 @@ | ||||
| .border-radius (@radius) { | ||||
| 	border-radius: @radius; | ||||
| 	-moz-border-radius: @radius; | ||||
| 	-webkit-border-radius: @radius; | ||||
| } | ||||
|  | ||||
| .font-feature-settings(@foo, @bar) { | ||||
| 	-webkit-font-feature-settings:"@foo","@bar"; | ||||
| 	-moz-font-feature-settings:"@foo=1, @bar=1"; | ||||
| 	-moz-font-feature-settings:"@foo","@bar"; | ||||
| 	-ms-font-feature-settings:"@foo","@bar"; | ||||
| 	-o-font-feature-settings:"@foo","@bar"; | ||||
| 	font-feature-settings:"@foo","@bar"; | ||||
| } | ||||
|  | ||||
| .icon-font() { | ||||
| 	font-family: 'clipperz-icons'; | ||||
| 	.font-feature-settings("liga", "dlig"); | ||||
| 	-webkit-font-smoothing: antialiased; | ||||
| 	text-rendering:optimizeLegibility; | ||||
| } | ||||
|  | ||||
| .password-font() { | ||||
| 	font-family: 'clipperz-password'; | ||||
| 	-webkit-font-smoothing: antialiased; | ||||
| 	text-rendering:optimizeLegibility; | ||||
| } | ||||
|  | ||||
| .animation (@animation, @duration, @fill-mode:none, @iteration-count:1) { | ||||
| 	-webkit-animation-name: @animation; | ||||
| 	-webkit-animation-duration: @duration; | ||||
| 	-webkit-animation-fill-mode: @fill-mode; | ||||
| 	-webkit-animation-iteration-count: @iteration-count; | ||||
|  | ||||
| 	-moz-animation-name: @animation; | ||||
| 	-moz-animation-duration: @duration; | ||||
| 	-moz-animation-fill-mode: @fill-mode; | ||||
| 	-moz-animation-iteration-count: @iteration-count; | ||||
|  | ||||
| 	-ms-animation-name: @animation; | ||||
| 	-ms-animation-duration: @duration; | ||||
| 	-ms-animation-fill-mode: @fill-mode; | ||||
| 	-ms-animation-iteration-count: @iteration-count; | ||||
|  | ||||
| 	-o-animation-name: @animation; | ||||
| 	-o-animation-duration: @duration; | ||||
| 	-o-animation-fill-mode: @fill-mode; | ||||
| 	-o-animation-iteration-count: @iteration-count; | ||||
|  | ||||
| 	animation-name: @animation; | ||||
| 	animation-duration: @duration; | ||||
| 	animation-fill-mode: @fill-mode; | ||||
| 	animation-iteration-count: @iteration-count; | ||||
| } | ||||
|  | ||||
| .transition (@item, @time, @function) { | ||||
| 	-webkit-transition: @item @time @function; | ||||
| 	-moz-transition: @item @time @function; | ||||
| 	-o-transition: @item @time @function; | ||||
| 	-ms-transition: @item @time @function; | ||||
| 	transition: @item @time @function; | ||||
| } | ||||
|  | ||||
| .transform (@rotateAngle, @translateX, @translateY) { | ||||
| 	-webkit-transform: rotate(  @rotateAngle) translate(@translateX, @translateY); | ||||
| 	   -moz-transform: rotate(  @rotateAngle) translate(@translateX, @translateY); | ||||
| 	    -ms-transform: rotate(  @rotateAngle) translate(@translateX, @translateY); | ||||
| 	     -o-transform: rotate(  @rotateAngle) translate(@translateX, @translateY); | ||||
| 	        transform: rotate(  @rotateAngle) translate(@translateX, @translateY); | ||||
| } | ||||
|  | ||||
|  | ||||
| .animation-delay (@delay) { | ||||
| 	-webkit-animation-delay: @delay; | ||||
| 	   -moz-animation-delay: @delay; | ||||
| 	    -ms-animation-delay: @delay; | ||||
| 	     -o-animation-delay: @delay; | ||||
| 	        animation-delay: @delay; | ||||
| } | ||||
|  | ||||
| .box-shadow (@xOffset, @yOffset, @size, @color) { | ||||
| 	-webkit-box-shadow: @xOffset @yOffset @size @color;	 | ||||
| 	   -moz-box-shadow: @xOffset @yOffset @size @color;	 | ||||
| 	    -ms-box-shadow: @xOffset @yOffset @size @color;	 | ||||
| 	     -o-box-shadow: @xOffset @yOffset @size @color;	 | ||||
| 	        box-shadow: @xOffset @yOffset @size @color;	 | ||||
| } | ||||
							
								
								
									
										157
									
								
								frontend/delta/less/web/overlay.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										157
									
								
								frontend/delta/less/web/overlay.less
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,157 @@ | ||||
| @import "mixin"; | ||||
|  | ||||
| div.overlay { | ||||
| 	z-index: 99999; | ||||
| 	position: fixed; | ||||
| 	top: 50%; | ||||
| 	left: 50%; | ||||
| 	width: 200px; | ||||
| 	height: 200px; | ||||
| 	margin-left: -100px; | ||||
| 	margin-top: -100px; | ||||
| 	background: rgba(0,0,0,0.8); | ||||
| 	.border-radius(20px); | ||||
|  | ||||
| 	.title { | ||||
| 		color: #FFF; | ||||
| 		font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  | ||||
| 		font-weight: bold; | ||||
| 		text-align: center; | ||||
| 		display: block; | ||||
| 		font-size: 26px; | ||||
| 		position: absolute; | ||||
| 		bottom: 30px; | ||||
| 		left: 0; | ||||
| 		width: 100%; | ||||
| 	} | ||||
|  | ||||
| 	.icon { | ||||
| 		position: relative; | ||||
| 		display: inline-block; | ||||
| 		width: 128px; | ||||
| 		height: 128px; | ||||
| 		top: 40%; | ||||
| 		left: 50%; | ||||
| 		margin-left: -64px; | ||||
| 		margin-top: -64px; | ||||
|  | ||||
| 		text-align: center; | ||||
| 		vertical-align: middle; | ||||
|  | ||||
| 		.icon-font(); | ||||
| 		font-size: 96pt; | ||||
| 		color: white; | ||||
| 		text-shadow: none; | ||||
| 	} | ||||
|  | ||||
| 	&.ios-overlay-show { | ||||
| 		.animation(ios-overlay-show, 750ms); | ||||
| 	} | ||||
|  | ||||
|  | ||||
| 	&.ios-overlay-hide { | ||||
| 		.animation(ios-overlay-hide, 750ms, forwards); | ||||
| 	} | ||||
|  | ||||
| 	//	http://37signals.com/svn/posts/2577-loading-spinner-animation-using-css-and-webkit | ||||
| 	div.spinner { | ||||
| 		position: relative; | ||||
| 		width: 100px; | ||||
| 		height: 100px; | ||||
| 		left: 50% !important; | ||||
| 		top: 40% !important; | ||||
|  | ||||
| 		margin-left: -50px; | ||||
| 		margin-top: -50px; | ||||
|  | ||||
| //		display: inline-block; | ||||
| 		display: block; | ||||
|  | ||||
| 		div { | ||||
| 			width: 12%; | ||||
| 			height: 26%; | ||||
| 			background: #ffffff; | ||||
| 			position: absolute; | ||||
| 			left: 44.5%; | ||||
| 			top: 37%; | ||||
| 			opacity: 0; | ||||
| 			.animation(fade, 1s, linear, infinite); | ||||
| 			.border-radius(50px); | ||||
| 			.box-shadow(0, 0, 3px, rgba(0,0,0,0.2)); | ||||
| 		} | ||||
|  | ||||
| 		div.bar01 {.transform(  0deg, 0, -142%); .animation-delay(-0.00000s);}     | ||||
| 		div.bar02 {.transform( 30deg, 0, -142%); .animation-delay(-0.91670s);} | ||||
| 		div.bar03 {.transform( 60deg, 0, -142%); .animation-delay(-0.83300s);} | ||||
| 		div.bar04 {.transform( 90deg, 0, -142%); .animation-delay(-0.75000s);} | ||||
| 		div.bar05 {.transform(120deg, 0, -142%); .animation-delay(-0.66700s);} | ||||
| 		div.bar06 {.transform(150deg, 0, -142%); .animation-delay(-0.58330s);} | ||||
| 		div.bar07 {.transform(180deg, 0, -142%); .animation-delay(-0.50000s);} | ||||
| 		div.bar08 {.transform(210deg, 0, -142%); .animation-delay(-0.41667s);} | ||||
| 		div.bar09 {.transform(240deg, 0, -142%); .animation-delay(-0.33300s);} | ||||
| 		div.bar10 {.transform(270deg, 0, -142%); .animation-delay(-0.25000s);} | ||||
| 		div.bar11 {.transform(300deg, 0, -142%); .animation-delay(-0.16670s);} | ||||
| 		div.bar12 {.transform(330deg, 0, -142%); .animation-delay(-0.08330s);} | ||||
|  | ||||
| 		@-webkit-keyframes fade { | ||||
| 			from {opacity: 1;} | ||||
| 			to {opacity: 0.25;} | ||||
| 		} | ||||
| 		@-o-keyframes fade { | ||||
| 			from {opacity: 1;} | ||||
| 			to {opacity: 0.25;} | ||||
| 		} | ||||
| 		@keyframes fade { | ||||
| 			from {opacity: 1;} | ||||
| 			to {opacity: 0.25;} | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
|  | ||||
| //======================================================== | ||||
|  | ||||
| @-webkit-keyframes ios-overlay-show { | ||||
| 	0% { opacity: 0; } | ||||
| 	100% { opacity: 1; } | ||||
| } | ||||
| @-moz-keyframes ios-overlay-show { | ||||
| 	0% { opacity: 0; } | ||||
| 	100% { opacity: 1; } | ||||
| } | ||||
| @-ms-keyframes ios-overlay-show { | ||||
| 	0% { opacity: 0; } | ||||
| 	100% { opacity: 1; } | ||||
| } | ||||
| @-o-keyframes ios-overlay-show { | ||||
| 	0% { opacity: 0; } | ||||
| 	100% { opacity: 1; } | ||||
| } | ||||
| @keyframes ios-overlay-show { | ||||
| 	0% { opacity: 0; } | ||||
| 	100% { opacity: 1; } | ||||
| } | ||||
|  | ||||
| //-------------------------------------------------------- | ||||
|  | ||||
| @-webkit-keyframes ios-overlay-hide { | ||||
| 	0% { opacity: 1; } | ||||
| 	100% { opacity: 0; } | ||||
| } | ||||
| @-moz-keyframes ios-overlay-hide { | ||||
| 	0% { opacity: 1; } | ||||
| 	100% { opacity: 0; } | ||||
| } | ||||
| @-ms-keyframes ios-overlay-hide { | ||||
| 	0% { opacity: 1; } | ||||
| 	100% { opacity: 0; } | ||||
| } | ||||
| @-o-keyframes ios-overlay-hide { | ||||
| 	0% { opacity: 1; } | ||||
| 	100% { opacity: 0; } | ||||
| } | ||||
| @keyframes ios-overlay-hide { | ||||
| 	0% { opacity: 1; } | ||||
| 	100% { opacity: 0; } | ||||
| } | ||||
|  | ||||
| //======================================================== | ||||
							
								
								
									
										730
									
								
								frontend/delta/less/web/style.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										730
									
								
								frontend/delta/less/web/style.less
									
									
									
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
		Reference in New Issue
	
	Block a user
	 Giulio Cesare Solaroli
					Giulio Cesare Solaroli