etherpad-lite/static/css/iframe_editor.css

/*
  These CSS rules are included in both the outer and inner ACE iframe.
*/

/* LAYOUT ##################################################################### */
HTML {cursor:text;} /* in Safari, produces text cursor for whole doc (inc. below body) */
BODY {margin:0; white-space:nowrap;}
BODY.doesWrap {display:block; white-space:normal;}
BODY.grayedout {background-color:#eee !important;}
BODY.mozilla, BODY.safari {display:table-cell;} /* cause BODY area (i.e. where clicks are listened to) to grow horizontally with text */

#outerdocbody {background-color:#fff;}
#outerdocbody IFRAME {
  border:0 none;
  display:block;    /* codemirror says it suppresses bugs */
  height:1px;       /* changed programmatically */
  left:32px;        /* MIN_LINEDIV_WIDTH + LINE_NUMBER_PADDING_RIGHT + EDIT_BODY_PADDING_LEFT */
  position:relative;
  top:7px;          /* EDIT_BODY_PADDING_TOP - 1*/
  width:1px;        /* changed programmatically */
}
#outerdocbody .hotrect {border:1px solid #999; position:absolute;}

#innerdocbody {
  background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* blank 1x1 gif, so that IE8 doesn't consider the body transparent */
  font-family:monospace;  /* overridden by body.style */
  font-size:12px;         /* overridden by body.style */
  line-height:16px;       /* overridden by body.style */
  overflow:hidden;
  padding:1px 10px 8px 1px;
}

#sidediv {
  color:#fff;
  cursor:default;
  font-family:monospace;
  font-size:11px;
  left:0;
  line-height:16px;   /* overridden by sideDiv.style */
  padding-right:4px;  /* LINE_NUMBER_PADDING_RIGHT - 1 */
  padding-top:8px;    /* EDIT_BODY_PADDING_TOP */
  position:absolute;
  top:0;
  width:20px;         /* MIN_LINEDIV_WIDTH */
}
#sidedivinner {text-align:right;}
.sidedivdelayed {background-color:#eee; border-right:1px solid #d5d5d5; color:#aaa !important;}
.sidedivhidden {display:none;}

.safari DIV {padding-right:1px;} /* prevents the caret from disappearing on the longest line of the doc */

#linemetricsdiv {
  color:#fff;
  font-family:monospace; /* overridden by lineMetricsDiv.style */
  font-size:12px; /* overridden by lineMetricsDiv.style */
  left:-1000px;
  position:absolute;
  top:-1000px;
  z-index:-1;
}

#overlaysdiv {left:-1000px; position:absolute; top:-1000px;}


/* CONTENT STYLING ############################################################ */
P {margin:0;}

SPAN {cursor:auto;}

A {cursor:pointer !important;}

/* lists */
.list-bullet2, .list-indent2, .list-number2 {margin-left:3em;}
.list-bullet3, .list-indent3, .list-number3 {margin-left:4.5em;}
.list-bullet4, .list-indent4, .list-number4 {margin-left:6em;}
.list-bullet5, .list-indent5, .list-number5 {margin-left:7.5em;}
.list-bullet6, .list-indent6, .list-number6 {margin-left:9em;}
.list-bullet7, .list-indent7, .list-number7 {margin-left:10.5em;}
.list-bullet8, .list-indent8, .list-number8 {margin-left:12em;}

/* unordered lists */
UL {list-style-type:disc; margin-left:1.5em;}
UL UL {margin-left:0 !important;}

.list-bullet2, .list-bullet5, .list-bullet8 {list-style-type:circle;}
.list-bullet3, .list-bullet6 {list-style-type:square;}

.list-indent1, .list-indent2, .list-indent3, .list-indent5, .list-indent5, .list-indent6, .list-indent7, .list-indent8 {list-style-type:none;}

/* ordered lists */
OL {list-style-type:decimal; margin-left:1.5em;}
.list-number2, .list-number5, .list-number8 {list-style-type:lower-latin;}
.list-number3, .list-number6 {list-style-type:lower-roman;}

/* ---------- Used by JavaScript Lexer ---------- */
.syntax .c {color:#bd3f00; font-style:italic;} /* Comment */
.syntax .o {font-weight:700;} /* Operator */
.syntax .p {font-weight:700;} /* Punctuation */
.syntax .k {color:blue;}      /* Keyword */
.syntax .kc {color:purple;}   /* Keyword.Constant */
.syntax .nx {}                /* Name.Other */
.syntax .mf {color:purple;}   /* Literal.Number.Float */
.syntax .mh {color:purple;}   /* Literal.Number.Hex */
.syntax .mi {color:purple;}   /* Literal.Number.Integer */
.syntax .sr {color:purple;}   /* Literal.String.Regex */
.syntax .s2 {color:purple;}   /* Literal.String.Double */
.syntax .s1 {color:purple;}   /* Literal.String.Single */
.syntax .sd {color:purple;}   /* Literal.String.Doc */
.syntax .cs {color:#00aa33; font-weight:700; font-style:italic;} /* Comment.Special */
.syntax .err {color:#cc0000; font-weight:700; text-decoration:underline;} /* Error */

/* css syntax highlighting */
.syntax .nt {font-weight:700;}  /* tag */
.syntax .nc {color:#336;}       /* class */
.syntax .nf {color:#336;}       /* id */
.syntax .nd {color:#999;}       /* :foo */
.syntax .m {color:purple;}      /* number */
.syntax .nb {color:purple;}     /* built-in */
.syntax .cp {color:#bd3f00;}    /* !important */

.syntax .flash {background-color:#adf !important;}
.syntax .flashbad {background-color:#f55 !important;}