_source/skins/kama/panel.css

   1 /*
   2 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
   3 For licensing, see LICENSE.html or http://ckeditor.com/license
   4 */
   5
   6 .cke_skin_kama .cke_panel
   7 {
   8         border: 1px solid #8f8f73;
   9         background-color: #fff;
  10
  11         width: 120px;
  12         height: 100px;
  13
  14         overflow: hidden;
  15
  16         -moz-border-radius: 3px;
  17         -webkit-border-radius: 3px;
  18         border-radius: 3px;
  19 }
  20
  21 .cke_skin_kama .cke_contextmenu
  22 {
  23         margin: 0;
  24 }
  25
  26 /* Ideally we would use "inherit here"... but you know... IE :( */
  27 .cke_skin_kama .cke_panel iframe
  28 {
  29         width: 100%;
  30         height: 100%;
  31 }
  32
  33 /*
  34  * All the following styles are to be used inside the iframe that holds panel
  35  * contents. We don't use the cke_skin_default there to avoid the reset to be
  36  * active.
  37  * This is not an issue as we'll never have two skins running inside the same
  38  * panel iframe.
  39  */
  40
  41 html.cke_skin_kama_container
  42 {
  43         overflow: auto;
  44         overflow-x: hidden;
  45 }
  46
  47 body.cke_panel_frame
  48 {
  49         overflow: auto;
  50 }
  51
  52 .cke_panel_frame .cke_label
  53 {
  54         display: none;
  55 }
  56
  57 ul.cke_panel_list
  58 {
  59         list-style-type: none;
  60         margin: 3px;
  61         padding: 0px;
  62         white-space: nowrap;
  63 }
  64
  65 li.cke_panel_listItem
  66 {
  67         margin: 0px;
  68 }
  69
  70 .cke_panel_listItem a
  71 {
  72         padding: 2px;
  73         display: block;
  74         border: 1px solid #fff;
  75         color: inherit !important;
  76         text-decoration: none;
  77         overflow: hidden;
  78         text-overflow: ellipsis;
  79 }
  80
  81 /* IE6 */
  82 * html .cke_panel_listItem a
  83 {
  84         width : 100%;
  85
  86         /* IE is not able to inherit the color, so we must force it to black */
  87         color: #000;
  88 }
  89
  90 /* IE7 */
  91 *:first-child+html .cke_panel_listItem a
  92 {
  93         /* IE is not able to inherit the color, so we must force it to black */
  94         color: #000;
  95 }
  96
  97 .cke_panel_listItem.cke_selected a
  98 {
  99         border: 1px solid #ccc;
 100         background-color: #e9f5ff;
 101 }
 102
 103 .cke_panel_listItem a:hover,
 104 .cke_panel_listItem a:focus,
 105 .cke_panel_listItem a:active
 106 {
 107         border-color: #316ac5;
 108         background-color: #dff1ff;
 109 }
 110
 111 .cke_hc .cke_panel_listItem.cke_selected a,
 112 .cke_hc .cke_panel_listItem a:hover,
 113 .cke_hc .cke_panel_listItem a:focus,
 114 .cke_hc .cke_panel_listItem a:active
 115 {
 116         border-width: 3px;
 117         padding: 0px;
 118 }
 119
 120 .cke_panel_grouptitle
 121 {
 122         font-size: 11px;
 123         font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 124         font-weight: bold;
 125         white-space: nowrap;
 126         background-color: #dcdcdc;
 127         color: #000;
 128         margin:0px;
 129         padding:3px;
 130 }
 131
 132 .cke_panel_listItem p,
 133 .cke_panel_listItem h1,
 134 .cke_panel_listItem h2,
 135 .cke_panel_listItem h3,
 136 .cke_panel_listItem h4,
 137 .cke_panel_listItem h5,
 138 .cke_panel_listItem h6,
 139 .cke_panel_listItem pre
 140 {
 141         margin-top: 3px;
 142         margin-bottom: 3px;
 143 }
 144
 145 .cke_skin_kama .cke_button_textcolor_panel,
 146 .cke_skin_kama .cke_button_bgcolor_panel
 147 {
 148         width: 150px;
 149         height: 135px;
 150 }
 151
 152 .cke_colorblock
 153 {
 154         padding: 3px;
 155    font-size: 11px;
 156    font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
 157 }
 158
 159 .cke_colorblock,
 160 .cke_colorblock a
 161 {
 162         text-decoration: none;
 163         color: #000;
 164 }
 165
 166 span.cke_colorbox
 167 {
 168         width: 10px;
 169         height: 10px;
 170    border: #808080 1px solid;
 171         float: left;
 172 }
 173
 174 .cke_rtl span.cke_colorbox
 175 {
 176         float: right;
 177 }
 178
 179 a.cke_colorbox
 180 {
 181         border: #fff 1px solid;
 182         padding: 2px;
 183         float: left;
 184 }
 185
 186 .cke_rtl a.cke_colorbox
 187 {
 188         float: right;
 189 }
 190
 191 a:hover.cke_colorbox,
 192 a:focus.cke_colorbox,
 193 a:active.cke_colorbox
 194 {
 195         border: #316ac5 1px solid;
 196         background-color: #dff1ff;
 197 }
 198
 199 a.cke_colorauto,
 200 a.cke_colormore
 201 {
 202         border: #fff 1px solid;
 203         padding: 2px;
 204         display: block;
 205         cursor: pointer;
 206 }
 207
 208 a:hover.cke_colorauto,
 209 a:hover.cke_colormore,
 210 a:focus.cke_colorauto,
 211 a:focus.cke_colormore,
 212 a:active.cke_colorauto,
 213 a:active.cke_colormore
 214 {
 215         border: #316ac5 1px solid;
 216         background-color: #dff1ff;
 217 }