lib/yui/3.5.1/build/cssgrids-context-deprecated/grids-context.css

   1 /*
   2 YUI 3.5.1 (build 22)
   3 Copyright 2012 Yahoo! Inc. All rights reserved.
   4 Licensed under the BSD License.
   5 http://yuilibrary.com/license/
   6 */
   7 /*
   8 *
   9 * The YUI CSS Foundation uses the *property and _property CSS filter
  10 * techniques to shield a value from A-grade browsers [1] other than
  11 * IE6 & IE7 (*property) and IE6 (_property)
  12 *
  13 /
  14 Section: General Rules
  15 */
  16 .yui3-cssgrids body {
  17         /* center the page */
  18         text-align: center;
  19         margin-left: auto;
  20         margin-right: auto;
  21 }
  22 /*
  23 Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
  24 */
  25 /*
  26 Subsection: General
  27 */
  28 .yui3-cssgrids .yui3-d0, /* 100% */
  29 .yui3-cssgrids .yui3-d1, /* 750px */
  30 .yui3-cssgrids .yui3-d1f, /* 750px fixed */
  31 .yui3-cssgrids .yui3-d2, /* 950px */
  32 .yui3-cssgrids .yui3-d2f, /* 950px fixed */
  33 .yui3-cssgrids .yui3-d3, /* 974px */
  34 .yui3-cssgrids .yui3-d3f { /* 974px fixed */
  35         margin: auto;
  36         text-align: left;
  37         width: 57.69em;
  38         *width: 56.25em; /* doc1*/
  39 }
  40
  41 .yui3-cssgrids .yui3-t1,
  42 .yui3-cssgrids .yui3-t2,
  43 .yui3-cssgrids .yui3-t3,
  44 .yui3-cssgrids .yui3-t4,
  45 .yui3-cssgrids .yui3-t5,
  46 .yui3-cssgrids .yui3-t6 {
  47         margin: auto;
  48         text-align: left;
  49         width: 100%;
  50 }
  51
  52 /*
  53 Subsection: 100% (doc)
  54 */
  55 .yui3-cssgrids .yui3-d0 {
  56         /* Left and Right margins are not a structural part of Grids. Without them Grids
  57         works fine, but content bleeds to the very edge of the document, which often
  58         impairs readability and usability. They are
  59         provided because they prevent the content from "bleeding" into the browser's chrome.*/
  60         margin: auto 10px;
  61         width: auto;
  62 }
  63 .yui3-cssgrids .yui3-d0f {
  64         width: 100%;
  65 }
  66
  67 /*
  68 Subsection: 950 Centered (doc2)
  69 */
  70 .yui3-cssgrids .yui3-d2 {
  71         width: 73.076em;
  72         *width: 71.25em;
  73 }
  74 .yui3-cssgrids .yui3-d2f {
  75         width: 950px;
  76 }
  77 /*
  78 Subsection: 974 Centered (doc3)
  79 */
  80 .yui3-cssgrids .yui3-d3 {
  81         width: 74.923em;
  82         *width: 73.05em;
  83 }
  84 .yui3-cssgrids .yui3-d3f {
  85         width: 974px;
  86 }
  87 /*
  88 Section: Preset Template Rules (.yui3-t[1-6])
  89 */
  90 /*
  91 Subsection: General
  92 */
  93
  94 /* to preserve source-order independence for Gecko without breaking IE */
  95 .yui3-cssgrids .yui3-b {
  96         position: relative;
  97 }
  98 .yui3-cssgrids .yui3-b {
  99         _position: static;
 100 }
 101 .yui3-cssgrids .yui3-main .yui3-b {
 102         position: static;
 103 }
 104 .yui3-cssgrids .yui3-main {
 105         width: 100%;
 106 }
 107 .yui3-cssgrids .yui3-t1 .yui3-main,
 108 .yui3-cssgrids .yui3-t2 .yui3-main,
 109 .yui3-cssgrids .yui3-t3 .yui3-main {
 110         float: right;
 111         /* IE: preserve layout at narrow widths */
 112         margin-left: -25em;
 113 }
 114 .yui3-cssgrids .yui3-t4 .yui3-main,
 115 .yui3-cssgrids .yui3-t5 .yui3-main,
 116 .yui3-cssgrids .yui3-t6 .yui3-main {
 117         float: left;
 118         /* IE: preserve layout at narrow widths */
 119         margin-right: -25em;
 120 }
 121
 122 /* Subsection: For Specific Template Presets */
 123
 124 /**
 125 * Nudge down to get to 13px equivalent for these form elements
 126 */
 127
 128 /*
 129 TODO Create t1-6's that are based on fixed widths
 130 */
 131 /* t1 narrow block = left, equivalent of 160px */
 132 .yui3-cssgrids .yui3-t1 .yui3-b {
 133         float: left;
 134         width: 12.30769em;
 135         *width: 12.00em;
 136 }
 137 .yui3-cssgrids .yui3-t1 .yui3-main .yui3-b {
 138         margin-left: 13.30769em;
 139         *margin-left:12.975em;
 140 }
 141 /* t2 narrow block = left, equivalent of 180px */
 142 .yui3-cssgrids .yui3-t2 .yui3-b {
 143         float: left;
 144         width: 13.84615em;
 145         *width: 13.50em;
 146 }
 147 .yui3-cssgrids .yui3-t2 .yui3-main .yui3-b {
 148         margin-left: 14.84615em;
 149         *margin-left: 14.475em;
 150 }
 151 /* t3 narrow block = left, equivalent of 300px */
 152 .yui3-cssgrids .yui3-t3 .yui3-b {
 153         float: left;
 154         width: 23.0769em;
 155         *width: 22.50em;
 156 }
 157 .yui3-cssgrids .yui3-t3 .yui3-main .yui3-b {
 158         margin-left: 24.0769em;
 159         *margin-left: 23.475em;
 160 }
 161 /* t4 narrow block = right, equivalent of 180px */
 162 .yui3-cssgrids .yui3-t4 .yui3-b {
 163         float: right;
 164         width: 13.8456em;
 165         *width: 13.50em;
 166 }
 167 .yui3-cssgrids .yui3-t4 .yui3-main .yui3-b {
 168         margin-right: 14.8456em;
 169         *margin-right: 14.475em;
 170 }
 171 /* t5 narrow block = right, equivalent of 240px */
 172 .yui3-cssgrids .yui3-t5 .yui3-b {
 173         float: right;
 174         width: 18.4615em;
 175         *width: 18.00em;
 176 }
 177 .yui3-cssgrids .yui3-t5 .yui3-main .yui3-b {
 178         margin-right: 19.4615em;
 179         *margin-right: 18.975em;
 180 }
 181 /* t6 narrow block = equivalent of 300px */
 182 .yui3-cssgrids .yui3-t6 .yui3-b {
 183         float: right;
 184         width: 23.0769em;
 185         *width: 22.50em;
 186 }
 187 .yui3-cssgrids .yui3-t6 .yui3-main .yui3-b {
 188         margin-right: 24.0769em;
 189         *margin-right: 23.475em;
 190 }
 191
 192 .yui3-cssgrids .yui3-main .yui3-b {
 193         float: none;
 194         width: auto;
 195 }
 196
 197 /*
 198 Section: Grids and Nesting Grids
 199 */
 200
 201 /*
 202 Subsection: Children generally take half the available space
 203 */
 204
 205 .yui3-cssgrids .yui3-gb .yui3-u,
 206 .yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
 207 .yui3-cssgrids .yui3-gb .yui3-g,
 208 .yui3-cssgrids .yui3-gb .yui3-gb,
 209 .yui3-cssgrids .yui3-gb .yui3-gc,
 210 .yui3-cssgrids .yui3-gb .yui3-gd,
 211 .yui3-cssgrids .yui3-gb .yui3-ge,
 212 .yui3-cssgrids .yui3-gb .yui3-gf,
 213 .yui3-cssgrids .yui3-gc .yui3-u,
 214 .yui3-cssgrids .yui3-gc .yui3-g,
 215 .yui3-cssgrids .yui3-gd .yui3-u {
 216         float: left;
 217 }
 218
 219 /*Float units (and sub grids) to the right */
 220 .yui3-cssgrids .yui3-g .yui3-u,
 221 .yui3-cssgrids .yui3-g .yui3-g,
 222 .yui3-cssgrids .yui3-g .yui3-gb,
 223 .yui3-cssgrids .yui3-g .yui3-gc,
 224 .yui3-cssgrids .yui3-g .yui3-gd,
 225 .yui3-cssgrids .yui3-g .yui3-ge,
 226 .yui3-cssgrids .yui3-g .yui3-gf,
 227 .yui3-cssgrids .yui3-gc .yui3-u,
 228 .yui3-cssgrids .yui3-gd .yui3-g,
 229 .yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
 230 .yui3-cssgrids .yui3-ge .yui3-u,
 231 .yui3-cssgrids .yui3-ge .yui3-g,
 232 .yui3-cssgrids .yui3-gf .yui3-g,
 233 .yui3-cssgrids .yui3-gf .yui3-u {
 234         float: right;
 235 }
 236
 237 /*Float units (and sub grids) to the left */
 238 .yui3-cssgrids .yui3-g div.first,
 239 .yui3-cssgrids .yui3-gb div.first,
 240 .yui3-cssgrids .yui3-gc div.first,
 241 .yui3-cssgrids .yui3-gd div.first,
 242 .yui3-cssgrids .yui3-ge div.first,
 243 .yui3-cssgrids .yui3-gf div.first,
 244 .yui3-cssgrids .yui3-g .yui3-gc div.first,
 245 .yui3-cssgrids .yui3-g .yui3-ge div.first,
 246 .yui3-cssgrids .yui3-gc div.first div.first {
 247         float: left;
 248 }
 249
 250 .yui3-cssgrids .yui3-g .yui3-u,
 251 .yui3-cssgrids .yui3-g .yui3-g,
 252 .yui3-cssgrids .yui3-g .yui3-gb,
 253 .yui3-cssgrids .yui3-g .yui3-gc,
 254 .yui3-cssgrids .yui3-g .yui3-gd,
 255 .yui3-cssgrids .yui3-g .yui3-ge,
 256 .yui3-cssgrids .yui3-g .yui3-gf {
 257         width: 49.1%;
 258 }
 259
 260 .yui3-cssgrids .yui3-gb .yui3-u,
 261 .yui3-cssgrids .yui3-g .yui3-gb .yui3-u,
 262 .yui3-cssgrids .yui3-gb .yui3-g,
 263 .yui3-cssgrids .yui3-gb .yui3-gb,
 264 .yui3-cssgrids .yui3-gb .yui3-gc,
 265 .yui3-cssgrids .yui3-gb .yui3-gd,
 266 .yui3-cssgrids .yui3-gb .yui3-ge,
 267 .yui3-cssgrids .yui3-gb .yui3-gf,
 268 .yui3-cssgrids .yui3-gc .yui3-u,
 269 .yui3-cssgrids .yui3-gc .yui3-g,
 270 .yui3-cssgrids .yui3-gd .yui3-u {
 271         width: 32%;
 272         margin-left: 2.0%;
 273 }
 274
 275 /* Give IE some extra breathing room for 1/3-based rounding issues */
 276 .yui3-cssgrids .yui3-gb .yui3-u {
 277         *width: 31.8%;
 278         *margin-left: 1.9%;
 279 }
 280
 281 .yui3-cssgrids .yui3-gc div.first,
 282 .yui3-cssgrids .yui3-gd .yui3-u {
 283         width: 66%;
 284         _width: 65.7%;
 285 }
 286 .yui3-cssgrids .yui3-gd div.first {
 287         width: 32%;
 288         _width: 31.5%;
 289 }
 290
 291 .yui3-cssgrids .yui3-ge div.first,
 292 .yui3-cssgrids .yui3-gf .yui3-u {
 293         width: 74.2%;
 294         _width: 74%;
 295 }
 296
 297 .yui3-cssgrids .yui3-ge .yui3-u,
 298 .yui3-cssgrids .yui3-gf div.first {
 299         width: 24%;
 300         _width: 23.8%;
 301 }
 302
 303 .yui3-cssgrids .yui3-g .yui3-gb div.first,
 304 .yui3-cssgrids .yui3-gb div.first,
 305 .yui3-cssgrids .yui3-gc div.first,
 306 .yui3-cssgrids .yui3-gd div.first {
 307         margin-left: 0;
 308 }
 309
 310 /*
 311 Section: Deep Nesting
 312 */
 313 .yui3-cssgrids .yui3-g .yui3-g .yui3-u,
 314 .yui3-cssgrids .yui3-gb .yui3-g .yui3-u,
 315 .yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
 316 .yui3-cssgrids .yui3-gd .yui3-g .yui3-u,
 317 .yui3-cssgrids .yui3-ge .yui3-g .yui3-u,
 318 .yui3-cssgrids .yui3-gf .yui3-g .yui3-u {
 319         width: 49%;
 320         *width: 48.1%;
 321         *margin-left: 0;
 322 }
 323
 324 .yui3-cssgrids .yui3-g .yui3-gb div.first,
 325 .yui3-cssgrids .yui3-gb .yui3-gb div.first {
 326         *margin-right: 0;
 327         *width: 32%;
 328         _width: 31.7%;
 329 }
 330
 331 .yui3-cssgrids .yui3-g .yui3-gc div.first,
 332 .yui3-cssgrids .yui3-gd .yui3-g {
 333         width: 66%;
 334 }
 335
 336 .yui3-cssgrids .yui3-gb .yui3-g div.first {
 337         *margin-right: 4%;
 338         _margin-right: 1.3%;
 339 }
 340
 341 .yui3-cssgrids .yui3-gb .yui3-gc div.first,
 342 .yui3-cssgrids .yui3-gb .yui3-gd div.first {
 343         *margin-right: 0;
 344 }
 345
 346 .yui3-cssgrids .yui3-gb .yui3-gb .yui3-u,
 347 .yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
 348         *margin-left: 1.8%;
 349         _margin-left: 4%;
 350 }
 351
 352 .yui3-cssgrids .yui3-g .yui3-gb .yui3-u {
 353         _margin-left: 1.0%;
 354 }
 355
 356 .yui3-cssgrids .yui3-gb .yui3-gd .yui3-u {
 357         *width: 66%;
 358         _width: 61.2%;
 359 }
 360 .yui3-cssgrids .yui3-gb .yui3-gd div.first {
 361         *width: 31%;
 362         _width: 29.5%;
 363 }
 364
 365 .yui3-cssgrids .yui3-g .yui3-gc .yui3-u,
 366 .yui3-cssgrids .yui3-gb .yui3-gc .yui3-u {
 367         width: 32%;
 368         _float: right;
 369         margin-right: 0;
 370         _margin-left: 0;
 371 }
 372 .yui3-cssgrids .yui3-gb .yui3-gc div.first {
 373         width: 66%;
 374         *float: left;
 375         *margin-left: 0;
 376 }
 377
 378 .yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
 379 .yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
 380         margin: 0;
 381 }
 382
 383 .yui3-cssgrids .yui3-gb .yui3-gb .yui3-u {
 384         _margin-left: .7%;
 385 }
 386
 387 .yui3-cssgrids .yui3-gb .yui3-g div.first,
 388 .yui3-cssgrids .yui3-gb .yui3-gb div.first {
 389         *margin-left:0;
 390 }
 391
 392 .yui3-cssgrids .yui3-gc .yui3-g .yui3-u,
 393 .yui3-cssgrids .yui3-gd .yui3-g .yui3-u {
 394         *width: 48.1%;
 395         *margin-left: 0;
 396 }
 397
 398 .yui3-cssgrids .yui3-gb .yui3-gd div.first {
 399         width: 32%;
 400 }
 401 .yui3-cssgrids .yui3-g .yui3-gd div.first {
 402         _width: 29.9%;
 403 }
 404
 405 .yui3-cssgrids .yui3-ge .yui3-g {
 406         width: 24%;
 407 }
 408 .yui3-cssgrids .yui3-gf .yui3-g {
 409         width: 74.2%;
 410 }
 411
 412 .yui3-cssgrids .yui3-gb .yui3-ge div.yui3-u,
 413 .yui3-cssgrids .yui3-gb .yui3-gf div.yui3-u {
 414         float: right;
 415 }
 416 .yui3-cssgrids .yui3-gb .yui3-ge div.first,
 417 .yui3-cssgrids .yui3-gb .yui3-gf div.first {
 418         float: left;
 419 }
 420
 421 /* Width Accommodation for Nested Contexts */
 422 .yui3-cssgrids .yui3-gb .yui3-ge .yui3-u,
 423 .yui3-cssgrids .yui3-gb .yui3-gf div.first {
 424         *width: 24%;
 425         _width: 20%;
 426 }
 427
 428 /* Width Accommodation for Nested Contexts */
 429
 430 .yui3-cssgrids .yui3-gc .yui3-gf .yui3-u {
 431         width: 74%;
 432         _width: 73%;
 433 }
 434
 435 .yui3-cssgrids .yui3-gc .yui3-gf div.first {
 436         width: 24%;
 437 }
 438
 439 .yui3-cssgrids .yui3-gb .yui3-ge div.first,
 440 .yui3-cssgrids .yui3-gb .yui3-gf .yui3-u {
 441         *width: 73.5%;
 442         _width: 65.5%;
 443 }
 444
 445 /* Patch for GD within GE */
 446 .yui3-cssgrids .yui3-ge div.first .yui3-gd .yui3-u {
 447         width: 65%;
 448 }
 449 .yui3-cssgrids .yui3-ge div.first .yui3-gd div.first {
 450         width: 32%;
 451 }
 452
 453 /*
 454 Section: Clearing. zoom for IE, :after for others
 455 */
 456
 457 .yui3-cssgrids #bd:after,
 458 .yui3-cssgrids .yui3-g:after,
 459 .yui3-cssgrids .yui3-gb:after,
 460 .yui3-cssgrids .yui3-gc:after,
 461 .yui3-cssgrids .yui3-gd:after,
 462 .yui3-cssgrids .yui3-ge:after,
 463 .yui3-cssgrids .yui3-gf:after,
 464 .yui3-cssgrids .yui3-t1:after,
 465 .yui3-cssgrids .yui3-t2:after,
 466 .yui3-cssgrids .yui3-t3:after,
 467 .yui3-cssgrids .yui3-t4:after,
 468 .yui3-cssgrids .yui3-t5:after,
 469 .yui3-cssgrids .yui3-t6:after {
 470         content: ".";
 471         display: block;
 472         height: 0;
 473         clear: both;
 474         visibility: hidden;
 475 }
 476 .yui3-cssgrids #bd,
 477 .yui3-cssgrids .yui3-g,
 478 .yui3-cssgrids .yui3-gb,
 479 .yui3-cssgrids .yui3-gc,
 480 .yui3-cssgrids .yui3-gd,
 481 .yui3-cssgrids .yui3-ge,
 482 .yui3-cssgrids .yui3-gf,
 483 .yui3-cssgrids .yui3-t1,
 484 .yui3-cssgrids .yui3-t2,
 485 .yui3-cssgrids .yui3-t3,
 486 .yui3-cssgrids .yui3-t4,
 487 .yui3-cssgrids .yui3-t5,
 488 .yui3-cssgrids .yui3-t6 {
 489         zoom: 1;
 490 }