includes/clientside/tinymce/themes/advanced/skins/default/ui.css
changeset 395 fa4c5ecb7c9a
parent 335 67bd3121a12e
child 459 31c23016ab62
equal deleted inserted replaced
394:fbfdcea634a7 395:fa4c5ecb7c9a
     1 /* Reset */
     1 /* Reset */
     2 .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin * {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000; vertical-align:baseline}
     2 .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .text {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}
     3 .defaultSkin a:hover, .defaultSkin a:link, .defaultSkin a:visited, .defaultSkin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
     3 .defaultSkin a:hover, .defaultSkin a:link, .defaultSkin a:visited, .defaultSkin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
     4 .defaultSkin table td {vertical-align:middle}
     4 .defaultSkin table td {vertical-align:middle}
     5 
     5 
     6 /* Containers */
     6 /* Containers */
     7 .defaultSkin table {background:#F0F0EE}
     7 .defaultSkin table {background:#F0F0EE}
    21 .defaultSkin table.mceLayout tr.last td {border-bottom:1px solid #CCC}
    21 .defaultSkin table.mceLayout tr.last td {border-bottom:1px solid #CCC}
    22 .defaultSkin table.mceToolbar, .defaultSkin tr.first .mceToolbar tr td, .defaultSkin tr.last .mceToolbar tr td {border:0; margin:0; padding:0;}
    22 .defaultSkin table.mceToolbar, .defaultSkin tr.first .mceToolbar tr td, .defaultSkin tr.last .mceToolbar tr td {border:0; margin:0; padding:0;}
    23 .defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top}
    23 .defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top}
    24 .defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC}
    24 .defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC}
    25 .defaultSkin .mceStatusbar {position:relative; font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; padding:2px; color:#000; display:block}
    25 .defaultSkin .mceStatusbar {position:relative; font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; padding:2px; color:#000; display:block}
    26 .defaultSkin .mceStatusbar a.resize {display:block; position:absolute; top:0; right:0; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px}
    26 .defaultSkin .mceStatusbar a.resize {display:block; position:absolute; top:0; right:0; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize}
    27 .defaultSkin .mceStatusbar a:hover {text-decoration:underline}
    27 .defaultSkin .mceStatusbar a:hover {text-decoration:underline}
    28 .defaultSkin table.mceToolbar {margin-left:3px}
    28 .defaultSkin table.mceToolbar {margin-left:3px}
    29 .defaultSkin span.icon, .defaultSkin img.icon {display:block; width:20px; height:20px}
    29 .defaultSkin span.icon, .defaultSkin img.icon {display:block; width:20px; height:20px}
    30 .defaultSkin .icon {background:url(../../img/icons.gif) no-repeat 20px 20px}
    30 .defaultSkin .icon {background:url(../../img/icons.gif) no-repeat 20px 20px}
    31 
    31 
    32 /* Button */
    32 /* Button */
    33 .defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px;}
    33 .defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px;}
    34 .defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0}
    34 .defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0}
    35 .defaultSkin a.mceButtonActive {border:1px solid #0A246A; background-color:#C2CBE0}
    35 .defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0}
    36 .defaultSkin .mceButtonDisabled span {opacity:0.3; filter:alpha(opacity=30)}
    36 .defaultSkin .mceButtonDisabled .icon {opacity:0.3; filter:alpha(opacity=30)}
    37 
    37 
    38 /* Separator */
    38 /* Separator */
    39 .defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px}
    39 .defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px}
    40 
    40 
    41 /* ListBox */
    41 /* ListBox */
    49 .defaultSkin .mceOldBoxModel .mceListBox .text {height:22px}
    49 .defaultSkin .mceOldBoxModel .mceListBox .text {height:22px}
    50 .defaultSkin .mceOldBoxModel .mceListBox .open {width:11px; height:22px;}
    50 .defaultSkin .mceOldBoxModel .mceListBox .open {width:11px; height:22px;}
    51 .defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;}
    51 .defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;}
    52 
    52 
    53 /* SplitButton */
    53 /* SplitButton */
    54 .defaultSkin .mceSplitButton {width:32px}
    54 .defaultSkin .mceSplitButton {width:32px; height:20px}
    55 .defaultSkin .mceSplitButton, .defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {display:block; height:20px}
    55 .defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block}
    56 .defaultSkin .mceSplitButton a.action {width:20px; border:1px solid #F0F0EE; border-right:0;}
    56 .defaultSkin .mceSplitButton a.action {width:20px; border:1px solid #F0F0EE; border-right:0;}
    57 .defaultSkin .mceSplitButton span.action {width:20px; background:url(../../img/icons.gif) 20px 20px;}
    57 .defaultSkin .mceSplitButton span.action {width:20px; background:url(../../img/icons.gif) 20px 20px;}
    58 .defaultSkin .mceSplitButton a.open {width:9px; border:1px solid #F0F0EE;}
    58 .defaultSkin .mceSplitButton a.open {width:9px; border:1px solid #F0F0EE;}
    59 .defaultSkin .mceSplitButton span.open {width:9px; background:url(../../img/icons.gif) -741px 0;}
    59 .defaultSkin .mceSplitButton span.open {width:9px; background:url(../../img/icons.gif) -741px 0;}
    60 .defaultSkin table.mceSplitButtonEnabled:hover a.action, .defaultSkin .mceSplitButtonHover a.action, .defaultSkin .mceSplitButtonSelected a.action {border:1px solid #0A246A; border-right:0; background-color:#B2BBD0}
    60 .defaultSkin table.mceSplitButtonEnabled:hover a.action, .defaultSkin .mceSplitButtonHover a.action, .defaultSkin .mceSplitButtonSelected a.action {border:1px solid #0A246A; border-right:0; background-color:#B2BBD0}
    61 .defaultSkin table.mceSplitButtonEnabled:hover a.open, .defaultSkin .mceSplitButtonHover a.open, .defaultSkin .mceSplitButtonSelected a.open {border:1px solid #0A246A;}
    61 .defaultSkin table.mceSplitButtonEnabled:hover a.open, .defaultSkin .mceSplitButtonHover a.open, .defaultSkin .mceSplitButtonSelected a.open {border:1px solid #0A246A;}
    62 .defaultSkin table.mceSplitButtonEnabled:hover span.open, .defaultSkin .mceSplitButtonHover span.open, .defaultSkin .mceSplitButtonSelected span.open {background-color:#B2BBD0}
    62 .defaultSkin table.mceSplitButtonEnabled:hover span.open, .defaultSkin .mceSplitButtonHover span.open, .defaultSkin .mceSplitButtonSelected span.open {background-color:#B2BBD0}
    63 .defaultSkin .mceSplitButtonDisabled span.action, .defaultSkin .mceSplitButtonDisabled span.open {opacity:0.3; filter:alpha(opacity=30)}
    63 .defaultSkin .mceSplitButtonDisabled .action, .defaultSkin .mceSplitButtonDisabled span.open {opacity:0.3; filter:alpha(opacity=30)}
    64 .defaultSkin .mceSplitButtonActive a.action {border:1px solid #0A246A; background-color:#C2CBE0}
    64 .defaultSkin .mceSplitButtonActive a.action {border:1px solid #0A246A; background-color:#C2CBE0}
    65 .defaultSkin .mceSplitButtonActive a.open {border-left:0;}
    65 .defaultSkin .mceSplitButtonActive a.open {border-left:0;}
    66 
    66 
    67 /* ColorSplitButton */
    67 /* ColorSplitButton */
    68 .defaultSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}
    68 .defaultSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}