git.sur5r.net Git - glabels/blob - docs/libglabels/html/style.css

   1 body
   2 {
   3   font-family: cantarell, sans-serif;
   4 }
   5 .synopsis, .classsynopsis
   6 {
   7   /* tango:aluminium 1/2 */
   8   background: #eeeeec;
   9   background: rgba(238, 238, 236, 0.5);
  10   border: solid 1px rgb(238, 238, 236);
  11   padding: 0.5em;
  12 }
  13 .programlisting
  14 {
  15   /* tango:sky blue 0/1 */
  16   /* fallback for no rgba support */
  17   background: #e6f3ff;
  18   border: solid 1px #729fcf;
  19   background: rgba(114, 159, 207, 0.1);
  20   border: solid 1px rgba(114, 159, 207, 0.2);
  21   padding: 0.5em;
  22 }
  23 .variablelist
  24 {
  25   padding: 4px;
  26   margin-left: 3em;
  27 }
  28 .variablelist td:first-child
  29 {
  30   vertical-align: top;
  31 }
  32
  33 @media screen {
  34   sup a.footnote
  35   {
  36     position: relative;
  37     top: 0em ! important;
  38   }
  39   /* this is needed so that the local anchors are displayed below the naviagtion */
  40   div.footnote a[name], div.refnamediv a[name], div.refsect1 a[name], div.refsect2 a[name], div.index a[name], div.glossary a[name], div.sect1 a[name]
  41   {
  42     display: inline-block;
  43     position: relative;
  44     top:-5em;
  45   }
  46   /* this seems to be a bug in the xsl style sheets when generating indexes */
  47   div.index div.index
  48   {
  49     top: 0em;
  50   }
  51   /* make space for the fixed navigation bar and add space at the bottom so that
  52    * link targets appear somewhat close to top
  53    */
  54   body
  55   {
  56     padding-top: 5em;
  57     padding-bottom: 500px;
  58     max-width: 60em;
  59   }
  60   p
  61   {
  62     max-width: 60em;
  63   }
  64   /* style and size the navigation bar */
  65   table.navigation#top
  66   {
  67     position: fixed;
  68     background: #e2e2e2;
  69     border-bottom: solid 1px #babdb6;
  70     margin-top: 0;
  71     margin-bottom: 0;
  72     top: 0;
  73     left: 0;
  74     height: 3em;
  75     z-index: 10;
  76   }
  77   .navigation a, .navigation a:visited
  78   {
  79     /* tango:sky blue 3 */
  80     color: #204a87;
  81   }
  82   .navigation a:hover
  83   {
  84     /* tango:sky blue 2 */
  85     color: #3465a4;
  86   }
  87   td.shortcuts
  88   {
  89     /* tango:sky blue 2 */
  90     color: #3465a4;
  91     font-size: 80%;
  92     white-space: nowrap;
  93   }
  94   td.shortcuts .dim
  95   {
  96     color: #babdb6;
  97   }
  98 }
  99 @media screen and (min-width: 60em) {
 100   /* screen larger than 60em */
 101   body { margin: auto; }
 102 }
 103 @media screen and (max-width: 60em) {
 104   /* screen less than 60em */
 105   #nav_hierarchy { display: none; }
 106   #nav_interfaces { display: none; }
 107   #nav_prerequisites { display: none; }
 108   #nav_derived_interfaces { display: none; }
 109   #nav_implementations { display: none; }
 110   #nav_child_properties { display: none; }
 111   #nav_style_properties { display: none; }
 112   #nav_index { display: none; }
 113   #nav_glossary { display: none; }
 114   .gallery_image { display: none; }
 115   .property_flags { display: none; }
 116   .signal_flags { display: none; }
 117   .parameter_annotations { display: none; }
 118   .enum_member_annotations { display: none; }
 119   .struct_member_annotations { display: none; }
 120   .union_member_annotations { display: none; }
 121   /* now that a column is hidden, optimize space */
 122   col.parameters_name { width: auto; }
 123   col.parameters_description { width: auto; }
 124   col.struct_members_name { width: auto; }
 125   col.struct_members_description { width: auto; }
 126   col.enum_members_name { width: auto; }
 127   col.enum_members_description { width: auto; }
 128   col.union_members_name { width: auto; }
 129   col.union_members_description { width: auto; }
 130 }
 131 @media print {
 132   table.navigation {
 133     visibility: collapse;
 134     display: none;
 135   }
 136   div.titlepage table.navigation {
 137     visibility: visible;
 138     display: table;
 139     background: #e2e2e2;
 140     border: solid 1px #babdb6;
 141     margin-top: 0;
 142     margin-bottom: 0;
 143     top: 0;
 144     left: 0;
 145     height: 3em;
 146   }
 147 }
 148
 149 .navigation .title
 150 {
 151   font-size: 120%;
 152 }
 153
 154 div.gallery-float
 155 {
 156   float: left;
 157   padding: 10px;
 158 }
 159 div.gallery-float img
 160 {
 161   border-style: none;
 162 }
 163 div.gallery-spacer
 164 {
 165   clear: both;
 166 }
 167
 168 a, a:visited
 169 {
 170   text-decoration: none;
 171   /* tango:sky blue 2 */
 172   color: #3465a4;
 173 }
 174 a:hover
 175 {
 176   text-decoration: underline;
 177   /* tango:sky blue 1 */
 178   color: #729fcf;
 179 }
 180
 181 div.informaltable table
 182 {
 183   border-collapse: separate;
 184   border-spacing: 20px 3px;
 185   border: none;
 186 }
 187
 188 div.informaltable table td, div.informaltable table th
 189 {
 190   vertical-align: top;
 191 }
 192
 193 .function_type,
 194 .variable_type,
 195 .property_type,
 196 .signal_type,
 197 .parameter_name,
 198 .struct_member_name,
 199 .union_member_name,
 200 .define_keyword,
 201 .datatype_keyword,
 202 .typedef_keyword
 203 {
 204   text-align: right;
 205 }
 206
 207 /* dim non-primary columns */
 208 .c_punctuation,
 209 .function_type,
 210 .variable_type,
 211 .property_type,
 212 .signal_type,
 213 .define_keyword,
 214 .datatype_keyword,
 215 .typedef_keyword,
 216 .property_flags,
 217 .signal_flags,
 218 .parameter_annotations,
 219 .enum_member_annotations,
 220 .struct_member_annotations,
 221 .union_member_annotations
 222 {
 223   color: #888a85;
 224 }
 225
 226 .function_type a,
 227 .function_type a:visited,
 228 .function_type a:hover,
 229 .property_type a,
 230 .property_type a:visited,
 231 .property_type a:hover,
 232 .signal_type a,
 233 .signal_type a:visited,
 234 .signal_type a:hover,
 235 .signal_flags a,
 236 .signal_flags a:visited,
 237 .signal_flags a:hover
 238 {
 239  color: #729fcf;
 240 }
 241
 242 div.table table
 243 {
 244   border-collapse: collapse;
 245   border-spacing: 0px;
 246   /* tango:aluminium 3 */
 247   border: solid 1px #babdb6;
 248 }
 249
 250 div.table table td, div.table table th
 251 {
 252   /* tango:aluminium 3 */
 253   border: solid 1px #babdb6;
 254   padding: 3px;
 255   vertical-align: top;
 256 }
 257
 258 div.table table th
 259 {
 260   /* tango:aluminium 2 */
 261   background-color: #d3d7cf;
 262 }
 263
 264 h4
 265 {
 266   color: #555753;
 267 }
 268
 269 hr
 270 {
 271   /* tango:aluminium 1 */
 272   color: #d3d7cf;
 273   background: #d3d7cf;
 274   border: none 0px;
 275   height: 1px;
 276   clear: both;
 277   margin: 2.0em 0em 2.0em 0em;
 278 }
 279
 280 dl.toc dt
 281 {
 282   padding-bottom: 0.25em;
 283 }
 284
 285 dl.toc > dd > dl > dt
 286 {
 287   padding-top: 0.25em;
 288   padding-bottom: 0.25em;
 289 }
 290
 291 dl.toc > dt
 292 {
 293   padding-top: 1em;
 294   padding-bottom: 0.5em;
 295   font-weight: bold;
 296 }
 297
 298 .parameter
 299 {
 300   font-style: normal;
 301 }
 302
 303 .footer
 304 {
 305   padding-top: 3.5em;
 306   /* tango:aluminium 3 */
 307   color: #babdb6;
 308   text-align: center;
 309   font-size: 80%;
 310 }
 311
 312 .informalfigure,
 313 .figure
 314 {
 315   margin: 1em;
 316 }
 317
 318 .informalexample,
 319 .example
 320 {
 321   margin-top: 1em;
 322   margin-bottom: 1em;
 323 }
 324
 325 .warning
 326 {
 327   /* tango:orange 0/1 */
 328   background: #ffeed9;
 329   background: rgba(252, 175, 62, 0.1);
 330   border-color: #ffb04f;
 331   border-color: rgba(252, 175, 62, 0.2);
 332 }
 333 .note
 334 {
 335   /* tango:chameleon 0/0.5 */
 336   background: #d8ffb2;
 337   background: rgba(138, 226, 52, 0.1);
 338   border-color: #abf562;
 339   border-color: rgba(138, 226, 52, 0.2);
 340 }
 341 div.blockquote
 342 {
 343   border-color: #eeeeec;
 344 }
 345 .note, .warning, div.blockquote
 346 {
 347   padding: 0.5em;
 348   border-width: 1px;
 349   border-style: solid;
 350   margin: 2em;
 351 }
 352 .note p, .warning p
 353 {
 354   margin: 0;
 355 }
 356
 357 div.warning h3.title,
 358 div.note h3.title
 359 {
 360   display: none;
 361 }
 362
 363 p + div.section
 364 {
 365   margin-top: 1em;
 366 }
 367
 368 div.refnamediv,
 369 div.refsynopsisdiv,
 370 div.refsect1,
 371 div.refsect2,
 372 div.toc,
 373 div.section
 374 {
 375   margin-bottom: 1em;
 376 }
 377
 378 /* blob links */
 379 h2 .extralinks, h3 .extralinks
 380 {
 381   float: right;
 382   /* tango:aluminium 3 */
 383   color: #babdb6;
 384   font-size: 80%;
 385   font-weight: normal;
 386 }
 387
 388 .lineart
 389 {
 390   color: #d3d7cf;
 391   font-weight: normal;
 392 }
 393
 394 .annotation
 395 {
 396   /* tango:aluminium 5 */
 397   color: #555753;
 398   font-weight: normal;
 399 }
 400
 401 .structfield
 402 {
 403   font-style: normal;
 404   font-weight: normal;
 405 }
 406
 407 /* code listings */
 408
 409 .listing_code .programlisting .cbracket   { color: #a40000; } /* tango: scarlet red 3 */
 410 .listing_code .programlisting .comment    { color: #a1a39d; } /* tango: aluminium 4 */
 411 .listing_code .programlisting .function   { color: #000000; font-weight: bold; }
 412 .listing_code .programlisting .function a { color: #11326b; font-weight: bold; } /* tango: sky blue 4 */
 413 .listing_code .programlisting .keyword    { color: #4e9a06; } /* tango: chameleon 3  */
 414 .listing_code .programlisting .linenum    { color: #babdb6; } /* tango: aluminium 3 */
 415 .listing_code .programlisting .normal     { color: #000000; }
 416 .listing_code .programlisting .number     { color: #75507b; } /* tango: plum 2 */
 417 .listing_code .programlisting .preproc    { color: #204a87; } /* tango: sky blue 3  */
 418 .listing_code .programlisting .string     { color: #c17d11; } /* tango: chocolate 2 */
 419 .listing_code .programlisting .type       { color: #000000; }
 420 .listing_code .programlisting .type a     { color: #11326b; } /* tango: sky blue 4 */
 421 .listing_code .programlisting .symbol     { color: #ce5c00; } /* tango: orange 3 */
 422
 423 .listing_frame {
 424   /* tango:sky blue 1 */
 425   border: solid 1px #729fcf;
 426   border: solid 1px rgba(114, 159, 207, 0.2);
 427   padding: 0px;
 428 }
 429
 430 .listing_lines, .listing_code {
 431   margin-top: 0px;
 432   margin-bottom: 0px;
 433   padding: 0.5em;
 434 }
 435 .listing_lines {
 436   /* this just adds visual clutter and
 437      takes precious room from small screens */
 438   display: none;
 439 }
 440 .listing_lines {
 441   /* tango:sky blue 0.5 */
 442   background: #a6c5e3;
 443   background: rgba(114, 159, 207, 0.2);
 444   /* tango:aluminium 6 */
 445   color: #2e3436;
 446 }
 447 .listing_code {
 448   /* tango:sky blue 0 */
 449   background: #e6f3ff;
 450   background: rgba(114, 159, 207, 0.1);
 451 }
 452 .listing_code .programlisting {
 453   /* override from previous */
 454   border: none 0px;
 455   padding: 0px;
 456   background: none;
 457 }
 458 .listing_lines pre, .listing_code pre {
 459   margin: 0px;
 460 }
 461