Permalink
Browse files

Make layout responsive; some wording tweaks; style cleanup

  • Loading branch information...
1 parent c887d2b commit dd9198917f5f475398bf94000f6ddffa1638f835 hampelm committed May 31, 2012
Showing with 175 additions and 157 deletions.
  1. +95 −103 css/style.css
  2. BIN img/longform.png
  3. +80 −54 index.html
View
@@ -1,3 +1,4 @@
+/* Basic styles ============================================================*/
* {
margin:0;
padding:0;
@@ -11,142 +12,128 @@ body {
color: #333;
}
+h1 {
+ font-size:5em;
+ color: #3f5c88;
+ padding-bottom:30px;
+}
+
+h2, h3 {
+ font-size:2em;
+ width: 40%;
+ font-weight:normal;
+}
+
+/* Skeleton ================================================================*/
+section .in,
+section#mast {
+ max-width:960px;
+ margin: 0 auto;
+}
+
section .in {
- max-width:75%;
- margin:0px auto 0px;
- padding:25px 20px;
+ padding:25px 20px 25px 20px;
overflow:auto;
}
-section#head {
- width: 1000px;
- margin: 0 auto;
- margin-top: 25px;
+
+section p {
+ margin-bottom:1em;
+ line-height:1.4;
+ float: left;
+}
+section ul {
+ margin-bottom:10px;
+}
+section li {
+ margin:0px 0px 10px 10px;
}
-section#mast {
- background:transparent url(../img/Clipboard-03.png) no-repeat top left;
- width:170%;
- margin-left: 10%;
- float:center;
- height:350px;
+.navigation-list {
+ overflow: hidden;
}
section#head .in {
- padding-bottom:0;
- padding-top:40px;
- position:relative;
overflow:hidden;
margin: 0 auto;
}
-.left{
- width: 500px;
- float: left;
+.left {
+ float: left;
}
-.left h2{
- padding: 0 !important;
- margin: 0 0 20px -18px; !important;
- clear: both;
- width: 100%;
+
+.left h2 {
+ padding: 0 !important;
+ margin: 0 0 20px 0px;
+ clear: both;
+ width: 100%;
}
-.left .blurb{
- width: 100%;
-
+
+.blurb {
+ padding-top:10px;
+ line-height:1.4;
+ max-width:55%;
+ min-width:350px;
}
.right {
width: 200px;
float: left;
-
}
+
+/* Specific sections =======================================================*/
+
+section#mobile .in {
+ background:#fff url(../img/longform.png) no-repeat right top;
+}
+
section#paper {
- background:#ffa;
+ background:#faf6ad;
clear: both;
}
section#export {
background:#eee;
}
-.blurb {
- padding-top:10px;
- line-height:1.4;
- width:45%;
- min-width:350px;
- float:left;
-}
-/*#logo {
- background:transparent url(../img/LocalDataLogo3-02.png) no-repeat left top;
- width:200%;
- margin-bottom:0px;
- float:left;
- height:200px;
- padding:2%;
-}*/
+/* Signup */
#signup {
- background:#ffa;
+ background:#faf6ad;
width:35%;
+ min-width:350px;
float:right;
- margin-top:5%;
margin-bottom:5%;
- height:300px;
padding:2%;
color:#333;
+ border-radius:10px;
+}
+
+#signup form input {
+ margin-bottom:10px;
}
#signup h2 {
- padding-top:10%;
- padding-bottom:10%;
+ padding-top:2%;
font-size:4em;
font-family: 'Pacifico', serif;
+ line-height:1;
}
+/* Paper forms */
#process {
- background:#ffa;
+ background:#faf6ad;
color:black;
}
#process a {
color:#3f5c88;
border-color:gray;
}
-#process h3+h2 {
- margin-top:2em;
- margin-bottom:2em;
-}
#process h2 {
font-family: Pacifico, serif;
font-size:3em;
}
- h2, h3 {
- font-size:2em;
- width: 40%;
- font-weight:normal;
-}
-h1 {
- font-size:5em;
- font-style: italic;
- color: #3f5c88;
- padding-bottom:30px;
-}
-
-#mast h2 {
- font-style: italic;
-}
-#mast h1, #mast h2, #mast h3 {
- width:0%;
- min-width:350px;
- text-align:left;
- float: center;
-}
-#mast h3 {
- margin-top:1em;
-}
-#head h1 {
- margin-top:2em;
-}
h2, h3 {
margin:0 0 .5em 0;
}
@@ -162,16 +149,35 @@ a {
text-decoration:none;
border-bottom:1px dotted #3f5c88;
}
+#cfa_corner_ribbon a {
+ border:0px none;
+}
hr {
border:0;
border-bottom:1px dotted #aaa;
margin:20px 0;
}
-.navigation-link {
- font-size:1.5em;
+
+/* Navigation & Masthead ===================================================*/
+/* Masthead */
+#mast h2 {
+ font-style: italic;
+}
+#mast h1, #mast h2, #mast h3 {
+ min-width:350px;
+}
+
+#mast h3 {
}
+
+#head h1 {
+ margin-top:2em;
+}
+
+/* Nav */
nav {
+ bbackground:#eee url(../img/Clipboard-03.png) no-repeat right bottom;
background:#eee;
overflow:auto;
border-top:1px solid #ddd;
@@ -183,7 +189,7 @@ nav ul, nav li {
text-indent:0;
}
nav ul {
- overlow:auto;
+ overflow:auto;
text-align:center;
max-width:960px;
margin:0px;
@@ -196,22 +202,9 @@ nav a {
border:0;
}
-section p {
- margin-bottom:1em;
- line-height:1.4;
- float: left;
-}
-section ul {
- margin-bottom:10px;
-}
-section li {
- margin:0px 0px 10px 10px;
-}
-
-.navigation-list {
- overflow: hidden;
+.navigation-link {
+ font-size:1.5em;
}
-
.navigation-item {
display: block;
float: left;
@@ -224,10 +217,9 @@ section li {
padding: 0 10px 0 0;
}
+
+/* Footer ==================================================================*/
#footer {
background:transparent url(../img/cfalogo-02.png) no-repeat center;
- width:120%;
- margin-left: 10%;
- float:center;
- height:350px;
+ height:300px;
}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit dd91989

Please sign in to comment.