78 lines
2.0 KiB
CSS
78 lines
2.0 KiB
CSS
/*right triangle*/
|
|
.serverInvalidState {
|
|
display:none;
|
|
}
|
|
|
|
.validation-close {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 2px;
|
|
cursor: pointer;
|
|
color: #FFFFFF;
|
|
border: 0px solid #FFFFFF;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
font-family: monospace;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.Serene {
|
|
position:absolute;
|
|
padding:10px 15px 10px 5px ;
|
|
color:#FFFFFF;
|
|
background:#5d5c5c; /* default background for browsers without gradient support */
|
|
|
|
background-image: -webkit-gradient(linear, left top, right top, from(#5d5c5c), to(#5d5c5c));
|
|
background-image: -webkit-linear-gradient(left, #5d5c5c, #5d5c5c); /* For Chrome and Safari */
|
|
background-image: -moz-linear-gradient(left, #5d5c5c, #5d5c5c); /* For old Fx (3.6 to 15) */
|
|
background-image: -ms-linear-gradient(left, #5d5c5c, #5d5c5c); /* For pre-releases of IE 10*/
|
|
background-image: -o-linear-gradient(left, #5d5c5c, #5d5c5c); /* For old Opera (11.1 to 12.0) */
|
|
background-image: linear-gradient(to right, #5d5c5c, #5d5c5c); /* Standard syntax; must be last */
|
|
|
|
-webkit-border-radius:0px;
|
|
-moz-border-radius:0px;
|
|
border-radius:0px;
|
|
border: 0px solid #FFFFFF;
|
|
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-weight: undefined;
|
|
font-style: inherit;
|
|
max-width: 350em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* THE POINTER
|
|
------------------------------------------------------------------------------------------------------------------------------- */
|
|
|
|
.Serene-wrapper {
|
|
opacity:0.8;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.Serene-before {
|
|
position:absolute;
|
|
border-style:solid;
|
|
display:block;
|
|
width:0;
|
|
border-width:20px 20px 20px 0; /* vary these values to change the angle of the vertex */
|
|
border-style:solid;
|
|
border-color:transparent #5d5c5c;
|
|
}
|
|
|
|
.Serene-after {
|
|
position:absolute;
|
|
content:"";
|
|
border:0;
|
|
border-width:0px 0 0 0px;
|
|
border-style:solid;
|
|
border-color:transparent #e0e0e0;
|
|
display:block;
|
|
width:0;
|
|
} |