Skip to content

Instantly share code, notes, and snippets.

@rtincar
Created November 20, 2012 08:58
Show Gist options
  • Select an option

  • Save rtincar/4116832 to your computer and use it in GitHub Desktop.

Select an option

Save rtincar/4116832 to your computer and use it in GitHub Desktop.
Css de popover.js
.popover {
background-color: #FFFFFF;
border: 1px solid #E1E1E1;
box-shadow: 0 1px 3px #E1E1E1;
display: none;
font-family: Helvetica,sans-serif;
padding: 1em;
position: fixed;
width: 200px;
z-index: 1;
}
.popover.show {
display: block;
}
.popover .arrow {
background: none repeat scroll 0 0 #FFFFFF;
left: 0;
position: absolute;
top: 25px;
}
.popover .arrow:after, .popover .arrow:before {
border: medium solid transparent;
content: " ";
height: 0;
pointer-events: none;
position: absolute;
right: 100%;
width: 0;
}
.popover .arrow:after {
border-color: rgba(255, 255, 255, 0) #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
border-width: 10px;
margin-top: -10px;
top: 50%;
}
.popover .arrow:before {
border-color: rgba(225, 225, 225, 0) #E1E1E1 rgba(225, 225, 225, 0) rgba(225, 225, 225, 0);
border-width: 11px;
margin-top: -11px;
top: 50%;
}
.popover p, .popover a {
font-size: 0.875em;
line-height: 1.5em;
}
.popover a {
background-color: #00AC1B;
color: #FFFFFF;
display: inline-block;
margin-top: 1em;
padding: 3px 6px;
}
.popover .meta {
padding-top: 0.75em;
}
.popover .meta a {
background-color: transparent;
color: #191919;
font-size: 1.125em;
line-height: 1.33333em;
margin: 0 0.75em 0 0;
padding: 0;
}
.popover .meta a:hover {
color: #00AC1B;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment