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