_source/skins/kama/panel.css

   1 /*\r
   2 Copyright (c) 2003-2009, 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: auto;\r
  50         overflow-x: hidden;\r
  51 }\r
  52 \r
  53 ul.cke_panel_list\r
  54 {\r
  55         list-style-type: none;\r
  56         margin: 3px;\r
  57         padding: 0px;\r
  58         white-space: nowrap;\r
  59 }\r
  60 \r
  61 li.cke_panel_listItem\r
  62 {\r
  63         margin: 0px;\r
  64 }\r
  65 \r
  66 .cke_panel_listItem a\r
  67 {\r
  68         padding: 2px;\r
  69         display: block;\r
  70         border: 1px solid #fff;\r
  71         color: inherit;\r
  72         text-decoration: none;\r
  73         overflow: hidden;\r
  74         text-overflow: ellipsis;\r
  75 }\r
  76 \r
  77 /* IE6 */\r
  78 * html .cke_panel_listItem a\r
  79 {\r
  80         width : 100%;\r
  81 \r
  82         /* IE is not able to inherit the color, so we must force it to black */\r
  83         color: #000;\r
  84 }\r
  85 \r
  86 /* IE7 */\r
  87 *:first-child+html .cke_panel_listItem a\r
  88 {\r
  89         /* IE is not able to inherit the color, so we must force it to black */\r
  90         color: #000;\r
  91 }\r
  92 \r
  93 .cke_panel_listItem.cke_selected a\r
  94 {\r
  95         border: 1px solid #ccc;\r
  96         background-color: #e9f5ff;\r
  97 }\r
  98 \r
  99 .cke_panel_listItem a:hover,\r
 100 .cke_panel_listItem a:focus,\r
 101 .cke_panel_listItem a:active\r
 102 {\r
 103         border-color: #316ac5;\r
 104         background-color: #dff1ff;\r
 105 }\r
 106 \r
 107 .cke_panel_grouptitle\r
 108 {\r
 109         font-size: 11px;\r
 110         font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;\r
 111         font-weight: bold;\r
 112         white-space: nowrap;\r
 113         background-color: #dcdcdc;\r
 114         color: #000;\r
 115         margin:0px;\r
 116         padding:3px;\r
 117 }\r
 118 \r
 119 .cke_panel_listItem p,\r
 120 .cke_panel_listItem h1,\r
 121 .cke_panel_listItem h2,\r
 122 .cke_panel_listItem h3,\r
 123 .cke_panel_listItem h4,\r
 124 .cke_panel_listItem h5,\r
 125 .cke_panel_listItem h6,\r
 126 .cke_panel_listItem pre\r
 127 {\r
 128         margin-top: 3px;\r
 129         margin-bottom: 3px;\r
 130 }\r
 131 \r
 132 .cke_skin_kama .cke_button_textcolor_panel,\r
 133 .cke_skin_kama .cke_button_bgcolor_panel\r
 134 {\r
 135         width: 150px;\r
 136         height: 135px;\r
 137 }\r
 138 \r
 139 .cke_colorblock\r
 140 {\r
 141         padding: 3px;\r
 142     font-size: 11px;\r
 143     font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;\r
 144 }\r
 145 \r
 146 .cke_colorblock,\r
 147 .cke_colorblock a\r
 148 {\r
 149         text-decoration: none;\r
 150         color: #000;\r
 151 }\r
 152 \r
 153 span.cke_colorbox\r
 154 {\r
 155         width: 10px;\r
 156         height: 10px;\r
 157     border: #808080 1px solid;\r
 158         float: left;\r
 159 }\r
 160 \r
 161 .cke_rtl span.cke_colorbox\r
 162 {\r
 163         float: right;\r
 164 }\r
 165 \r
 166 a.cke_colorbox\r
 167 {\r
 168     border: #fff 1px solid;\r
 169     padding: 2px;\r
 170     float: left;\r
 171 }\r
 172 \r
 173 .cke_rtl a.cke_colorbox\r
 174 {\r
 175     float: right;\r
 176 }\r
 177 \r
 178 a:hover.cke_colorbox,\r
 179 a:focus.cke_colorbox,\r
 180 a:active.cke_colorbox\r
 181 {\r
 182     border: #316ac5 1px solid;\r
 183     background-color: #dff1ff;\r
 184 }\r
 185 \r
 186 a.cke_colorauto,\r
 187 a.cke_colormore\r
 188 {\r
 189     border: #fff 1px solid;\r
 190     padding: 2px;\r
 191     display: block;\r
 192 }\r
 193 \r
 194 a:hover.cke_colorauto,\r
 195 a:hover.cke_colormore,\r
 196 a:focus.cke_colorauto,\r
 197 a:focus.cke_colormore,\r
 198 a:active.cke_colorauto,\r
 199 a:active.cke_colormore\r
 200 {\r
 201     border: #316ac5 1px solid;\r
 202     background-color: #dff1ff;\r
 203 }\r