annotate src/bbcode/bbcode.css @ 53:cac477dd1f82

convert image and video urls
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 24 Nov 2022 22:54:43 -0700
parents 9f8ebc757814
children 8b5b1bce7d6b
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
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
15 div[bbcode_editor] button:hover {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
16 cursor: pointer;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
17 }
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
18
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
19 div[bbcode_editor] div[buttons] {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
20 display: flex;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
21 justify-content: flex-end;
52
9f8ebc757814 add convert urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 51
diff changeset
22 gap: 4px;
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
23 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
24 div[bbcode_editor] button {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
25 border: 0;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
26 background-color: transparent;
47
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
27 border-radius: 4px;
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
28 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
29 div[bbcode_editor] button:hover {
47
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
30 background-color: lightgrey;
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
31 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
32 div[bbcode_editor] button[checked] {
47
7ef9222474e2 add more button
Franklin Schmidt <fschmidt@gmail.com>
parents: 45
diff changeset
33 background-color: lightblue;
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
34 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
35 div[bbcode_editor] button:disabled {
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
36 cursor: not-allowed;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
37 background-color: initial;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
38 opacity: 0.3;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
39 }
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
40 div[bbcode_editor] div[buttons] img {
45
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
41 height: 24px;
2d4f00755092 bcode editor work
Franklin Schmidt <fschmidt@gmail.com>
parents: 44
diff changeset
42 }
51
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
43 div[bbcode_editor] div[preview] {
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
44 display: none;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
45 border: solid #888888;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
46 padding: 7px;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
47 margin-bottom: 4px;
78b2d6995244 add preview
Franklin Schmidt <fschmidt@gmail.com>
parents: 50
diff changeset
48 }
49
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
49
50
Franklin Schmidt <fschmidt@gmail.com>
parents: 49
diff changeset
50
49
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
51 div[from_bbcode] {
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
52 white-space: pre-wrap;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
53 line-height: 1.4;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
54 }
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
55 div[from_bbcode] code {
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
56 display: block;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
57 background-color: #EEE;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
58 padding: 7px;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
59 }
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
60 div[from_bbcode] code[inline] {
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
61 display: initial;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
62 padding: 1px;
f225e82b2bf8 add code bbcode
Franklin Schmidt <fschmidt@gmail.com>
parents: 47
diff changeset
63 }
53
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
64 div[from_bbcode] img {
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
65 max-width: 100%;
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
66 }
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
67 div[from_bbcode] iframe {
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
68 max-width: 100%;
cac477dd1f82 convert image and video urls
Franklin Schmidt <fschmidt@gmail.com>
parents: 52
diff changeset
69 }