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

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