RGraph/css/website.css

   1     /**
   2     * o------------------------------------------------------------------------------o
   3     * | This file is part of the RGraph package - you can learn more at:             |
   4     * |                                                                              |
   5     * |                          http://www.rgraph.net                               |
   6     * |                                                                              |
   7     * | This package is licensed under the RGraph license. For all kinds of business |
   8     * | purposes there is a small one-time licensing fee to pay and for non          |
   9     * | purposes there is a small one-time licensing fee to pay and for non          |
  10     * | commercial  purposes it is free to use. You can read the full license here:  |
  11     * |                                                                              |
  12     * |                      http://www.rgraph.net/LICENSE.txt                       |
  13     * o------------------------------------------------------------------------------o
  14     */
  15
  16
  17 body {
  18     padding-top: 10px;
  19     font-family: Georgia, Arial, Sans-Serif;
  20 }
  21
  22 pre#code,
  23 code {
  24     display: block;
  25     border: 1px solid #aaa;
  26     padding: 5px;
  27     background-color: #ddd;
  28 }
  29
  30 #breadcrumb,
  31 #logo {
  32     border: 2px black solid;
  33     background-color: #eee;
  34     padding: 3px;
  35     top: 0;
  36     right: 0;
  37     position: absolute;
  38     margin: 2px;
  39     opacity: 0.8;
  40 }
  41 #breadcrumb a,
  42 #logo a {
  43     text-decoration: none;
  44 }
  45
  46 th {
  47     text-align: left;
  48     border: 1px solid gray;
  49     background-color: #ddd;
  50     padding: 3px;
  51     vertical-align: top;
  52 }
  53
  54 td {
  55     vertical-align: top;
  56 }
  57
  58 ol li {
  59     margin-top: 20px;
  60 }
  61
  62 ol#implementation li code {
  63     margin-top: 5px;
  64 }
  65
  66 td.description {
  67     background-color: #eee;
  68     padding: 3px;
  69     border: 1px solid #ddd;
  70 }
  71
  72 td.chart {
  73     text-align: center;
  74 }
  75
  76 .example_boxout {
  77     background-color: #eee;
  78     padding: 3px;
  79     border: 1px solid #aaa;
  80 }
  81
  82 .code {
  83     padding: 5px;
  84     background-color: #eee;
  85     border: 2px dashed gray
  86 }
  87
  88 /**
  89 * This is semi-transparent box in the top left corner
  90 */
  91 div#devtag {
  92     -moz-border-radius: 5px;
  93     -webkit-border-radius: 5px;
  94     border-radius: 5px;
  95     -webkit-box-shadow: #999 3px 3px 3px;
  96     -moz-box-shadow: #999 3px 3px 3px;
  97     box-shadow: #999 3px 3px 3px;
  98     filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);
  99     position: fixed;
 100     top: 2px;
 101     right: 2px;
 102     width: 145px;
 103     border: 2px solid black;
 104     text-align: center;
 105     font-weight: bold;
 106     font-family: Arial;
 107     background-color: #fdd;
 108 }
 109
 110 div#devtag a {
 111     font-size: 10px;
 112     text-decoration: none;
 113     color: blue;
 114     opacity: 1;
 115 }
 116
 117 /**
 118 * This overrides something defined earlier
 119 */
 120 ol#colors li {
 121     margin: 0;
 122 }
 123
 124 /**
 125 * styles lists
 126 */
 127 div.list-item {
 128     width: 220px;
 129     display: inline-block;
 130 }
 131
 132 div.list-item.label {
 133     width: 170px;
 134 }
 135
 136 legend {
 137     background-color: #efefef;
 138     border: 1px solid #75736e;
 139 }
 140
 141 body#licensing span {
 142     font-size: 120%;
 143 }
 144
 145 /**
 146 * The yellow warning box on the front page
 147 */
 148 div.warning {
 149     border: 1px solid black;
 150     text-align: center;
 151     background-color: #ffa;
 152     padding: 5px;
 153     margin-top: 5px;
 154     border-radius: 15px;
 155     -moz-border-radius: 15px;
 156     -webkit-border-radius: 15px;
 157     -webkit-box-shadow: #aaa 1px 1px 15px;
 158     -moz-box-shadow: #aaa 1px 1px 15px;
 159     box-shadow: #aaa 1px 1px 15px;
 160     filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);
 161     z-index: 98;
 162 }
 163
 164 div.canvasfallback {
 165     border: 2px dashed red;
 166     background-color: #fee;
 167     width: 475px;
 168     height: 150px;
 169     text-align: center;
 170     padding-top: 50px;
 171 }
 172
 173 /**
 174 * The title "bar"
 175 */
 176 div#title {
 177 }
 178
 179 div#title div#image {
 180     float: left;
 181     margin-right: 15px;
 182 }
 183
 184 div#title div#text {
 185     padding-top: 5px;
 186     margin-left: 70px;
 187 }
 188
 189
 190 div.warning p {
 191     text-align: center;
 192     margin-top: 5px;
 193     margin-bottom: 5px;
 194     font-weight: bold;
 195 }
 196
 197
 198 div.description {
 199     border: 1px dashed gray;
 200     background-color: #eee;
 201     font-size: 75%;
 202     padding: 3px;
 203 }
 204
 205 div#social {
 206     display: inline;
 207     display: inline-block;
 208 }
 209
 210
 211 /***************************************************************************************
 212 *                                                                                      *
 213 * RGraph CSS classes.                                                                  *
 214 *                                                                                      *
 215 * These allow you to customise how tooltips and context menus will appear. To override *
 216 * the CSS defined in the graph scripts, you may need to use  " ! important" like so:   *
 217 *                                                                                      *
 218 * font-weight: bold ! important                                                        *
 219 *                                                                                      *
 220 * You don't always need to use this, only if you're trying to override something which *
 221 * the script sets.                                                                     *
 222 *                                                                                      *
 223 ***************************************************************************************/
 224
 225 .RGraph_png {
 226 }
 227
 228 .RGraph_tooltip {
 229 }
 230
 231 .RGraph_contextmenu {
 232 }
 233
 234 .RGraph_contextmenu_background {
 235 }
 236
 237 .RGraph_contextmenu_item {
 238 }
 239
 240 .RGraph_zoom_window {
 241 }
 242
 243 .RGraph_zoomed_canvas {
 244 }
 245
 246 .ModalDialog_background {
 247 }
 248
 249 .ModalDialog_dialog {
 250 }
 251
 252 .ModalDialog_topbar {
 253 }