Skip to content

DO NOT MERGEnew mvp home page mockups #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
andygimma wants to merge 1 commit into
base: master
Choose a base branch
from
Open

DO NOT MERGEnew mvp home page mockups #72

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 25 additions & 35 deletions assets/css/min-styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,10 +25,10 @@ a#breadcrumb_home {margin-left: 20px;}
.french_header h2 {font-size: 1.8em;}

.genericon {color: #3c5;}
.cat {margin: 0px 0 0 9%!important;}
.icon-box {width:25%; float: left;}
.cat {margin: 0px 0 0 9.3%!important;}
.icon-box {width:24.5%; float: left;}
.icon-box p {text-align:center;}
.icon-row {clear:both; min-height:175px; width:90%; margin-left: 5%; margin-top:40px;}
.icon-row {clear:both; min-height:175px; width:85%; margin-left: 8%; margin-top:40px;}
@media (max-width:768px) {
.icon-box {width: 100%; clear:both;}
.icon-row {min-height: 425px;}
Expand Down Expand Up @@ -62,7 +62,7 @@ p {color: #302e2c;}
.top h1, h1.search-cat {border-left: 5px solid #f36813; color: #1c6cb4; font-size: 1.8em; padding-left: 10px;}
.top h1 span {display: inline-block;}
.mid h2 {border-left: 5px solid #f36813; color:#1c6cb4; padding-left: 10px;}
#mid-home {margin-top: -50px;}
#mid-home {clear:both;}
.bottom h3 {font-size: 1.2em; padding-top: 40px;}


Expand Down Expand Up @@ -143,46 +143,36 @@ message {
.records {margin-left: 0!important;}

/* HOME */
.haiti-map {width: 80%; margin: 0 0 0 10%; padding: 0;}
.haiti-map img {width: 50%; float: left; height: auto; margin: 0 0 40px 0; padding: 0;}
@media (max-width: 768px) {
.haiti-map img {clear: both; width: 90%!important; margin-left: 5%;}
.home-search-form {width: 80%!important; margin-left: 10%; clear:both;}
}
.map-spacing {height: 40px; clear: both;}

.footnote {width: 100%; height:60px; margin-bottom: -125px;}
#french_footnote {height: 70px;}
.footnote .french {height: 70px!important;}
.footnote_left {width: 70%; float: left;}
.bottom-cta {width: 30%; float: left;}
.footnote {background: #eee; padding: 20px 0 30px 0;}
.footnote h3 {float: left; text-align: left; margin: 0 0 5px 10%;}
.footnote p {float:left; text-align: left; color: #333; margin-top: 0; margin-left: 10%;}
.footnote .btn {margin-top: 5px; text-align: center; margin-left: 13%}
.home-map {width: 38%!important; float: left!important; height: 300px!important; margin: 0 2% 0 0; padding: 0;}
@media (max-width: 767px) {
.home-map {width: 80%!important; float: left!important; height: 300px!important; margin: 0 0 20px 10%; padding: 0;}
}

.headnote, .footnote {float: left; clear: both; width: 80%; margin: 10px 0 40px 10%; background: #eee; padding: 20px 0 20px 0;}
.footnote {padding-bottom:25px;}
.headnote_left, .footnote_left {width: 70%; float: left;}
.top-cta, .bottom-cta {width: 30%; float: left;}
.headnote h3, .footnote h3 {float: left; text-align: left; margin: 0 0 5px 10%; padding-top:0;}
.headnote p, .footnote p {float:left; text-align: left; color: #333; margin-top: 0; margin-left: 10%;}
.headnote .btn, .footnote .btn {margin-top: 10px; text-align: center; margin-left: 20%}

@media (min-width:993px) {
.headnote .btn {width: 35%;}
}
@media (max-width:992px) {
.footnote {height: 75px;}
.footnote .btn {margin-top: 20px;}
#french_bottom-cta .btn {margin-top:0;}
}
@media (max-width: 882px) {
#french_footnote {height: 95px}
}
@media (max-width:777px) {
.footnote {height: 100px;}
}
@media (max-width: 662px) {
#french_footnote {height: 125px;}
}
@media (max-width:475px) {
.footnote {height: 175px; margin-top: 40px;}
#french_footnote {height: 185px}
.footnote_left {width: 100%; clear:both;}
.footnote p, .footnote h3 {text-align: center;}
.bottom-cta {text-align: center; width: 100%; clear:both;}
.footnote .btn {margin-left: auto; margin-right: auto; margin-top: 0;}
.footnote_left, .headnote_left {width: 100%; clear:both;}
.footnote p, .footnote h3, .headnote h3, .headnote p {text-align: center;}
.bottom-cta, .top-cta {text-align: center; width: 100%; clear:both;}
.footnote .btn, .headnote .btn {margin-left: auto; margin-right: auto; margin-top: 0;}
}

.children {width: 80%; margin-left: 10%;}
/* SEARCH */
.left {text-align: left;}
.search-map {width: 40%!important; float: left!important; height: 400px!important; margin: 0; padding: 0;}
Expand Down
10 changes: 5 additions & 5 deletions assets/css/responsive-nav.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,22 +94,22 @@ body {

@media screen and (min-width: 40em) {
.nav-collapse li {
width: 16.66%;
*width: 16%; /* IE7 Hack */
_width: 15%; /* IE6 Hack */
width: 20%;
*width: 20%; /* IE7 Hack */
_width: 19%; /* IE6 Hack */
}
}

.nav-collapse a {
color: #fff;
text-decoration: none;
width: 85%;
width: 88%;
background: #f36813;
padding: 0.7em 1em;
float: left;
}
@media (max-width: 1149px) {
.nav-collapse a {width: 84%;}
.nav-collapse a {width: 86%;}
.nav-collapse li a {min-height: 45px;}
}

Expand Down
2 changes: 1 addition & 1 deletion templates/layouts/fr_legacy_admin.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
<style>
.main {margin-left: 325px; width: auto;}
#foo {width: 290px;}
.table {max-width:640px}
.table {max-width:640px;}
#wrapper {height:100%;}
.breadcrumbs {width: 100%;}
</style>
Expand Down
12 changes: 3 additions & 9 deletions templates/layouts/fr_legacy_base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,24 +38,19 @@
.bottom {padding-bottom: 5px;}
.genericon {display:none;}
#wrapper {height:100%;}
p.home {width: 80%!important}
.icon-box {width:100%;}
.icon-box p {text-align:left;}
.breadcrumbs {width: 100%;}
.container {width: 100%;}
.index, .haiti-map, .search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;}
.haiti-map img {width: 100%;}
.index td {width: 300px!important;}
.button-left {width: 200px; font-size: 20px;}
.footnote {margin-bottom: 0px;}
.search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;}
.footnote {margin-bottom: 0;}
</style>
<![endif]-->

<!--[if IE 8]>
<script src="respond.js"></script>
<style>
.col { margin: 0 0.9% !important; }
.index, .haiti-map, .search-map, .results-box {width: 50%!important; margin-left: 0;!important;}
</style>
<![endif]-->

Expand Down Expand Up @@ -130,12 +125,11 @@ <h3>Ann save timounn yo</h3>
</div>
<div id="nav">
<ul>
<li><a href="/">Acceuil</a></li>
<li><a href="/">A Propos</a></li>
<li><a href="/search">Recherche Services</a></li>
<li><a target="_blank" href="http://ibesr.com">Visitez IBESR</a></li>
<li><a href="/suggest_services">Ajouter Votre Institution</a></li>
<li><a href="/contact">Contactez Nous</a></li>
<li><a href="/about">A Propos</a></li>
</ul>
</div>

Expand Down
9 changes: 2 additions & 7 deletions templates/layouts/legacy_base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,15 +38,11 @@
.bottom {padding-bottom: 5px;}
.genericon {display:none;}
#wrapper {height:100%;}
p.home {width: 80%!important}
.icon-box {width:100%;}
.icon-box p {text-align:left;}
.breadcrumbs {width: 100%;}
.container {width: 100%;}
.index, .haiti-map, .search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;}
.haiti-map img {width: 100%;}
.index td {width: 300px!important;}
.button-left {width: 200px; font-size: 20px;}
.search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;}
.footnote {margin-bottom: 0;}
</style>
<![endif]-->
Expand Down Expand Up @@ -129,12 +125,11 @@ <h3>Ann save timounn yo</h3>
</div>
<div id="nav">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">About</a></li>
<li><a href="/search">Find Services</a></li>
<li><a target="_blank" href="http://ibesr.com">Visit IBESR</a></li>
<li><a href="/suggest_services">Add Services</a></li>
<li><a href="/contact">Contact Us</a></li>
<li><a href="/about">About</a></li>
</ul>
</div>

Expand Down
Loading