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 footer {
  21         margin: 5em 0;
  22
  23         li {
  24                 float: left;
  25                 margin-right: 1.5em;
  26                 margin-bottom: 1.5em;
  27         }
  28
  29         p {
  30                 clear: left;
  31                 margin-bottom: 0;
  32         }
  33 }
  34
  35 .splash {
  36         background-color: #1c2533;
  37     background: -webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
  38     background: -o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
  39     background: -ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
  40     background: -moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
  41     background: linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
  42     background-attachment: fixed;
  43     padding: 6em 0 2em;
  44     color: #fff;
  45     text-align: center;
  46
  47         .alert {
  48                 margin: 4em 0 2em;
  49         }
  50
  51         h1 {
  52                 font-size: 4em;
  53         }
  54
  55         #social {
  56                 margin-top: 6em;
  57         }
  58 }
  59
  60 .section-tout {
  61         padding: 4em 0 3em;
  62         border-top: 1px solid rgba(255, 255, 255, 0.1);
  63         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  64         background-color: #eaf1f1;
  65
  66         .fa {
  67                 margin-right: 0.5em;
  68         }
  69
  70         p {
  71                 margin-bottom: 3em;
  72         }
  73 }
  74
  75 .section-preview {
  76
  77         padding: 4em 0 4em;
  78
  79         .preview {
  80
  81                 margin-bottom: 4em;
  82                 background-color: #eaf1f1;
  83                 border: 1px solid rgba(0, 0, 0, 0.1);
  84                 border-radius: 6px;
  85
  86                 .image {
  87                         padding: 5px;
  88
  89                         img {
  90                                 border: 1px solid rgba(0, 0, 0, 0.1);
  91                         }
  92                 }
  93
  94                 .options {
  95                         text-align: center;
  96                         padding: 0 2em 2em;
  97
  98                         p {
  99                                 margin-bottom: 2em;
 100                         }
 101                 }
 102         }
 103
 104         .dropdown-menu {
 105                 text-align: left;
 106         }
 107
 108         .lead {
 109                 margin-bottom: 2em;
 110         }
 111
 112         @media (max-width: 767px) {
 113
 114                 .image img {
 115                         width: 100%;
 116                 }
 117         }
 118 }
 119
 120 .bsa .one {
 121
 122         .bsa_it_ad {
 123                 border: none !important;
 124                 background-color: transparent !important;
 125
 126                 .bsa_it_t,
 127                 .bsa_it_d {
 128                         color: inherit !important;
 129                 }
 130         }
 131
 132         .bsa_it_p {
 133                 display: none;
 134         }
 135
 136 }