annotate src/bbcode/bbcode.css @ 61:389e5d8e5f8a default tip

minor
author Franklin Schmidt <fschmidt@gmail.com>
date Tue, 06 Dec 2022 13:37:25 -0700
parents 8b5b1bce7d6b
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
1 div[bbcode_editor] * {
44
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
2 box-sizing: border-box;
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
3 }
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
4 div[bbcode_editor] textarea {
44
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
5 font: inherit;
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
6 padding: 7px;
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
7 border-color: #DDDDDD;
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
8 width: 100%;
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
9 }
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
10
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
11 div[bbcode_editor] input[type="file"] {
44
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
12 display: none;
96f0c3d65698 add /bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
13 }
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
14
60
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
15 div[bbcode_editor] input[type="checkbox"],
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
16 div[bbcode_editor] button {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
17 cursor: pointer;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
18 }
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
19
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
20 div[bbcode_editor] div[buttons] {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
21 display: flex;
60
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
22 gap: 4px;
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
23 align-items: center;
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
24 }
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
25 div[bbcode_editor] div[buttons="top"] {
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
26 margin-bottom: 2px;
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
27 }
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
28 div[bbcode_editor] div[buttons="bottom"] {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
29 justify-content: flex-end;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
30 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
31 div[bbcode_editor] button {
60
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
32 padding-top: 2px;
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
33 }
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
34 div[bbcode_editor] button:has(img) {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
35 border: 0;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
36 background-color: transparent;
47
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
37 border-radius: 4px;
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
38 }
60
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
39 div[bbcode_editor] button input[type="checkbox"] {
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
40 margin: 0;
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
41 }
8b5b1bce7d6b bcode menus
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
42 div[bbcode_editor] button:has(img):hover {
47
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
43 background-color: lightgrey;
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
44 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
45 div[bbcode_editor] button[checked] {
47
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
46 background-color: lightblue;
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
47 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
48 div[bbcode_editor] button:disabled {
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
49 cursor: not-allowed;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
50 background-color: initial;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
51 opacity: 0.3;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
52 }
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
53 div[bbcode_editor] div[buttons] img {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
54 height: 24px;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
55 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
56 div[bbcode_editor] div[preview] {
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
57 display: none;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
58 border: solid #888888;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
59 padding: 7px;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
60 margin-bottom: 4px;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
61 }
49
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
62
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
63
49
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
64 div[from_bbcode] {
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
65 white-space: pre-wrap;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
66 line-height: 1.4;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
67 }
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
68 div[from_bbcode] code {
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
69 display: block;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
70 background-color: #EEE;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
71 padding: 7px;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
72 }
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
73 div[from_bbcode] code[inline] {
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
74 display: initial;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
75 padding: 1px;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
76 }
53
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
77 div[from_bbcode] img {
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
78 max-width: 100%;
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
79 }
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
80 div[from_bbcode] iframe {
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
81 max-width: 100%;
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
82 }