public/bower_components/textAngular/textAngular.css

   1 .ta-hidden-input {
   2         width: 1px;
   3         height: 1px;
   4         border: none;
   5         margin: 0;
   6         padding: 0;
   7         position: absolute;
   8         top: -10000px;
   9         left: -10000px;
  10         opacity: 0;
  11         overflow: hidden;
  12 }
  13
  14 /* add generic styling for the editor */
  15 .ta-root.focussed > .ta-scroll-window.form-control {
  16         border-color: #66afe9;
  17         outline: 0;
  18         -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  19         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  20         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  21 }
  22
  23 .ta-editor.ta-html, .ta-scroll-window.form-control {
  24         min-height: 300px;
  25         height: auto;
  26         overflow: auto;
  27         font-family: inherit;
  28         font-size: 100%;
  29 }
  30
  31 .ta-scroll-window.form-control {
  32         position: relative;
  33         padding: 0;
  34 }
  35
  36 .ta-scroll-window > .ta-bind {
  37         height: auto;
  38         min-height: 300px;
  39         padding: 6px 12px;
  40 }
  41
  42 .ta-editor:focus {
  43         user-select: text;
  44 }
  45
  46 /* add the styling for the awesomness of the resizer */
  47 .ta-resizer-handle-overlay {
  48         z-index: 100;
  49         position: absolute;
  50         display: none;
  51 }
  52
  53 .ta-resizer-handle-overlay > .ta-resizer-handle-info {
  54         position: absolute;
  55         bottom: 16px;
  56         right: 16px;
  57         border: 1px solid black;
  58         background-color: #FFF;
  59         padding: 0 4px;
  60         opacity: 0.7;
  61 }
  62
  63 .ta-resizer-handle-overlay > .ta-resizer-handle-background {
  64         position: absolute;
  65         bottom: 5px;
  66         right: 5px;
  67         left: 5px;
  68         top: 5px;
  69         border: 1px solid black;
  70         background-color: rgba(0, 0, 0, 0.2);
  71 }
  72
  73 .ta-resizer-handle-overlay > .ta-resizer-handle-corner {
  74         width: 10px;
  75         height: 10px;
  76         position: absolute;
  77 }
  78
  79 .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{
  80         top: 0;
  81         left: 0;
  82         border-left: 1px solid black;
  83         border-top: 1px solid black;
  84 }
  85
  86 .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{
  87         top: 0;
  88         right: 0;
  89         border-right: 1px solid black;
  90         border-top: 1px solid black;
  91 }
  92
  93 .ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{
  94         bottom: 0;
  95         left: 0;
  96         border-left: 1px solid black;
  97         border-bottom: 1px solid black;
  98 }
  99
 100 .ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{
 101         bottom: 0;
 102         right: 0;
 103         border: 1px solid black;
 104         cursor: se-resize;
 105         background-color: white;
 106 }
 107
 108 /* copy the popover code from bootstrap so this will work even without it */
 109 .popover {
 110         position: absolute;
 111         top: 0;
 112         left: 0;
 113         z-index: 1060;
 114         display: none;
 115         max-width: 276px;
 116         padding: 1px;
 117         font-size: 14px;
 118         font-weight: normal;
 119         line-height: 1.42857143;
 120         text-align: left;
 121         white-space: normal;
 122         background-color: #fff;
 123         -webkit-background-clip: padding-box;
 124                         background-clip: padding-box;
 125         border: 1px solid #ccc;
 126         border: 1px solid rgba(0, 0, 0, .2);
 127         border-radius: 6px;
 128         -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 129                         box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 130 }
 131 .popover.top {
 132         margin-top: -10px;
 133 }
 134 .popover.bottom {
 135         margin-top: 10px;
 136 }
 137 .popover-title {
 138         padding: 8px 14px;
 139         margin: 0;
 140         font-size: 14px;
 141         background-color: #f7f7f7;
 142         border-bottom: 1px solid #ebebeb;
 143         border-radius: 5px 5px 0 0;
 144 }
 145 .popover-content {
 146         padding: 9px 14px;
 147 }
 148 .popover > .arrow,
 149 .popover > .arrow:after {
 150         position: absolute;
 151         display: block;
 152         width: 0;
 153         height: 0;
 154         border-color: transparent;
 155         border-style: solid;
 156 }
 157 .popover > .arrow {
 158         border-width: 11px;
 159 }
 160 .popover > .arrow:after {
 161         content: "";
 162         border-width: 10px;
 163 }
 164 .popover.top > .arrow {
 165         bottom: -11px;
 166         left: 50%;
 167         margin-left: -11px;
 168         border-top-color: #999;
 169         border-top-color: rgba(0, 0, 0, .25);
 170         border-bottom-width: 0;
 171 }
 172 .popover.top > .arrow:after {
 173         bottom: 1px;
 174         margin-left: -10px;
 175         content: " ";
 176         border-top-color: #fff;
 177         border-bottom-width: 0;
 178 }
 179 .popover.bottom > .arrow {
 180         top: -11px;
 181         left: 50%;
 182         margin-left: -11px;
 183         border-top-width: 0;
 184         border-bottom-color: #999;
 185         border-bottom-color: rgba(0, 0, 0, .25);
 186 }
 187 .popover.bottom > .arrow:after {
 188         top: 1px;
 189         margin-left: -10px;
 190         content: " ";
 191         border-top-width: 0;
 192         border-bottom-color: #fff;
 193 }