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  	}