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