Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Removed disclaimer

Fixed nav a bit on mobile/smaller viewports
  • Loading branch information...
commit 3a146e7db6d705e8d28448e08448a5dd4664bdab 1 parent e67642f
Jeff Johnson authored
Showing with 83 additions and 23 deletions.
  1. +36 −9 css/main.css
  2. +47 −11 css/main.scss
  3. +0 −3  index.html
View
45 css/main.css
@@ -299,27 +299,54 @@ a, a:visited, a:hover {
width: 100%;
text-align: center; }
#nav-group a {
- width: 15%;
- margin-right: 5%;
- margin-left: 5%;
- font-size: 35px;
+ width: 19%;
+ margin-right: 4%;
+ margin-left: 4%;
+ font-size: 25px;
margin-top: 30px;
margin-bottom: 10px;
- height: 40px;
+ height: 20px;
text-align: left; }
#container.sticky #nav-group a {
- font-size: 25px; } }
-@media only screen and (max-width: 650px) {
+ font-size: 25px;
+ height: 20px; }
+ #container.sticky #sections {
+ margin-top: 120px; } }
+@media only screen and (max-width: 720px) {
/* Style adjustments for viewports that meet the condition */
.photo-display {
float: none; }
.subsection .copy {
width: 100%; }
+ .subsection .heading {
+ width: 100%; }
- #container.sticky #nav-group a {
- font-size: 20px; } }
+ #nav-group {
+ width: 100%;
+ text-align: center;
+ margin-top: 10px;
+ margin-bottom: -15px; }
+ #nav-group a {
+ width: 100%;
+ margin: 0;
+ font-size: 20px;
+ height: 10px;
+ padding-bottom: 20px;
+ text-align: left; }
+
+ #container.sticky #nav-group {
+ margin-top: 0; }
+ #container.sticky #nav-group a {
+ font-size: 20px;
+ width: 10%;
+ text-align: center;
+ padding-bottom: 15px; }
+ #container.sticky #nav-group a i {
+ float: none; }
+ #container.sticky #nav-group a span {
+ display: none; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */ }
/* ==========================================================================
View
58 css/main.scss
@@ -346,32 +346,68 @@ a, a:visited, a:hover {
width: 100%;
text-align: center;
a {
- width: 15%;
- margin-right: 5%;
- margin-left: 5%;
- font-size: 35px;
+ width: 19%;
+ margin-right: 4%;
+ margin-left: 4%;
+ font-size: 25px;
margin-top: 30px;
margin-bottom: 10px;
- height: 40px;
+ height: 20px;
text-align: left;
}
}
- #container.sticky #nav-group a {
- font-size: 25px;
+ #container.sticky {
+ #nav-group a {
+ font-size: 25px;
+ height: 20px;
+ }
+ #sections {
+ margin-top: 120px;
+ }
}
}
-@media only screen and (max-width: 650px) {
+@media only screen and (max-width: 720px) {
/* Style adjustments for viewports that meet the condition */
.photo-display {
float: none;
}
- .subsection .copy {
+ .subsection {
+ .copy {
+ width: 100%;
+ }
+ .heading {
+ width: 100%;
+ }
+ }
+
+ #nav-group {
width: 100%;
+ text-align: center;
+ margin-top: 10px;
+ margin-bottom: -15px;
+ a {
+ width: 100%;
+ margin: 0;
+ font-size: 20px;
+ height: 10px;
+ padding-bottom: 20px;
+ text-align: left;
+ }
}
- #container.sticky #nav-group a {
- font-size: 20px;
+ #container.sticky {
+ #nav-group {
+ margin-top: 0;
+ a {
+ i { float: none; }
+ font-size: 20px;
+ width: 10%;
+ text-align: center;
+ padding-bottom: 15px;
+ span { display: none; }
+ }
+ }
}
}
View
3  index.html
@@ -31,9 +31,6 @@
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
- <div style="position: absolute; margin: 0 auto; background-color: #F0A830; color: #5E412F; font-size: 50px; margin-left: 100px; margin-top: -24px; padding: 10px;">
- danger! this site is <a href="https://github.com/johnsonj/johnsonj.github.com/commits/master" target="_blank" style="color: #5E412F">under construction</a>
- </div>
<div id="container">
<div id="header" class="brown-back" itemscope itemtype="http://data-vocabulary.org/Person">
Please sign in to comment.
Something went wrong with that request. Please try again.