Mercurial > hg-public > scubatools / file comparison
comparison: stlviewer.css
stlviewer.css
- changeset 17
- dee15870206a
- parent 13
- 39fb313ba27c
- child 18
- ff1941c85fd3
equal
deleted
inserted
replaced
| 16:800e8da193a7 | 17:dee15870206a |
|---|---|
| 1 body { | 1 body { |
| 2 font-family: Monospace; | 2 font-family: Monospace; |
| 3 background-color: #000000; | 3 background-color: #000000; |
| 4 margin: 0px; | 4 margin: 0px; |
| 5 overflow: hidden; | 5 overflow: hidden; |
| 6 } | 6 font-size: 10pt; |
| 7 } | |
| 7 | 8 |
| 8 #info { | 9 h2 { |
| 9 color: #fff; | 10 font-size: 12pt; |
| 10 position: absolute; | 11 } |
| 11 top: 10px; | |
| 12 width: 100%; | |
| 13 text-align: center; | |
| 14 z-index: 100; | |
| 15 display:block; | |
| 16 | 12 |
| 17 } | 13 #info { |
| 14 color: #fff; | |
| 15 position: absolute; | |
| 16 top: 10px; | |
| 17 width: 100%; | |
| 18 text-align: center; | |
| 19 z-index: 100; | |
| 20 display:block; | |
| 18 | 21 |
| 19 a { color: skyblue } | 22 } |
| 20 .button { background:#999; color:#eee; padding:0.2em 0.5em; cursor:pointer } | |
| 21 .highlight { background:orange; color:#fff; } | |
| 22 | 23 |
| 23 span { | 24 a { color: skyblue } |
| 24 display: inline-block; | 25 .button { background:#999; color:#eee; padding:0.2em 0.5em; cursor:pointer } |
| 25 width: 60px; | 26 .highlight { background:orange; color:#fff; } |
| 26 float: left; | 27 |
| 27 text-align: center; | 28 span { |
| 28 } | 29 display: inline-block; |
| 30 width: 60px; | |
| 31 float: left; | |
| 32 text-align: center; | |
| 33 } | |
| 29 | 34 |
| 30 | 35 |
| 31 #sortable1, #sortable2 { | 36 #sortable1, #sortable2 { |
| 32 border: 1px solid #eee; | 37 border: 1px solid #eee; |
| 33 width: 142px; | 38 width: 142px; |
| 34 /*min-height: 20px;*/ | 39 /*min-height: 20px;*/ |
| 35 list-style-type: none; | 40 list-style-type: none; |
| 36 margin: 0; | 41 margin: 0; |
| 37 padding: 5px 0 0 0; | 42 padding: 5px 0 0 0; |
| 38 float: left; | 43 float: left; |
| 39 margin-right: 10px; | 44 margin-right: 10px; |
| 40 } | 45 } |
| 41 #sortable1 li, #sortable2 li { | 46 #sortable1 li, #sortable2 li { |
| 42 margin: 0 5px 5px 5px; | 47 margin: 0 5px 5px 5px; |
| 43 padding: 5px; | 48 padding: 5px; |
| 44 font-size: 1.2em; | 49 font-size: 1.2em; |
| 45 width: 120px; | 50 width: 120px; |
| 46 background: rgba(0,0,0,0.5); | 51 background: rgba(0,0,0,0.5); |
| 47 } | 52 } |
| 48 | 53 |
| 49 .listcontainer { | 54 .listcontainer { |
| 50 width: 157px; | 55 width: 157px; |
| 51 height: 500px; | 56 height: 500px; |
| 52 overflow-y: auto; | 57 overflow-y: auto; |
| 60 cursor: pointer; | 65 cursor: pointer; |
| 61 } | 66 } |
| 62 .listcontainer span { | 67 .listcontainer span { |
| 63 | 68 |
| 64 } | 69 } |
| 70 | |
| 71 #infocontainer { | |
| 72 width: 300px; | |
| 73 padding-left: 10px; | |
| 74 padding-bottom: 10px; | |
| 75 overflow-y: auto; | |
| 76 overflow-x: auto; | |
| 77 float: right; | |
| 78 border: 1px solid #eee; | |
| 79 color: #fff; | |
| 80 background: rgba(0,0,0,0.5); | |
| 81 text-align: left; | |
| 82 } | |
| 83 #infocontainer ul { | |
| 84 margin-left: 0; | |
| 85 padding: 0; | |
| 86 list-style-position: inside; | |
| 87 } |
