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