diff --git a/UNLexample.shtml b/UNLexample.shtml index 8981bced100de5f7987323289ed744f8837fe1be..0458daa74b02645c900ecea12154efe15c751961 100644 --- a/UNLexample.shtml +++ b/UNLexample.shtml @@ -40,8 +40,7 @@ WDN.loadJS("jquery.tinymce.js",function () { // General options theme : "advanced", - skin : "o2k7", - skin_variant : "silver", + skin : "unl", plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,unl", // Theme options diff --git a/themes/advanced/skins/unl/content.css b/themes/advanced/skins/unl/content.css new file mode 100644 index 0000000000000000000000000000000000000000..8d73ab438eea498e34976d8347284276cbc907ff --- /dev/null +++ b/themes/advanced/skins/unl/content.css @@ -0,0 +1,66 @@ +/*body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;} +body {background:#FFF;} +body.mceForceColors {background:#FFF; color:#000;} +h1 {font-size: 2em} +h2 {font-size: 1.5em} +h3 {font-size: 1.17em} +h4 {font-size: 1em} +h5 {font-size: .83em} +h6 {font-size: .75em} +.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;} +a.mceItemAnchor {display:inline-block; width:11px !important; height:11px !important; background:url(img/items.gif) no-repeat 0 0;} +td.mceSelected, th.mceSelected {background-color:#3399ff !important} +img {border:0;} +table {cursor:default} +table td, table th {cursor:text} +ins {border-bottom:1px solid green; text-decoration: none; color:green} +del {color:red; text-decoration:line-through} +cite {border-bottom:1px dashed blue} +acronym {border-bottom:1px dotted #CCC; cursor:help} +abbr {border-bottom:1px dashed #CCC; cursor:help} + +* html body { +scrollbar-3dlight-color:#F0F0EE; +scrollbar-arrow-color:#676662; +scrollbar-base-color:#F0F0EE; +scrollbar-darkshadow-color:#DDD; +scrollbar-face-color:#E0E0DD; +scrollbar-highlight-color:#F0F0EE; +scrollbar-shadow-color:#F0F0EE; +scrollbar-track-color:#F5F5F5; +} + +img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px} +font[face=mceinline] {font-family:inherit !important}*/ +body, td, pre {color:#000; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, sans-serif; margin:8px;} +html,body {background:#FFF; padding: 0 !important; margin: 0 !important; } +body {height: 94% !important; padding: .5% 5px !important;} +body.mceForceColors {background:#FFF; color:#000;} +h1 {font-size: 2em} +h2 {font-size: 1.5em} +h3 {font-size: 1.17em} +h4 {font-size: 1em} +h5 {font-size: .83em} +h6 {font-size: .75em} +.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;} +a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;} +img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;} +img {border:0;} +table {cursor:default} +table td, table th {cursor:text} +ins {border-bottom:1px solid green; text-decoration: none; color:green} +del {color:red; text-decoration:line-through} +cite {border-bottom:1px dashed blue} +acronym {border-bottom:1px dotted #CCC; cursor:help} +abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help} + +* html body { +scrollbar-3dlight-color:#F0F0EE; +scrollbar-arrow-color:#676662; +scrollbar-base-color:#F0F0EE; +scrollbar-darkshadow-color:#DDD; +scrollbar-face-color:#E0E0DD; +scrollbar-highlight-color:#F0F0EE; +scrollbar-shadow-color:#F0F0EE; +scrollbar-track-color:#F5F5F5; +} diff --git a/themes/advanced/skins/unl/dialog.css b/themes/advanced/skins/unl/dialog.css new file mode 100644 index 0000000000000000000000000000000000000000..bde95fe477c26d9f8766967dbce5f2b40d0418af --- /dev/null +++ b/themes/advanced/skins/unl/dialog.css @@ -0,0 +1,117 @@ +/* Generic */ +body { +font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; +background:#f1f1f1; +padding:0; +margin:8px 8px 0 8px; +} + +html {background:#f1f1f1;} +td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} +textarea {resize:none;outline:none;} +a:link, a:visited {color:black;} +a:hover {color:#2B6FB6;} +.nowrap {white-space: nowrap} + +/* Forms */ +fieldset {margin:0; padding:4px; border:1px solid #dfdfdf; font-family:Verdana, Arial; font-size:10px;} +legend {color:#2B6FB6; font-weight:bold;} +label.msg {display:none;} +label.invalid {color:#EE0000; display:inline;} +input.invalid {border:1px solid #EE0000;} +input {background:#FFF; border:1px solid #dfdfdf;} +input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} +input, select, textarea {border:1px solid #dfdfdf;} +input.radio {border:1px none #000000; background:transparent; vertical-align:middle;} +input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;} +.input_noborder {border:0;} + +/* Buttons */ +#insert, #cancel, #apply, .mceActionPanel .button, input.mceButton, .updateButton { + border: 1px solid #bbb; + margin:0; + padding:0 0 1px; + font-weight:bold; + font-size: 11px; + width:94px; + height:24px; + background:url(img/fade-butt.png) 0 0; + color:#000; + cursor:pointer; + -moz-border-radius: 3px; + -khtml-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +#insert:hover, #cancel:hover, input.mceButton:hover, .updateButton:hover, +#insert:focus, #cancel:focus, input.mceButton:focus, .updateButton:focus { + border: 1px solid #555; +} + +/* Browse */ +a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;} +.mceOldBoxModel a.browse span {width:22px; height:20px;} +a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;} +a.browse span.disabled {border:1px solid white; -moz-opacity:0.3; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);} +a.browse:hover span.disabled {border:1px solid white; background-color:transparent;} +a.pickcolor span {display:block; width:20px; height:16px; background:url(../../img/icons.gif) -840px 0; margin-left:2px;} +.mceOldBoxModel a.pickcolor span {width:21px; height:17px;} +a.pickcolor:hover span {background-color:#B2BBD0;} +a.pickcolor, a.browse {text-decoration:none} + +/* Charmap */ +table.charmap {border:1px solid #AAA; text-align:center} +td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;} +#charmap a {display:block; color:#000; text-decoration:none; border:0} +#charmap a:hover {background:#CCC;color:#2B6FB6} +#charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center} +#charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center} +#charmap #charmapView {background-color:#fff;} + +/* Source */ +.wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;} +.mceActionPanel {margin-top:5px;} + +/* Tabs classes */ +.tabs {width:100%; height:18px; line-height:normal; background:url(img/tabs.gif) repeat-x 0 -72px;} +.tabs ul {margin:0; padding:0; list-style:none;} +.tabs li {float:left; background:url(img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;} +.tabs li.current {background:url(img/tabs.gif) no-repeat 0 -18px; margin-right:2px;} +.tabs span {float:left; display:block; background:url(img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;} +.tabs .current span {background:url(img/tabs.gif) no-repeat right -54px;} +.tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;} +.tabs a:link, .tabs a:visited, .tabs a:hover {color:black;} + +/* Panels */ +.panel_wrapper div.panel {display:none;} +.panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;} +.panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;} + +/* Columns */ +.column {float:left;} +.properties {width:100%;} +.properties .column1 {} +.properties .column2 {text-align:left;} + +/* Titles */ +h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;} +h3 {font-size:14px;} +.title {font-size:12px; font-weight:bold; color:#2B6FB6;} + +/* Dialog specific */ +#link .panel_wrapper, #link div.current {height:125px;} +#image .panel_wrapper, #image div.current {height:200px;} +#plugintable thead {font-weight:bold; background:#DDD;} +#plugintable, #about #plugintable td {border:1px solid #919B9C;} +#plugintable {width:96%; margin-top:10px;} +#pluginscontainer {height:290px; overflow:auto;} +#colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;} +#colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;} +#colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;} +#colorpicker #light div {overflow:hidden;} +#colorpicker #previewblock {float:right; padding-left:10px; height:20px;} +#colorpicker .panel_wrapper div.current {height:175px;} +#colorpicker #namedcolors {width:150px;} +#colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;} +#colorpicker #colornamecontainer {margin-top:5px;} +#colorpicker #picker_panel fieldset {margin:auto;width:325px;} diff --git a/themes/advanced/skins/unl/img/butt2.png b/themes/advanced/skins/unl/img/butt2.png new file mode 100644 index 0000000000000000000000000000000000000000..3baae5e6d75ef9e1963e2f30481a296064fdd99c Binary files /dev/null and b/themes/advanced/skins/unl/img/butt2.png differ diff --git a/themes/advanced/skins/unl/img/button-bg.png b/themes/advanced/skins/unl/img/button-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..0c2c5f8a048d139cff93f95ddb45d6490de9b64b Binary files /dev/null and b/themes/advanced/skins/unl/img/button-bg.png differ diff --git a/themes/advanced/skins/unl/img/buttons.png b/themes/advanced/skins/unl/img/buttons.png new file mode 100644 index 0000000000000000000000000000000000000000..7dd58418ba7cfe58ae7efdf174e0b223fe3aa6a0 Binary files /dev/null and b/themes/advanced/skins/unl/img/buttons.png differ diff --git a/themes/advanced/skins/unl/img/down_arrow.gif b/themes/advanced/skins/unl/img/down_arrow.gif new file mode 100644 index 0000000000000000000000000000000000000000..687b241eec371858a6b084712623ee9e1f89e2c7 Binary files /dev/null and b/themes/advanced/skins/unl/img/down_arrow.gif differ diff --git a/themes/advanced/skins/unl/img/icons.png b/themes/advanced/skins/unl/img/icons.png new file mode 100644 index 0000000000000000000000000000000000000000..7525d9d3fc9319c50cb99cfe827e348c33d08d3c Binary files /dev/null and b/themes/advanced/skins/unl/img/icons.png differ diff --git a/themes/advanced/skins/unl/img/items.gif b/themes/advanced/skins/unl/img/items.gif new file mode 100644 index 0000000000000000000000000000000000000000..2eafd7954e6ebf24204b01db94b39299426d09da Binary files /dev/null and b/themes/advanced/skins/unl/img/items.gif differ diff --git a/themes/advanced/skins/unl/img/menu-arrow.png b/themes/advanced/skins/unl/img/menu-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..bdfe5098e850315a2714d2b967c6f53ee3f28f96 Binary files /dev/null and b/themes/advanced/skins/unl/img/menu-arrow.png differ diff --git a/themes/advanced/skins/unl/img/menu-check.png b/themes/advanced/skins/unl/img/menu-check.png new file mode 100644 index 0000000000000000000000000000000000000000..92a5edb8b253e66272c45b7a36a59830afb17a3f Binary files /dev/null and b/themes/advanced/skins/unl/img/menu-check.png differ diff --git a/themes/advanced/skins/unl/img/progress.gif b/themes/advanced/skins/unl/img/progress.gif new file mode 100644 index 0000000000000000000000000000000000000000..5bb90fd6a49107a321c35b9cee4a7b810314b51f Binary files /dev/null and b/themes/advanced/skins/unl/img/progress.gif differ diff --git a/themes/advanced/skins/unl/img/tabs.gif b/themes/advanced/skins/unl/img/tabs.gif new file mode 100644 index 0000000000000000000000000000000000000000..ce4be63558b02e9837b995d2b9dd540ce6d61a6f Binary files /dev/null and b/themes/advanced/skins/unl/img/tabs.gif differ diff --git a/themes/advanced/skins/unl/img/toolbarbg.png b/themes/advanced/skins/unl/img/toolbarbg.png new file mode 100644 index 0000000000000000000000000000000000000000..f2951064057f07462ba4848bd90989dc3ac04c31 Binary files /dev/null and b/themes/advanced/skins/unl/img/toolbarbg.png differ diff --git a/themes/advanced/skins/unl/ui.css b/themes/advanced/skins/unl/ui.css new file mode 100644 index 0000000000000000000000000000000000000000..a56d8f2dbb3d625accc5b75dd7c8b2c4843e5403 --- /dev/null +++ b/themes/advanced/skins/unl/ui.css @@ -0,0 +1,993 @@ +/* UNL TinyMCE Skin for Advanced Theme + * Based on http://www.cirkuit.net/projects/tinymce/cirkuitSkin/ + */ + +/* Reset */ +.unlSkin table, .unlSkin tbody, .unlSkin a, .unlSkin img, .unlSkin tr, .unlSkin div, .unlSkin td, .unlSkin iframe, .unlSkin span, .unlSkin *, .unlSkin .mceText { + border: 0; + margin: 0; + padding: 0; + background: transparent; + white-space: nowrap; + text-decoration: none; + font-weight: normal; + cursor: default; + color: #000; + vertical-align: baseline; + width: auto; + border-collapse: separate; + text-align: left +} + +.unlSkin a:hover, .unlSkin a:link, .unlSkin a:visited, .unlSkin a:active { + text-decoration: none; + font-weight: normal; + cursor: default; + color: #000 +} + +.unlSkin table td { + vertical-align: middle +} + +/* Containers */ +.unlSkin table { + direction:ltr; +} +.unlSkin iframe { + display: block; + background: #FFF; +} + +.unlSkin .mceToolbar { + height: 26px +} + +.unlSkin .mceLeft { + text-align: left +} + +.unlSkin .mceRight { + text-align: right +} + +/* External */ +.unlSkin .mceExternalToolbar { + position: absolute; + border: 1px solid #CCC; + border-bottom: 0; + display: none; +} + +.unlSkin .mceExternalToolbar td.mceToolbar { + padding-right: 13px; +} + +.unlSkin .mceExternalClose { + position: absolute; + top: 3px; + right: 3px; + width: 7px; + height: 7px; + background: url('img/icons.png') -820px 0 +} + +/* Layout */ +.unlSkin table.mceLayout { + border: 0; + border-left: 1px solid #CCC; + border-right: 1px solid #CCC +} + +.unlSkin table.mceLayout tr.mceFirst td { + border-top: 1px solid #CCC +} + +.unlSkin table.mceLayout tr.mceLast td { + border-bottom: 1px solid #CCC; + background: url('img/toolbarbg.png') center repeat-x; +} + +.unlSkin table.mceToolbar, .unlSkin tr.mceFirst .mceToolbar tr td, .unlSkin tr.mceLast .mceToolbar tr td { + border: 0; + margin: 0; + padding: 0; +} + +.unlSkin td.mceToolbar { + padding-top: 1px; + vertical-align: top; + background-color: #DFDFDF; +} + +.unlSkin .mceIframeContainer { + border-top: 1px solid #CCC; + border-bottom: 1px solid #CCC; + /*height: 100%; 5/22/2010 - Joe Rozzi - taken out comparing to default theme ui.css */ +} + +.unlSkin .mceStatusbar { + font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; + font-size: 9pt; + line-height: 16px; + overflow: visible; + color: #666; + display: block; + height: 20px +} + +.unlSkin .mceStatusbar div { + float: left; + /*margin: 3px 0 0 4px;*/ + margin:2px; + color: #666; +} + +.unlSkin .mceStatusbar a.mceResize { + display: block; + float: right; + background: url('img/icons.png') -801px -2px; + width: 20px; + height: 20px; + cursor: se-resize; + outline:0; +} + +.unlSkin .mceStatusbar a:hover { + text-decoration: underline +} + +.unlSkin table.mceToolbar { + margin-left: 3px +} + +.unlSkin span.mceIcon, .unlSkin img.mceIcon { + display: block; + width: 20px; + height: 20px +} + +.unlSkin .mceIcon { + background: url('img/icons.png') no-repeat 20px 20px +} + +.unlSkin td.mceCenter { + text-align: center; +} + +.unlSkin td.mceCenter table { + margin: 0 auto; + text-align: left; +} + +.unlSkin td.mceRight table { + margin: 0 0 0 auto; +} + +/* Button */ +.unlSkin .mceButton { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; + border-radius: 3px; + background-image: url("img/butt2.png"); + background-position: left top; + background-repeat: repeat-x; + cursor: default; + display: block; + height: 20px; + margin: 1px; + padding: 1px 2px; + width: 20px; + background-color: #E9E8E8; + border-color: #B2B2B2; +} + +.unlSkin a.mceButtonEnabled:hover { + background-position: 0 -10px; + border-color: #777; +} + +.unlSkin a.mceButtonActive, .unlSkin a.mceButtonSelected { + background-image: inherit; + border-color: #333; + background: #bcd0f5 !important; +} + +.unlSkin .mceButtonDisabled .mceIcon { + opacity: 0.3; + -ms-filter: 'alpha(opacity=30)'; + filter: alpha(opacity = 30); +} + +.unlSkin .mceButtonLabeled { + width: auto; +} + +.unlSkin .mceButtonLabeled span.mceIcon { + float: left; +} + +.unlSkin span.mceButtonLabel { + display: block; + font-size: 10px; + padding: 4px 6px 0 22px; + font-family: Tahoma, Verdana, Arial, Helvetica; +} + +.unlSkin .mceButtonDisabled .mceButtonLabel { + color: #888; +} + +/* Separator */ +.unlSkin .mceSeparator { + background: none repeat scroll 0 0 transparent; + display: block; + height: 24px; + margin: 0 2px; + overflow: hidden; + width: 1px; +} + +/* ListBox */ +.unlSkin .mceListBox { + direction: ltr; + margin: 1px; +} + +.unlSkin .mceListBox, .unlSkin .mceListBox a { + display: block +} + +.unlSkin .mceListBox .mceText { + padding: 1px 2px 1px 5px; + text-align: left; + text-decoration: none !important; + width: 70px; + background-image: url(img/butt2.png); + background-position: left top; + background-repeat: repeat-x; + font-family: Tahoma, Verdana, Arial, Helvetica; + font-size: 11px; + height: 20px; + line-height: 20px; + overflow: hidden; +} + +.unlSkin .mceListBox .mceText, .unlSkin .mceListBox .mceOpen { + background-color: #D5D5D5; + border-color: #B2B2B2; +} + +.unlSkin table.mceListBoxEnabled:hover .mceOpen, .unlSkin .mceListBoxHover .mceOpen, .unlSkin .mceListBoxSelected .mceOpen, .unlSkin .mceListBoxSelected .mceText { + border-color: #777 !important; + background-color: #d5d5d5 !important; +} + +.unlSkin table.mceListBoxEnabled:hover .mceText, .unlSkin .mceListBoxHover .mceText { + border-color: #777 !important; +} + +.unlSkin table.mceListBoxEnabled:hover .mceText, .unlSkin .mceListBoxHover .mceText, .unlSkin .mceListBoxSelected .mceText, .unlSkin table.mceListBoxEnabled:hover .mceOpen, .unlSkin .mceListBoxHover .mceOpen, .unlSkin .mceListBoxSelected .mceOpen { + background-image: none; +} + +.unlSkin .mceListBoxDisabled a.mceText { + color: gray; + background-color: transparent; +} + +.unlSkin .mceListBoxMenu { + overflow: auto; + overflow-x: hidden +} + +.unlSkin .mceOldBoxModel .mceListBox .mceText { + height: 22px +} + +.unlSkin .mceOldBoxModel .mceListBox .mceOpen { + width: 11px; + height: 22px; +} + +.unlSkin select.mceNativeListBox { + font: 11px 'Lucida Grande', Helvetica, Arial, sans-serif; + background: #F0F0EE; + border: 1px solid gray; + margin-right: 2px; +} + +.unlSkin .mceListBox .mceOpen { + width: 14px; + height: 20px; + border-collapse: separate; + background-image: url(img/butt2.png); + background-position: left top; + background-repeat: repeat-x; + padding: 1px; + border-left: 0 none !important; +} + +.unlSkin .mceListBox .mceOpen span { + display: block; + width: 14px; + height: 20px; + background-image: url(img/down_arrow.gif); + background-position: 2px 1px; + background-repeat: no-repeat; +} + +/* SplitButton */ +.unlSkin .mceSplitButton { + width: 32px; + height: 20px; + direction: ltr +} + +.unlSkin .mceSplitButton a, .unlSkin .mceSplitButton span { + height: 20px; +} + +.unlSkin .mceSplitButton a { + display: block; +} + +.unlSkin .mceSplitButton a.mceAction { + height: 20px; + width: 20px; + padding: 1px 2px; + display: block; +} + +.unlSkin .mceSplitButton span.mceAction { + width: 20px; + background: url('img/icons.png') 20px 20px; + display: block; +} + +.unlSkin .mceSplitButton a.mceOpen { + width: 10px; + height: 20px; + background-image: url(img/down_arrow.gif); + background-position: 1px 2px; + background-repeat: no-repeat; + padding: 1px; + border-left: 0 none !important; +} + +.unlSkin .mceSplitButtonDisabled .mceAction, .unlSkin .mceSplitButtonDisabled span.mceOpen { + opacity: 0.3; + filter: alpha(opacity = 30); +} + +.unlSkin .mceSplitButtonActive a.mceAction { + border: 1px solid #0A246A; + background-color: #C2CBE0; +} + +.unlSkin table.mceSplitButton td { + background-image: url(img/butt2.png); + background-position: left top; + background-repeat: repeat-x; +} + +.unlSkin .mceSplitButton a.mceAction, .unlSkin .mceSplitButton a.mceOpen { + border-color: #B2B2B2; +} + +.unlSkin .mceListBox a.mceText, .unlSkin .mceSplitButton a.mceAction { + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + -khtml-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + -khtml-border-top-left-radius: 3px; + border-top-left-radius: 3px; +} + +.unlSkin .mceSplitButton a.mceOpen, .unlSkin .mceListBox a.mceOpen { + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + -khtml-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + -khtml-border-top-right-radius: 3px; + border-top-right-radius: 3px; +} + +.unlSkin .mceSplitButton a.mceOpen:hover, .unlSkin .mceSplitButtonSelected a.mceOpen, .unlSkin table.mceSplitButtonEnabled:hover a.mceAction, .unlSkin .mceSplitButton a.mceAction:hover { + background-color: #d5d5d5; + border-color: #777 !important; +} + +/* ColorSplitButton */ +.unlSkin div.mceColorSplitMenu table { + background: #FFF; + border: 1px solid gray +} + +.unlSkin .mceColorSplitMenu td { + padding: 2px +} + +.unlSkin .mceColorSplitMenu a { + display: block; + width: 9px; + height: 9px; + overflow: hidden; + border: 1px solid #808080 +} + +.unlSkin .mceColorSplitMenu td.mceMoreColors { + padding: 1px 3px 1px 1px +} + +.unlSkin .mceColorSplitMenu a.mceMoreColors { + width: 100%; + height: auto; + text-align: center; + font-family: Tahoma, Verdana, Arial, Helvetica; + font-size: 11px; + line-height: 20px; + border: 1px solid #FFF +} + +.unlSkin .mceColorSplitMenu a.mceMoreColors:hover { + border: 1px solid #0A246A; + background-color: #B6BDD2 +} + +.unlSkin a.mceMoreColors:hover { + border: 1px solid #0A246A +} + +.unlSkin .mceColorPreview { + margin-left: 2px; + width: 16px; + height: 3px; + overflow: hidden; + background: #9a9b9a +} + +.unlSkin .mce_forecolor span.mceAction, .unlSkin .mce_backcolor span.mceAction { + overflow: hidden; + height: 16px +} + +/* Menu */ +.unlSkin .mceMenu { + position: absolute; + left: 0; + top: 0; + z-index: 1000; + border: 1px solid #D4D0C8 +} + +.unlSkin .mceNoIcons span.mceIcon { + width: 0; +} + +.unlSkin .mceNoIcons a .mceText { + padding-left: 10px +} + +.unlSkin .mceMenu table { + background: #FFF +} + +.unlSkin .mceMenu a, .unlSkin .mceMenu span, .unlSkin .mceMenu { + display: block +} + +.unlSkin .mceMenu td { + height: 20px +} + +.unlSkin .mceMenu a { + position: relative; + padding: 3px 0 4px 0 +} + +.unlSkin .mceMenu .mceText { + position: relative; + display: block; + font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; + color: #000; + cursor: default; + margin: 0; + padding: 0 25px 0 25px; + display: block +} + +.unlSkin .mceMenu span.mceText, .unlSkin .mceMenu .mcePreview { + font-size: 11px +} + +.unlSkin .mceMenu pre.mceText { + font-family: Monospace +} + +.unlSkin .mceMenu .mceIcon { + position: absolute; + top: 0; + left: 0; + width: 22px; +} + +.unlSkin .mceMenu .mceMenuItemEnabled a:hover, .unlSkin .mceMenu .mceMenuItemActive { + background-color: #dbecf3 +} + +.unlSkin td.mceMenuItemSeparator { + background: #DDD; + height: 1px +} + +.unlSkin .mceMenuItemTitle a { + border: 0; + background: #EEE; + border-bottom: 1px solid #DDD +} + +.unlSkin .mceMenuItemTitle span.mceText { + color: #000; + font-weight: bold; + padding-left: 4px +} + +.unlSkin .mceMenuItemDisabled .mceText { + color: #888 +} + +.unlSkin .mceMenuItemSelected .mceIcon { + background: url('img/menu-check.png') +} + +.unlSkin .mceNoIcons .mceMenuItemSelected a { + background: url('img/menu-arrow.png') no-repeat -6px center +} + +.unlSkin .mceMenu span.mceMenuLine { + display: none +} + +.unlSkin .mceMenuItemSub a { + background: url('img/menu-arrow.png') no-repeat top right; +} + +/* Progress,Resize */ +.unlSkin .mceBlocker { + position: absolute; + left: 0; + top: 0; + z-index: 1000; + opacity: 0.5; + -ms-filter: 'alpha(opacity=50)'; + filter: alpha(opacity = 50); + background: #FFF +} + +.unlSkin .mceProgress { + position: absolute; + left: 0; + top: 0; + z-index: 1001; + background: url('img/progress.gif') no-repeat; + width: 32px; + height: 32px; + margin: -16px 0 0 -16px +} + +.unlSkin .mcePlaceHolder { + border: 1px dotted gray +} + +/* Formats */ +.unlSkin .mce_formatPreview a { + font-size: 10px +} + +.unlSkin .mce_p span.mceText { +} + +.unlSkin .mce_address span.mceText { + font-style: italic +} + +.unlSkin .mce_pre span.mceText { + font-family: monospace +} + +.unlSkin .mce_h1 span.mceText { + font-weight: bolder; + font-size: 2em +} + +.unlSkin .mce_h2 span.mceText { + font-weight: bolder; + font-size: 1.5em +} + +.unlSkin .mce_h3 span.mceText { + font-weight: bolder; + font-size: 1.17em +} + +.unlSkin .mce_h4 span.mceText { + font-weight: bolder; + font-size: 1em +} + +.unlSkin .mce_h5 span.mceText { + font-weight: bolder; + font-size: .83em +} + +.unlSkin .mce_h6 span.mceText { + font-weight: bolder; + font-size: .75em +} + +/* Theme */ +.unlSkin span.mce_bold { + background-position: 0 0 +} + +.unlSkin span.mce_italic { + background-position: -60px 0 +} + +.unlSkin span.mce_underline { + background-position: -140px 0 +} + +.unlSkin span.mce_strikethrough { + background-position: -120px 0 +} + +.unlSkin span.mce_undo { + background-position: -160px 0 +} + +.unlSkin span.mce_redo { + background-position: -100px 0 +} + +.unlSkin span.mce_cleanup { + background-position: -40px 0 +} + +.unlSkin span.mce_bullist { + background-position: -20px 0 +} + +.unlSkin span.mce_numlist { + background-position: -80px 0 +} + +.unlSkin span.mce_justifyleft { + background-position: -460px 0 +} + +.unlSkin span.mce_justifyright { + background-position: -480px 0 +} + +.unlSkin span.mce_justifycenter { + background-position: -420px 0 +} + +.unlSkin span.mce_justifyfull { + background-position: -440px 0 +} + +.unlSkin span.mce_anchor { + background-position: -200px 0 +} + +.unlSkin span.mce_indent { + background-position: -400px 0 +} + +.unlSkin span.mce_outdent { + background-position: -540px 0 +} + +.unlSkin span.mce_link { + background-position: -500px 0 +} + +.unlSkin span.mce_unlink { + background-position: -640px 0 +} + +.unlSkin span.mce_sub { + background-position: -600px 0 +} + +.unlSkin span.mce_sup { + background-position: -620px 0 +} + +.unlSkin span.mce_removeformat { + background-position: -580px 0 +} + +.unlSkin span.mce_newdocument { + background-position: -520px 0 +} + +.unlSkin span.mce_image { + background-position: -380px 0 +} + +.unlSkin span.mce_help { + background-position: -340px 0 +} + +.unlSkin span.mce_code { + background-position: -260px 0 +} + +.unlSkin span.mce_hr { + background-position: -360px 0 +} + +.unlSkin span.mce_visualaid { + background-position: -660px 0 +} + +.unlSkin span.mce_charmap { + background-position: -240px 0 +} + +.unlSkin span.mce_paste { + background-position: -560px 0 +} + +.unlSkin span.mce_copy { + background-position: -700px 0 +} + +.unlSkin span.mce_cut { + background-position: -680px 0 +} + +.unlSkin span.mce_blockquote { + background-position: -220px 0 +} + +.unlSkin .mce_forecolor span.mceAction { + background-position: -720px 0 +} + +.unlSkin .mce_backcolor span.mceAction { + background-position: -760px 0 +} + +.unlSkin span.mce_forecolorpicker { + background-position: -720px 0 +} + +.unlSkin span.mce_backcolorpicker { + background-position: -760px 0 +} + +/* Plugins */ +.unlSkin span.mce_advhr { + background-position: -0px -20px +} + +.unlSkin span.mce_ltr { + background-position: -20px -20px +} + +.unlSkin span.mce_rtl { + background-position: -40px -20px +} + +.unlSkin span.mce_emotions { + background-position: -60px -20px +} + +.unlSkin span.mce_fullpage { + background-position: -80px -20px +} + +.unlSkin span.mce_fullscreen { + background-position: -100px -20px +} + +.unlSkin span.mce_iespell { + background-position: -120px -20px +} + +.unlSkin span.mce_insertdate { + background-position: -140px -20px +} + +.unlSkin span.mce_inserttime { + background-position: -160px -20px +} + +.unlSkin span.mce_absolute { + background-position: -180px -20px +} + +.unlSkin span.mce_backward { + background-position: -200px -20px +} + +.unlSkin span.mce_forward { + background-position: -220px -20px +} + +.unlSkin span.mce_insert_layer { + background-position: -240px -20px +} + +.unlSkin span.mce_insertlayer { + background-position: -260px -20px +} + +.unlSkin span.mce_movebackward { + background-position: -280px -20px +} + +.unlSkin span.mce_moveforward { + background-position: -300px -20px +} + +.unlSkin span.mce_media { + background-position: -320px -20px +} + +.unlSkin span.mce_nonbreaking { + background-position: -340px -20px +} + +.unlSkin span.mce_pastetext { + background-position: -360px -20px +} + +.unlSkin span.mce_pasteword { + background-position: -380px -20px +} + +.unlSkin span.mce_selectall { + background-position: -400px -20px +} + +.unlSkin span.mce_preview { + background-position: -420px -20px +} + +.unlSkin span.mce_print { + background-position: -440px -20px +} + +.unlSkin span.mce_cancel { + background-position: -460px -20px +} + +.unlSkin span.mce_save { + background-position: -480px -20px +} + +.unlSkin span.mce_replace { + background-position: -500px -20px +} + +.unlSkin span.mce_search { + background-position: -520px -20px +} + +.unlSkin span.mce_styleprops { + background-position: -560px -20px +} + +.unlSkin span.mce_table { + background-position: -580px -20px +} + +.unlSkin span.mce_cell_props { + background-position: -600px -20px +} + +.unlSkin span.mce_delete_table { + background-position: -620px -20px +} + +.unlSkin span.mce_delete_col { + background-position: -640px -20px +} + +.unlSkin span.mce_delete_row { + background-position: -660px -20px +} + +.unlSkin span.mce_col_after { + background-position: -680px -20px +} + +.unlSkin span.mce_col_before { + background-position: -700px -20px +} + +.unlSkin span.mce_row_after { + background-position: -720px -20px +} + +.unlSkin span.mce_row_before { + background-position: -740px -20px +} + +.unlSkin span.mce_merge_cells { + background-position: -760px -20px +} + +.unlSkin span.mce_table_props { + background-position: -980px -20px +} + +.unlSkin span.mce_row_props { + background-position: -780px -20px +} + +.unlSkin span.mce_split_cells { + background-position: -800px -20px +} + +.unlSkin span.mce_template { + background-position: -820px -20px +} + +.unlSkin span.mce_visualchars { + background-position: -840px -20px +} + +.unlSkin span.mce_abbr { + background-position: -860px -20px +} + +.unlSkin span.mce_acronym { + background-position: -880px -20px +} + +.unlSkin span.mce_attribs { + background-position: -900px -20px +} + +.unlSkin span.mce_cite { + background-position: -920px -20px +} + +.unlSkin span.mce_del { + background-position: -940px -20px +} + +.unlSkin span.mce_ins { + background-position: -960px -20px +} + +.unlSkin span.mce_pagebreak { + background-position: 0 -40px +} + +.unlSkin .mce_spellchecker span.mceAction { + background-position: -540px -20px +} + +.unlSkin span.mce_restoredraft { + background-position: -20px -40px +} + +/* border */ +.unlSkin .mceExternalToolbar, .unlSkin .mceButton, .unlSkin a.mceButtonEnabled:hover, .unlSkin a.mceButtonActive, .unlSkin a.mceButtonSelected, .unlSkin .mceListBox .mceText, .unlSkin .mceListBox .mceOpen, .unlSkin table.mceListBoxEnabled:hover .mceText, .unlSkin .mceListBoxHover .mceText, .unlSkin .mceListBoxSelected .mceText, .unlSkin table.mceListBoxEnabled:hover .mceOpen, .unlSkin .mceListBoxHover .mceOpen, .unlSkin .mceListBoxSelected .mceOpen, .unlSkin select.mceListBox, .unlSkin .mceSplitButton a.mceAction, .unlSkin .mceSplitButton a.mceOpen, .unlSkin .mceSplitButton a.mceOpen:hover, .unlSkin .mceSplitButtonSelected a.mceOpen, .unlSkin table.mceSplitButtonEnabled:hover a.mceAction, .unlSkin .mceSplitButton a.mceAction:hover, .unlSkin div.mceColorSplitMenu table, .unlSkin .mceColorSplitMenu a, .unlSkin .mceColorSplitMenu a.mceMoreColors, .unlSkin .mceColorSplitMenu a.mceMoreColors:hover, .unlSkin a.mceMoreColors:hover, .unlSkin .mceMenu { + border-style: solid; + border-width: 1px; +} +