1
/* Cobweb CSS StyleSheet */
5
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
6
@import url(spinner.css);
11
display: inline-block;
19
X3DCanvas.cobweb-fullscreen {
20
width: 100% !important;
21
height: 100% !important;
24
X3DCanvas > *:not(.cobweb-fallback) {
29
font-family: monospace;
33
X3DCanvas .cobweb-browser {
46
X3DCanvas .cobweb-surface {
64
X3DCanvas .cobweb-notification {
66
padding: 2px 5px 5px 5px;
70
background: rgba(0,0,0,0.61803);
71
background: -moz-linear-gradient(top, rgba(50,50,50,0.61803) 0%, rgba(0,0,0,0.61803) 100%); /* FF3.6-15 */
72
background: -webkit-linear-gradient(top, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); /* Chrome10-25,Safari5.1-6 */
73
background: linear-gradient(to bottom, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
74
border: 4px solid rgba(60,60,60,0.61803);
76
-webkit-background-clip: padding-box; /* for Safari */
77
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
79
font-family: PT Sans, sans-serif;
85
X3DCanvas .cobweb-notification span {
86
padding: 0px 24px 0px 20px;
87
background: url(images/icon.bw.png) no-repeat 0px center;
90
X3DCanvas .cobweb-browser-timings {
95
padding: 10px 15px 14px 14px;
96
background: rgba(0,0,0,0.61803);
97
background: -moz-linear-gradient(top, rgba(50,50,50,0.61803) 0%, rgba(0,0,0,0.61803) 100%); /* FF3.6-15 */
98
background: -webkit-linear-gradient(top, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); /* Chrome10-25,Safari5.1-6 */
99
background: linear-gradient(to bottom, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
100
border: 4px solid rgba(60,60,60,0.61803);
102
-webkit-background-clip: padding-box; /* for Safari */
103
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
105
font-family: PT Sans, sans-serif;
109
pointer-events: none;
112
X3DCanvas .cobweb-browser-timings table,
113
X3DCanvas .cobweb-browser-timings thead,
114
X3DCanvas .cobweb-browser-timings tbody,
115
X3DCanvas .cobweb-browser-timings tfoot,
116
X3DCanvas .cobweb-browser-timings tr,
117
X3DCanvas .cobweb-browser-timings th,
118
X3DCanvas .cobweb-browser-timings td {
131
X3DCanvas .cobweb-browser-timings table {
132
background: url(images/Time.png) no-repeat;
135
X3DCanvas .cobweb-browser-timings tr,
136
X3DCanvas .cobweb-browser-timings th,
137
X3DCanvas .cobweb-browser-timings td {
138
border-collapse: separate;
141
X3DCanvas .cobweb-browser-timings thead th {
146
X3DCanvas .cobweb-browser-timings thead th {
150
X3DCanvas .cobweb-browser-timings td:first-child {
154
X3DCanvas .cobweb-browser-timings tr.cobweb-more td {
158
X3DCanvas .cobweb-browser-timings td {
162
X3DCanvas .cobweb-browser-timings tfoot td {
166
X3DCanvas .cobweb-browser-timings button {
169
background: rgba(0,0,0,0.38196601);
173
font-family: PT Sans, sans-serif;
179
X3DCanvas .cobweb-browser-timings button:hover {
184
* jQuery contextMenu - Plugin for simple contextMenu handling
188
* Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
189
* Web: http://swisnl.github.io/jQuery-contextMenu/
191
* Copyright (c) 2011-2015 SWIS BV and contributors
194
* MIT License http://www.opensource.org/licenses/mit-license
196
* Date: 2015-09-20T18:47:54.927Z
200
.cobweb-menu.cobweb-menu-title:before {
201
content: "Cobweb X3D Browser";
203
padding: 4px 32px 4px 8px;
207
.cobweb-menu .context-menu-selected {
212
.cobweb-menu.context-menu-list,
213
.cobweb-menu .context-menu-list {
215
display: inline-block;
220
font-family: PT Sans, sans-serif;
223
list-style-type: none;
226
border: 0px solid #ddd;
227
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
228
box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
231
.cobweb-menu .context-menu-item {
233
background-color: #222;
234
border-top: 1px solid #222;
235
border-bottom: 1px solid #222;
236
padding: 3px 24px 3px 24px;
237
-webkit-user-select: none;
238
-moz-user-select: none;
239
-ms-user-select: none;
243
.cobweb-menu .context-menu-separator {
245
border-bottom: 1px solid #111;
248
.cobweb-menu .context-menu-item > label > input,
249
.cobweb-menu .context-menu-item > label > textarea {
250
-webkit-user-select: text;
251
-moz-user-select: text;
252
-ms-user-select: text;
256
.cobweb-menu .context-menu-item.hover {
258
background-color: #444;
259
border-top: 1px solid #eee;
260
border-bottom: 1px solid #eee;
263
.cobweb-menu .context-menu-item.disabled {
267
.cobweb-menu .context-menu-input.hover,
268
.cobweb-menu .context-menu-item.disabled.hover {
272
.cobweb-menu .context-menu-submenu:after {
283
border-width: 4px 0 4px 5px;
284
border-color: transparent transparent transparent #eee;
289
In case you want to use sprites for icons (which I would suggest you do) have a look at
290
http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement
291
.context-menu-item.icon:before {}
294
.cobweb-menu .context-menu-item.context-menu-icon {
295
background-repeat: no-repeat;
296
background-position: 3px 2px;
299
/* vertically align inside labels */
300
.cobweb-menu .context-menu-input > label > * {
304
/* position checkboxes and radios as icons */
305
.cobweb-menu .context-menu-input > label > input[type="checkbox"],
306
.cobweb-menu .context-menu-input > label > input[type="radio"] {
314
.cobweb-menu .context-menu-input > label > span {
318
.cobweb-menu .context-menu-input > label,
319
.cobweb-menu .context-menu-input > label > input[type="text"],
320
.cobweb-menu .context-menu-input > label > textarea,
321
.cobweb-menu .context-menu-input > label > select {
324
-webkit-box-sizing: border-box;
325
-moz-box-sizing: border-box;
326
box-sizing: border-box;
329
.cobweb-menu .context-menu-input > label > textarea {
333
.cobweb-menu .context-menu-item > .context-menu-list {
335
/* re-positioned by js */
340
.cobweb-menu .context-menu-item.visible > .context-menu-list {
344
.cobweb-menu .context-menu-accesskey {
345
text-decoration: underline;
350
.cobweb-icon-viewpoint {
351
background: url("images/Viewpoint.png");
354
.cobweb-icon-examine-viewer {
355
background: url("images/ExamineViewer.png");
358
.cobweb-icon-walk-viewer {
359
background: url("images/WalkViewer.png");
362
.cobweb-icon-fly-viewer {
363
background: url("images/FlyViewer.png");
366
.cobweb-icon-lookat-viewer {
367
background: url("images/gtk-zoom-in.png");
370
.cobweb-icon-plane-viewer {
371
background: url("images/PlaneViewer.png");
374
.cobweb-icon-none-viewer {
375
background: url("images/NoneViewer.png");
378
.cobweb-icon-zoom-fit {
379
background: url("images/gtk-zoom-fit.png");
382
.cobweb-icon-zoom-in {
383
background: url("images/gtk-zoom-in.png");
386
.cobweb-icon-primitive-quality {
387
background: url("images/PrimitiveQuality.png");
390
.cobweb-icon-texture-quality {
391
background: url("images/TextureQuality.png");
394
.cobweb-icon-fullscreen {
395
background: url("images/gtk-fullscreen.png");
398
.cobweb-icon-leave-fullscreen {
399
background: url("images/gtk-leave-fullscreen.png");
402
.cobweb-icon-help-about {
403
background: url("images/help-about.png");