_source/skins/kama/panel.css

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