include/javascript/yui3/assets/dpSyntaxHighlighter.css

   1 /* Give syntax-highlighting textareas some height for unsupported browsers */
   2
   3 textarea.JScript, textarea.HTML, textarea.XML {height:10em;}
   4
   5 /* Main style for the table */
   6
   7 .dp-highlighter {
   8         width: 100%;
   9         overflow: auto;
  10         line-height: 100% !important;
  11         margin:0 0 1em 0;
  12 }
  13
  14 .dp-highlighter table {
  15         width:99% !important;
  16         margin: 2px 0px 2px 0px !important;
  17         border-collapse: collapse;
  18         border-bottom: 2px solid #eee;
  19         background-color: #fff;
  20 }
  21
  22 .dp-highlighter tbody.hide { display: none; }
  23 .dp-highlighter tbody.show { display: table-row-group; _display: block; }
  24
  25 .dp-highlighter td
  26 {
  27         font-family: Courier New;
  28         font-size: 11px;
  29 }
  30
  31 /* Styles for the tools */
  32
  33 .dp-highlighter .tools-corner {
  34         background-color: #eee;
  35         font-size: 9px;
  36 }
  37
  38 .dp-highlighter .tools {
  39         background-color: #eee;
  40         padding: 3px 8px 3px 10px;
  41         border-bottom: 1px solid gray;
  42         font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
  43         color: silver;
  44 }
  45
  46 .dp-highlighter .tools-corner {
  47         background-color: #eee;
  48 }
  49
  50 .dp-highlighter .tools a {
  51         font-size: 9px;
  52         color: gray;
  53         text-decoration: none;
  54 }
  55
  56 .dp-highlighter .tools a:hover {
  57         color: red;
  58         text-decoration: underline;
  59 }
  60
  61 /* Gutter with line number */
  62
  63 .dp-highlighter .gutter {
  64         padding-right: 5px;
  65         padding-left: 10px;
  66         width: 5px;
  67         background-color: #eee;
  68         border-right: 1px solid gray;
  69         color: gray;
  70         text-align: right;
  71         vertical-align: top;
  72 }
  73
  74 /* Single line style */
  75
  76 .dp-highlighter .line1, .line2 {
  77         padding-left: 10px;
  78         /*border-bottom: 1px solid #F7F7F7;*/
  79         white-space:nowrap;
  80 }
  81
  82 .dp-highlighter .line2 {
  83         /*background-color: #F7F7F7;*/
  84 }
  85
  86 /* About dialog styles */
  87
  88 .dp-about {
  89         background-color: #fff;
  90         margin: 0px;
  91 }
  92
  93 .dp-about table {
  94         width: 100%;
  95         height: 100%;
  96         font-size: 11px;
  97         font-family: Tahoma, Verdana, Arial, sans-serif !important;
  98 }
  99
 100 .dp-about td {
 101         padding: 10px;
 102         vertical-align: top;
 103 }
 104
 105 .dp-about .copy {
 106         border-bottom: 1px solid #ACA899;
 107         height: 95%;
 108 }
 109
 110 .dp-about .title {
 111         color: red;
 112         font-weight: bold;
 113 }
 114
 115 .dp-about .para {
 116         margin-bottom: 4px;
 117 }
 118
 119 .dp-about .footer {
 120         background-color: #ECEADB;
 121         border-top: 1px solid #fff;
 122         text-align: right;
 123 }
 124
 125 .dp-about .close {
 126         font-size: 11px;
 127         font-family: Tahoma, Verdana, Arial, sans-serif !important;
 128         background-color: #ECEADB;
 129         width: 60px;
 130         height: 22px;
 131 }
 132
 133 /* Language specific styles */
 134
 135 .dp-c {}
 136 .dp-c .comment { color: green; }
 137 .dp-c .string { color: blue; }
 138 .dp-c .preprocessor { color: gray; }
 139 .dp-c .keyword { color: blue; }
 140 .dp-c .vars { color: #d00; }
 141 /*
 142 .dp-vb {}
 143 .dp-vb .comment { color: green; }
 144 .dp-vb .string { color: blue; }
 145 .dp-vb .preprocessor { color: gray; }
 146 .dp-vb .keyword { color: blue; }
 147
 148 .dp-sql {}
 149 .dp-sql .comment { color: green; }
 150 .dp-sql .string { color: red; }
 151 .dp-sql .keyword { color: blue; }
 152 .dp-sql .func { color: #ff1493; }
 153 .dp-sql .op { color: #808080; }
 154 */
 155 .dp-xml {}
 156 .dp-xml .cdata { color: #ff1493; }
 157 .dp-xml .comments { color: green; }
 158 .dp-xml .tag { color: blue; }
 159 .dp-xml .tag-name { color: black; font-weight: bold; }
 160 .dp-xml .attribute { color: red; }
 161 .dp-xml .attribute-value { color: blue; }
 162 /*
 163 .dp-delphi {}
 164 .dp-delphi .comment { color: #008200; font-style: italic; }
 165 .dp-delphi .string { color: blue; }
 166 .dp-delphi .number { color: blue; }
 167 .dp-delphi .directive { color: #008284; }
 168 .dp-delphi .keyword { font-weight: bold; color: navy; }
 169 .dp-delphi .vars { color: #000; }
 170
 171 .dp-py {}
 172 .dp-py .comment { color: green; }
 173 .dp-py .string { color: red; }
 174 .dp-py .docstring { color: brown; }
 175 .dp-py .keyword { color: blue; font-weight: bold;}
 176 .dp-py .builtins { color: #ff1493; }
 177 .dp-py .magicmethods { color: #808080; }
 178 .dp-py .exceptions { color: brown; }
 179 .dp-py .types { color: brown; font-style: italic; }
 180 .dp-py .commonlibs { color: #8A2BE2; font-style: italic; }*/
 181
 182
 183 .dp-css .keyword { color: red; }
 184 .dp-css .value { color: #ff1493; }
 185 .dp-css .comment { color: green; }
 186 .dp-css .string { color: blue; }
 187 .dp-css .preprocessor { color: gray; }
 188 .dp-css .keyword { color: blue; }
 189 .dp-css .vars { color: #d00; }
 190 .dp-css .colors { font-weight: bold; }