github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume3/section5/gopherface/static/css/alertify.default.css (about) 1 /** 2 * Default Look and Feel 3 */ 4 .alertify, 5 .alertify-log { 6 font-family: sans-serif; 7 } 8 .alertify { 9 background: #FFF; 10 border: 10px solid #333; /* browsers that don't support rgba */ 11 border: 10px solid rgba(0,0,0,.7); 12 border-radius: 8px; 13 box-shadow: 0 3px 3px rgba(0,0,0,.3); 14 -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ 15 -moz-background-clip: padding; /* Firefox 3.6 */ 16 background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ 17 } 18 .alertify-text { 19 border: 1px solid #CCC; 20 padding: 10px; 21 border-radius: 4px; 22 } 23 .alertify-button { 24 border-radius: 4px; 25 color: #FFF; 26 font-weight: bold; 27 padding: 6px 15px; 28 text-decoration: none; 29 text-shadow: 1px 1px 0 rgba(0,0,0,.5); 30 box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5); 31 background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); 32 background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); 33 background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); 34 background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); 35 background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); 36 } 37 .alertify-button:hover, 38 .alertify-button:focus { 39 outline: none; 40 background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0)); 41 background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0)); 42 background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0)); 43 background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0)); 44 background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0)); 45 } 46 .alertify-button:focus { 47 box-shadow: 0 0 15px #2B72D5; 48 } 49 .alertify-button:active { 50 position: relative; 51 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); 52 } 53 .alertify-button-cancel, 54 .alertify-button-cancel:hover, 55 .alertify-button-cancel:focus { 56 background-color: #FE1A00; 57 border: 1px solid #D83526; 58 } 59 .alertify-button-ok, 60 .alertify-button-ok:hover, 61 .alertify-button-ok:focus { 62 background-color: #5CB811; 63 border: 1px solid #3B7808; 64 } 65 66 .alertify-log { 67 background: #1F1F1F; 68 background: rgba(0,0,0,.9); 69 padding: 15px; 70 border-radius: 4px; 71 color: #FFF; 72 text-shadow: -1px -1px 0 rgba(0,0,0,.5); 73 } 74 .alertify-log-error { 75 background: #FE1A00; 76 background: rgba(254,26,0,.9); 77 } 78 .alertify-log-success { 79 background: #5CB811; 80 background: rgba(92,184,17,.9); 81 }