<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
}
.lp-head img {
- margin-bottom: 0.001em;
- margin-top: 0.6em;
+ margin: 2.0em 0 0.001em 0.61em;
}
.lp-head p {
- margin: 0.5em 0 0.4em 1.8em;
+ margin: 2.975em 0 0 -0.9em;
}
-@media (min-width:320px) and (max-width:768px) {
+@media (max-width:767px) {
.lp-head img {
margin: 1.5em auto 0.001em auto;
}
}
}
-@media (max-width:480px) {
+@media (min-width: 768px) and (max-width:991px) {
+ .lp-head img {
+ margin-top: 2.4em;
+ }
.lp-head p {
- margin: 0.5em 0 0 0;
- text-align: center;
- font-size: 0.9em;
+ margin: 2.855em 0 0 -0.9em;
+ }
+}
+
+@media (min-width:1200px) {
+ .lp-head p {
+ margin: 2.975em 0 0 -4.1em;
}
}
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
<div class="lp-banner"> <!--start of lp banner -->
<div class="container"> <!-- start of container -->
<div class="row">
- <div class="col-sm-6"> <!-- start of lp header -->
- <div class="lp-head">
+ <div class="lp-head"> <!-- start of lp header -->
+ <div class="col-sm-3">
<a href="/2014/">
<img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
class="img-responsive"
alt="[ LibrePlanet 2014 — Free Software, free society ]" />
</a>
- <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
+ </div>
+ <div class="col-sm-3">
+ <p class="text-muted">
+ March 22<sup>nd</sup>-23<sup>rd</sup><br />
+ MIT, Cambridge, MA</p>
</div>
</div><!-- end of lp header -->
<div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->