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