diff options
Diffstat (limited to '_source/skins/kama/toolbar.css')
| -rw-r--r-- | _source/skins/kama/toolbar.css | 390 |
1 files changed, 390 insertions, 0 deletions
diff --git a/_source/skins/kama/toolbar.css b/_source/skins/kama/toolbar.css new file mode 100644 index 0000000..d6352ad --- /dev/null +++ b/_source/skins/kama/toolbar.css @@ -0,0 +1,390 @@ +/* +Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.html or http://ckeditor.com/license +*/ + +@media print +{ + /* For printing, we simply hide the toolbar */ + + .cke_skin_kama .cke_toolbox + { + display: none; + } +} + +.cke_skin_kama .cke_browser_webkit .cke_toolbox, +.cke_skin_kama .cke_browser_webkit .cke_toolbox > span +{ + white-space: normal; +} + +.cke_skin_kama .cke_toolbox +{ + clear: both; + padding: 5px 3px 5px 6px; +} + +.cke_skin_kama .cke_rtl .cke_toolbox +{ + padding: 5px 6px 5px 3px; +} + +.cke_skin_kama a.cke_toolbox_collapser, +.cke_skin_kama a:hover.cke_toolbox_collapser +{ + /* arrowtop.gif */ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-position: 3px -1366px; /* +3px +4px */ + background-repeat: no-repeat; + width: 11px; + height: 11px; + float: right; + border: 1px outset #D3D3D3; + margin: 11px 4px 2px; + cursor: pointer; +} + +.cke_skin_kama .cke_rtl a.cke_toolbox_collapser, +.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser +{ + float: left; +} + +.cke_skin_kama a.cke_toolbox_collapser_min, +.cke_skin_kama a:hover.cke_toolbox_collapser_min +{ + /* arrowleft.gif*/ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-position: 4px -1387px; /* +4px +3px */ + background-repeat: no-repeat; + margin: 2px 4px; +} + +.cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min, +.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min +{ + /* arrowright.gif*/ + background-position: 4px -1408px; /* +2px +3px */ +} + +.cke_skin_kama .cke_toolbar +{ + display: inline; +} + +.cke_skin_kama .cke_separator +{ + display: none; +} + +.cke_skin_kama .cke_break +{ + font-size: 0; + clear: left; +} + +.cke_skin_kama .cke_rtl .cke_break +{ + clear: right; +} + +.cke_skin_kama .cke_toolbar_start +{ + display: none; +} + +.cke_skin_kama .cke_toolgroup +{ + -moz-border-radius:5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-repeat: repeat-x; + background-position: 0 -500px; + float: left; + margin-right: 6px; + margin-bottom: 5px; + padding: 2px; + display: inline; +} + +.cke_skin_kama .cke_rtl .cke_toolgroup +{ + float: right; + margin-right: 0; + margin-left: 6px; +} + +.cke_skin_kama .cke_button a, +.cke_skin_kama .cke_button a:hover, +.cke_skin_kama .cke_button a:focus, +.cke_skin_kama .cke_button a:active, +.cke_skin_kama .cke_button a.cke_off +{ + border-radius: 3px; + outline: none; + padding: 2px 4px; + height: 18px; + display: inline-block; + cursor: default; +} + +.cke_skin_kama .cke_button a, +.cke_skin_kama .cke_button a.cke_off +{ + filter: alpha(opacity=70); /* IE */ + opacity: 0.70; /* Safari, Opera and Mozilla */ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} + +.cke_skin_kama .cke_hc .cke_button a, +.cke_skin_kama .cke_hc .cke_button a.cke_off +{ + opacity: 1.0; + filter: alpha(opacity=100); + border: 1px solid white; +} + +.cke_skin_kama .cke_button a.cke_on +{ + background-color: #a3d7ff; + filter: alpha(opacity=100); /* IE */ + opacity: 1; /* Safari, Opera and Mozilla */ + padding: 2px 4px; +} + +.cke_skin_kama .cke_hc .cke_button a.cke_on +{ + padding: 0 2px !important; + border-width: 3px; +} + +.cke_skin_kama .cke_button a.cke_disabled, +.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled +{ + filter: alpha(opacity=30); /* IE */ + opacity: 0.3; /* Safari, Opera and Mozilla */ +} + +.cke_skin_kama .cke_hc .cke_button a.cke_disabled, +.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled +{ + filter: alpha(opacity=60); + opacity: 0.6; +} + +.cke_skin_kama .cke_button a:hover.cke_on, +.cke_skin_kama .cke_button a:focus.cke_on, +.cke_skin_kama .cke_button a:active.cke_on, /* IE */ +.cke_skin_kama .cke_button a:hover.cke_off, +.cke_skin_kama .cke_button a:focus.cke_off, +.cke_skin_kama .cke_button a:active.cke_off /* IE */ +{ + filter: alpha(opacity=100); /* IE */ + opacity: 1; /* Safari, Opera and Mozilla */ + padding: 2px 4px; +} + +.cke_skin_kama .cke_button a:hover.cke_on, +.cke_skin_kama .cke_button a:focus.cke_on, +.cke_skin_kama .cke_button a:active.cke_on /* IE */ +{ + background-color: #86caff; +} + +.cke_skin_kama .cke_button a:hover.cke_off, +.cke_skin_kama .cke_button a:focus.cke_off, +.cke_skin_kama .cke_button a:active.cke_off /* IE */ +{ + background-color: #dff1ff; +} + +.cke_skin_kama .cke_hc .cke_button a:hover.cke_on, +.cke_skin_kama .cke_hc .cke_button a:focus.cke_on, +.cke_skin_kama .cke_hc .cke_button a:active.cke_on, /* IE */ +.cke_skin_kama .cke_hc .cke_button a:hover.cke_off, +.cke_skin_kama .cke_hc .cke_button a:focus.cke_off, +.cke_skin_kama .cke_hc .cke_button a:active.cke_off /* IE */ +{ + padding: 0 2px !important; + border-width: 3px; +} + +.cke_skin_kama .cke_button .cke_icon +{ + background-image: url(icons.png); + background-position: 100px; + background-repeat: no-repeat; + margin-top: 1px; + width: 16px; + height: 16px; + display: inline-block; + float: left; +} + +.cke_skin_kama .cke_rtl .cke_button .cke_icon +{ + float: right; +} + +.cke_skin_kama .cke_button .cke_label +{ + cursor: default; + display: none; + padding-left: 3px; + line-height: 18px; + vertical-align: middle; + float: left; +} + +.cke_skin_kama .cke_rtl .cke_button .cke_label +{ + padding-left: 0; + padding-right: 3px; + float: right; +} + +.cke_skin_kama .cke_hc .cke_button .cke_label +{ + padding: 0; + display: inline-block; +} + +.cke_skin_kama .cke_hc .cke_button .cke_icon +{ + display: none; +} + +.cke_skin_kama .cke_accessibility +{ + position: absolute; + display: block; + width: 0; + height: 0; + overflow: hidden; +} + +.cke_skin_kama .cke_button .cke_buttonarrow +{ + display: inline-block; + height: 17px; + width: 8px; + background-position: 2px -1469px; /* (+2, -5) */ + background-image: url(images/sprites.png); + _background-image: url(images/sprites_ie6.png); + background-repeat: no-repeat; + float: left; +} + +.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow +{ + background-position: 0 -1469px; /* (0, -5) */ + float: right; +} + +.cke_skin_kama .cke_hc .cke_button .cke_buttonarrow +{ + display: none; +} + +/*** Firefox 2 ***/ + +.cke_skin_kama .cke_browser_gecko .cke_toolbar, +.cke_skin_kama .cke_browser_gecko .cke_button a, +.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off, +.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon, +.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow, +.cke_skin_kama .cke_browser_gecko .cke_separator, +.cke_skin_kama .cke_browser_gecko .cke_toolbar_start +{ + display: block; + float: left; +} + +.cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon +{ + display: none; +} + +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar, +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button a, +.cke_skin_kama .cke_browser_gecko .cke_rtl.cke_button a.cke_off, +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_icon, +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow, +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_toolbar_start +{ + float: right; +} + +.cke_skin_kama .cke_browser_gecko .cke_button .cke_label, +.cke_skin_kama .cke_browser_gecko .cke_break +{ + float: left; +} + +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_button .cke_label, +.cke_skin_kama .cke_browser_gecko .cke_rtl .cke_break +{ + float: right; +} + +/*** IE ***/ + +/* The biggest problem with IE is the RTL support (and float:right). It's + totally broken, and quite delicate. IE8 fixed these issues. */ + +.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_icon, +.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_label, +.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow +{ + float: none; +} + +/*** WebKit ***/ + +/* We have originally used display:inline-block+float for cke_toolbar and it + worked well in all browsers, except IE+RTL. We had to change it to inline + and remove the float. This change didn't play well with Safari. */ + +.cke_skin_kama .cke_browser_webkit .cke_toolbar +{ + float: left; +} + +.cke_skin_kama .cke_browser_webkit .cke_rtl .cke_toolbar +{ + float: right; +} + +/*** Mixed Fixes ***/ + +.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label, +.cke_skin_kama .cke_browser_opera .cke_button .cke_label, +.cke_skin_kama .cke_browser_webkit .cke_button .cke_label +{ + line-height: 20px; +} + +.cke_skin_kama .cke_browser_opera.cke_browser_quirks .cke_button .cke_label, +.cke_skin_kama .cke_browser_iequirks .cke_button .cke_label +{ + line-height: 17px; +} + +/* IE8 strict button valign correction */ +.cke_skin_kama .cke_browser_ie8 .cke_button .cke_label +{ + vertical-align: top; +} + +.cke_skin_kama .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label +{ + /* revert previous */ + vertical-align: middle; +} +/* END IE8 strict button valign correction */ |