git.roojs.org Git - bootswatch/blob - css/bootswatch.css

   1 body {
   2         padding-bottom: 20px;
   3 }
   4
   5 .nav i {
   6         opacity: 0.5;
   7 }
   8
   9 .nav a:hover i {
  10         opacity: 1;
  11 }
  12
  13 .tooltip-inner {
  14         max-width: 500px;
  15 }
  16
  17 .alert a {
  18         font-weight: bold;
  19         text-decoration: underline;
  20 }
  21
  22 .alert p {
  23         margin: 0;
  24 }
  25
  26 .hero-unit {
  27         margin-top: 60px;
  28         margin-bottom: 10px;
  29 }
  30
  31 .hero-unit h1, .hero-unit p {
  32   text-align: center;
  33   margin-bottom: 15px;
  34 }
  35
  36 #social {
  37   margin-top: 45px;
  38 }
  39
  40 .twitter-follow-button {
  41   width: 150px !important;
  42 }
  43
  44 .rss-button {
  45         width: 40px;
  46         height: 14px;
  47         font-size: 11px;
  48         line-height: 14px;
  49         font-weight: bold;
  50         margin: 0;
  51         padding: 2px 5px 2px 4px;
  52 }
  53
  54 .icon-rss {
  55     background: url(../img/rss-icons.png) no-repeat 0 0;
  56         opacity: .65;
  57         width: 16px;
  58 }
  59
  60 #ticker {
  61         margin-bottom: 40px;
  62 }
  63
  64 .about {
  65   margin-top: 20px;
  66 }
  67
  68 .about .span4 {
  69         margin-bottom: 20px;
  70 }
  71
  72 .about h3 {
  73   margin: 0 0 5px 35px;
  74 }
  75
  76 .about img {
  77   float: left;
  78   margin-top: 5px;
  79   opacity: 0.7;
  80 }
  81
  82 #gallery {
  83   margin: 45px 0 30px 0;
  84   padding-right: 20px;
  85   text-align: center;
  86 }
  87
  88 .thumbnail {
  89         margin-bottom: 20px;
  90         background-color: rgba(0, 0, 0, 0.05);
  91 }
  92
  93 .thumbnail img {
  94         width: 100%;
  95         -webkit-border-radius: 7px;
  96        -moz-border-radius: 7px;
  97             border-radius: 7px;
  98 }
  99
 100 .thumbnail .caption {
 101         color: inherit !important;
 102 }
 103
 104 .thumbnail h3 {
 105         margin-bottom: 0;
 106 }
 107
 108 .thumbnail .btn-toolbar {
 109         margin-top: 15px;
 110         text-align: right;
 111 }
 112
 113 .links {
 114         margin-bottom: 20px;
 115 }
 116
 117 .links > a {
 118         margin-right: 10px;
 119 }
 120
 121 /* Landscape phones and down */
 122 @media (max-width: 480px) {
 123
 124         .hero-unit {
 125                 padding: 40px 20px 10px;
 126                 margin: 0 0 20px;
 127         }
 128
 129         .hero-unit h1 {
 130           font-size: 36px;
 131         }
 132
 133         .hero-unit p {
 134                 font-size: 13px;
 135                 line-height: 18px;
 136         }
 137
 138         #social {
 139                 margin-top: 0px;
 140                 margin-bottom: 40px;
 141         }
 142
 143         .about {
 144           margin-top: 0;
 145         }
 146
 147         .about h3 {
 148           margin-top: 20px;
 149         }
 150
 151         .about p {
 152                 margin-bottom: 0;
 153         }
 154
 155         .modal {
 156                 position: fixed !important;
 157                 top: 25% !important;
 158         }
 159 }
 160
 161 div.one .bsa_it_ad {
 162         padding: 25px 25px 15px 25px;
 163 }
 164
 165 div.one .bsa_it_p {
 166         display: none;
 167 }
 168
 169 #bsap_aplink {
 170         float: right;
 171         margin-bottom: 20px;
 172         font-size: 12px;
 173 }
 174
 175 /* Landscape phone to portrait tablet */
 176 @media (min-width: 481px) and (max-width: 767px) {
 177
 178         .hero-unit {
 179                 margin-top: 0;
 180                 padding-bottom: 60px;
 181         }
 182
 183         .about {
 184                 margin-top: 0;
 185         }
 186 }
 187
 188 /* Portrait tablet to landscape and desktop */
 189 @media (min-width: 768px) and (max-width: 980px) {
 190
 191         .hero-unit {
 192                 margin-top: 0;
 193         }
 194
 195         .thumbnail .btn {
 196                 font-size: 11px;
 197         }
 198 }
 199
 200 /* Large desktop */
 201 @media (min-width: 1200px) {
 202
 203
 204 }