2016/assets/css/custom.css

   1 /* General */
   2
   3 body {
   4   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   5   font-size: 14px;
   6   line-height: 1.428571429;
   7   color: #333333;
   8 }
   9
  10 h2 {
  11     margin-bottom: 0px;
  12     margin-top:0px;
  13     padding-top: 5px;
  14 }
  15
  16 a:hover,
  17 a:focus {
  18   color: rgb(38, 208, 61);
  19   text-decoration: none;
  20 }
  21
  22 a {
  23   color: rgb(38, 208, 61);
  24 }
  25
  26 .alt-a {
  27   color: inherit;
  28   text-decoration: none;
  29   -moz-text-decoration-color: rgb(88, 208, 121);
  30   text-decoration-color: rgb(88, 208, 121);
  31 }
  32
  33 .text-thick {
  34         font-weight: 900;
  35 }
  36
  37 /* Header */
  38
  39 .lp-banner {
  40   box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7);
  41   margin-bottom: 20px;
  42   text-shadow: 0px 1px 0px #ffffff;
  43 }
  44
  45 .lp-head img {
  46   margin: 0.5em 0 0.001em -1.5em;
  47 }
  48
  49 .lp-head p {
  50   margin: -0.79em 0 0.001em -4em;
  51 }
  52
  53 .lp-banner .container {
  54   padding-right: 5px;
  55   padding-left: 5px;
  56   margin-right: auto;
  57   margin-left: auto;
  58 }
  59
  60 .btn-register:active,
  61 .btn-register.active,
  62 .open .dropdown-toggle.btn-register {
  63   background-image: none;
  64 }
  65
  66 @media (max-width:551px) {
  67   .lp-head p {
  68     margin: 0 0 0.2em 0;
  69     text-align: center;
  70   }
  71   .lp-head img {
  72     margin: 1.5em auto 0.5em auto;
  73   }
  74 }
  75
  76 @media (min-width: 552px) and (max-width:767px) {
  77
  78   .lp-head img {
  79     margin: 1.5em auto 0.5em auto;
  80   }
  81   .lp-head p {
  82     margin: 0.27em 0 0.001em -3.6em;
  83   }
  84 }
  85
  86 @media (min-width: 768px) and (max-width:991px) {
  87   .lp-head img {
  88     margin-top: 1.0em;
  89   }
  90   .lp-head p {
  91     margin: -0.45em 0 0.001em -3.6em;
  92   }
  93 }
  94
  95 @media (min-width:1200px) {
  96   .lp-head p {
  97     margin: -0.79em 0 0.001em -7em;
  98   }
  99 }
 100
 101 @media (min-width:1280px) {
 102   .btn-block {
 103     display: block;
 104     margin-right:auto;
 105     margin-left:auto;
 106     width: 85%;
 107     padding-right: 0;
 108     padding-left: 0;
 109   }
 110 }
 111
 112 .fsf-donate-button {
 113   margin-left: 24%;
 114   margin-top: 5px;
 115   margin-bottom: 10px;
 116   width:56%;
 117 }
 118
 119 @media (max-width:768px) {
 120   .fsf-donate-button {
 121     margin-left: 38%;
 122     margin-top: 5px;
 123     margin-bottom: 10px;
 124     width:22%;
 125   }
 126 }
 127
 128 @media (min-width:320px) and (max-width:360px) {
 129   .fsf-donate-button {
 130     margin-left: 28%;
 131     margin-top: 5px;
 132     margin-bottom: 10px;
 133     width:46%;
 134   }
 135 }
 136
 137 @media (min-width:768px) {
 138   .nav {
 139     padding-left: 0;
 140     margin-bottom: 0;
 141     list-style: none;
 142     padding-top: 1.0em;
 143   }
 144   .lp-home {
 145     padding-top: 2.0em;
 146     padding-bottom: 1.0em;
 147   }
 148   .nav-padding-top {
 149     margin-top: 4.12em;
 150   }
 151 }
 152
 153 .nav > li {
 154   position: relative;
 155   display: block;
 156   color: #ffffff;
 157   text-shadow: 0px 0px 0px #dadada;
 158   text-align: center;
 159   margin-bottom: 0.4em;
 160   border: none;
 161   border-radius: 5px;
 162 }
 163
 164 .nav > li > a {
 165   position: relative;
 166   display: block;
 167   padding: 10px 15px;
 168   text-decoration: none;
 169   background-color: rgba(145, 145, 145, 0.8);
 170   transition: background-color 1s;
 171 }
 172
 173 .nav > li.fsf-donate > a {
 174   background-color: rgba(58, 208, 61, 0.6);
 175   margin-top: 20px;
 176 }
 177
 178 .nav > li > a:hover,
 179 .nav > li > a:focus {
 180   background-color: rgba(88, 208, 121, 1.0);
 181 }
 182
 183 .nav-pills > li > a {
 184   border-radius: 5px;
 185   color: inherit;
 186 }
 187
 188 .nav-pills > li.active > a,
 189 .nav-pills > li.active > a:hover,
 190 .nav-pills > li.active > a:focus {
 191   color: #ffffff;
 192   background-color: rgba(88, 208, 121, 1.0);
 193 }
 194
 195
 196 /* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
 197 -------------------------------------------------- */
 198
 199 html,
 200 body {
 201   height: 100%;
 202 }
 203
 204 #wrapper {
 205   min-height: 100%;
 206   height: auto !important;
 207   height: 100%;
 208   margin: 0 auto -60px;
 209   padding: 0 0 60px;
 210 }
 211
 212 #footer {
 213   height: auto;
 214   border-top: 2px solid #dadada;
 215   box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7);
 216   background-color: rgb(255, 255, 255);
 217   margin-top: 1.5em;
 218 }
 219
 220 #footer .container p {
 221   margin: 1.4em 0;
 222 }
 223
 224 /* KiwiIRC iframe */
 225 .irc-client {
 226     border:0;
 227     width:100%;
 228     height:450px;
 229 }