www/admin/static/skel_editor.css

   1 .codeEditor {
   2         width: 100%;
   3         height: 600px;
   4         border: 1px solid #999;
   5         background: #eee;
   6         position: relative;
   7         display: block;
   8 }
   9
  10 .codeEditor .sk_help {
  11         background: #ccc;
  12         border-top: 2px solid #999;
  13         position: absolute;
  14         left: 0;
  15         right: 0;
  16         bottom: 0;
  17         height: 15px;
  18         padding: 5px 1em 0;
  19         font-family: "Deja Vu Sans Mono", "Droid Sans Mono", "Courier New", Courier, monospace;
  20         font-size: 12px;
  21 }
  22
  23 .codeEditor .sk_toolbar {
  24         background: #ccc;
  25         border-bottom: 2px solid #999;
  26         height: 32px;
  27 }
  28
  29 .codeEditor .sk_toolbar select {
  30         float: right;
  31         border: none;
  32         border-radius: .2em;
  33         height: 24px;
  34         padding-left: 24px;
  35         margin: 4px .5em;
  36         background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAACZm4leYFyOkX1RU09MTkp9f2+ys6KwsZrn5+KanIz///+6u6vGxryDhXtVV1Otpz1oAAAAA3RSTlMA+7omiqY6AAAAgklEQVQI12NI+f9fgQEEfO7e+QBm/BGU+P8fJPrd2LgLCD4AGSCBLCDD8Pfu3bu9QCK/Z86e/esDw4/Hv+/euf0ZyEj7PXPnbCDDI+33kZDQkE8M/11D1969e9eEwRNIlpe332f421Ne0dHRcYnh75k7Z8/cudPEoOIS4uriAlQMAwDpN0taA/g97gAAAABJRU5ErkJggg==") no-repeat 5px center;
  37         cursor: pointer;
  38 }
  39
  40 .codeEditor .sk_toolbar select:hover {
  41         background-color: #fff;
  42 }
  43
  44 .codeEditor .sk_toolbar p {
  45         display: inline;
  46         padding: .3em .5em;
  47         border-radius: .5em;
  48         font-size: .9em;
  49         margin-left: 2em;
  50 }
  51
  52 .codeEditor .sk_toolbar input {
  53         margin: 4px .5em;
  54         padding: 0;
  55         width: 24px;
  56         height: 24px;
  57         border: none;
  58         border-radius: .2em;
  59         cursor: pointer;
  60         text-indent: -70em;
  61         overflow: hidden;
  62         background: transparent no-repeat center center;
  63 }
  64
  65 .codeEditor .sk_toolbar input:hover { background-color: #fff; }
  66
  67 .codeEditor .sk_toolbar .save { margin-left: 2em; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEU6XIthfJfOXAD8rz6PpsDe3t7+/v6YrsZhe5NVV1Py8vL09PTMzc6+0upyn88gSod8oq0HAAAAAXRSTlOZyTXzhgAAAGxJREFUCNdj4P+kBAT6Hxj+XjYGAtv7DH+fbQOCfSBGKBDkgRi7gQAschQoAmbsXrVq1ToQIw0IQGregQGQ8bCjo6OvDsQ4czS04jmQ8eLMzJiDUMYZkMj3ilAIg/9h6PEjJ4AMhp8zgeD/BwBY4VdD5HZlvAAAAABJRU5ErkJggg=="); }
  68 .codeEditor .sk_toolbar .reset { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAABCklEQVR42p2TsUrDUBSGv4RM2qlLXXwBHdoncG3u5tpZx059gojgZAtC3bqqa7cQKH2FWiFZHUSIg5lChi7Xpak312Ma/eHA5Zzz/5fzHw5UMQZ0wxgDOCb5fnQ8Glxe0AR31zdcPW0mpoDOkoDPJKRI41rywdEpRRrTHeZ4drFIY15nh5w/f4jkea/D2aPafeJKTVuyI4Ut7G0NkVDmnbpxXMAHyJJgl1xPW+XT32emC0SA3z75FugO85Ic8Qf0jR33a/p0lgR6PW1pQJtbiPbNK8GzDLPhNBVAKVUphGGIJD7vdWQBi1SBuSGA/P1FFvgNb8vbH7nFaoO5Ja2Uki6Ommt8ME36t4lfRLtlZDAJ4ScAAAAASUVORK5CYII="); }
  69 .codeEditor .sk_toolbar .search { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAAK/INwWK6QAAADBQTFRF////epWwPGiTdYKPdHqB1tbWWW6Hp6enR2yQc6b/dqncME9tmcz/i5CX5e32w9PmM3gGSwAAAAd0Uk5TAAAAQoTswgXk1s4AAABySURBVAjXYxA0v+4syAAEIqXvQh1BDPN3J88Vgxj3/r07EwtmnDw58y2YcebMHLBI6p/358NADN/3Z75eFhQUZFC5/i4WqIaRwcjtdsrWa0AGEDByr2oAM5i4V82AMBh2nGmCMIBCEAbDrhVghpKS9jYA43soYFw0gPcAAAAASUVORK5CYII="); }
  70 .codeEditor .sk_toolbar .search_replace { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAABnVEEAAACEhoVsaWX4liHmz2/8/Pzf398uNDawrKfn5+fOXADj4+P+/v6IioXFYmG9AAAAAnRSTlMAWv0tddIAAACKSURBVAjXY2Dg/w8EAgwMDP/evSuvWwhi7N69Y8UrATDjxurbC4CMn/P3rv9vwMDw3+/J31s9BxkYOl/vm3vjaCiEsSc0hoGhxe+J7dHUgwxckz0nAwUCGDotO3qPph4zYJg8q+P20Zg+AwbJ9rt3VE60f2BgML+76VgHiPH93bt3z8uBjP9g8AEArPJMCYP5JmIAAAAASUVORK5CYII="); }
  71 .codeEditor .sk_toolbar .gotoline { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX///9BQUEVFRWysrREREQ4ODhVVVX7+/vu7u7q6uqcnJy+vr/m5ub19fXc3Nz///89lwBDAAAAB3RSTlMAAILOakNmMhUGwgAAAHtJREFUCNdjYIABQbE0EEhkEMx793r37tdmDILZu1fv3rVqEYNgfv3/u/X/vwEZu4/Xl5eXARnbd96trS1hcPNaWdd7924Jg+///7UdHR1XGIK01lSfnDmzhUFQY8W6N2fOABl+q/a8OXfmCYOg3jugwJlJDIJKEMCAAQCfIDck8YzyWAAAAABJRU5ErkJggg=="); }
  72 .codeEditor .sk_toolbar .fullscreen { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAABMTFFOTlBOTlCQ1uMHAAAAA3RSTlMAOcKBmOr4AAAAQUlEQVQI12P4/4D7P8N/B0Yo8XsC23+GZw+4pzM4TmBzYsAGgBKODNcecM9m+D+B7T3DPwfG/Qz/G5iABlzg+g8ANzMax/3kkQoAAAAASUVORK5CYII="); }
  73 .codeEditor.fullscreen .sk_toolbar .fullscreen { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAABNTVFOTlBOTlBLB/faAAAAA3RSTlMAOsPdsomtAAAAQElEQVQI12NIEWCRZNi5gTePIe8D/08G6Q/8Txj0P/B/YVj/gf8fAzawHyQhD1ICJvI/8O9k2FnAl8eQosAiCQCgixb13aKGIwAAAABJRU5ErkJggg=="); }
  74
  75 .codeEditor .lineCount, .codeEditor textarea {
  76         font-family: "Deja Vu Sans Mono", "Droid Sans Mono", "Courier New", Courier, monospace;
  77         font-size: 11pt;
  78         line-height: 11pt;
  79 }
  80
  81 .codeEditor .lineCount {
  82         position: absolute;
  83         top: 34px;
  84         left: 0;
  85         bottom: 22px;
  86         width: 46px;
  87         text-align: right;
  88         border-right: 2px solid #999;
  89         overflow: hidden;
  90 }
  91
  92 .codeEditor .lineCount i {
  93         display: block;
  94         padding-right: 2px;
  95         font-weight: normal;
  96 }
  97
  98 .codeEditor .lineCount b {
  99         display: block;
 100         padding-right: 2px;
 101         font-weight: normal;
 102 }
 103
 104 .codeEditor .lineCount b.current {
 105         background: #ccc;
 106 }
 107
 108 .codeEditor .container {
 109         position: absolute;
 110         right: 4px;
 111         top: 34px;
 112         bottom: 22px;
 113         left: 50px;
 114         margin: 0;
 115         padding: 0;
 116 }
 117
 118 .codeEditor textarea {
 119         height: 100%;
 120         width: 100%;
 121         padding: 0 0 0 2px;
 122         margin: 0;
 123         background: transparent;
 124         border: none;
 125         overflow: auto;
 126         resize: none;
 127 }
 128
 129 .codeEditor.fullscreen {
 130         position: fixed;
 131         top: 0;
 132         left: 0;
 133         right: 0;
 134         bottom: 0;
 135         width: 100%;
 136         height: 100%;
 137 }