1/** 2 * DokuWiki Plugin dokullm - CSS Styles 3 * 4 * This file contains all the CSS styles for the LLM integration plugin. 5 * It defines the styling for toolbar buttons, modal dialogs, and other 6 * UI elements used in the plugin's interface. 7 */ 8 9.dokuwiki div.toolbar button.toolbutton { 10 background-color: var(--background_alt, #eee); 11} 12 13#llm-toolbar { 14 margin-bottom: 0.5em; 15} 16 17.llm-custom-prompt { 18 margin-bottom: 0.5em; 19 display: flex; 20 align-items: center; 21} 22 23.llm-prompt-input { 24 flex: 1; 25 margin-right: 5px; 26 padding: 5px; 27 border: 1px solid #ccc; 28 border-radius: 3px; 29} 30 31.llm-modal { 32 position: fixed; 33 top: 0; 34 left: 0; 35 width: 100%; 36 height: 100%; 37 background-color: rgba(0, 0, 0, 0.5); 38 z-index: 10000; 39 display: flex; 40 justify-content: center; 41 align-items: center; 42} 43 44.llm-modal-content { 45 background: var(--background_site, #fff); 46 color: var(--text_neu, #000); 47 word-wrap: break-word; 48 padding: 20px; 49 border-radius: 5px; 50 max-width: 80%; 51 max-height: 80%; 52 overflow: auto; 53 position: relative; 54} 55 56.llm-modal-close { 57 position: absolute; 58 top: 10px; 59 right: 10px; 60 background: var(--background_neu,#eee); 61 color: var(--text, #000); 62 border: 1px solid var(--border, #333); 63 padding: 5px 10px; 64 border-radius: 3px; 65 cursor: pointer; 66 z-index: 1001; 67} 68 69.llm-modal-append { 70 position: absolute; 71 top: 10px; 72 right: 80px; 73 background: var(--background_neu,#eee); 74 color: var(--text, #000); 75 border: 1px solid var(--border, #333); 76 padding: 5px 10px; 77 border-radius: 3px; 78 cursor: pointer; 79 z-index: 1001; 80} 81