www/css/style.css@1750b6cae48e (annotated)
www/css/style.css
Thu, 09 Aug 2018 21:52:01 +0200
- author
- Michiel Broek <mbroek@mbse.eu>
- date
- Thu, 09 Aug 2018 21:52:01 +0200
- changeset 4
- 1750b6cae48e
- parent 2
- 282e7d2bb28a
- child 8
- 50545c3e36c6
- permissions
- -rw-r--r--
Web pages nodes display works.
| 2 | 1 | /* |
| 2 | */ | |
| 3 | ||
| 4 | /* Reset default browser CSS. */ | |
| 5 | html, body, div, span, applet, object, iframe, | |
| 6 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 7 | a, abbr, acronym, address, big, cite, code, | |
| 8 | del, dfn, em, font, img, ins, kbd, q, s, samp, | |
| 9 | small, strike, strong, sub, sup, tt, var, | |
| 10 | b, u, i, center, | |
| 11 | dl, dt, dd, ol, ul, li, | |
| 12 | fieldset, form, label, legend, | |
| 13 | table, caption, tbody, tfoot, thead, tr, th, td { | |
| 14 | background: transparent; | |
| 15 | border: 0; | |
| 16 | margin: 0; | |
| 17 | padding: 0; | |
| 18 | vertical-align: baseline; | |
| 19 | } | |
| 20 | ||
| 21 | body { | |
|
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
22 | background: #ccc; |
| 2 | 23 | color: #000; |
| 24 | font-family: Verdana, Arial, sans-serif; | |
| 25 | font-size: 12px; | |
| 26 | margin: 0px; | |
| 27 | } | |
| 28 | ||
| 29 | ||
| 30 | #jqxWidget { | |
| 31 | width: 1280px; | |
|
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
32 | height: 660px; |
| 2 | 33 | float: left; |
| 34 | } | |
| 35 | ||
| 36 | ||
| 37 | #header { | |
| 38 | width: 1278px; | |
|
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
39 | height: 38px; |
| 2 | 40 | float: left; |
| 41 | border: 1px solid #4297d7; | |
| 42 | border-radius: 5px 5px 5px 5px; | |
|
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
43 | background: #5c9ccc url(/jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; |
| 2 | 44 | color: #ffffff; |
| 45 | font-weight: bold; | |
| 46 | } | |
| 47 | ||
| 48 | #title { | |
| 49 | width: 1278px; | |
|
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
50 | height: 38px; |
| 2 | 51 | float: left; |
|
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
52 | margin-top: 2px; |
| 2 | 53 | font-size: 1.8em; |
| 54 | color: #FFD700; | |
| 55 | text-align: center; | |
| 56 | font-family: comic sans ms; | |
| 57 | } | |
| 58 | ||
| 59 | ||
| 60 | .LEDred_on { | |
| 61 | margin: 5px auto; | |
| 62 | width: 12px; | |
| 63 | height: 12px; | |
| 64 | background-color: #F40; | |
| 65 | border-radius: 50%; | |
| 66 | box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; | |
| 67 | } | |
| 68 | ||
| 69 | .LEDred_off { | |
| 70 | margin: 5px auto; | |
| 71 | width: 12px; | |
| 72 | height: 12px; | |
| 73 | background-color: #820; | |
| 74 | border-radius: 50%; | |
| 75 | box-shadow: #400 0 0px 1px 1px; | |
| 76 | } | |
| 77 | ||
| 78 | .LEDyellow_on { | |
| 79 | margin: 5px auto; | |
| 80 | width: 12px; | |
| 81 | height: 12px; | |
| 82 | background-color: #FF0; | |
| 83 | border-radius: 50%; | |
| 84 | box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
| 85 | } | |
| 86 | ||
| 87 | .LEDyellow_off { | |
| 88 | margin: 5px auto; | |
| 89 | width: 12px; | |
| 90 | height: 12px; | |
| 91 | background-color: #A90; | |
| 92 | border-radius: 50%; | |
| 93 | box-shadow: #440 0 0px 1px 1px; | |
| 94 | } | |
| 95 | ||
| 96 | .LEDgreen_on { | |
| 97 | margin: 5px auto; | |
| 98 | width: 12px; | |
| 99 | height: 12px; | |
| 100 | background-color: #5E0; | |
| 101 | border-radius: 50%; | |
| 102 | box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; | |
| 103 | } | |
| 104 | ||
| 105 | .LEDgreen_off { | |
| 106 | margin: 5px auto; | |
| 107 | width: 12px; | |
| 108 | height: 12px; | |
| 109 | background-color: #270; | |
| 110 | border-radius: 50%; | |
| 111 | box-shadow: #250 0 0px 1px 1px; | |
| 112 | } | |
| 113 | ||
| 114 | .LEDblue_on { | |
| 115 | margin: 5px auto; | |
| 116 | width: 12px; | |
| 117 | height: 12px; | |
| 118 | background-color: #4AF; | |
| 119 | border-radius: 50%; | |
| 120 | box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
| 121 | } | |
| 122 | ||
| 123 | .LEDblue_off { | |
| 124 | margin: 5px auto; | |
| 125 | width: 12px; | |
| 126 | height: 12px; | |
| 127 | background-color: #137; | |
| 128 | border-radius: 50%; | |
| 129 | box-shadow: #024 0 0px 1px 1px; | |
| 130 | } | |
| 131 |
