git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/less/tests/css-tests.css

   1 /*!
   2  * Bootstrap CSS Tests
   3  */
   4
   5
   6 /* Remove background image */
   7 body {
   8   background-image: none;
   9 }
  10
  11 /* Space out subhead */
  12 .subhead {
  13   margin-bottom: 36px;
  14 }
  15 /*h4 {
  16   margin-bottom: 5px;
  17 }
  18 */
  19
  20 .type-test {
  21   margin-bottom: 20px;
  22   padding: 0 20px 20px;
  23   background: url(../../docs/assets/img/grid-baseline-20px.png);
  24 }
  25 .type-test h1,
  26 .type-test h2,
  27 .type-test h3,
  28 .type-test h4,
  29 .type-test h5,
  30 .type-test h6 {
  31   background-color: rgba(255,0,0,.2);
  32 }
  33
  34
  35 /* colgroup tests */
  36 .col1 {
  37   background-color: rgba(255,0,0,.1);
  38 }
  39 .col2 {
  40   background-color: rgba(0,255,0,.1);
  41 }
  42 .col3 {
  43   background-color: rgba(0,0,255,.1);
  44 }
  45
  46
  47 /* Fluid row inputs */
  48 #rowInputs .row > [class*=span],
  49 #fluidRowInputs .row-fluid > [class*=span] {
  50   background-color: rgba(255,0,0,.1);
  51 }
  52
  53
  54 /* Fluid grid */
  55 .fluid-grid {
  56   margin-bottom: 45px;
  57 }
  58 .fluid-grid .row {
  59   height: 40px;
  60   padding-top: 10px;
  61   margin-top: 10px;
  62   color: #ddd;
  63   text-align: center;
  64 }
  65 .fluid-grid .span1 {
  66   background-color: #999;
  67 }
  68
  69
  70 /* Gradients */
  71
  72 [class^="gradient-"] {
  73   width: 100%;
  74   height: 400px;
  75   margin: 20px 0;
  76   -webkit-border-radius: 5px;
  77      -moz-border-radius: 5px;
  78           border-radius: 5px;
  79 }
  80
  81 .gradient-horizontal {
  82   background-color: #333333;
  83   background-image: -moz-linear-gradient(left, #555555, #333333);
  84   background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#555555), to(#333333));
  85   background-image: -webkit-linear-gradient(left, #555555, #333333);
  86   background-image: -o-linear-gradient(left, #555555, #333333);
  87   background-image: linear-gradient(to right, #555555, #333333);
  88   background-repeat: repeat-x;
  89   filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1);
  90 }
  91
  92 .gradient-vertical {
  93   background-color: #474747;
  94   background-image: -moz-linear-gradient(top, #555555, #333333);
  95   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
  96   background-image: -webkit-linear-gradient(top, #555555, #333333);
  97   background-image: -o-linear-gradient(top, #555555, #333333);
  98   background-image: linear-gradient(to bottom, #555555, #333333);
  99   background-repeat: repeat-x;
 100   filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
 101 }
 102
 103 .gradient-directional {
 104   background-color: #333333;
 105   background-image: -moz-linear-gradient(45deg, #555555, #333333);
 106   background-image: -webkit-linear-gradient(45deg, #555555, #333333);
 107   background-image: -o-linear-gradient(45deg, #555555, #333333);
 108   background-image: linear-gradient(45deg, #555555, #333333);
 109   background-repeat: repeat-x;
 110 }
 111
 112 .gradient-vertical-three {
 113   background-color: #8940a5;
 114   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
 115   background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
 116   background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f);
 117   background-image: -o-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
 118   background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
 119   background-repeat: no-repeat;
 120   filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0);
 121 }
 122
 123 .gradient-radial {
 124   background-color: #333333;
 125   background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#555555), to(#333333));
 126   background-image: -webkit-radial-gradient(circle, #555555, #333333);
 127   background-image: -moz-radial-gradient(circle, #555555, #333333);
 128   background-image: -o-radial-gradient(circle, #555555, #333333);
 129   background-repeat: no-repeat;
 130 }
 131
 132 .gradient-striped {
 133   background-color: #555555;
 134   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 135   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 136   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 137   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 138   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 139 }
 140
 141 .gradient-horizontal-three {
 142   background-color: #00b3ee;
 143   background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
 144   background-image: -webkit-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
 145   background-image: -moz-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
 146   background-image: -o-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
 147   background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f);
 148   background-repeat: no-repeat;
 149   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3ee', endColorstr='#c3325f', GradientType=0);
 150 }