src/chrome/tools/test/reference_build/chrome_linux/resources/inspector/cmdevtools.css

   1 .CodeMirror * {
   2   box-sizing: content-box;
   3 }
   4
   5 .CodeMirror {
   6   line-height: 1.2em !important;
   7   background-color: transparent !important;
   8 }
   9
  10 .CodeMirror .source-frame-eval-expression {
  11   outline: 0px;
  12   border: 1px solid rgb(163, 41, 34);
  13   border-left-width: 0px;
  14   border-right-width: 0px;
  15 }
  16
  17 .CodeMirror .source-frame-eval-expression-end {
  18   border-right-width: 1px;
  19   margin-right: -1px;
  20 }
  21
  22 .CodeMirror .source-frame-eval-expression-start {
  23   border-left-width: 1px;
  24   margin-left: -1px;
  25 }
  26
  27 .CodeMirror-readonly .CodeMirror-cursor {
  28     display: none;
  29 }
  30
  31 .CodeMirror .CodeMirror-gutters {
  32   border-right: 1px solid rgb(187, 187, 187);
  33   background-color: rgb(240, 240, 240);
  34 }
  35
  36 .CodeMirror .CodeMirror-linenumber {
  37   color: rgb(128, 128, 128);
  38 }
  39
  40 .CodeMirror-linenumber {
  41   min-width: 22px !important;
  42 }
  43
  44 .cm-highlight {
  45   -webkit-animation: "fadeout" 2s 0s;
  46 }
  47 @-webkit-keyframes fadeout {
  48     from {background-color: rgb(255, 255, 120); }
  49     to { background-color: white; }
  50 }
  51
  52 .cm-breakpoint .CodeMirror-linenumber {
  53   color: white;
  54   border-width: 1px 4px 1px 1px !important;
  55   -webkit-border-image: url(Images/breakpoint2.png) 1 4 1 1;
  56   margin: 0px 0px 0px 3px !important;
  57   padding-right: 3px;
  58   padding-left: 1px;
  59   height: 11px;
  60   line-height: 12px !important;
  61 }
  62
  63 .cm-breakpoint.cm-breakpoint-conditional .CodeMirror-linenumber {
  64   -webkit-border-image: url(Images/breakpointConditional2.png) 1 4 1 1;
  65 }
  66
  67 @media (-webkit-min-device-pixel-ratio: 1.5) {
  68 .cm-breakpoint .CodeMirror-linenumber {
  69   -webkit-border-image: url(Images/breakpoint2_2x.png) 2 8 2 2;
  70 }
  71 .cm-breakpoint.cm-breakpoint-conditional .CodeMirror-linenumber {
  72   -webkit-border-image: url(Images/breakpointConditional2_2x.png) 2 8 2 2;
  73 }
  74 } /* media */
  75
  76 .cm-breakpoint-disabled .CodeMirror-linenumber {
  77   opacity: 0.5;
  78 }
  79
  80 .breakpoints-deactivated .cm-breakpoint .CodeMirror-linenumber {
  81     opacity: 0.5;
  82 }
  83
  84 .breakpoints-deactivated .cm-breakpoint-disabled .CodeMirror-linenumber {
  85     opacity: 0.3;
  86 }
  87
  88 .CodeMirror-matchingbracket {
  89   border-bottom: 1px solid black;
  90   color: #222 !important;
  91 }
  92
  93 .CodeMirror-nonmatchingbracket {
  94   color: #222 !important;
  95 }
  96
  97 .cm-whitespace::before {
  98     position: absolute;
  99     pointer-events: none;
 100     color: rgb(175, 175, 175);
 101 }
 102
 103 .cm-tab {
 104     position: relative;
 105 }
 106
 107 .cm-tab:before {
 108     display: none;
 109     content: ".";
 110     color: transparent;
 111     border-bottom: 1px solid rgb(175, 175, 175);
 112     position: absolute;
 113     width: 90%;
 114     bottom: 50%;
 115     left: 5%;
 116 }
 117
 118 .show-whitespaces .CodeMirror .cm-tab:before {
 119     display: block !important;
 120 }
 121
 122 .cm-execution-line {
 123     background-color: rgb(171, 191, 254) !important;
 124     outline: 1px solid rgb(64, 115, 244);
 125 }
 126
 127 .cm-execution-line .CodeMirror-linenumber {
 128     border-right: 1px solid rgb(64, 115, 244);
 129 }
 130
 131 .cm-token-highlight {
 132     position: relative;
 133 }
 134
 135 .cm-token-highlight:before {
 136     position: absolute;
 137     border: 1px solid gray;
 138     border-radius: 3px;
 139     top: 0px;
 140     bottom: -1px;
 141     left: 0px;
 142     right: 0px;
 143     content: "";
 144 }
 145
 146 .cm-line-with-selection .cm-column-with-selection:before {
 147     border: none;
 148 }
 149
 150 .cm-search-highlight {
 151     position: relative;
 152 }
 153
 154 .cm-search-highlight:before {
 155     position: absolute;
 156     border-top-style: solid;
 157     border-bottom-style: solid;
 158     border-top-color: gray;
 159     border-bottom-color: gray;
 160     border-top-width: 1px;
 161     border-bottom-width: 1px;
 162     top: -1px;
 163     bottom: 0px;
 164     left: 0px;
 165     right: 0px;
 166     content: "";
 167 }
 168
 169 .cm-search-highlight-full:before {
 170     border: 1px solid gray;
 171     border-radius: 3px;
 172 }
 173
 174 .cm-search-highlight-start:before {
 175     border-left-width: 1px;
 176     border-top-left-radius: 2px;
 177     border-bottom-left-radius: 2px;
 178     border-left-style: solid;
 179     border-left-color: gray;
 180 }
 181
 182 .cm-search-highlight-end:before {
 183     border-right-width: 1px;
 184     border-top-right-radius: 2px;
 185     border-bottom-right-radius: 2px;
 186     border-right-style: solid;
 187     border-right-color: gray;
 188 }
 189
 190 .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-full:before {
 191     border-radius: 1px;
 192 }
 193
 194 .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-start:before {
 195     border-top-left-radius: 1px;
 196     border-bottom-left-radius: 1px;
 197 }
 198
 199 .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-end:before {
 200     border-top-right-radius: 1px;
 201     border-bottom-right-radius: 1px;
 202 }
 203
 204 .cm-line-with-selection .cm-column-with-selection.cm-search-highlight:before {
 205     margin: -1px -1px -1px -1px;
 206     background-color: rgb(241, 234, 0);
 207     z-index: -1;
 208 }
 209
 210 .CodeMirror .webkit-html-message-bubble {
 211     box-shadow: black 0px 2px 5px;
 212     border-radius: 9px;
 213     -webkit-border-fit: lines;
 214     font-size: 10px;
 215     font-family: Lucida Grande, sans-serif;
 216     font-weight: bold;
 217     margin: 3px 10px;
 218     padding: 1px 2px 0;
 219     z-index: 5;
 220 }
 221
 222 .CodeMirror .webkit-html-message-bubble img {
 223     position: relative;
 224     top: 1px;
 225     margin-right: 2px;
 226 }
 227
 228 .CodeMirror .webkit-html-warning-message {
 229     background-color: rgb(100%, 62%, 42%);
 230     border: 2px solid rgb(100%, 52%, 21%);
 231 }
 232
 233 .CodeMirror .webkit-html-error-message {
 234     background-color: rgb(100%, 42%, 42%);
 235     border: 2px solid rgb(100%, 31%, 31%);
 236 }