ngohungcuong.windy@gmail.com / T-Shats Frontend

Blame view

app/bower_components/bootstrap/less/popovers.less 3.41 KB
edit raw normal view history
f986e111b   TRUONG   add libs 
1
2
3
4
5
6
7
8
9
10
11
12
13
 
  //
  // Popovers
  // --------------------------------------------------
  
  
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: @zindex-popover;
    display: none;
    max-width: @popover-max-width;
    padding: 1px;
87c93a029   Dang YoungWorld   add modal 
14
15
16
17
 
    // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
    // So reset our font and text properties to avoid inheriting weird values.
    .reset-text();
    font-size: @font-size-base;
f986e111b   TRUONG   add libs 
18
19
20
21
22
23
 
    background-color: @popover-bg;
    background-clip: padding-box;
    border: 1px solid @popover-fallback-border-color;
    border: 1px solid @popover-border-color;
    border-radius: @border-radius-large;
    .box-shadow(0 5px 10px rgba(0,0,0,.2));
f986e111b   TRUONG   add libs 
24
 
    // Offset the popover to account for the popover arrow
87c93a029   Dang YoungWorld   add modal 
25
26
27
28
 
    &.top     { margin-top: -@popover-arrow-width; }
    &.right   { margin-left: @popover-arrow-width; }
    &.bottom  { margin-top: @popover-arrow-width; }
    &.left    { margin-left: -@popover-arrow-width; }
f986e111b   TRUONG   add libs 
29
30
31
32
33
34
 
  }
  
  .popover-title {
    margin: 0; // reset heading margin
    padding: 8px 14px;
    font-size: @font-size-base;
f986e111b   TRUONG   add libs 
35
36
 
    background-color: @popover-title-bg;
    border-bottom: 1px solid darken(@popover-title-bg, 5%);
87c93a029   Dang YoungWorld   add modal 
37
 
    border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
f986e111b   TRUONG   add libs 
38
39
40
41
42
43
44
45
46
 
  }
  
  .popover-content {
    padding: 9px 14px;
  }
  
  // Arrows
  //
  // .arrow is outer, .arrow:after is inner
87c93a029   Dang YoungWorld   add modal 
47
 
  .popover > .arrow {
f986e111b   TRUONG   add libs 
48
49
50
51
52
53
54
55
56
57
 
    &,
    &:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
    }
  }
87c93a029   Dang YoungWorld   add modal 
58
 
  .popover > .arrow {
f986e111b   TRUONG   add libs 
59
60
 
    border-width: @popover-arrow-outer-width;
  }
87c93a029   Dang YoungWorld   add modal 
61
 
  .popover > .arrow:after {
f986e111b   TRUONG   add libs 
62
63
64
65
66
 
    border-width: @popover-arrow-width;
    content: "";
  }
  
  .popover {
87c93a029   Dang YoungWorld   add modal 
67
 
    &.top > .arrow {
f986e111b   TRUONG   add libs 
68
69
70
71
72
73
74
75
76
77
78
79
80
81
 
      left: 50%;
      margin-left: -@popover-arrow-outer-width;
      border-bottom-width: 0;
      border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
      border-top-color: @popover-arrow-outer-color;
      bottom: -@popover-arrow-outer-width;
      &:after {
        content: " ";
        bottom: 1px;
        margin-left: -@popover-arrow-width;
        border-bottom-width: 0;
        border-top-color: @popover-arrow-color;
      }
    }
87c93a029   Dang YoungWorld   add modal 
82
 
    &.right > .arrow {
f986e111b   TRUONG   add libs 
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
      top: 50%;
      left: -@popover-arrow-outer-width;
      margin-top: -@popover-arrow-outer-width;
      border-left-width: 0;
      border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
      border-right-color: @popover-arrow-outer-color;
      &:after {
        content: " ";
        left: 1px;
        bottom: -@popover-arrow-width;
        border-left-width: 0;
        border-right-color: @popover-arrow-color;
      }
    }
87c93a029   Dang YoungWorld   add modal 
97
 
    &.bottom > .arrow {
f986e111b   TRUONG   add libs 
98
99
100
101
102
103
104
105
106
107
108
109
110
111
 
      left: 50%;
      margin-left: -@popover-arrow-outer-width;
      border-top-width: 0;
      border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
      border-bottom-color: @popover-arrow-outer-color;
      top: -@popover-arrow-outer-width;
      &:after {
        content: " ";
        top: 1px;
        margin-left: -@popover-arrow-width;
        border-top-width: 0;
        border-bottom-color: @popover-arrow-color;
      }
    }
87c93a029   Dang YoungWorld   add modal 
112
 
    &.left > .arrow {
f986e111b   TRUONG   add libs 
113
114
115
116
117
118
119
120
121
122
123
124
125
126
 
      top: 50%;
      right: -@popover-arrow-outer-width;
      margin-top: -@popover-arrow-outer-width;
      border-right-width: 0;
      border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
      border-left-color: @popover-arrow-outer-color;
      &:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: @popover-arrow-color;
        bottom: -@popover-arrow-width;
      }
    }
f986e111b   TRUONG   add libs 
127
 
  }