/**
 * Styles used for editing TWiki content using Kupu
 * Copyright (C) 2005 ILOG
 *
 * Additional styles for TWiki editing. Assumes basic kupustyles.css -
 * only additional styles are defined here; none of the basic styles
 * are overridden.
 *
 * There are two sets of styles here; the first set relates to the
 * editor itself (toolbars etc). The second set relates to the content
 * being edited (the styles inserted by the TML2HTML translator)
 */

/**************************************************
 * Styles used in the editor, but not the content *
 **************************************************/

/* Adjustments to kupu classes */

div.kupu-fulleditor .kupu-editorframe {
  margin-right: 0em;
}

div.kupu-drawer {
  left: 100%;
  margin-left: -520px;
}

div.kupu-dialogbuttons {
  text-align: center;
}

div.kupu-tb { 
  height: 24px;
}

/* This is needed with kupu1.3.2 for some reason, as the 
.kupu-tb-buttons button style isn't getting applied */

.kupu-tb-buttongroup button {
  color: ButtonText;
  border: 1px solid ButtonFace;
  margin-top: 0;
  margin-left: 0;
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
}

span.kupu-tb-buttongroup {
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  float: left;
  border-left: 1px dotted ButtonShadow;
  border-right: 1px dotted ButtonShadow;
}

/* TWiki only - icons popup */
div#twiki-icons {
  position: absolute;
  display: none;
  background-color: #EEEEEE;
  padding: 0.2em;
  font-size: small;
  border-width: 2px;
  border-style: solid;
  cursor: default;
  width: 350px;
}

div#twiki-icons img {
  background-color: #EEEEEE;
  cursor: pointer;
}

div#twiki-icons img:hover {
  background-color: #CCCCCC;
}

div#twiki-icons img:active {
  border: 1px solid;
  border-color: #FFFFFF;
}

/******************************
 * Styles used in the content *
 ******************************/

.TML { }
.TMLvariable {
  font-weight: bold;
  border: thin solid black;
  color: white;
  background: #00CC00;
}
.TMLcite { }
.TMLmailto { background: cyan; color: black; }
.TMLnoautolink { color: #CCCCFF; }
.TMLverbatim {
  border: thin solid black;
  background: url('verbatim-watermark.png')
}
.TMLnop {
  border: thin solid red;
}
.TMLnopresult {
  border: thin solid orange;
}
.TMLcomment { 
  font-style: italic;
  background: #9999FF;
}
.TMLhr {
  background: black;
}

/*********
 * Icons *
 *********
 */
/* TWiki overrides of kupu buttons. Simply re-defined the styles. */
.kupu-source {background-image: url("view-source.png");}
.kupu-table {background-image: url("table.png");}
.kupu-removelink {background-image: url("remove.png");}
.kupu-inthyperlink {background-image: url("inthyperlink.png");}
.kupu-inthyperlink-pressed {background-image: url("inthyperlink.png"); background-color: white}
.kupu-exthyperlink {background-image: url("exthyperlink.png");}
.kupu-exthyperlink-pressed {background-image: url("exthyperlink.png"); background-color: white}
.kupu-indent {background-image: url("indent.png");}
.kupu-outdent {background-image: url("outdent.png");}
.kupu-insertunorderedlist {background-image: url("unordered-list.png");}
.kupu-insertdefinitionlist {background-image: url("definition-list.png");}
.kupu-insertorderedlist {background-image: url("ordered-list.png");}
.kupu-forecolor {background-image: url("text-color.png");}
.kupu-redo {background-image: url("redo.png");}
.kupu-save {background-image: url("save.png");}
.kupu-undo {background-image: url("undo.png");}
.kupu-removelink { background-image: url("remove.png");}

/* TWiki-only buttons */
.twiki-new-attachment { background: url("new-attachment.png"); }
.twiki-new-image { background: url("new-image.png"); }
.twiki-vardrawer-button { background: url("vars.png"); }
.twiki-cancel-button { background-image: url("cancel.png"); }
.twiki-insert-icon { background-image: url("smiley.png"); }
.twiki-help {background-image: url("help.png");}
.twiki-insert-string {background-image: url("strings.png");}
.twiki-remove-var-button {
  background-color: white;
  background: url("remove.png");
}
.twiki-remove-verb-button {
  background-color:white;
  background: url("remove.png");
}
.twiki-code-button0 {
  background-image: url("code.png");
}
.twiki-code-button1 {
  background: url("code.png");
  background-color: #ECECEC;
}
.twiki-code-button2 {
  background: url("code.png");
  background-color: white;
}
.twiki-nop-button0 {
  background: url("nop.png");
}
.twiki-nop-button1 {
  background: url("nop.png");
  background-color: #ECECEC;
}
.twiki-nop-button2 {
  background: url("nop.png");
  background-color: white;
}
.twiki-bold-button0 {
  background: url("bold.png");
}
.twiki-bold-button1 {
  background: url("bold.png");
  background-color: silver;
}
.twiki-bold-button2 {
  background: url("bold.png");
  background-color: white;
}
.twiki-italic-button0 {
  background: url("italic.png");
}
.twiki-italic-button1 {
  background: url("italic.png");
  background-color: silver;
}
.twiki-italic-button2 {
  background: url("italic.png");
  background-color: white;
}
.twiki-verbatim-button {
  background: url("verbatim.png");
}
.twiki-verbatim-button-pressed {
  background: url("verbatim.png");
  background-color: white;
}
