github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/root/css/jquery.gritter.css (about)

     1  /* the norm */
     2  #gritter-notice-wrapper {
     3  	position:fixed;
     4  	top:50px;
     5  	right:10px;
     6  	width:301px;
     7  	z-index:989;
     8  }
     9  #gritter-notice-wrapper.top-left {
    10      left: 20px;
    11      right: auto;
    12  }
    13  #gritter-notice-wrapper.bottom-right {
    14      top: auto;
    15      left: auto;
    16      bottom: 20px;
    17      right: 20px;
    18  }
    19  #gritter-notice-wrapper.bottom-left {
    20      top: auto;
    21      right: auto;
    22      bottom: 20px;
    23      left: 20px;
    24  }
    25  .gritter-item-wrapper {
    26  	position:relative;
    27  	margin:0 0 10px 0;
    28  }
    29  
    30  .gritter-top, .gritter-bottom {
    31  	height: 0;
    32  }
    33  
    34  .gritter-item {
    35  	display:block;
    36  	background: #f74d4d; /* Old browsers */
    37  	color:#2b2b2b; box-shadow:3px 3px 20px #000;
    38  	padding:7px 10px 10px;
    39  	font-size: 11px; color:#fff;
    40  	font-family:verdana;
    41  }
    42  .hover .gritter-item {
    43  }
    44  .gritter-item p {
    45  	padding:0;
    46  	margin:0;
    47  	word-wrap:break-word;
    48  	font-size: 10px;
    49  	line-height: 14px;
    50  }
    51  .gritter-close {
    52  	display:none;
    53  	position:absolute;
    54  	top:-7px;
    55  	right:-9px;
    56  	background:url(../img/gritter.png) no-repeat left top;
    57  	cursor:pointer;
    58  	width:30px;
    59  	height:30px;
    60  }
    61  .gritter-title {
    62  	font-size:12px;
    63  	font-weight:bold;
    64  	padding:0 0 7px 0;
    65  	display:block;
    66  }
    67  .gritter-image {
    68  	width:32px;
    69  	height:32px;
    70  	float:left;
    71  	margin: 5px;
    72  }
    73  .gritter-with-image,
    74  .gritter-without-image {
    75  	padding:0;
    76  }
    77  .gritter-with-image {
    78  	width:220px;
    79  	float:right;
    80  }
    81  /* for the light (white) version of the gritter notice */
    82  .gritter-light .gritter-item,
    83  .gritter-light .gritter-bottom,
    84  .gritter-light .gritter-top,
    85  .gritter-light .gritter-close {
    86      background-image: url(../img/gritter-light.png);
    87      color: #222;
    88  }
    89  .gritter-light .gritter-title {
    90      text-shadow: none;
    91  }