includes/clientside/tinymce/themes/advanced/skins/o2k7/ui.css
changeset 395 fa4c5ecb7c9a
parent 335 67bd3121a12e
child 459 31c23016ab62
equal deleted inserted replaced
394:fbfdcea634a7 395:fa4c5ecb7c9a
     1 /* Reset */
     1 /* Reset */
     2 .o2k7Skin table, .o2k7Skin tbody, .o2k7Skin a, .o2k7Skin img, .o2k7Skin tr, .o2k7Skin div, .o2k7Skin td, .o2k7Skin iframe, .o2k7Skin span, .o2k7Skin * {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 .o2k7Skin table, .o2k7Skin tbody, .o2k7Skin a, .o2k7Skin img, .o2k7Skin tr, .o2k7Skin div, .o2k7Skin td, .o2k7Skin iframe, .o2k7Skin span, .o2k7Skin *, .o2k7Skin .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 .o2k7Skin a:hover, .o2k7Skin a:link, .o2k7Skin a:visited, .o2k7Skin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
     3 .o2k7Skin a:hover, .o2k7Skin a:link, .o2k7Skin a:visited, .o2k7Skin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
     4 .o2k7Skin table td {vertical-align:middle}
     4 .o2k7Skin table td {vertical-align:middle}
     5 
     5 
     6 /* Containers */
     6 /* Containers */
     7 .o2k7Skin table {background:#E5EFFD}
     7 .o2k7Skin table {background:#E5EFFD}
    19 .o2k7Skin table.mceLayout tr.last td {border-bottom:1px solid #ABC6DD}
    19 .o2k7Skin table.mceLayout tr.last td {border-bottom:1px solid #ABC6DD}
    20 .o2k7Skin table.mceToolbar, .o2k7Skin tr.first .mceToolbar tr td, .o2k7Skin tr.last .mceToolbar tr td {border:0; margin:0; padding:0}
    20 .o2k7Skin table.mceToolbar, .o2k7Skin tr.first .mceToolbar tr td, .o2k7Skin tr.last .mceToolbar tr td {border:0; margin:0; padding:0}
    21 .o2k7Skin .mceIframeContainer {border-top:1px solid #ABC6DD; border-bottom:1px solid #ABC6DD}
    21 .o2k7Skin .mceIframeContainer {border-top:1px solid #ABC6DD; border-bottom:1px solid #ABC6DD}
    22 .o2k7Skin .mceStatusbar {display:block; font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; height:20px;}
    22 .o2k7Skin .mceStatusbar {display:block; font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; height:20px;}
    23 .o2k7Skin .mceStatusbar div {float:left; padding:2px;}
    23 .o2k7Skin .mceStatusbar div {float:left; padding:2px;}
    24 .o2k7Skin .mceStatusbar a.resize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px}
    24 .o2k7Skin .mceStatusbar a.resize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize}
    25 .o2k7Skin .mceStatusbar a:hover {text-decoration:underline}
    25 .o2k7Skin .mceStatusbar a:hover {text-decoration:underline}
    26 .o2k7Skin table.mceToolbar {margin-left:3px}
    26 .o2k7Skin table.mceToolbar {margin-left:3px}
    27 .o2k7Skin .mceToolbar .mceToolbarStart span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px; }
    27 .o2k7Skin .mceToolbar .mceToolbarStart span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px; }
    28 .o2k7Skin .mceToolbar .mceToolbarEnd span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px}
    28 .o2k7Skin .mceToolbar .mceToolbarEnd span {display:block; background:url(img/button_bg.png) -22px 0; width:1px; height:22px}
    29 .o2k7Skin .mceToolbar .mceToolbarEndListBox span {display:none}
    29 .o2k7Skin .mceToolbar .mceToolbarEndListBox span {display:none}
    30 .o2k7Skin span.icon, .o2k7Skin img.icon {display:block; width:20px; height:20px}
    30 .o2k7Skin span.icon, .o2k7Skin img.icon {display:block; width:20px; height:20px}
    31 .o2k7Skin .icon {background:url(../../img/icons.gif) no-repeat 20px 20px}
    31 .o2k7Skin .icon {background:url(../../img/icons.gif) no-repeat 20px 20px}
    32 
    32 
    33 /* Button */
    33 /* Button */
    34 .o2k7Skin .mceButton {display:block; background:url(img/button_bg.png); width:22px; height:22px}
    34 .o2k7Skin .mceButton {display:block; background:url(img/button_bg.png); width:22px; height:22px}
    35 .o2k7Skin a.mceButton span, .o2k7Skin a.mceButton img {margin:1px 0 0 1px}
    35 .o2k7Skin a.mceButton span, .o2k7Skin a.mceButton img {margin-left:1px}
    36 .o2k7Skin .mceOldBoxModel a.mceButton span, .o2k7Skin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
    36 .o2k7Skin .mceOldBoxModel a.mceButton span, .o2k7Skin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
    37 .o2k7Skin a.mceButtonEnabled:hover {background-color:#B2BBD0; background-position:0 -22px}
    37 .o2k7Skin a.mceButtonEnabled:hover {background-color:#B2BBD0; background-position:0 -22px}
    38 .o2k7Skin a.mceButtonActive {background-position:0 -44px}
    38 .o2k7Skin a.mceButtonActive, .o2k7Skin a.mceButtonSelected {background-position:0 -44px}
    39 .o2k7Skin .mceButtonDisabled span {opacity:0.3; filter:alpha(opacity=30)}
    39 .o2k7Skin .mceButtonDisabled .icon {opacity:0.3; filter:alpha(opacity=30)}
    40 
    40 
    41 /* Separator */
    41 /* Separator */
    42 .o2k7Skin .mceSeparator {display:block; background:url(img/button_bg.png) -22px 0; width:5px; height:22px}
    42 .o2k7Skin .mceSeparator {display:block; background:url(img/button_bg.png) -22px 0; width:5px; height:22px}
    43 
    43 
    44 /* ListBox */
    44 /* ListBox */
    59 .o2k7Skin .mceSplitButton span.action {width:22px; background:url(../../img/icons.gif) 20px 20px}
    59 .o2k7Skin .mceSplitButton span.action {width:22px; background:url(../../img/icons.gif) 20px 20px}
    60 .o2k7Skin .mceSplitButton a.open {width:10px}
    60 .o2k7Skin .mceSplitButton a.open {width:10px}
    61 .o2k7Skin .mceSplitButton span.open {width:10px; background:url(img/button_bg.png) -44px 0}
    61 .o2k7Skin .mceSplitButton span.open {width:10px; background:url(img/button_bg.png) -44px 0}
    62 .o2k7Skin table.mceSplitButtonEnabled:hover a.action, .o2k7Skin .mceSplitButtonHover a.action, .o2k7Skin .mceSplitButtonSelected {background:url(img/button_bg.png) 0 -22px}
    62 .o2k7Skin table.mceSplitButtonEnabled:hover a.action, .o2k7Skin .mceSplitButtonHover a.action, .o2k7Skin .mceSplitButtonSelected {background:url(img/button_bg.png) 0 -22px}
    63 .o2k7Skin table.mceSplitButtonEnabled:hover span.open, .o2k7Skin .mceSplitButtonHover span.open, .o2k7Skin .mceSplitButtonSelected span.open {background-position:-44px -44px}
    63 .o2k7Skin table.mceSplitButtonEnabled:hover span.open, .o2k7Skin .mceSplitButtonHover span.open, .o2k7Skin .mceSplitButtonSelected span.open {background-position:-44px -44px}
    64 .o2k7Skin .mceSplitButtonDisabled span.action {opacity:0.3; filter:alpha(opacity=30)}
    64 .o2k7Skin .mceSplitButtonDisabled .action {opacity:0.3; filter:alpha(opacity=30)}
    65 .o2k7Skin .mceSplitButtonActive {background-position:0 -44px}
    65 .o2k7Skin .mceSplitButtonActive {background-position:0 -44px}
    66 
    66 
    67 /* ColorSplitButton */
    67 /* ColorSplitButton */
    68 .o2k7Skin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}
    68 .o2k7Skin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}
    69 .o2k7Skin .mceColorSplitMenu td {padding:2px}
    69 .o2k7Skin .mceColorSplitMenu td {padding:2px}
    73 .o2k7Skin .mceColorSplitMenu a.morecolors:hover {border:1px solid #0A246A; background-color:#B6BDD2}
    73 .o2k7Skin .mceColorSplitMenu a.morecolors:hover {border:1px solid #0A246A; background-color:#B6BDD2}
    74 .o2k7Skin a.mceMoreColors:hover {border:1px solid #0A246A}
    74 .o2k7Skin a.mceMoreColors:hover {border:1px solid #0A246A}
    75 .o2k7Skin .mceColorPreview {position:absolute; top:15px; left:2px; width:16px; height:4px; overflow:hidden}
    75 .o2k7Skin .mceColorPreview {position:absolute; top:15px; left:2px; width:16px; height:4px; overflow:hidden}
    76 
    76 
    77 /* Menu */
    77 /* Menu */
    78 .o2k7Skin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8}
    78 .o2k7Skin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #ABC6DD}
    79 .o2k7Skin .noIcons span.icon {width:0;}
    79 .o2k7Skin .noIcons span.icon {width:0;}
    80 .o2k7Skin .noIcons a .text {padding-left:10px}
    80 .o2k7Skin .noIcons a .text {padding-left:10px}
    81 .o2k7Skin .mceMenu table {background:#FFF}
    81 .o2k7Skin .mceMenu table {background:#FFF}
    82 .o2k7Skin .mceMenu a, .o2k7Skin .mceMenu span, .o2k7Skin .mceMenu {display:block}
    82 .o2k7Skin .mceMenu a, .o2k7Skin .mceMenu span, .o2k7Skin .mceMenu {display:block}
    83 .o2k7Skin .mceMenu td {height:20px}
    83 .o2k7Skin .mceMenu td {height:20px}
    86 .o2k7Skin .mceMenu span.text, .o2k7Skin .mceMenu .preview {font-size:11px}
    86 .o2k7Skin .mceMenu span.text, .o2k7Skin .mceMenu .preview {font-size:11px}
    87 .o2k7Skin .mceMenu pre.text {font-family:Monospace}
    87 .o2k7Skin .mceMenu pre.text {font-family:Monospace}
    88 .o2k7Skin .mceMenu .icon {position:absolute; top:0; left:0; width:22px;}
    88 .o2k7Skin .mceMenu .icon {position:absolute; top:0; left:0; width:22px;}
    89 .o2k7Skin .mceMenu .mceMenuItemEnabled a:hover, .o2k7Skin .mceMenu .mceMenuItemActive {background-color:#dbecf3}
    89 .o2k7Skin .mceMenu .mceMenuItemEnabled a:hover, .o2k7Skin .mceMenu .mceMenuItemActive {background-color:#dbecf3}
    90 .o2k7Skin td.mceMenuItemSeparator {background:#DDD; height:1px}
    90 .o2k7Skin td.mceMenuItemSeparator {background:#DDD; height:1px}
    91 .o2k7Skin .mceMenuItemTitle a {border:0; background:#EEE; border-bottom:1px solid #DDD}
    91 .o2k7Skin .mceMenuItemTitle a {border:0; background:#E5EFFD; border-bottom:1px solid #ABC6DD}
    92 .o2k7Skin .mceMenuItemTitle span.text {color:#000; font-weight:bold; padding-left:4px}
    92 .o2k7Skin .mceMenuItemTitle span.text {color:#000; font-weight:bold; padding-left:4px}
    93 .o2k7Skin .mceMenuItemDisabled .text {color:#888}
    93 .o2k7Skin .mceMenuItemDisabled .text {color:#888}
    94 .o2k7Skin .mceMenuItemSelected .icon {background:url(../default/img/menu_check.gif)}
    94 .o2k7Skin .mceMenuItemSelected .icon {background:url(../default/img/menu_check.gif)}
    95 .o2k7Skin .noIcons .mceMenuItemSelected a {background:url(../default/img/menu_arrow.gif) no-repeat -6px center}
    95 .o2k7Skin .noIcons .mceMenuItemSelected a {background:url(../default/img/menu_arrow.gif) no-repeat -6px center}
    96 .o2k7Skin .mceMenu span.mceMenuLine {display:none}
    96 .o2k7Skin .mceMenu span.mceMenuLine {display:none}