_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 /*\r
  29  * All the following styles are to be used inside the iframe that holds panel\r
  30  * contents. We don't use the cke_skin_default there to avoid the reset to be\r
  31  * active.\r
  32  * This is not an issue as we'll never have two skins running inside the same\r
  33  * panel iframe.\r
  34  */\r
  35 \r
  36 html.cke_skin_v2_container\r
  37 {\r
  38         overflow: auto;\r
  39         overflow-x: hidden;\r
  40 }\r
  41 \r
  42 body.cke_panel_frame\r
  43 {\r
  44         overflow: auto;\r
  45         overflow-x: hidden;\r
  46 }\r
  47 \r
  48 ul.cke_panel_list\r
  49 {\r
  50         list-style-type: none;\r
  51         margin: 3px;\r
  52         padding: 0px;\r
  53     white-space: nowrap;\r
  54 }\r
  55 \r
  56 li.cke_panel_listItem\r
  57 {\r
  58         margin: 0px;\r
  59 }\r
  60 \r
  61 .cke_panel_listItem a\r
  62 {\r
  63         padding: 2px;\r
  64         display: block;\r
  65         border: 1px solid #fff;\r
  66         color: inherit;\r
  67         text-decoration: none;\r
  68         overflow: hidden;\r
  69     text-overflow: ellipsis;\r
  70 }\r
  71 \r
  72 /* IE6 */\r
  73 * html .cke_panel_listItem a\r
  74 {\r
  75         width : 100%;\r
  76 \r
  77         /* IE is not able to inherit the color, so we must force it to black */\r
  78         color: #000;\r
  79 }\r
  80 \r
  81 /* IE7 */\r
  82 *:first-child+html .cke_panel_listItem a\r
  83 {\r
  84         /* IE is not able to inherit the color, so we must force it to black */\r
  85         color: #000;\r
  86 }\r
  87 \r
  88 .cke_panel_listItem.cke_selected a\r
  89 {\r
  90         border: 1px solid #ccc;\r
  91         background-color: #e9f5ff;\r
  92 }\r
  93 \r
  94 .cke_panel_listItem a:hover,\r
  95 .cke_panel_listItem a:focus,\r
  96 .cke_panel_listItem a:active\r
  97 {\r
  98         border-color: #316ac5;\r
  99         background-color: #dff1ff;\r
 100 }\r
 101 \r
 102 .cke_panel_grouptitle\r
 103 {\r
 104     font-size: 11px;\r
 105     font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;\r
 106         font-weight: bold;\r
 107     white-space: nowrap;\r
 108         background-color: #dcdcdc;\r
 109         color: #000;\r
 110         margin:0px;\r
 111         padding:3px;\r
 112 }\r
 113 \r
 114 .cke_panel_listItem p,\r
 115 .cke_panel_listItem h1,\r
 116 .cke_panel_listItem h2,\r
 117 .cke_panel_listItem h3,\r
 118 .cke_panel_listItem h4,\r
 119 .cke_panel_listItem h5,\r
 120 .cke_panel_listItem h6,\r
 121 .cke_panel_listItem pre\r
 122 {\r
 123         margin-top: 3px;\r
 124         margin-bottom: 3px;\r
 125 }\r
 126 \r
 127 .cke_skin_v2 .cke_button_textcolor_panel,\r
 128 .cke_skin_v2 .cke_button_bgcolor_panel\r
 129 {\r
 130         width: 150px;\r
 131         height: 135px;\r
 132 }\r
 133 \r
 134 .cke_colorblock\r
 135 {\r
 136         padding: 3px;\r
 137     font-size: 11px;\r
 138     font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;\r
 139 }\r
 140 \r
 141 .cke_colorblock,\r
 142 .cke_colorblock a\r
 143 {\r
 144         text-decoration: none;\r
 145         color: #000;\r
 146 }\r
 147 \r
 148 span.cke_colorbox\r
 149 {\r
 150         width: 10px;\r
 151         height: 10px;\r
 152     border: #808080 1px solid;\r
 153         float: left;\r
 154 }\r
 155 \r
 156 .cke_rtl span.cke_colorbox\r
 157 {\r
 158         float: right;\r
 159 }\r
 160 \r
 161 a.cke_colorbox\r
 162 {\r
 163     border: #fff 1px solid;\r
 164     padding: 2px;\r
 165     float: left;\r
 166 }\r
 167 \r
 168 .cke_rtl a.cke_colorbox\r
 169 {\r
 170     float: right;\r
 171 }\r
 172 \r
 173 a:hover.cke_colorbox,\r
 174 a:focus.cke_colorbox,\r
 175 a:active.cke_colorbox\r
 176 {\r
 177     border: #316ac5 1px solid;\r
 178     background-color: #dff1ff;\r
 179 }\r
 180 \r
 181 a.cke_colorauto,\r
 182 a.cke_colormore\r
 183 {\r
 184     border: #fff 1px solid;\r
 185     padding: 2px;\r
 186     display: block;\r
 187 }\r
 188 \r
 189 a:hover.cke_colorauto,\r
 190 a:hover.cke_colormore,\r
 191 a:focus.cke_colorauto,\r
 192 a:focus.cke_colormore,\r
 193 a:active.cke_colorauto,\r
 194 a:active.cke_colormore\r
 195 {\r
 196     border: #316ac5 1px solid;\r
 197     background-color: #dff1ff;\r
 198 }\r