public/assets/bootstrap-rtl-3-3-4/examples/originals/examples/cover/cover.css

   1 /*
   2  * Globals
   3  */
   4
   5 /* Links */
   6 a,
   7 a:focus,
   8 a:hover {
   9   color: #fff;
  10 }
  11
  12 /* Custom default button */
  13 .btn-default,
  14 .btn-default:hover,
  15 .btn-default:focus {
  16   color: #333;
  17   text-shadow: none; /* Prevent inheritence from `body` */
  18   background-color: #fff;
  19   border: 1px solid #fff;
  20 }
  21
  22
  23 /*
  24  * Base structure
  25  */
  26
  27 html,
  28 body {
  29   height: 100%;
  30   background-color: #333;
  31 }
  32 body {
  33   color: #fff;
  34   text-align: center;
  35   text-shadow: 0 1px 3px rgba(0,0,0,.5);
  36 }
  37
  38 /* Extra markup and styles for table-esque vertical and horizontal centering */
  39 .site-wrapper {
  40   display: table;
  41   width: 100%;
  42   height: 100%; /* For at least Firefox */
  43   min-height: 100%;
  44   -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  45           box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  46 }
  47 .site-wrapper-inner {
  48   display: table-cell;
  49   vertical-align: top;
  50 }
  51 .cover-container {
  52   margin-right: auto;
  53   margin-left: auto;
  54 }
  55
  56 /* Padding for spacing */
  57 .inner {
  58   padding: 30px;
  59 }
  60
  61
  62 /*
  63  * Header
  64  */
  65 .masthead-brand {
  66   margin-top: 10px;
  67   margin-bottom: 10px;
  68 }
  69
  70 .masthead-nav > li {
  71   display: inline-block;
  72 }
  73 .masthead-nav > li + li {
  74   margin-right: 20px;
  75 }
  76 .masthead-nav > li > a {
  77   padding-right: 0;
  78   padding-left: 0;
  79   font-size: 16px;
  80   font-weight: bold;
  81   color: #fff; /* IE8 proofing */
  82   color: rgba(255,255,255,.75);
  83   border-bottom: 2px solid transparent;
  84 }
  85 .masthead-nav > li > a:hover,
  86 .masthead-nav > li > a:focus {
  87   background-color: transparent;
  88   border-bottom-color: #a9a9a9;
  89   border-bottom-color: rgba(255,255,255,.25);
  90 }
  91 .masthead-nav > .active > a,
  92 .masthead-nav > .active > a:hover,
  93 .masthead-nav > .active > a:focus {
  94   color: #fff;
  95   border-bottom-color: #fff;
  96 }
  97
  98 @media (min-width: 768px) {
  99   .masthead-brand {
 100     float: right;
 101   }
 102   .masthead-nav {
 103     float: left;
 104   }
 105 }
 106
 107
 108 /*
 109  * Cover
 110  */
 111
 112 .cover {
 113   padding: 0 20px;
 114 }
 115 .cover .btn-lg {
 116   padding: 10px 20px;
 117   font-weight: bold;
 118 }
 119
 120
 121 /*
 122  * Footer
 123  */
 124
 125 .mastfoot {
 126   color: #999; /* IE8 proofing */
 127   color: rgba(255,255,255,.5);
 128 }
 129
 130
 131 /*
 132  * Affix and center
 133  */
 134
 135 @media (min-width: 768px) {
 136   /* Pull out the header and footer */
 137   .masthead {
 138     position: fixed;
 139     top: 0;
 140   }
 141   .mastfoot {
 142     position: fixed;
 143     bottom: 0;
 144   }
 145   /* Start the vertical centering */
 146   .site-wrapper-inner {
 147     vertical-align: middle;
 148   }
 149   /* Handle the widths */
 150   .masthead,
 151   .mastfoot,
 152   .cover-container {
 153     width: 100%; /* Must be percentage or pixels for horizontal alignment */
 154   }
 155 }
 156
 157 @media (min-width: 992px) {
 158   .masthead,
 159   .mastfoot,
 160   .cover-container {
 161     width: 700px;
 162   }
 163 }