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