Begin implementing codeblocks feature

1 files changed, 32 insertions, 0 deletions

diff --git a/main/data/style.css b/main/data/style.css
index 1700a624..fc5915fb 100644
--- a/main/data/style.css
+++ b/main/data/style.css
@@ -120,6 +120,38 @@ window.dino-main .dino-quote:hover {
     background: alpha(@theme_fg_color, 0.08);
 }
 
+window.dino-main .code-block {
+    background: alpha(@theme_fg_color, 0.06);
+    border: 1px solid alpha(@theme_fg_color, 0.12);
+    border-radius: 8px;
+}
+
+window.dino-main .code-block-header {
+    background: alpha(@theme_fg_color, 0.06);
+    border-bottom: 1px solid alpha(@theme_fg_color, 0.1);
+    padding: 4px 6px 4px 12px;
+}
+
+window.dino-main .code-block-language {
+    font-weight: bold;
+}
+
+window.dino-main .code-block-meta {
+    color: alpha(@theme_fg_color, 0.65);
+    font-size: 0.85em;
+}
+
+window.dino-main .code-block-download {
+    min-height: 24px;
+    min-width: 24px;
+    padding: 0;
+}
+
+window.dino-main .code-block-content {
+    font-family: monospace;
+    padding: 10px 12px 12px;
+}
+
 picture.avatar {
     border-radius: 3px;
 }