github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section5/gopherface/static/css/alertify.core.css (about) 1 .alertify, 2 .alertify-show, 3 .alertify-log { 4 -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 5 -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 6 -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 7 -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 8 transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ 9 } 10 .alertify-hide { 11 -webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 12 -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 13 -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 14 -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 15 transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */ 16 } 17 .alertify-log-hide { 18 -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 19 -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 20 -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 21 -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); 22 transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */ 23 } 24 .alertify-cover { 25 position: fixed; z-index: 99999; 26 top: 0; right: 0; bottom: 0; left: 0; 27 background-color:white; 28 filter:alpha(opacity=0); 29 opacity:0; 30 } 31 .alertify-cover-hidden { 32 display: none; 33 } 34 .alertify { 35 position: fixed; z-index: 99999; 36 top: 50px; left: 50%; 37 width: 550px; 38 margin-left: -275px; 39 opacity: 1; 40 } 41 .alertify-hidden { 42 -webkit-transform: translate(0,-150px); 43 -moz-transform: translate(0,-150px); 44 -ms-transform: translate(0,-150px); 45 -o-transform: translate(0,-150px); 46 transform: translate(0,-150px); 47 opacity: 0; 48 display: none; 49 } 50 /* overwrite display: none; for everything except IE6-8 */ 51 :root *> .alertify-hidden { 52 display: block; 53 visibility: hidden; 54 } 55 .alertify-logs { 56 position: fixed; 57 z-index: 5000; 58 bottom: 10px; 59 right: 10px; 60 width: 300px; 61 } 62 .alertify-logs-hidden { 63 display: none; 64 } 65 .alertify-log { 66 display: block; 67 margin-top: 10px; 68 position: relative; 69 right: -300px; 70 opacity: 0; 71 } 72 .alertify-log-show { 73 right: 0; 74 opacity: 1; 75 } 76 .alertify-log-hide { 77 -webkit-transform: translate(300px, 0); 78 -moz-transform: translate(300px, 0); 79 -ms-transform: translate(300px, 0); 80 -o-transform: translate(300px, 0); 81 transform: translate(300px, 0); 82 opacity: 0; 83 } 84 .alertify-dialog { 85 padding: 25px; 86 } 87 .alertify-resetFocus { 88 border: 0; 89 clip: rect(0 0 0 0); 90 height: 1px; 91 margin: -1px; 92 overflow: hidden; 93 padding: 0; 94 position: absolute; 95 width: 1px; 96 } 97 .alertify-inner { 98 text-align: center; 99 } 100 .alertify-text { 101 margin-bottom: 15px; 102 width: 100%; 103 -webkit-box-sizing: border-box; 104 -moz-box-sizing: border-box; 105 box-sizing: border-box; 106 font-size: 100%; 107 } 108 .alertify-buttons { 109 } 110 .alertify-button, 111 .alertify-button:hover, 112 .alertify-button:active, 113 .alertify-button:visited { 114 background: none; 115 text-decoration: none; 116 border: none; 117 /* line-height and font-size for input button */ 118 line-height: 1.5; 119 font-size: 100%; 120 display: inline-block; 121 cursor: pointer; 122 margin-left: 5px; 123 } 124 125 @media only screen and (max-width: 680px) { 126 .alertify, 127 .alertify-logs { 128 width: 90%; 129 -webkit-box-sizing: border-box; 130 -moz-box-sizing: border-box; 131 box-sizing: border-box; 132 } 133 .alertify { 134 left: 5%; 135 margin: 0; 136 } 137 }