public/assets/ckeditor-4-7-0/plugins/balloonpanel/skins/moono-lisa/balloonpanel.css

   1 /*
   2 Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
   3 For licensing, see LICENSE.md or http://ckeditor.com/license
   4 */
   5
   6 .cke_balloon
   7 {
   8         position: absolute;
   9         z-index: 10000;
  10
  11         background: #fff;
  12         border: 2px solid #aaa;
  13         outline: none;
  14 }
  15
  16 .cke_balloon_title
  17 {
  18         font-weight: bold;
  19         font-size: 12px;
  20         cursor: default;
  21
  22         color: #484848;
  23
  24         padding: 12px 30px 12px 12px; /* Let's the title and close don't overlap each other - padding-right. */
  25         background: #f8f8f8;
  26 }
  27
  28 /* The close button at the top of the panel. */
  29 a.cke_balloon_close_button
  30 {
  31         background-image: url(images/close.png);
  32         background-repeat: no-repeat;
  33         background-position: 50% -1px;
  34         position: absolute;
  35         cursor: pointer;
  36         text-align: center;
  37         height: 16px;
  38         width: 16px;
  39         top: 8px;
  40         z-index: 5;
  41         opacity: 0.7;
  42         filter: alpha(opacity = 70);
  43         border: 2px solid transparent;
  44         border-radius: 2px;
  45 }
  46
  47 a.cke_balloon_close_button:focus,
  48 a.cke_balloon_close_button:active
  49 {
  50         outline: none;
  51         border: 2px solid #0079f7;
  52 }
  53
  54 .cke_balloon_content
  55 {
  56         overflow: hidden;
  57         min-height: 68px;
  58         padding: 0 6px 6px 6px;
  59 }
  60
  61 .cke_balloon_close_button:hover
  62 {
  63         opacity: 1;
  64         filter: alpha(opacity = 100);
  65 }
  66
  67 .cke_balloon_close_button:focus:hover
  68 {
  69         opacity: 1;
  70         filter: alpha(opacity = 100);
  71         border: 2px solid #139FF7;
  72 }
  73
  74 .cke_hidpi .cke_balloon_close_button
  75 {
  76         background-image: url(images/hidpi/close.png);
  77         background-size: 16px;
  78 }
  79
  80 .cke_balloon_close_button span
  81 {
  82         display: none;
  83 }
  84
  85 .cke_ltr .cke_balloon_close_button
  86 {
  87         right: 10px;
  88 }
  89
  90 .cke_rtl .cke_balloon_close_button
  91 {
  92         left: 10px;
  93 }
  94
  95 .cke_balloon_triangle
  96 {
  97         position: absolute;
  98         border-style: solid;
  99         display: block;
 100         width: 0;
 101         height: 0;
 102 }
 103
 104 .cke_balloon_triangle_inner
 105 {
 106         z-index: 0;
 107 }
 108
 109 .cke_balloon_triangle_outer
 110 {
 111         z-index: 0;
 112 }
 113
 114 /* side: [ bottom, top ] */
 115 .cke_balloon_triangle_outer.cke_balloon_triangle_bottom,
 116 .cke_balloon_triangle_outer.cke_balloon_triangle_top
 117 {
 118         border-color: #999 transparent;
 119 }
 120
 121 .cke_balloon_triangle_inner.cke_balloon_triangle_bottom,
 122 .cke_balloon_triangle_inner.cke_balloon_triangle_top
 123 {
 124         left: -20px;
 125 }
 126
 127 /* side: [ bottom ] */
 128 .cke_balloon_triangle_outer.cke_balloon_triangle_bottom
 129 {
 130         border-width: 20px 20px 0;
 131         bottom: -20px;
 132 }
 133
 134 .cke_balloon_triangle_inner.cke_balloon_triangle_bottom
 135 {
 136         border-color: #fff transparent;
 137         border-width: 20px 20px 0;
 138         top: -22px;
 139 }
 140
 141 /* side: [ top ] */
 142 .cke_balloon_triangle_outer.cke_balloon_triangle_top
 143 {
 144         border-width: 0 20px 20px;
 145         top: -20px;
 146 }
 147
 148 .cke_balloon_triangle_inner.cke_balloon_triangle_top
 149 {
 150         border-color: #f8f8f8 transparent;
 151         border-width: 0 20px 20px;
 152         top: 2px;
 153 }
 154
 155 /* side: [ left, right ] */
 156 .cke_balloon_triangle_outer.cke_balloon_triangle_left,
 157 .cke_balloon_triangle_outer.cke_balloon_triangle_right
 158 {
 159         border-color: transparent #999;
 160 }
 161
 162 .cke_balloon_triangle_inner.cke_balloon_triangle_left,
 163 .cke_balloon_triangle_inner.cke_balloon_triangle_right
 164 {
 165         border-color: transparent #fff;
 166         top: -20px;
 167 }
 168
 169 /* side: [ left ] */
 170 .cke_balloon_triangle_outer.cke_balloon_triangle_left
 171 {
 172         border-width: 20px 20px 20px 0;
 173         left: -20px;
 174 }
 175
 176 .cke_balloon_triangle_inner.cke_balloon_triangle_left
 177 {
 178         border-color: transparent #fff;
 179         border-width: 20px 20px 20px 0;
 180         left: 2px;
 181 }
 182
 183 /* side: [ right ] */
 184 .cke_balloon_triangle_outer.cke_balloon_triangle_right
 185 {
 186         border-width: 20px 0 20px 20px;
 187         right: -20px;
 188 }
 189
 190 .cke_balloon_triangle_inner.cke_balloon_triangle_right
 191 {
 192         border-width: 20px 0 20px 20px;
 193         right: 2px;
 194 }
 195
 196
 197 /* align: [ hcenter ] */
 198 .cke_balloon_triangle_outer.cke_balloon_triangle_align_hcenter
 199 {
 200         left: 50%;
 201         margin-left: -20px;
 202 }
 203
 204 /* align: [ left ] */
 205 .cke_balloon_triangle_outer.cke_balloon_triangle_align_left
 206 {
 207         left: 20px;
 208         margin-left: 0;
 209 }
 210
 211 /* align: [ right ] */
 212 .cke_balloon_triangle_outer.cke_balloon_triangle_align_right
 213 {
 214         right: 20px;
 215         margin-left: 0;
 216 }
 217
 218 /* align: [ vcenter ] */
 219 .cke_balloon_triangle_outer.cke_balloon_triangle_align_vcenter
 220 {
 221         top: 50%;
 222         margin-top: -20px;
 223 }