52 lines
2.1 KiB
CSS
52 lines
2.1 KiB
CSS
/* required */
|
|
.mergely-column textarea { width: 80px; height: 200px; }
|
|
.mergely-column { float: left; }
|
|
.mergely-margin { float: left; }
|
|
.mergely-canvas { float: left; width: 28px; }
|
|
|
|
/* resizeable */
|
|
.mergely-resizer { width: 100%; height: 100%; }
|
|
.mergely-full-screen-0 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
|
|
.mergely-full-screen-8 { position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; overflow: hidden; }
|
|
|
|
/* style configuration */
|
|
.mergely-column { border: 1px solid #ccc; }
|
|
.mergely-active { border: 1px solid #a3d1ff; }
|
|
|
|
.mergely.a,.mergely.d,.mergely.c { color: #000; }
|
|
|
|
.mergely.a.rhs.start { border-top: 1px solid #a3d1ff; }
|
|
.mergely.a.lhs.start.end,
|
|
.mergely.a.rhs.end { border-bottom: 1px solid #a3d1ff; }
|
|
.mergely.a.rhs { background-color: #ddeeff; }
|
|
.mergely.a.lhs.start.end.first { border-bottom-width: 0; border-top: 1px solid #a3d1ff; }
|
|
|
|
.mergely.d.lhs { background-color: #ffe9e9; }
|
|
.mergely.d.lhs.end,
|
|
.mergely.d.rhs.start.end { border-bottom: 1px solid #f8e8e8; }
|
|
.mergely.d.rhs.start.end.first { border-bottom-width: 0; border-top: 1px solid #f8e8e8; }
|
|
.mergely.d.lhs.start { border-top: 1px solid #f8e8e8; }
|
|
|
|
.mergely.c.lhs,
|
|
.mergely.c.rhs { background-color: #fafafa; }
|
|
.mergely.c.lhs.start,
|
|
.mergely.c.rhs.start { border-top: 1px solid #a3a3a3; }
|
|
.mergely.c.lhs.end,
|
|
.mergely.c.rhs.end { border-bottom: 1px solid #a3a3a3; }
|
|
|
|
.mergely.ch.a.rhs { background-color: #ddeeff; }
|
|
.mergely.ch.d.lhs { background-color: #ffe9e9; text-decoration: line-through; color: red !important; }
|
|
|
|
.mergely.current.start { border-top: 1px solid #000 !important; }
|
|
.mergely.current.end { border-bottom: 1px solid #000 !important; }
|
|
.mergely.current.lhs.a.start.end,
|
|
.mergely.current.rhs.d.start.end { border-top-width: 0 !important; }
|
|
|
|
.mergely.current.lhs.a.start.end.empty,
|
|
.mergely.current.rhs.d.start.end.empty { border-top-width: 1px !important; border-bottom-width: 0px !important; }
|
|
|
|
.mergely.current.CodeMirror-linenumber { color: #F9F9F9; font-weight: bold; background-color: #777; }
|
|
.CodeMirror-linenumber { cursor: pointer; }
|
|
.CodeMirror-code { color: #717171; }
|
|
span.CodeMirror-selectedtext { background: none !important; }
|