1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- /**
- * jQuery.popover example stylesheet.
- * By Davey IJzermans
- * http://daveyyzermans.nl
- *
- * License: public domain
- */
- .popover {
- position: absolute;
- top: 0; left: 0;
- max-height: 240px;
- width: 220px;
- display: none;
- -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
- box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
- }
- .popover.wider {
- width: 340px;
- }
- .popover.large {
- width: 470px;
- max-height: 350px;
- }
- .popover .arrow, .popover .top-arrow {
- position: absolute;
- top: 0; left: 50%;
- margin: -10px 0 0 -3px;
- width: 0; height: 0;
- border-top: 5px solid transparent;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 5px solid #121212;
- }
- .popover .bottom-arrow {
- top: 100%; left: 50%;
- margin: 0 0 0 -3px;
- border-top: 5px solid #121212;
- border-bottom: 5px solid transparent;
- }
- .popover .left-arrow {
- top: 50%; left: -10px;
- margin: -3px 0 0;
- border-right: 5px solid #121212;
- border-bottom: 5px solid transparent;
- }
- .popover .right-arrow {
- top: 50%; left: 100%;
- margin: -3px 0 0;
- border-left: 5px solid #121212;
- border-bottom: 5px solid transparent;
- }
- .popover .wrap {
- background: white;
- border: 3px solid #121212;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- }
- .popover .title {
- background: #121212 url(popover_gradient.png) repeat-x;
- color: white;
- font-size: 1.3em;
- text-align: center;
- padding: 8px 0 0 0;
- height: 27px;
- }
- .popover .content {
- padding: 15px;
- max-height: 175px;
- overflow: auto;
- line-height: 1.3em;
- font-size: 0.9em;
- }
- .popover.large .content {
- max-height: 285px;
- }
|