diff --git a/resources/styles.css b/resources/styles.css
index 78b41fe..c1963e5 100644
--- a/resources/styles.css
+++ b/resources/styles.css
@@ -33,99 +33,99 @@ h1 {
margin:0 auto;
}
.editor-wrapper {
- position: relative;
- width: 100%;
- background-color: #fff1e5;
- border: 1px solid #ccc;
- border-radius: 4px;
- overflow: hidden;
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
+ position:relative;
+ width:100%;
+ background-color:#fff1e5;
+ border:1px solid #ccc;
+ border-radius:4px;
+ overflow:hidden;
+ transition:border-color 0.2s ease, box-shadow 0.2s ease;
}
.editor-wrapper:focus-within {
- border-color: #aaa;
- box-shadow: 0 0 4px rgba(0,0,0,0.05);
+ border-color:#aaa;
+ box-shadow:0 0 4px rgba(0,0,0,0.05);
}
#spellCanvas {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- z-index: 1;
- display: block;
+ position:absolute;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ pointer-events:none;
+ z-index:1;
+ display:block;
}
#editor {
- position: relative;
- z-index: 2;
- background: transparent;
- font-family: Arial, sans-serif;
- font-size: 16px;
- line-height: 1.4;
- padding: 16px;
- border: none;
- outline: none;
- height: 700px;
- overflow-y: auto;
- color: #222;
- caret-color: #0f8e99;
- word-wrap: break-word;
- white-space: pre-wrap;
- overflow-wrap: break-word;
- -webkit-font-smoothing: antialiased;
+ position:relative;
+ z-index:2;
+ background:transparent;
+ font-family:Arial, sans-serif;
+ font-size:16px;
+ line-height:1.4;
+ padding:16px;
+ border:none;
+ outline:none;
+ height:700px;
+ overflow-y:auto;
+ color:#141414;
+ caret-color:#0f8e99;
+ word-wrap:break-word;
+ white-space:pre-wrap;
+ overflow-wrap:break-word;
+ -webkit-font-smoothing:antialiased;
}
#editor:empty::before {
- content: attr(data-placeholder);
- color: #aaa;
- pointer-events: none;
+ content:attr(data-placeholder);
+ color:#aaa;
+ pointer-events:none;
}
#spellMenu {
- display: none;
- position: fixed;
- z-index: 9999;
- background: #ffffff;
- border: 1px solid #d0c8c0;
- border-radius: 5px;
- box-shadow: 0 4px 16px rgba(0,0,0,0.15);
- min-width: 180px;
- max-width: 260px;
- padding: 4px 0;
- font-family: Arial, sans-serif;
- font-size: 14px;
+ display:none;
+ position:fixed;
+ z-index:9999;
+ background:#ffffff;
+ border:1px solid #d0c8c0;
+ border-radius:5px;
+ box-shadow:0 4px 16px rgba(0,0,0,0.15);
+ min-width:180px;
+ max-width:260px;
+ padding:4px 0;
+ font-family:Arial, sans-serif;
+ font-size:14px;
}
#spellMenu.visible {
- display: block;
+ display:block;
}
.spell-menu-item {
- padding: 7px 14px;
- cursor: pointer;
- color: #222;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- user-select: none;
+ padding:7px 14px;
+ cursor:pointer;
+ color:#222;
+ white-space:nowrap;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ user-select:none;
}
.spell-menu-item:hover,
.spell-menu-item:focus {
- background: #f0e8df;
- outline: none;
+ background:#f0e8df;
+ outline:none;
}
.spell-menu-no-suggestions {
- padding: 7px 14px;
- color: #999;
- font-style: italic;
- user-select: none;
+ padding:7px 14px;
+ color:#999;
+ font-style:italic;
+ user-select:none;
}
.spell-menu-sep {
- border-top: 1px solid #e0d8d0;
- margin: 4px 0;
+ border-top:1px solid #e0d8d0;
+ margin:4px 0;
}
.spell-menu-add {
- color: #0f8e99;
+ color:#0f8e99;
}
.spell-menu-add:hover,
.spell-menu-add:focus {
- background: #e8f6f7;
+ background:#e8f6f7;
}
.link-btn {
background:none;
@@ -252,3 +252,33 @@ h1 {
.small-link-btn:hover {
color:#0a6b75;
}
+
+ /* General context menu */
+ #contextMenu {
+ display:none;
+ position:fixed;
+ z-index:9999;
+ background:#ffffff;
+ border:1px solid #d0c8c0;
+ border-radius:5px;
+ box-shadow:0 4px 16px rgba(0,0,0,0.15);
+ min-width:140px;
+ padding:4px 0;
+ font-family:Arial, sans-serif;
+ font-size:14px;
+ }
+ #contextMenu.visible {
+ display:block;
+ }
+ .context-menu-item {
+ padding:7px 14px;
+ cursor:pointer;
+ color:#222;
+ white-space:nowrap;
+ user-select:none;
+ }
+ .context-menu-item:hover,
+ .context-menu-item:focus {
+ background:#f0e8df;
+ outline:none;
+ }