gwt.material.design.addins.client.bubble.resources.css.bubble.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of gwt-material-addins Show documentation
Show all versions of gwt-material-addins Show documentation
Extra Components of GWT Material Framework
.bubble{
margin-left: 60px;
float: left;
background: #fff;
color: #263238;
position: relative;
margin: 8px 0 15px 0;
height: auto;
padding: 8px 10px;
display: block;
word-wrap: break-word;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
z-index: 1;
font-size: 0.9rem;
}
.triangle{
position: absolute;
z-index: 998;
border: 6px solid transparent;
opacity: 0.8;
}
.triangle.right{
top: 15px;
right: -12px;
}
.triangle.left{
top: 15px;
left: -12px;
}
.triangle.top, .triangle.bottom{
left: calc(50% - 4px);
}
.triangle.top{
top: -12px;
}
.triangle.bottom{
bottom: -12px;
}