git.roojs.org Git - bootswatch/blob - assets/less/bootswatch.less

   1 body {
   2         padding-top: 50px;
   3 }
   4
   5 #banner {
   6         border-bottom: none;
   7 }
   8
   9 .page-header {
  10
  11         h1 {
  12                 font-size: 4em;
  13         }
  14 }
  15
  16 .bs-docs-section {
  17         margin-top: 8em;
  18 }
  19
  20 .affix {
  21         top: 70px;
  22 }
  23
  24 footer {
  25         margin: 5em 0;
  26
  27         li {
  28                 float: left;
  29                 margin-right: 1.5em;
  30                 margin-bottom: 1.5em;
  31         }
  32
  33         p {
  34                 clear: left;
  35                 margin-bottom: 0;
  36         }
  37 }
  38
  39 .splash {
  40
  41         background-color: #19232F;
  42         background-color: #1C2533;
  43         padding: 6em 0 2em;
  44         color: #fff;
  45         text-align: center;
  46
  47         .alert {
  48                 margin: 4em 0 2em;
  49                 text-align: left;
  50         }
  51
  52         h1 {
  53                 font-size: 4em;
  54         }
  55
  56         #social {
  57                 margin-top: 6em;
  58         }
  59 }
  60
  61 .section-tout {
  62         padding: 4em 0 3em;
  63         border-top: 1px solid rgba(255, 255, 255, 0.1);
  64         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  65         background-color: #E2F2F3;
  66
  67         [class^="icon-"] {
  68                 margin-right: 0.5em;
  69         }
  70
  71         p {
  72                 margin-bottom: 3em;
  73         }
  74 }
  75
  76 .section-preview {
  77
  78         padding: 4em 0 4em;
  79
  80         .preview {
  81
  82                 margin-bottom: 4em;
  83                 background-color: #E2F2F3;
  84                 border: 1px solid rgba(0, 0, 0, 0.1);
  85                 border-radius: 6px;
  86
  87                 .image {
  88                         padding: 5px;
  89
  90                         img {
  91                                 border: 1px solid rgba(0, 0, 0, 0.1);
  92                         }
  93                 }
  94
  95                 .options {
  96                         text-align: center;
  97                         padding: 0 2em 2em;
  98
  99                         p {
 100                                 margin-bottom: 2em;
 101                         }
 102                 }
 103         }
 104
 105         .dropdown-menu {
 106                 text-align: left;
 107         }
 108
 109         .lead {
 110                 margin-bottom: 2em;
 111         }
 112
 113         @media (max-width: 767px) {
 114
 115                 .image img {
 116                         width: 100%;
 117                 }
 118         }
 119 }
 120
 121 .bsa .one {
 122
 123         .bsa_it_ad {
 124                 border: none !important;
 125                 background-color: transparent !important;
 126
 127                 .bsa_it_t,
 128                 .bsa_it_d {
 129                         color: inherit !important;
 130                 }
 131         }
 132
 133         .bsa_it_p {
 134                 display: none;
 135         }
 136
 137 }