www

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | Submodules | README | LICENSE

note-ui.css (2992B)

      1 html, body {
      2 	height: 100%;
      3 	margin: 0;
      4 }
      5 
      6 /* Stretch editor to fit frame */
      7 #tinymce_ifr, .mce-tinymce:not(.mce-floatpanel) {
      8 	height: 100% !important;
      9 	border: 0 !important;
     10 }
     11 
     12 .mce-container-body {
     13     position: absolute;
     14     bottom: 0;
     15     left: 0;
     16     right: 0;
     17 }
     18 
     19 .mce-container-body .mce-edit-area {
     20     position: absolute;
     21     top: 57px;
     22     bottom: 1px;
     23     left: 0;
     24     right: 0;
     25 }
     26 
     27 /* Adjustments for read-only mode */
     28 .mce-container.readonly .mce-container-body .mce-edit-area {
     29 	top: 0;
     30 }
     31 
     32 .mce-container.readonly .mce-panel {
     33 	border: 0;
     34 }
     35 
     36 /* Shrink the buttons a bit */
     37 .mce-btn-small button {
     38 	padding-left: 3px !important;
     39 	padding-right: 3px !important;
     40 }
     41 
     42 .mce-listbox button {
     43 	padding-right: 12px !important;
     44 }
     45 
     46 /* Tighten some padding */
     47 .mce-toolbar:first-child > div > :nth-child(3) {
     48 	margin-left: 0;
     49 }
     50 
     51 .mce-toolbar:last-child > div > :nth-child(2) {
     52 	margin-left: 0;
     53 }
     54 
     55 /*
     56  * Keep popups within frame
     57  *
     58  * Modified from http://stackoverflow.com/a/34627616
     59  */
     60 #mce-modal-block {
     61 }
     62 
     63 .mce-window {
     64 	width: auto !important;
     65 	background: none !important;
     66 }
     67 
     68 /* This is unfortunate, but without it the Search/Replace window runs off the left side when the
     69    pane is too narrow */
     70 .mce-window:not([role=alertdialog]) {
     71 	left: 0 !important;
     72 }
     73 
     74 .mce-window-head {
     75 	background: #fff !important;
     76 }
     77 
     78 .mce-window-body {
     79 	background: #fff !important;
     80 }
     81 
     82 .mce-foot {
     83 }
     84 
     85 .mce-foot > .mce-container-body {
     86 	padding: 10px !important;
     87 }
     88 
     89 .mce-foot button {
     90 }
     91 
     92 .mce-panel {
     93 	max-width: 100% !important;
     94 }
     95 
     96 .mce-container {
     97 	max-width: 100% !important;
     98 	height: auto !important;
     99 }
    100 
    101 .mce-container-body {
    102 	max-width: 100% !important;
    103 	height: auto !important;
    104 }
    105 
    106 .mce-form {
    107 	padding: 10px !important;
    108 }
    109 
    110 .mce-tabs {
    111 	max-width: 100% !important;
    112 }
    113 
    114 .mce-tabs .mce-tab, .mce-tabs .mce-tab.mce-active {
    115 }
    116 
    117 .mce-formitem {
    118 	margin: 10px 0 !important;
    119 }
    120 
    121 /* Keep button sizes consistent */
    122 .mce-window .mce-menubtn {
    123 	min-width: 150px
    124 }
    125 
    126 .mce-foot .mce-primary {
    127 
    128 }
    129 
    130 /* Space out buttons */
    131 .mce-foot .mce-btn {
    132   margin-right: 6px;
    133 	margin-top: 5px;
    134 	min-width: 75px !important;;
    135 }
    136 
    137 /* Correct for margin on buttons */
    138 .mce-foot .mce-container-body {
    139 	margin-top: -5px;
    140 }
    141 
    142 /* Space out alerts (e.g., string not found in search) */
    143 .mce-floatpanel[role=alertdialog] .mce-window-body .mce-first {
    144 	padding: 20px 40px 0;
    145 }
    146 
    147 .mce-abs-layout-item {
    148 	position: static !important;
    149 	width: auto !important;
    150 }
    151 
    152 .mce-abs-layout-item.mce-label {
    153 	display: block !important;
    154 }
    155 
    156 .mce-abs-layout-item.mce-textbox {
    157 	box-sizing: border-box !important;
    158 	display: block !important;
    159 	width: 100% !important;
    160 }
    161 
    162 .mce-abs-layout-item.mce-combobox {
    163 	display: flex !important;
    164 }
    165 
    166 .mce-abs-layout-item.mce-combobox > .mce-textbox {
    167 	flex: 1 1 auto;
    168 	height: 29px !important;
    169 }
    170 
    171 .mce-top-part::before {
    172 	box-shadow: none !important;
    173 }
    174 
    175 /* Fix 100% width of link toolbar */
    176 div.mce-tinymce-inline {
    177 	width: initial !important;
    178 }
    179 
    180 #noScriptWarning {
    181 	padding: 4px;
    182 	font-family: sans-serif;
    183 	font-size: 12px;
    184 }