Rev 16489 | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 4897 | bpr | 1 | /* |
| 18584 | obado | 2 | Copyright 2008-2025 |
| 10963 | obado | 3 | Matthias Ehmann, |
| 4 | Michael Gerhaeuser, |
||
| 5 | Carsten Miller, |
||
| 6 | Bianca Valentin, |
||
| 16489 | obado | 7 | Andreas Walter, |
| 10963 | obado | 8 | Alfred Wassermann, |
| 9 | Peter Wilfahrt |
||
| 10 | |||
| 11 | This file is part of JSXGraph. |
||
| 12 | |||
| 13 | JSXGraph is free software dual licensed under the GNU LGPL or MIT License. |
||
| 14 | |||
| 15 | You can redistribute it and/or modify it under the terms of the |
||
| 16 | |||
| 17 | * GNU Lesser General Public License as published by |
||
| 18 | the Free Software Foundation, either version 3 of the License, or |
||
| 19 | (at your option) any later version |
||
| 20 | OR |
||
| 21 | * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT |
||
| 22 | |||
| 23 | JSXGraph is distributed in the hope that it will be useful, |
||
| 24 | but WITHOUT ANY WARRANTY; without even the implied warranty of |
||
| 25 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||
| 26 | GNU Lesser General Public License for more details. |
||
| 27 | |||
| 28 | You should have received a copy of the GNU Lesser General Public License and |
||
| 18584 | obado | 29 | the MIT License along with JSXGraph. If not, see <https://www.gnu.org/licenses/> |
| 30 | and <https://opensource.org/licenses/MIT/>. |
||
| 10963 | obado | 31 | */ |
| 32 | |||
| 4897 | bpr | 33 | .jxgbox { |
| 10963 | obado | 34 | /* for IE 7 */ |
| 35 | position: relative; |
||
| 36 | overflow: hidden; |
||
| 16489 | obado | 37 | background-color: #fff; |
| 10963 | obado | 38 | border-style: solid; |
| 39 | border-width: 1px; |
||
| 16489 | obado | 40 | border-color: #356aa0; |
| 10963 | obado | 41 | border-radius: 10px; |
| 18584 | obado | 42 | -webkit-border-radius: 10px; |
| 16489 | obado | 43 | margin: 0; |
| 10963 | obado | 44 | -ms-touch-action: none; |
| 16489 | obado | 45 | /* "touch-action: none;" is set with JavaScript. */ |
| 4897 | bpr | 46 | } |
| 47 | |||
| 14118 | obado | 48 | .jxgbox svg text { |
| 49 | cursor: default; |
||
| 50 | -webkit-user-select: none; |
||
| 51 | -moz-user-select: none; |
||
| 52 | -ms-user-select: none; |
||
| 53 | user-select: none; |
||
| 54 | } |
||
| 55 | |||
| 4897 | bpr | 56 | .JXGtext { |
| 15332 | obado | 57 | font-family: Courier, monospace; |
| 16489 | obado | 58 | /* |
| 15332 | obado | 59 | * The default font family is now set in |
| 14118 | obado | 60 | * JXG.Options.text.cssdefaultstyle = 'font-family: Arial, Helvetica, Geneva, sans-serif;' |
| 61 | */ |
||
| 15332 | obado | 62 | |
| 14118 | obado | 63 | /* "background-color: transparent;" may produce artefacts in IE. Solution: setting a color explicitly. */ |
| 10963 | obado | 64 | background-color: transparent; |
| 65 | padding: 0; |
||
| 66 | margin: 0; |
||
| 4897 | bpr | 67 | } |
| 68 | |||
| 10963 | obado | 69 | .JXGinfobox { |
| 70 | border-style: none; |
||
| 16489 | obado | 71 | border-width: 0; |
| 10963 | obado | 72 | border-color: black; |
| 4897 | bpr | 73 | } |
| 74 | |||
| 16489 | obado | 75 | /* CSS attributes will (permantely) overwrite attributes set in JSXGraph */ |
| 10963 | obado | 76 | .JXGimage { |
| 77 | /* opacity: 1.0; */ |
||
| 78 | } |
||
| 18584 | obado | 79 | |
| 10963 | obado | 80 | .JXGimageHighlight { |
| 81 | /* opacity: 0.6; */ |
||
| 82 | } |
||
| 83 | |||
| 16489 | obado | 84 | .jxgbox :focus { |
| 85 | outline-width: 0.5px; |
||
| 86 | outline-style: dotted; |
||
| 87 | } |
||
| 15332 | obado | 88 | |
| 16489 | obado | 89 | /* CSS rules for the navigation bar */ |
| 18584 | obado | 90 | |
| 15332 | obado | 91 | .JXG_navigation { |
| 92 | position: absolute; |
||
| 93 | right: 5px; |
||
| 94 | bottom: 5px; |
||
| 95 | |||
| 96 | z-index: 100; |
||
| 97 | |||
| 98 | background-color: transparent; |
||
| 99 | padding: 2px; |
||
| 100 | font-size: 14px; |
||
| 101 | cursor: pointer; |
||
| 102 | } |
||
| 103 | |||
| 104 | .JXG_navigation_button { |
||
| 16489 | obado | 105 | color: #666; |
| 15332 | obado | 106 | } |
| 107 | |||
| 18584 | obado | 108 | .JXG_navigation_button_left { |
| 109 | } |
||
| 110 | |||
| 111 | .JXG_navigation_button_right { |
||
| 112 | } |
||
| 113 | |||
| 114 | .JXG_navigation_button_up { |
||
| 115 | } |
||
| 116 | |||
| 117 | .JXG_navigation_button_down { |
||
| 118 | } |
||
| 119 | |||
| 120 | .JXG_navigation_button_out { |
||
| 121 | } |
||
| 122 | |||
| 123 | .JXG_navigation_button_100 { |
||
| 124 | } |
||
| 125 | |||
| 126 | .JXG_navigation_button_in { |
||
| 127 | } |
||
| 128 | |||
| 129 | .JXG_navigation_button_fullscreen { |
||
| 130 | } |
||
| 131 | |||
| 132 | .JXG_navigation_button_reload { |
||
| 133 | } |
||
| 134 | |||
| 135 | .JXG_navigation_button_cleartraces { |
||
| 136 | } |
||
| 137 | |||
| 138 | .JXG_navigation_button_screenshot { |
||
| 139 | } |
||
| 140 | |||
| 15332 | obado | 141 | .JXG_navigation_button:hover { |
| 142 | border-radius: 2px; |
||
| 16489 | obado | 143 | background: rgba(184, 184, 184, 0.5); |
| 15332 | obado | 144 | } |
| 145 | |||
| 18584 | obado | 146 | .JXG_navigation_button svg { |
| 147 | top: 0.2em; |
||
| 148 | position: relative; |
||
| 149 | padding: 0; |
||
| 150 | } |
||
| 151 | |||
| 16489 | obado | 152 | /* CSS rules for the wrapping div in fullscreen mode */ |
| 15332 | obado | 153 | |
| 154 | .JXG_wrap_private:-moz-full-screen { |
||
| 16489 | obado | 155 | background-color: #ccc; |
| 156 | padding: 0; |
||
| 157 | width: 100%; |
||
| 158 | height: 100%; |
||
| 15332 | obado | 159 | } |
| 160 | |||
| 161 | .JXG_wrap_private:-webkit-full-screen { |
||
| 16489 | obado | 162 | background-color: #ccc; |
| 163 | padding: 0; |
||
| 164 | width: 100%; |
||
| 165 | height: 100%; |
||
| 15332 | obado | 166 | } |
| 167 | |||
| 168 | .JXG_wrap_private:fullscreen { |
||
| 16489 | obado | 169 | background-color: #ccc; |
| 170 | padding: 0; |
||
| 171 | width: 100%; |
||
| 172 | height: 100%; |
||
| 15332 | obado | 173 | } |
| 174 | |||
| 175 | .JXG_wrap_private:-ms-fullscreen { |
||
| 16489 | obado | 176 | background-color: #ccc; |
| 177 | padding: 0; |
||
| 178 | width: 100%; |
||
| 179 | height: 100%; |
||
| 15332 | obado | 180 | } |
| 18584 | obado | 181 | |
| 182 | /* Classes forn smartlabels */ |
||
| 183 | |||
| 184 | .smart-label-solid { |
||
| 185 | padding: 1px 7px 1px 7px; |
||
| 186 | margin: 0; |
||
| 187 | color: white; |
||
| 188 | border-radius: 150px; |
||
| 189 | text-align: center; |
||
| 190 | vertical-align: middle; |
||
| 191 | } |
||
| 192 | |||
| 193 | .smart-label-outline { |
||
| 194 | padding: 1px 7px 1px 7px; |
||
| 195 | margin: 0; |
||
| 196 | border: solid 2px black; |
||
| 197 | background-color: white; |
||
| 198 | color: black; |
||
| 199 | border-radius: 15px; |
||
| 200 | text-align: center; |
||
| 201 | vertical-align: middle; |
||
| 202 | } |
||
| 203 | |||
| 204 | .smart-label-pure { |
||
| 205 | padding: 20px 7px 1px 7px; |
||
| 206 | margin: 0; |
||
| 207 | border: none; |
||
| 208 | background-color: transparent; |
||
| 209 | color: black; |
||
| 210 | border-radius: 15px; |
||
| 211 | text-align: center; |
||
| 212 | vertical-align: middle; |
||
| 213 | } |
||
| 214 | |||
| 215 | .smart-label-line, |
||
| 216 | .smart-label-point { |
||
| 217 | background-color: #0072b2; |
||
| 218 | border-color: #0072b2; |
||
| 219 | } |
||
| 220 | |||
| 221 | .smart-label-point { |
||
| 222 | margin-top: 12px; |
||
| 223 | } |
||
| 224 | |||
| 225 | .smart-label-angle { |
||
| 226 | background-color: #e69f00; |
||
| 227 | border-color: #e69f00; |
||
| 228 | padding: 1px 7px 1px 7px; |
||
| 229 | } |
||
| 230 | |||
| 231 | .smart-label-polygon, |
||
| 232 | .smart-label-circle { |
||
| 233 | background-color: #f0e442; |
||
| 234 | color: black; |
||
| 235 | border-color: #f0e442; |
||
| 236 | padding: 1px 7px 1px 7px; |
||
| 237 | } |