typo3/sysext/t3editor/css/t3editor.css

   1
   2 .editbox {
   3   border-width: 0;
   4   margin: .0em;
   5   padding: 0;
   6   font-family: monospace;
   7   font-size: 12px;
   8   color: black;
   9   background-color: #fff;
  10 }
  11
  12 .editbox p {
  13   margin: 0;
  14 }
  15
  16
  17 /* Syntax highlighting */
  18
  19 span.part {
  20         color: #666;
  21 }
  22
  23 span.other {
  24         color: black;
  25 }
  26
  27 span.reserved, .t3e_autoCompleteBox ul li span.word_reserved {
  28   color: #770088;
  29 }
  30
  31 span.keyword, .t3e_autoCompleteBox ul li span.word_keyword {
  32         color: #0000cc;
  33         font-weight: bold;
  34         font-size: 0.95em;
  35 }
  36
  37 span.keyword2, .t3e_autoCompleteBox ul li span.word_keyword2 {
  38         color: #0000cc;
  39 }
  40
  41 span.keyword3, .t3e_autoCompleteBox ul li span.word_keyword3 {
  42         color: #0000ff;
  43 }
  44
  45
  46 span.prop {
  47         color: #00f;
  48 }
  49
  50 span.operator {
  51         color: #f00;
  52 }
  53 span.punctuation {
  54         color: #c00;
  55 }
  56
  57 span.atom {
  58   color: #448888;
  59 }
  60
  61 span.variable {
  62   color: black;
  63 }
  64
  65 /*
  66 span.variabledef {
  67   color: #0000FF;
  68 }
  69
  70 span.localvariable {
  71   color: #004499;
  72 }
  73
  74 span.property {
  75   color: black;
  76 }
  77 */
  78
  79 span.comment {
  80   color: #AA7700;
  81 }
  82
  83 span.string {
  84   color: #AA2222;
  85 }
  86
  87 /* unparsed code */
  88 pre.code, .editbox {
  89   color: #666;
  90 }
  91
  92
  93 /* around the editor */
  94 .t3e_outerdiv {
  95         border: 1px solid gray;
  96         position: relative;
  97     background-color: #EFEFF4;
  98         background-image: url('../icons/loader_eeeeee.gif');
  99         background-position: 49% 50%;
 100         background-repeat: no-repeat;
 101 }
 102 .t3e_modalOverlay {
 103         position: absolute;
 104         top: 0; left: 0;
 105     background-color: #EFEFF4;
 106         background-image: url('../icons/loader_eeeeee.gif');
 107         background-position: 49% 50%;
 108         background-repeat: no-repeat;
 109         z-index:200;
 110         width: 100%;
 111         height: 100%;
 112 }
 113 .t3e_autoCompleteBox {
 114         position: absolute;
 115         top: 0; left: 0;
 116     background-color: #EFEFF4;
 117         z-index:190;
 118         border:2px solid silver;
 119         padding:0px;
 120 }
 121 .t3e_autoCompleteBox ul{
 122         list-style-type: none;
 123         padding:0px;
 124         margin:0px;
 125
 126 }
 127 .t3e_autoCompleteBox ul li{
 128         padding-left:2px;
 129         padding-right:2px;
 130         font-weight:bold;
 131         cursor: pointer; cursor: hand;
 132 }
 133 .t3e_autoCompleteBox ul li.active{
 134         padding-left:2px;
 135         padding-right:2px;
 136         font-weight:bold;
 137         background-color: #cfcfcf;
 138 }
 139 .t3e_fullscreen {
 140         position: absolute;
 141         top: 0;
 142         left: 0;
 143 }
 144 .t3e_linenum_wrap {
 145         width: 4em;
 146         position: absolute; top: 0pt; left: 0pt;
 147         overflow: hidden;
 148 }
 149 .t3e_linenum {
 150         font-size: 12px;
 151     font-family: monospace;
 152         padding: 0 3px 0 0;
 153         margin: 0;
 154     background-color: #EFEFF4;
 155         color: #000;
 156         width: 3em;
 157         float: left;
 158         text-align: right;
 159         list-style-type: none;
 160 }
 161
 162 .t3e_linenum li {
 163         padding: 0 3px 0 0;
 164         margin: 0;
 165 }
 166
 167 .t3e_iframe_wrap {
 168         margin: 0 0 0 4em;
 169 }
 170
 171 .t3e_iframe {
 172         display: block;
 173         /* width: 100%; */
 174         padding: 0;
 175 }
 176
 177 .t3e_footer_wrap {
 178         clear: both;
 179         width: 100%;
 180         font-size: 0.9em;
 181         padding-right: 20px;
 182 }
 183
 184 .t3e_footer_item {
 185         float: right;
 186         height: 16px;
 187         border-left: 1px solid gray;
 188         padding: 4px 14px 0 14px;
 189 }
 190
 191
 192 .t3e_clickable {
 193   cursor:pointer;cursor:hand;
 194 }
 195
 196
 197 .t3e_footer_overlay {
 198         position: absolute; bottom: 20px; right: 17px;
 199         opacity: 0.85;
 200         background-color: #EFEFF4;
 201         width: 180px;
 202         height: 70%;
 203         padding: 5px 0px 10px 0px;
 204         border-left: 1px solid gray;
 205         border-right: 1px solid gray;
 206         border-top: 1px solid gray;
 207         z-index: 100;
 208 }
 209 .t3e_footer_overlay#t3e_footer_overlay_options {
 210         height: 8em;
 211 }
 212 .t3e_footer_overlay ul {
 213         list-style-type: none;
 214         padding: 0;
 215         margin: 0;
 216 }
 217 .t3e_footer_overlay ul li {
 218         color: #212121;
 219         padding: 2px 6px 2px 6px;
 220         cursor:pointer;cursor:hand;
 221 }
 222 .t3e_footer_overlay ul li label {
 223         cursor:pointer;cursor:hand;
 224         }
 225 .t3e_footer_overlay ul li:hover {
 226         background-color: #cfcfcf;
 227 }
 228
 229 #t3e_modalOverlay_help {
 230         background-image: none;
 231         width: 90%;
 232         height: 80%;
 233         top: 10%;
 234         left: 5%;
 235         padding: 10px;
 236         border: 1px solid gray;
 237 }
 238
 239 .t3e_footeritem_active {
 240         background-color: #cfcfcf;
 241 }