|
|
|
.icon {
|
|
|
|
background-image: url(image-path('bootstrap/glyphicons-halflings.png'));
|
|
|
|
background-position: 14px 14px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: text-top;
|
|
|
|
width: 14px;
|
|
|
|
height: 14px;
|
|
|
|
*margin-right: .3em;
|
|
|
|
}
|
|
|
|
.icon:last-child {
|
|
|
|
*margin-left: 0;
|
|
|
|
}
|
|
|
|
.icon.white {
|
|
|
|
background-image: url(image-path('bootstrap/glyphicons-halflings-white.png'));
|
|
|
|
}
|
|
|
|
.icon.glass {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
|
|
|
.icon.music {
|
|
|
|
background-position: -24px 0;
|
|
|
|
}
|
|
|
|
.icon.search {
|
|
|
|
background-position: -48px 0;
|
|
|
|
}
|
|
|
|
.icon.envelope {
|
|
|
|
background-position: -72px 0;
|
|
|
|
}
|
|
|
|
.icon.heart {
|
|
|
|
background-position: -96px 0;
|
|
|
|
}
|
|
|
|
.icon.star {
|
|
|
|
background-position: -120px 0;
|
|
|
|
}
|
|
|
|
.icon.star-empty {
|
|
|
|
background-position: -144px 0;
|
|
|
|
}
|
|
|
|
.icon.user {
|
|
|
|
background-position: -168px 0;
|
|
|
|
}
|
|
|
|
.icon.film {
|
|
|
|
background-position: -192px 0;
|
|
|
|
}
|
|
|
|
.icon.th-large {
|
|
|
|
background-position: -216px 0;
|
|
|
|
}
|
|
|
|
.icon.th {
|
|
|
|
background-position: -240px 0;
|
|
|
|
}
|
|
|
|
.icon.th-list {
|
|
|
|
background-position: -264px 0;
|
|
|
|
}
|
|
|
|
.icon.ok {
|
|
|
|
background-position: -288px 0;
|
|
|
|
}
|
|
|
|
.icon.remove {
|
|
|
|
background-position: -312px 0;
|
|
|
|
}
|
|
|
|
.icon.zoom-in {
|
|
|
|
background-position: -336px 0;
|
|
|
|
}
|
|
|
|
.icon.zoom-out {
|
|
|
|
background-position: -360px 0;
|
|
|
|
}
|
|
|
|
.icon.off {
|
|
|
|
background-position: -384px 0;
|
|
|
|
}
|
|
|
|
.icon.signal {
|
|
|
|
background-position: -408px 0;
|
|
|
|
}
|
|
|
|
.icon.cog {
|
|
|
|
background-position: -432px 0;
|
|
|
|
}
|
|
|
|
.icon.trash {
|
|
|
|
background-position: -456px 0;
|
|
|
|
}
|
|
|
|
.icon.home {
|
|
|
|
background-position: 0 -24px;
|
|
|
|
}
|
|
|
|
.icon.file {
|
|
|
|
background-position: -24px -24px;
|
|
|
|
}
|
|
|
|
.icon.time {
|
|
|
|
background-position: -48px -24px;
|
|
|
|
}
|
|
|
|
.icon.road {
|
|
|
|
background-position: -72px -24px;
|
|
|
|
}
|
|
|
|
.icon.download-alt {
|
|
|
|
background-position: -96px -24px;
|
|
|
|
}
|
|
|
|
.icon.download {
|
|
|
|
background-position: -120px -24px;
|
|
|
|
}
|
|
|
|
.icon.upload {
|
|
|
|
background-position: -144px -24px;
|
|
|
|
}
|
|
|
|
.icon.inbox {
|
|
|
|
background-position: -168px -24px;
|
|
|
|
}
|
|
|
|
.icon.play-circle {
|
|
|
|
background-position: -192px -24px;
|
|
|
|
}
|
|
|
|
.icon.repeat {
|
|
|
|
background-position: -216px -24px;
|
|
|
|
}
|
|
|
|
.icon.refresh {
|
|
|
|
background-position: -240px -24px;
|
|
|
|
}
|
|
|
|
.icon.list-alt {
|
|
|
|
background-position: -264px -24px;
|
|
|
|
}
|
|
|
|
.icon.lock {
|
|
|
|
background-position: -287px -24px;
|
|
|
|
}
|
|
|
|
.icon.flag {
|
|
|
|
background-position: -312px -24px;
|
|
|
|
}
|
|
|
|
.icon.headphones {
|
|
|
|
background-position: -336px -24px;
|
|
|
|
}
|
|
|
|
.icon.volume-off {
|
|
|
|
background-position: -360px -24px;
|
|
|
|
}
|
|
|
|
.icon.volume-down {
|
|
|
|
background-position: -384px -24px;
|
|
|
|
}
|
|
|
|
.icon.volume-up {
|
|
|
|
background-position: -408px -24px;
|
|
|
|
}
|
|
|
|
.icon.qrcode {
|
|
|
|
background-position: -432px -24px;
|
|
|
|
}
|
|
|
|
.icon.barcode {
|
|
|
|
background-position: -456px -24px;
|
|
|
|
}
|
|
|
|
.icon.tag {
|
|
|
|
background-position: 0 -48px;
|
|
|
|
}
|
|
|
|
.icon.tags {
|
|
|
|
background-position: -25px -48px;
|
|
|
|
}
|
|
|
|
.icon.book {
|
|
|
|
background-position: -48px -48px;
|
|
|
|
}
|
|
|
|
.icon.bookmark {
|
|
|
|
background-position: -72px -48px;
|
|
|
|
}
|
|
|
|
.icon.print {
|
|
|
|
background-position: -96px -48px;
|
|
|
|
}
|
|
|
|
.icon.camera {
|
|
|
|
background-position: -120px -48px;
|
|
|
|
}
|
|
|
|
.icon.font {
|
|
|
|
background-position: -144px -48px;
|
|
|
|
}
|
|
|
|
.icon.bold {
|
|
|
|
background-position: -167px -48px;
|
|
|
|
}
|
|
|
|
.icon.italic {
|
|
|
|
background-position: -192px -48px;
|
|
|
|
}
|
|
|
|
.icon.text-height {
|
|
|
|
background-position: -216px -48px;
|
|
|
|
}
|
|
|
|
.icon.text-width {
|
|
|
|
background-position: -240px -48px;
|
|
|
|
}
|
|
|
|
.icon.align-left {
|
|
|
|
background-position: -264px -48px;
|
|
|
|
}
|
|
|
|
.icon.align-center {
|
|
|
|
background-position: -288px -48px;
|
|
|
|
}
|
|
|
|
.icon.align-right {
|
|
|
|
background-position: -312px -48px;
|
|
|
|
}
|
|
|
|
.icon.align-justify {
|
|
|
|
background-position: -336px -48px;
|
|
|
|
}
|
|
|
|
.icon.list {
|
|
|
|
background-position: -360px -48px;
|
|
|
|
}
|
|
|
|
.icon.indent-left {
|
|
|
|
background-position: -384px -48px;
|
|
|
|
}
|
|
|
|
.icon.indent-right {
|
|
|
|
background-position: -408px -48px;
|
|
|
|
}
|
|
|
|
.icon.facetime-video {
|
|
|
|
background-position: -432px -48px;
|
|
|
|
}
|
|
|
|
.icon.picture {
|
|
|
|
background-position: -456px -48px;
|
|
|
|
}
|
|
|
|
.icon.pencil {
|
|
|
|
background-position: 0 -72px;
|
|
|
|
}
|
|
|
|
.icon.map-marker {
|
|
|
|
background-position: -24px -72px;
|
|
|
|
}
|
|
|
|
.icon.adjust {
|
|
|
|
background-position: -48px -72px;
|
|
|
|
}
|
|
|
|
.icon.tint {
|
|
|
|
background-position: -72px -72px;
|
|
|
|
}
|
|
|
|
.icon.edit {
|
|
|
|
background-position: -96px -72px;
|
|
|
|
}
|
|
|
|
.icon.share {
|
|
|
|
background-position: -120px -72px;
|
|
|
|
}
|
|
|
|
.icon.check {
|
|
|
|
background-position: -144px -72px;
|
|
|
|
}
|
|
|
|
.icon.move {
|
|
|
|
background-position: -168px -72px;
|
|
|
|
}
|
|
|
|
.icon.step-backward {
|
|
|
|
background-position: -192px -72px;
|
|
|
|
}
|
|
|
|
.icon.fast-backward {
|
|
|
|
background-position: -216px -72px;
|
|
|
|
}
|
|
|
|
.icon.backward {
|
|
|
|
background-position: -240px -72px;
|
|
|
|
}
|
|
|
|
.icon.play {
|
|
|
|
background-position: -264px -72px;
|
|
|
|
}
|
|
|
|
.icon.pause {
|
|
|
|
background-position: -288px -72px;
|
|
|
|
}
|
|
|
|
.icon.stop {
|
|
|
|
background-position: -312px -72px;
|
|
|
|
}
|
|
|
|
.icon.forward {
|
|
|
|
background-position: -336px -72px;
|
|
|
|
}
|
|
|
|
.icon.fast-forward {
|
|
|
|
background-position: -360px -72px;
|
|
|
|
}
|
|
|
|
.icon.step-forward {
|
|
|
|
background-position: -384px -72px;
|
|
|
|
}
|
|
|
|
.icon.eject {
|
|
|
|
background-position: -408px -72px;
|
|
|
|
}
|
|
|
|
.icon.chevron-left {
|
|
|
|
background-position: -432px -72px;
|
|
|
|
}
|
|
|
|
.icon.chevron-right {
|
|
|
|
background-position: -456px -72px;
|
|
|
|
}
|
|
|
|
.icon.plus-sign {
|
|
|
|
background-position: 0 -96px;
|
|
|
|
}
|
|
|
|
.icon.minus-sign {
|
|
|
|
background-position: -24px -96px;
|
|
|
|
}
|
|
|
|
.icon.remove-sign {
|
|
|
|
background-position: -48px -96px;
|
|
|
|
}
|
|
|
|
.icon.ok-sign {
|
|
|
|
background-position: -72px -96px;
|
|
|
|
}
|
|
|
|
.icon.question-sign {
|
|
|
|
background-position: -96px -96px;
|
|
|
|
}
|
|
|
|
.icon.info-sign {
|
|
|
|
background-position: -120px -96px;
|
|
|
|
}
|
|
|
|
.icon.screenshot {
|
|
|
|
background-position: -144px -96px;
|
|
|
|
}
|
|
|
|
.icon.remove-circle {
|
|
|
|
background-position: -168px -96px;
|
|
|
|
}
|
|
|
|
.icon.ok-circle {
|
|
|
|
background-position: -192px -96px;
|
|
|
|
}
|
|
|
|
.icon.ban-circle {
|
|
|
|
background-position: -216px -96px;
|
|
|
|
}
|
|
|
|
.icon.arrow-left {
|
|
|
|
background-position: -240px -96px;
|
|
|
|
}
|
|
|
|
.icon.arrow-right {
|
|
|
|
background-position: -264px -96px;
|
|
|
|
}
|
|
|
|
.icon.arrow-up {
|
|
|
|
background-position: -289px -96px;
|
|
|
|
}
|
|
|
|
.icon.arrow-down {
|
|
|
|
background-position: -312px -96px;
|
|
|
|
}
|
|
|
|
.icon.share-alt {
|
|
|
|
background-position: -336px -96px;
|
|
|
|
}
|
|
|
|
.icon.resize-full {
|
|
|
|
background-position: -360px -96px;
|
|
|
|
}
|
|
|
|
.icon.resize-small {
|
|
|
|
background-position: -384px -96px;
|
|
|
|
}
|
|
|
|
.icon.plus {
|
|
|
|
background-position: -408px -96px;
|
|
|
|
}
|
|
|
|
.icon.minus {
|
|
|
|
background-position: -433px -96px;
|
|
|
|
}
|
|
|
|
.icon.asterisk {
|
|
|
|
background-position: -456px -96px;
|
|
|
|
}
|
|
|
|
.icon.exclamation-sign {
|
|
|
|
background-position: 0 -120px;
|
|
|
|
}
|
|
|
|
.icon.gift {
|
|
|
|
background-position: -24px -120px;
|
|
|
|
}
|
|
|
|
.icon.leaf {
|
|
|
|
background-position: -48px -120px;
|
|
|
|
}
|
|
|
|
.icon.fire {
|
|
|
|
background-position: -72px -120px;
|
|
|
|
}
|
|
|
|
.icon.eye-open {
|
|
|
|
background-position: -96px -120px;
|
|
|
|
}
|
|
|
|
.icon.eye-close {
|
|
|
|
background-position: -120px -120px;
|
|
|
|
}
|
|
|
|
.icon.warning-sign {
|
|
|
|
background-position: -144px -120px;
|
|
|
|
}
|
|
|
|
.icon.plane {
|
|
|
|
background-position: -168px -120px;
|
|
|
|
}
|
|
|
|
.icon.calendar {
|
|
|
|
background-position: -192px -120px;
|
|
|
|
}
|
|
|
|
.icon.random {
|
|
|
|
background-position: -216px -120px;
|
|
|
|
}
|
|
|
|
.icon.comment {
|
|
|
|
background-position: -240px -120px;
|
|
|
|
}
|
|
|
|
.icon.magnet {
|
|
|
|
background-position: -264px -120px;
|
|
|
|
}
|
|
|
|
.icon.chevron-up {
|
|
|
|
background-position: -288px -120px;
|
|
|
|
}
|
|
|
|
.icon.chevron-down {
|
|
|
|
background-position: -313px -119px;
|
|
|
|
}
|
|
|
|
.icon.retweet {
|
|
|
|
background-position: -336px -120px;
|
|
|
|
}
|
|
|
|
.icon.shopping-cart {
|
|
|
|
background-position: -360px -120px;
|
|
|
|
}
|
|
|
|
.icon.folder-close {
|
|
|
|
background-position: -384px -120px;
|
|
|
|
}
|
|
|
|
.icon.folder-open {
|
|
|
|
background-position: -408px -120px;
|
|
|
|
}
|
|
|
|
.icon.resize-vertical {
|
|
|
|
background-position: -432px -119px;
|
|
|
|
}
|
|
|
|
.icon.resize-horizontal {
|
|
|
|
background-position: -456px -118px;
|
|
|
|
}
|
|
|
|
.tooltip {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 1020;
|
|
|
|
display: block;
|
|
|
|
visibility: visible;
|
|
|
|
padding: 5px;
|
|
|
|
font-size: 11px;
|
|
|
|
opacity: 0;
|
|
|
|
filter: alpha(opacity=0);
|
|
|
|
}
|
|
|
|
.tooltip.in {
|
|
|
|
opacity: 0.8;
|
|
|
|
filter: alpha(opacity=80);
|
|
|
|
}
|
|
|
|
.tooltip.top {
|
|
|
|
margin-top: -2px;
|
|
|
|
}
|
|
|
|
.tooltip.right {
|
|
|
|
margin-left: 2px;
|
|
|
|
}
|
|
|
|
.tooltip.bottom {
|
|
|
|
margin-top: 2px;
|
|
|
|
}
|
|
|
|
.tooltip.left {
|
|
|
|
margin-left: -2px;
|
|
|
|
}
|
|
|
|
.tooltip.top .tooltip-arrow {
|
|
|
|
bottom: 0;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -5px;
|
|
|
|
border-left: 5px solid transparent;
|
|
|
|
border-right: 5px solid transparent;
|
|
|
|
border-top: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.tooltip.left .tooltip-arrow {
|
|
|
|
top: 50%;
|
|
|
|
right: 0;
|
|
|
|
margin-top: -5px;
|
|
|
|
border-top: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
border-left: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.tooltip.bottom .tooltip-arrow {
|
|
|
|
top: 0;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -5px;
|
|
|
|
border-left: 5px solid transparent;
|
|
|
|
border-right: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.tooltip.right .tooltip-arrow {
|
|
|
|
top: 50%;
|
|
|
|
left: 0;
|
|
|
|
margin-top: -5px;
|
|
|
|
border-top: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
border-right: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.tooltip-inner {
|
|
|
|
max-width: 200px;
|
|
|
|
padding: 3px 8px;
|
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: #000000;
|
|
|
|
-webkit-border-radius: 4px;
|
|
|
|
-moz-border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
.tooltip-arrow {
|
|
|
|
position: absolute;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
.popover {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 1010;
|
|
|
|
display: none;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
.popover.top {
|
|
|
|
margin-top: -5px;
|
|
|
|
}
|
|
|
|
.popover.right {
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
.popover.bottom {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
.popover.left {
|
|
|
|
margin-left: -5px;
|
|
|
|
}
|
|
|
|
.popover.top .arrow {
|
|
|
|
bottom: 0;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -5px;
|
|
|
|
border-left: 5px solid transparent;
|
|
|
|
border-right: 5px solid transparent;
|
|
|
|
border-top: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.popover.right .arrow {
|
|
|
|
top: 50%;
|
|
|
|
left: 0;
|
|
|
|
margin-top: -5px;
|
|
|
|
border-top: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
border-right: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.popover.bottom .arrow {
|
|
|
|
top: 0;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -5px;
|
|
|
|
border-left: 5px solid transparent;
|
|
|
|
border-right: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.popover.left .arrow {
|
|
|
|
top: 50%;
|
|
|
|
right: 0;
|
|
|
|
margin-top: -5px;
|
|
|
|
border-top: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
border-left: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.popover .arrow {
|
|
|
|
position: absolute;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
.popover .inner {
|
|
|
|
padding: 3px;
|
|
|
|
width: 280px;
|
|
|
|
overflow: hidden;
|
|
|
|
background: #000000;
|
|
|
|
background: rgba(0, 0, 0, 0.8);
|
|
|
|
-webkit-border-radius: 6px;
|
|
|
|
-moz-border-radius: 6px;
|
|
|
|
border-radius: 6px;
|
|
|
|
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
|
|
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
|
|
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
|
|
}
|
|
|
|
.popover .title {
|
|
|
|
padding: 9px 15px;
|
|
|
|
line-height: 1;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
-webkit-border-radius: 3px 3px 0 0;
|
|
|
|
-moz-border-radius: 3px 3px 0 0;
|
|
|
|
border-radius: 3px 3px 0 0;
|
|
|
|
|
|
|
|
-webkit-margin-before: 0;
|
|
|
|
-webkit-margin-after: 0;
|
|
|
|
}
|
|
|
|
.popover .content {
|
|
|
|
padding: 14px;
|
|
|
|
background-color: #ffffff;
|
|
|
|
-webkit-border-radius: 0 0 3px 3px;
|
|
|
|
-moz-border-radius: 0 0 3px 3px;
|
|
|
|
border-radius: 0 0 3px 3px;
|
|
|
|
-webkit-background-clip: padding-box;
|
|
|
|
-moz-background-clip: padding-box;
|
|
|
|
background-clip: padding-box;
|
|
|
|
}
|
|
|
|
.popover .content p, .popover .content ul, .popover .content ol {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|