1 2#dirtylittlehelper_overlay { 3 display:none; 4 height:350px; 5 width: 325px; 6 background-color:#fff; 7 position:relative; 8 top: 0px; 9 left:0px; 10 z-index:15; 11 overflow: auto; 12 border: 1px solid black; 13 font-size:11pt; 14 padding: 6px; 15 resize: both; 16 } 17 18 19#dirtylittlehelper_overlay div.inside, 20#dirtylittlehelper_overlay div.close{ 21 background-color: #eee; 22 font-size: 10pt; 23 text-align: right; 24 padding-right: 6px; 25} 26 27#dirtylittlehelper_overlay div.inside { 28 padding-right: 0px; 29 width: 95%; 30 margin: auto; 31 position: absolute; 32 bottom: 0; 33} 34#dirtylittlehelper_overlay div.dirtylittlehelper_ovl_insert { 35 padding: 4px; 36} 37#dirtylittlehelper_overlay div.close a { 38 padding-left: 4px; 39 } 40 41 42 43 44 45 46/* THE ADMIN MENU AT THE TOP */ 47 48#dlh_top0 { 49 position: fixed; 50 top: 0px; 51 left: 0px; 52 right: 0px; 53 width: 100%; 54 height: 30px; 55 background-color: #EEE; 56 border-bottom: 1px solid #DDD; 57 padding-left: 20px; 58 padding-right: 20px; 59 padding-top: 5px; 60 text-align: center; 61 z-index: 9999; 62 font-size: 11px; 63 /* overflow: hidden; */ 64} 65 66#dlh_top_helper_a{ width:40px;margin-right:10px;display:inline-block;} 67#dlh_top_helper_b{ display:none; width:600px;border:1px solid red;position: relative; margin-top: -15px; background-color: #FFF;} 68#dlh_top_helper_b input{width:550px;display:inline;} 69#dlh_top_helper_a:hover #dlh_top_helper_b{ display: table; } 70 71 72 73#dlh_top_struct_a { display:inline; } 74#dlh_top_struct_b { display:none; } 75#dlh_top_struct_c { display:none; } 76 77#dlh_top_struct_b button , 78#dlh_top_struct_b div , 79#dlh_top_struct_b span , 80#dlh_top_struct_b input 81{ display:inline; } 82 83#dlh_top_pagesuggest { display:inline; } 84 85#dlh_top_dlhid { display:inline; } 86 87 88.dlh_top_menu { display: inline; } 89.dlh_top_menu_dropdown_admin { width: 100px; display:inline-block; } 90.dlh_top_menu_dropdown_admin:hover .dlh_top_menu_dropbtn_admin { background-color: #000000;} 91.dlh_top_menu_dropdown_admin:hover .dlh_top_menu_dropdown_content_admin { display: block;} 92 93.dlh_top_menu_dropbtn_admin { color: black; } 94 95.dlh_top_menu_dropdown_content_admin { position:relative; display: none; background-color: #f1f1f1; width: 500px; z-index: 999; margin-left: -200px; margin-top: -20px;} 96.dlh_top_menu_dropdown_content_admin a { color: black; padding: 6px 8px; border: 1px solid #CCCCCC; display: flex; text-decoration: none; font-size:12px; text-align: left; } 97.dlh_top_menu_dropdown_content_admin a:hover { background-color: #474747; color:#FFFFFF; text-decoration: none;} 98.dlh_top_menu_dropdown_content_admin a svg { width:16px; height:16px; margin-right:4px; } 99.dlh_top_menu_dropdown_content_admin table { width: 500px; } 100.dlh_top_menu_dropdown_content_admin table td { width: 50%; } 101 102 103#dlh_top_menu_page { display: inline; } 104#dlh_top_menu_page p { display: inline; } 105#dlh_top_all { display: inline; } 106#dlh_top_all div.field { display: inline; } 107.dlh_top_struct { display: none; } 108 109 110 111/* HACK THE WIKI STYLE */ 112 113/* no footer */ 114 115 #dokuwiki__footer { 116 display: none; 117 } 118 119/* buttons not so white */ 120 button{ 121 background-color:rgba(222, 222, 222, 0.3) !important; 122 /* background-image: none !important; */ 123 } 124 125/* the page content is horizontal scrollabale */ 126 .page { 127 overflow-x: auto !important; 128 } 129 130 131/* docInfo brighter */ 132 .dokuwiki .docInfo{ 133 color: #AAAAAA; 134 } 135 136/* preview gets a border etc */ 137 .preview{ 138 border: 1px solid #777777 !important; 139 max-width: 900px; 140 resize: both; 141 overflow: auto; 142 } 143 144/* top bar no margin-bottom */ 145 #dokuwiki__header .tools { 146 margin-bottom: 0px !important; 147 } 148 149 150 151 152/* DIRTY LITTLE HELPER STYLE IN THE EDITOR */ 153 154 .dlh_button_32_32 { 155 width:32px !important; 156 height:32px !important; 157 padding: 0 !important; 158 background-color:white !important; 159 color: green !important; 160 font-weight: bold !important; 161 display: inline !important; 162 margin-left: 1px !important; 163 margin-right: 1px !important; 164 } 165 166 167 .dlh_button_36_32 { 168 width:36px !important; 169 height:32px !important; 170 padding: 0 !important; 171 background-color:white !important; 172 color: green !important; 173 font-weight: bold !important; 174 display: inline !important; 175 margin-left: 1px !important; 176 margin-right: 1px !important; 177 } 178 179 180 #dlh_edit_tb_dlhid{ 181 width: 100px; 182 font-size: 16px; 183 height: 32px; 184 } 185 186 187 .dlh_edit_tb_select{ 188 width: 220px; 189 margin-right: 10px; 190 font-size: 16px; 191 height: 32px; 192 } 193 194 195 div.dlh_sep{ 196 display: inline; 197 margin-left: 2px; 198 margin-right: 2px; 199 width: 1px; 200 border-right:2px solid #FF9900; 201 } 202 203 204 205/* THE SIDEBAR */ 206 207 /* sidebar div */ 208 .dlh_ontheleft{ 209 /* margin-left: 12px;*/ 210 overflow-x: auto; 211 overflow-y: hidden; 212 } 213 214 .dlh_ontheleft ::-webkit-scrollbar{ 215 width:5px; 216 } 217 218 .dlh_ontheleft #sb__index__tree{ 219 margin-left: 6px; 220 } 221 222 223 /* the tree entries more to the left */ 224 .dlh_ontheleft ul.idx * { 225 margin-left: 1px; 226 white-space: nowrap; 227 text-transform: uppercase; 228 font-size: 12.5px; 229 font-family: monospace; 230 } 231 232 .dlh_left_button_sb_toggle{ 233 width: 10px; 234 height: 10px; 235 border: 5px solid #E0E0E0; 236 position: absolute; 237 top: -10px; 238 padding: 0px; 239 overflow: hidden; 240 } 241 242 243 244/* MERMAID */ 245.mermaid svg { 246 width: 100%; 247} 248 249 250/* ONE TREE ONLY */ 251.dlh_one_tree_only{ 252 color: red; 253 border: 1px solid red; 254 display: inline; 255 padding: 5px; 256} 257 258/* autocomplete on top */ 259.ui-autocomplete{ z-index: 99999 !important; } 260 261.textcomplete-dropdown{ z-index: 999999 !important; } 262 263/* search info wider */ 264.dokuwiki form.search div.ajax_qsearch{ 265 left: -21.5em; 266 width: 20em; 267} 268 269 270