| 3122 | // Returns a string to be used inline as a css <style> element in the console window. |
| 3123 | // Apologies for length, but hiding it here at the end to keep it away from rest of the code. |
| 3124 | var cssStyleStr = function() { |
| 3125 | return `<style> |
| 3126 | #impressconsole body { |
| 3127 | background-color: rgb(255, 255, 255); |
| 3128 | padding: 0; |
| 3129 | margin: 0; |
| 3130 | font-family: verdana, arial, sans-serif; |
| 3131 | font-size: 2vw; |
| 3132 | } |
| 3133 | |
| 3134 | #impressconsole div#console { |
| 3135 | position: absolute; |
| 3136 | top: 0.5vw; |
| 3137 | left: 0.5vw; |
| 3138 | right: 0.5vw; |
| 3139 | bottom: 3vw; |
| 3140 | margin: 0; |
| 3141 | } |
| 3142 | |
| 3143 | #impressconsole div#views, #impressconsole div#notes { |
| 3144 | position: absolute; |
| 3145 | top: 0; |
| 3146 | bottom: 0; |
| 3147 | } |
| 3148 | |
| 3149 | #impressconsole div#views { |
| 3150 | left: 0; |
| 3151 | right: 50vw; |
| 3152 | overflow: hidden; |
| 3153 | } |
| 3154 | |
| 3155 | #impressconsole div#blocker { |
| 3156 | position: absolute; |
| 3157 | right: 0; |
| 3158 | bottom: 0; |
| 3159 | } |
| 3160 | |
| 3161 | #impressconsole div#notes { |
| 3162 | left: 50vw; |
| 3163 | right: 0; |
| 3164 | overflow-x: hidden; |
| 3165 | overflow-y: auto; |
| 3166 | padding: 0.3ex; |
| 3167 | background-color: rgb(255, 255, 255); |
| 3168 | border: solid 1px rgb(120, 120, 120); |
| 3169 | } |
| 3170 | |
| 3171 | #impressconsole div#notes .noNotes { |
| 3172 | color: rgb(200, 200, 200); |
| 3173 | } |
| 3174 | |
| 3175 | #impressconsole div#notes p { |
| 3176 | margin-top: 0; |
| 3177 | } |
| 3178 | |
| 3179 | #impressconsole iframe { |
| 3180 | position: absolute; |
| 3181 | margin: 0; |