From 7123baf78447e18a620d7b2d89719be5658d3645 Mon Sep 17 00:00:00 2001 From: rsiddharth Date: Sat, 17 Oct 2015 15:01:47 -0400 Subject: [PATCH] updated 2016/assets/css/custom.css --- 2016/assets/css/custom.css | 461 ++++++++++++++++++++++++++++++++++--- 1 file changed, 428 insertions(+), 33 deletions(-) diff --git a/2016/assets/css/custom.css b/2016/assets/css/custom.css index 108435bf..1a994355 100644 --- a/2016/assets/css/custom.css +++ b/2016/assets/css/custom.css @@ -13,6 +13,25 @@ h2 { padding-top: 5px; } +h3 { + color: rgb(70, 80, 73); + font-size: 20px; +} + +.text-thick { + font-weight: 900; +} + +.margin-top { + margin-top: 22px; +} + +.word-break { + word-break: break-all; +} + +/* LP Program */ + .program-day { margin-bottom: 10px; } @@ -53,6 +72,14 @@ h2 { margin: 0px 7px 0px 0px; } +/* Breadcrumb */ + +.breadcrumb > .active { + color: rgb(38, 208, 61); +} + +/* Links */ + a:hover, a:focus { color: rgb(38, 208, 61); @@ -70,8 +97,333 @@ a { text-decoration-color: rgb(88, 208, 121); } -.text-thick { - font-weight: 900; +.lp-home a { + text-decoration: none; +} + +/* hr */ + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #bababa; +} + +/* LP Video */ + +.lp-video { + width: 100%; +} + +/* Forms */ + +.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: rgb(88, 208, 121); + 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; + } + + .lp-label-news { + font-size: 0.9em; + } + + .checkbox .help-block { + font-size: 0.9em; + } + + +} + +.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; +} + +/* Buttons */ + +.btn-default { + color: #ffffff; + background-color: rgba(88, 208, 121, 0.8); + border-color: rgba(88, 208, 121, 0.5); +} + +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #ffffff; + background-color: rgba(88, 208, 121, 1.0); + border-color: rgba(88, 208, 121, 0.2); +} + +@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: 5px; + margin-bottom: 10px; + width:56%; +} + +@media (max-width:768px) { + .fsf-donate-button { + margin-left: 38%; + margin-top: 5px; + margin-bottom: 10px; + width:22%; + } +} + +@media (min-width:320px) and (max-width:360px) { + .fsf-donate-button { + margin-left: 28%; + margin-top: 5px; + margin-bottom: 10px; + width:46%; + } +} + +.btn-register { + margin-top: 0.5em; + margin-bottom: 0.3em; + color: #ffffff; + text-shadow: 0px 0px 0px #ffffff; + background-color: rgba(58, 208, 61, 0.6); + background-color: rgba(58, 208, 61, 0.6); + text-decoration: none; +} + +.btn-register:hover, +.btn-register:focus, +.btn-register:active, +.btn-register.active, +.open .dropdown-toggle.btn-register { + color: #ffffff; + background-color: rgba(74, 161, 74, 0.9); + border-color: rgba(57, 132, 57, 0.2); +} + +.btn-register:active, +.btn-register.active, +.open .dropdown-toggle.btn-register { + background-image: none; +} + +/* Carousel */ + +.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.6); + border-radius: 8px; +} + +.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.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.6); + border-radius: 8px; +} + +.carousel-caption-center { + position: absolute; + font-size: 1.1em; + top: 50%; + bottom: auto; + right: auto; + left: 35%; + z-index: 10; + padding-right: 10px; + padding-left: 10px; + padding-top: 10px; + padding-bottom: 10px; + color: #ffffff; + text-align: center; + background-color: 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%; + } } /* Header */ @@ -80,6 +432,7 @@ a { 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 { @@ -90,6 +443,11 @@ a { margin: -0.79em 0 0.001em -4em; } +.lp-signup { + margin-right: 10px; + margin-left: 10px; +} + .lp-banner .container { padding-right: 5px; padding-left: 5px; @@ -97,12 +455,6 @@ a { margin-left: auto; } -.btn-register:active, -.btn-register.active, -.open .dropdown-toggle.btn-register { - background-image: none; -} - @media (max-width:551px) { .lp-head p { margin: 0 0 0.2em 0; @@ -138,42 +490,79 @@ a { } } -@media (min-width:1280px) { - .btn-block { - display: block; - margin-right:auto; - margin-left:auto; - width: 85%; - padding-right: 0; - padding-left: 0; +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: none; +} + +/* Thumbnail */ + +.lp-thumbnail { + float: right; + margin-left: 0.5em; +} + + +@media (max-width: 635px) { + .lp-thumbnail { + float: none; + margin-left: 0; } } -.fsf-donate-button { - margin-left: 24%; - margin-top: 5px; - margin-bottom: 10px; - width:56%; +/* Sponsor Logo */ + +.sponsor-logo { + display: inline-block; + max-width: 40%; + margin: 0px 40px 40px 0px; } -@media (max-width:768px) { - .fsf-donate-button { - margin-left: 38%; - margin-top: 5px; - margin-bottom: 10px; - width:22%; +/* Panel */ + +#lp-panel { + max-width: 32%; + margin-left: 0.3em; + float: right; +} + +#lp-panel-fixed { + max-width: 32%; + margin-left: 0.3em; + position: fixed; + right: 1%; + top: 20%; +} + +#lp-panel-fixed ul { + list-style: square; + padding-left: 0.4em; +} + +#lp-panel-fixed li { + margin-bottom: 0.5em; +} + +@media (max-width:551px) { + #lp-panel-fixed { + max-width: 100%; + margin-left: 0; + position: static; } } -@media (min-width:320px) and (max-width:360px) { - .fsf-donate-button { - margin-left: 28%; - margin-top: 5px; - margin-bottom: 10px; - width:46%; +@media (min-width: 552px) and (max-width:767px) { + #lp-panel-fixed { + max-width: 100%; + margin-left: 0; + position: static; } } + +/* Navs */ + @media (min-width:768px) { .nav { padding-left: 0; @@ -232,6 +621,12 @@ a { background-color: rgba(88, 208, 121, 1.0); } +#lp-mini-nav { + position: fixed; + bottom: 0%; + right: 1%; +} + /* Footer - adapted from -------------------------------------------------- */ -- 2.25.1