Mercurial > repos > tabletprog
annotate editor.css @ 12:6e4851a204a5
Add ability to load code into editor
author | Mike Pavone <pavone@retrodev.com> |
---|---|
date | Wed, 21 Mar 2012 23:13:51 -0700 |
parents | 3d1b8e96f5dc |
children | e69f5ab0a453 |
rev | line source |
---|---|
0 | 1 |
2 body, html | |
3 { | |
4 width: 100%; | |
5 height: 100%; | |
6 margin: 0; | |
7 } | |
8 | |
9 body > div | |
10 { | |
11 margin: 0; | |
12 } | |
13 | |
14 .controls | |
15 { | |
16 width: 15%; | |
17 height: 100%; | |
18 display: inline-block; | |
19 padding: 0; | |
20 margin: 0; | |
21 vertical-align: top; | |
22 } | |
23 | |
24 #src | |
25 { | |
26 width: 70%; | |
27 display: inline-block; | |
28 padding: 0; | |
29 margin: 0; | |
12
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
30 white-space: pre; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
31 font-family: monospace; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
32 overflow: auto; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
33 height: 100%; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
34 } |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
35 |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
36 #editor |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
37 { |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
38 display: none; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
39 height: 100%; |
0 | 40 } |
41 | |
12
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
42 body.editorMode > #editor |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
43 { |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
44 display: block; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
45 } |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
46 |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
47 body.editorMode > #browser |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
48 { |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
49 display: none; |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
50 } |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
51 |
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
52 #editor ul |
0 | 53 { |
54 border-style: solid; | |
55 border-color: black; | |
56 border-width: 1px; | |
57 display: block; | |
58 padding: 2px; | |
59 box-sizing: border-box; | |
60 -moz-box-sizing: border-box; | |
61 -webkit-box-sizing: border-box; | |
62 height: 50%; | |
63 margin: 0; | |
64 overflow: auto; | |
65 } | |
66 | |
12
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
67 #editor ul:first-child |
0 | 68 { |
69 border-bottom-width: 0px; | |
70 } | |
71 | |
12
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
72 #editor #operators, #editor .showops > #builtin |
0 | 73 { |
74 display: none; | |
75 } | |
76 | |
12
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
77 #editor .showops > #operators |
0 | 78 { |
79 display: block; | |
80 } | |
81 | |
12
6e4851a204a5
Add ability to load code into editor
Mike Pavone <pavone@retrodev.com>
parents:
0
diff
changeset
|
82 #editor li |
0 | 83 { |
84 display: inline-block; | |
85 border-style: solid; | |
86 border-color: lightgrey; | |
87 border-width: 1px; | |
88 padding: 2px; | |
89 margin: 4px; | |
90 min-width: 9mm; | |
91 min-height: 9mm; | |
92 cursor: pointer; | |
93 } | |
94 | |
95 |