[Summary view] [Print] [Text view]

   1  /*
   2  YUI 3.17.2 (build 9c3c78e)
   3  Copyright 2014 Yahoo! Inc. All rights reserved.
   4  Licensed under the BSD License.
   5  http://yuilibrary.com/license/
   6  */
   7  
   8  /*!
   9  Pure v0.4.2
  10  Copyright 2014 Yahoo! Inc. All rights reserved.
  11  Licensed under the BSD License.
  12  https://github.com/yui/pure/blob/master/LICENSE.md
  13  */
  14  
  15  /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
  16  
  17  .yui3-g {
  18      letter-spacing: -0.31em;
  19      /* Webkit: collapse white-space between units */
  20      *letter-spacing: normal;
  21      /* reset IE < 8 */
  22      *word-spacing: -0.43em;
  23      /* IE < 8: collapse white-space between units */
  24      text-rendering: optimizespeed;
  25      /* Webkit: fixes text-rendering: optimizeLegibility */
  26      /*
  27      Sets the font stack to fonts known to work properly with the above letter
  28      and word spacings. See: https://github.com/yui/pure/issues/41/
  29  
  30      The following font stack makes Pure Grids work on all known environments.
  31  
  32      * FreeSans: Ships with many Linux distros, including Ubuntu
  33  
  34      * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
  35        Arial to get picked up by the browser, even though neither is available
  36        in Chrome OS.
  37  
  38      * Droid Sans: Ships with all versions of Android.
  39  
  40      * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
  41      */
  42      font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  43      /*
  44      Use flexbox when possible to avoid `letter-spacing` side-effects.
  45  
  46      NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
  47      `-moz-` prefix version is omitted.
  48      */
  49      display: -webkit-flex;
  50      -webkit-flex-flow: row wrap;
  51      /* IE10 uses display: flexbox */
  52      display: -ms-flexbox;
  53      -ms-flex-flow: row wrap;
  54  }
  55  
  56  /* Opera as of 12 on Windows needs word-spacing.
  57     The ".opera-only" selector is used to prevent actual prefocus styling
  58     and is not required in markup.
  59  */
  60  
  61  .opera-only :-o-prefocus,
  62  .yui3-g {
  63      word-spacing: -0.43em;
  64  }
  65  
  66  .yui3-u {
  67      display: inline-block;
  68      *display: inline;
  69      /* IE < 8: fake inline-block */
  70      zoom: 1;
  71      letter-spacing: normal;
  72      word-spacing: normal;
  73      vertical-align: top;
  74      text-rendering: auto;
  75  }
  76  
  77  /*
  78  Resets the font family back to the OS/browser's default sans-serif font,
  79  this the same font stack that Normalize.css sets for the `body`.
  80  */
  81  
  82  .yui3-g [class *= "yui3-u"] {
  83      font-family: sans-serif;
  84  }
  85  
  86  .yui3-u-1,
  87  .yui3-u-1-1,
  88  .yui3-u-1-2,
  89  .yui3-u-1-3,
  90  .yui3-u-2-3,
  91  .yui3-u-1-4,
  92  .yui3-u-3-4,
  93  .yui3-u-1-5,
  94  .yui3-u-2-5,
  95  .yui3-u-3-5,
  96  .yui3-u-4-5,
  97  .yui3-u-5-5,
  98  .yui3-u-1-6,
  99  .yui3-u-5-6,
 100  .yui3-u-1-8,
 101  .yui3-u-3-8,
 102  .yui3-u-5-8,
 103  .yui3-u-7-8,
 104  .yui3-u-1-12,
 105  .yui3-u-5-12,
 106  .yui3-u-7-12,
 107  .yui3-u-11-12,
 108  .yui3-u-1-24,
 109  .yui3-u-2-24,
 110  .yui3-u-3-24,
 111  .yui3-u-4-24,
 112  .yui3-u-5-24,
 113  .yui3-u-6-24,
 114  .yui3-u-7-24,
 115  .yui3-u-8-24,
 116  .yui3-u-9-24,
 117  .yui3-u-10-24,
 118  .yui3-u-11-24,
 119  .yui3-u-12-24,
 120  .yui3-u-13-24,
 121  .yui3-u-14-24,
 122  .yui3-u-15-24,
 123  .yui3-u-16-24,
 124  .yui3-u-17-24,
 125  .yui3-u-18-24,
 126  .yui3-u-19-24,
 127  .yui3-u-20-24,
 128  .yui3-u-21-24,
 129  .yui3-u-22-24,
 130  .yui3-u-23-24,
 131  .yui3-u-24-24 {
 132      display: inline-block;
 133      *display: inline;
 134      zoom: 1;
 135      letter-spacing: normal;
 136      word-spacing: normal;
 137      vertical-align: top;
 138      text-rendering: auto;
 139  }
 140  
 141  .yui3-u-1-24 {
 142      width: 4.1667%;
 143      *width: 4.1357%;
 144  }
 145  
 146  .yui3-u-1-12,
 147  .yui3-u-2-24 {
 148      width: 8.3333%;
 149      *width: 8.3023%;
 150  }
 151  
 152  .yui3-u-1-8,
 153  .yui3-u-3-24 {
 154      width: 12.5000%;
 155      *width: 12.4690%;
 156  }
 157  
 158  .yui3-u-1-6,
 159  .yui3-u-4-24 {
 160      width: 16.6667%;
 161      *width: 16.6357%;
 162  }
 163  
 164  .yui3-u-1-5 {
 165      width: 20%;
 166      *width: 19.9690%;
 167  }
 168  
 169  .yui3-u-5-24 {
 170      width: 20.8333%;
 171      *width: 20.8023%;
 172  }
 173  
 174  .yui3-u-1-4,
 175  .yui3-u-6-24 {
 176      width: 25%;
 177      *width: 24.9690%;
 178  }
 179  
 180  .yui3-u-7-24 {
 181      width: 29.1667%;
 182      *width: 29.1357%;
 183  }
 184  
 185  .yui3-u-1-3,
 186  .yui3-u-8-24 {
 187      width: 33.3333%;
 188      *width: 33.3023%;
 189  }
 190  
 191  .yui3-u-3-8,
 192  .yui3-u-9-24 {
 193      width: 37.5000%;
 194      *width: 37.4690%;
 195  }
 196  
 197  .yui3-u-2-5 {
 198      width: 40%;
 199      *width: 39.9690%;
 200  }
 201  
 202  .yui3-u-5-12,
 203  .yui3-u-10-24 {
 204      width: 41.6667%;
 205      *width: 41.6357%;
 206  }
 207  
 208  .yui3-u-11-24 {
 209      width: 45.8333%;
 210      *width: 45.8023%;
 211  }
 212  
 213  .yui3-u-1-2,
 214  .yui3-u-12-24 {
 215      width: 50%;
 216      *width: 49.9690%;
 217  }
 218  
 219  .yui3-u-13-24 {
 220      width: 54.1667%;
 221      *width: 54.1357%;
 222  }
 223  
 224  .yui3-u-7-12,
 225  .yui3-u-14-24 {
 226      width: 58.3333%;
 227      *width: 58.3023%;
 228  }
 229  
 230  .yui3-u-3-5 {
 231      width: 60%;
 232      *width: 59.9690%;
 233  }
 234  
 235  .yui3-u-5-8,
 236  .yui3-u-15-24 {
 237      width: 62.5000%;
 238      *width: 62.4690%;
 239  }
 240  
 241  .yui3-u-2-3,
 242  .yui3-u-16-24 {
 243      width: 66.6667%;
 244      *width: 66.6357%;
 245  }
 246  
 247  .yui3-u-17-24 {
 248      width: 70.8333%;
 249      *width: 70.8023%;
 250  }
 251  
 252  .yui3-u-3-4,
 253  .yui3-u-18-24 {
 254      width: 75%;
 255      *width: 74.9690%;
 256  }
 257  
 258  .yui3-u-19-24 {
 259      width: 79.1667%;
 260      *width: 79.1357%;
 261  }
 262  
 263  .yui3-u-4-5 {
 264      width: 80%;
 265      *width: 79.9690%;
 266  }
 267  
 268  .yui3-u-5-6,
 269  .yui3-u-20-24 {
 270      width: 83.3333%;
 271      *width: 83.3023%;
 272  }
 273  
 274  .yui3-u-7-8,
 275  .yui3-u-21-24 {
 276      width: 87.5000%;
 277      *width: 87.4690%;
 278  }
 279  
 280  .yui3-u-11-12,
 281  .yui3-u-22-24 {
 282      width: 91.6667%;
 283      *width: 91.6357%;
 284  }
 285  
 286  .yui3-u-23-24 {
 287      width: 95.8333%;
 288      *width: 95.8023%;
 289  }
 290  
 291  .yui3-u-1,
 292  .yui3-u-1-1,
 293  .yui3-u-5-5,
 294  .yui3-u-24-24 {
 295      width: 100%;
 296  }
 297  
 298  /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
 299  
 300  .yui3-g-r {
 301      letter-spacing: -0.31em;
 302      *letter-spacing: normal;
 303      *word-spacing: -0.43em;
 304      /*
 305      Sets the font stack to fonts known to work properly with the above letter
 306      and word spacings. See: https://github.com/yui/pure/issues/41/
 307  
 308      The following font stack makes Pure Grids work on all known environments.
 309  
 310      * FreeSans: Ships with many Linux distros, including Ubuntu
 311  
 312      * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
 313        Arial to get picked up by the browser, even though neither is available
 314        in Chrome OS.
 315  
 316      * Droid Sans: Ships with all versions of Android.
 317  
 318      * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
 319      */
 320      font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
 321      /*
 322      Use flexbox when possible to avoid `letter-spacing` side-effects.
 323  
 324      NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
 325      `-moz-` prefix version is omitted.
 326      */
 327      display: -webkit-flex;
 328      -webkit-flex-flow: row wrap;
 329      /* IE10 uses display: flexbox */
 330      display: -ms-flexbox;
 331      -ms-flex-flow: row wrap;
 332  }
 333  
 334  /* Opera as of 12 on Windows needs word-spacing.
 335     The ".opera-only" selector is used to prevent actual prefocus styling
 336     and is not required in markup.
 337  */
 338  
 339  .opera-only :-o-prefocus,
 340  .yui3-g-r {
 341      word-spacing: -0.43em;
 342  }
 343  
 344  /*
 345  Resets the font family back to the OS/browser's default sans-serif font,
 346  this the same font stack that Normalize.css sets for the `body`.
 347  */
 348  
 349  .yui3-g-r [class *= "yui3-u"] {
 350      font-family: sans-serif;
 351  }
 352  
 353  .yui3-g-r img {
 354      max-width: 100%;
 355      height: auto;
 356  }
 357  
 358  @media (min-width: 980px) {
 359      .yui3-visible-phone {
 360          display: none;
 361      }
 362  
 363      .yui3-visible-tablet {
 364          display: none;
 365      }
 366  
 367      .yui3-hidden-desktop {
 368          display: none;
 369      }
 370  }
 371  
 372  @media (max-width: 480px) {
 373      .yui3-g-r > .yui3-u,
 374      .yui3-g-r > [class *= "yui3-u-"] {
 375          width: 100%;
 376      }
 377  }
 378  
 379  @media (max-width: 767px) {
 380      .yui3-g-r > .yui3-u,
 381      .yui3-g-r > [class *= "yui3-u-"] {
 382          width: 100%;
 383      }
 384  
 385      .yui3-hidden-phone {
 386          display: none;
 387      }
 388  
 389      .yui3-visible-desktop {
 390          display: none;
 391      }
 392  }
 393  
 394  @media (min-width: 768px) and (max-width: 979px) {
 395      .yui3-hidden-tablet {
 396          display: none;
 397      }
 398  
 399      .yui3-visible-desktop {
 400          display: none;
 401      }
 402  }
 403  /* YUI CSS Detection Stamp */
 404  #yui3-css-stamp.cssgrids-responsive { display: none; }