openjscad-aurora-webapp
/
openjscad.css
111 строк · 2.2 Кб
1/* openjscad.css, originally written by Joost Nieuwenhuijse
2* few changes made by Rene K. Mueller for OpenSCAD.org
3*/
4
5#filedropzone {6border: 2px dashed #bbb;7-moz-border-radius: 5px;8-webkit-border-radius: 5px;9border-radius: 5px;10
11padding: 15px;12color: black;13width: 100%;14background: #fff;15margin-top: 0.5em;16}
17
18#filedropzone_empty {19text-align: center;20color: #888;21}
22
23#filedropzone_filled {24color: black;25display: none;26}
27
28#filebuttons {29/* float: right; */30margin-left: 2em;31display: inline;32}
33
34canvas {35cursor: move;36}
37
38.downloadOutputFileLink {39padding: 2px;40padding-left: 8px;41padding-right: 8px;42border: 1px solid black;43
44border-radius: 4px; /* css mess */45-webkit-border-radius: 4px;46-moz-border-radius: 4px;47
48background: #d8f;49background: -webkit-gradient(linear, left top, left bottom, from(#eaf), to(#c6f));50background: -moz-linear-gradient(top, #eaf, #c6f);51
52text-decoration: none;53color: black;54font-size: 0.9em;55font-weight: bold;56box-shadow: 0px 0px 8px black;57}
58
59#parametersdiv {60/* display: inline-block; ineffective since we do control in openjscad.js */61position: absolute;62
63bottom: 9em; /* draggable via jQuery cannot move bottom: align, stick at the bottom (bug!!) */64left: 1em;65/* top: 2em; if draggable, but must be left/top oriented, cannot be aligned bottom which looks nicer66left: 16em;
67*/
68
69z-index: 4;70border: 1px solid rgb(200,200,200);71
72border-radius: 5px;73-moz-border-radius: 5px; /* css mess */74-webkit-border-radius: 5px;75
76padding: 10px;77background: #fff; /* rgba(255,255,255,0.7); */78opacity: 0.8;79
80/* box-shadow: 0px 0px 15px black; no shadow, it would indicate moveable/dragable */81
82/* cursor: move; moveable now */83}
84#parametersdiv td {85font-size: 0.8em;86}
87#parametersdiv input, #parametersdiv textarea, #parametersdiv select {88font-size: 0.9em;89background: #fea;90border: none;91}
92
93#parametersdiv .parameterheader {94font-weight: bold;95font-size: 0.9em;96}
97
98#parametersdiv .caption {99text-align: right;100}
101
102#instantUpdate {103margin-left: 1em;104}
105
106#instantUpdateLabel {107font-size: 0.9em;108}
109
110.statusdiv {111}
112