From 80d545ec55118af29f677707bf1f569512138c8a Mon Sep 17 00:00:00 2001 From: rsiddharth Date: Sat, 15 Feb 2014 13:34:17 +0530 Subject: [PATCH] Add new front page in staging area with custom css. -> The data-place text in the header is now placed to the right of the LP logo. -> The nav buttons get pushed to end of the page on screens with width lesser than 768px (small tablets & mobile devices). --- server/staging/lpc14/custom.css | 473 +++++++++++++++++++++++ server/staging/lpc14/index.logo.nav.html | 304 +++++++++++++++ 2 files changed, 777 insertions(+) create mode 100644 server/staging/lpc14/custom.css create mode 100644 server/staging/lpc14/index.logo.nav.html diff --git a/server/staging/lpc14/custom.css b/server/staging/lpc14/custom.css new file mode 100644 index 00000000..6d81480b --- /dev/null +++ b/server/staging/lpc14/custom.css @@ -0,0 +1,473 @@ +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333333; +} + +h3 { + font-size: 20px; +} + +.lp-banner { + box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7); + margin-bottom: 20px; + text-shadow: 0px 1px 0px #ffffff; + background-image: url(/2014/assets/img/l-noise.png); +} + +.lp-head img { + margin-bottom: 0.001em; + margin-top: 2.0em; +} + +.lp-head p { + margin: 3.1em 0 0 -1.3em; +} + +@media (max-width:767px) { + .lp-head img { + margin: 1.5em auto 0.001em auto; + } + .lp-head p { + margin: 0.5em 0 0 0; + text-align: center; + } +} + +@media (min-width: 768px) and (max-width:991px) { + .lp-head img { + margin-top: 2.4em; + } +} + +@media (min-width:1200px) { + .lp-head p { + margin: 3.1em 0 0 -4.5em; + } +} + +.lp-signup { + margin-right: 10px; + margin-left: 10px; +} + +.lp-banner .container { + padding-right: 5px; + padding-left: 5px; + margin-right: auto; + margin-left: auto; +} + + +.btn-register-lp14 { + margin-top: 2em; + margin-bottom: 0.3em; + color: #ffffff; + text-shadow: 0px 0px 0px #ffffff; + background-color: rgba(92, 184, 92, 0.9); + border-color: rgba(76, 174, 76, 0.2); +} + +.btn-register-lp14:hover, +.btn-register-lp14:focus, +.btn-register-lp14:active, +.btn-register-lp14.active, +.open .dropdown-toggle.btn-register-lp14 { + color: #ffffff; + background-color: rgba(74, 161, 74, 0.9); + border-color: rgba(57, 132, 57, 0.2); +} + +.btn-register-lp14:active, +.btn-register-lp14.active, +.open .dropdown-toggle.btn-register-lp14 { + background-image: none; +} + + +@media (min-width:1280px) { + .btn-block { + display: block; + margin-right:auto; + margin-left:auto; + width: 85%; + padding-right: 0; + padding-left: 0; + } +} + + +.fsf-donate-button { + margin-left: 24%; + margin-top: 25px; + margin-bottom: 10px; + width:56%; +} + +@media (max-width:768px) { + .fsf-donate-button { + margin-left: 34%; + margin-top: 25px; + margin-bottom: 10px; + width:32%; + } +} + +@media (min-width:320px) and (max-width:360px) { + .fsf-donate-button { + margin-left: 24%; + margin-top: 25px; + margin-bottom: 10px; + width:56%; + } +} + +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: none; +} + + +.form-control:-moz-placeholder { + color: #777777; +} + +.form-control::-moz-placeholder { + color: #777777; +} + +.form-control:-ms-input-placeholder { + color: #777777; +} + +.form-control::-webkit-input-placeholder { + color: #777777; +} + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555555; + vertical-align: middle; + background-color: rgba(250, 250, 250, 0.7); + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: border-color ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s; +} + +.form-control:focus { + border-color: #919191; + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; +} + +.scholarship-input-annotation { + margin-bottom: -0.6em; +} + +.lp-signup .form-group { + margin-bottom: 2px; +} + +.lp-label-news { + display: inline-block; +} + +.checkbox .help-block { + display: inline-block; + margin-top: 0; + margin-bottom: 10px; + color: #737373; +} + +.form-group .lp-left-form-checkbox-text { + text-align:right; + font-weight: bold; +} + +@media screen and (min-width: 320px) and (max-width: 768px){ + .form-group .lp-left-form-checkbox-text { + text-align: left; + font-weight: bold; + } +} + +.field-required { + color: rgba(128, 0, 0, 0.6); +} + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 30px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; +} + +.radio-clear-link { + display: inline-block; + padding-left: 5px; + margin-bottom: 0; + margin-top: 5px; + font-weight: normal; + vertical-align: middle; + cursor: pointer; +} + +.btn-default { + color: #ffffff; + background-color: rgba(145, 145, 145, 0.5); + border-color: rgba(145, 145, 145, 0.2); +} + +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #ffffff; + background-color: rgba(129, 129, 129, 0.5); + border-color: rgba(129, 129, 129, 0.2); +} + +@media (min-width:768px) { + .nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; + padding-top: 1.0em; + } + .lp-home { + padding-top: 2.0em; + } + .nav-padding-top { + margin-top: 4.12em; + } +} + +.nav > li { + position: relative; + display: block; + color: #ffffff; + text-shadow: 0px 0px 0px #dadada; + text-align: center; + margin-bottom: 0.4em; + border: none; + border-radius: 5px; +} + +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; + background-color: rgba(145, 145, 145, 0.8); + transition: background-color 1s; +} + +.nav > li.fsf-donate > a { + background-color: rgba(128, 0, 0, 0.6); + margin-top: 20px; +} + +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: rgba(128, 0, 0, 0.7); +} + +.nav-pills > li > a { + border-radius: 5px; + color: inherit; +} + +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: rgba(128, 0, 0, 0.7); +} + +.btn-carousel { + font-size: 1.15em; + font-weight: 100; +} + +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + left: 50%; + z-index: 5; + display: none; +} + +.carousel-caption-tr { + position: absolute; + font-size: 1.1em; + top: 5%; + bottom: auto; + right: 1.5%; + left: 38%; + z-index: 10; + padding-top: 10px; + padding-bottom: 10px; + color: #ffffff; + text-align: center; + background-color: rgba(0, 0, 0,0.4); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + border-radius: 8px; +} + +.call-for-proposal { + right: 2%; + left: 35%; +} + +.carousel-caption-bl { + position: absolute; + font-size: 1.1em; + top: auto; + bottom: 5%; + right: 45%; + left: 2%; + z-index: 10; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 10px; + padding-right: 10px; + color: #ffffff; + text-align: center; + background-color: rgba(0, 0, 0,0.4); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + border-radius: 8px; +} + +.carousel-caption-tl { + position: absolute; + font-size: 1.1em; + top: 5%; + bottom: auto; + right: 34%; + left: 2%; + z-index: 10; + padding-top: 10px; + padding-bottom: 10px; + color: #ffffff; + text-align: center; + background-color: rgba(0, 0, 0,0.4); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + border-radius: 8px; +} + +@media screen and (min-width: 1280px) { + .carousel-caption-tr { + padding-bottom: 10px; + margin-left: 65px; + margin-right: auto; + } + + .carousel-caption-bl { + padding-bottom: 10px; + margin-left: auto; + margin-right: 65px; + } + +} + +@media screen and (min-width: 600px) and (max-width: 980px){ + .btn-carousel { + font-size: 0.9em; + font-weight: 200; + } +} + +@media screen and (min-width: 320px) and (max-width: 480px){ + .carousel-caption-tl { + right: 2%; + } + + .btn-carousel { + font-size: 0.85em; + font-weight: 200; + } + .carousel-caption-tr { + left: 1%; + } +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover, +a:focus { + color: #800000; + text-decoration: none; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #bababa; +} + +.margin-top { + margin-top: 22px; +} + +.speaker { + vertical-align:top; +} + +.speaker-photo { + padding-top:23px; + padding-right:15px; +} + +.lp-video { + width: 100%; +} + +/* Footer - adapted from +-------------------------------------------------- */ + +html, +body { + height: 100%; +} + +#wrapper { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -60px; + padding: 0 0 60px; +} + +#footer { + height: auto; + border-top: 2px solid #dadada; + box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7); + background-color: rgb(255, 255, 255); + margin-top: 1.5em; +} + +#footer .container p { + margin: 1.4em 0; +} diff --git a/server/staging/lpc14/index.logo.nav.html b/server/staging/lpc14/index.logo.nav.html new file mode 100644 index 00000000..7aa6ba28 --- /dev/null +++ b/server/staging/lpc14/index.logo.nav.html @@ -0,0 +1,304 @@ + + + + + + + + + + LibrePlanet 2014 + + + + +
+
+
+
+
+
+ + [ LibrePlanet 2014 — Free Software, free society ] + +
+
+

March 22nd-23rd
MIT, Cambridge, MA

+
+
+
+ + + Register now + +

+ gratis for members and students! +

+
+
+
+
+ +
+
+ + + +
+ + + + +
+

+ LibrePlanet is an annual conference for free software enthusiasts. LibrePlanet brings together software developers, policy experts, activists and computer users to learn skills, share accomplishments and face challenges to software freedom. Newcomers are always welcome, and LibrePlanet 2014 will feature programming for all ages and experience levels.

+

+ This year, the theme of LibrePlanet is "Free Software, Free Society." How can free software protect journalists, whistleblowers, activists, and regular computer users from government and corporate surveillance? How can free software, or free software values like copyleft, community development, and transparency, be used by people fighting to create free societies around the world? What challenges are standing between us and our goal of free software ubiquity? With your help, we'll tackle these questions and more at LibrePlanet 2014, March 22-23 in Cambridge, MA. +

+

FSF members and students attend LibrePlanet at no cost! Become a member now. If you're interested in attending but need help, we also have scholarships avalaible.

+
+ +
+ +
+
+ +
+ + + + + + + + + + + -- 2.25.1