Lots of little fixes and removal of all 960.gs classes:

* Removed <p> margin-top
* Vertically align logo so Add-media button does not fall off
* Remove last 960.gs traces (grid_X/container_X) and add custom classes/sizes to css
* Add clear class
* Update form_box and add form_box_xl for bigger forms
* Switch all pages that use forms to new classes
* Remove padding from notification messages so they take full width
* Other tiny fixes I forgot about

1 files changed, 47 insertions, 13 deletions

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 187d1c7a..e8924edf 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -44,24 +44,28 @@ form {
 
 /* text styles */
 
-h1{
+h1 {
   margin-bottom: 15px;
   margin-top: 15px;
   color: #fff;
   font-size: 1.875em;
 }
 
-h2{
+h2 {
   font-size: 1.375em;
   margin-top: 20px;
   color: #fff;
 }
 
-h3{
+h3 {
   border-bottom: 1px solid #333;
   font-size: 1.125em;
 }
 
+p {
+  margin-top: 0px;
+}
+
 a {
   color: #86D4B1;
 }
@@ -103,12 +107,16 @@ input, textarea {
   float: right;
 }
 
-a.mediagoblin_logo{
+a.mediagoblin_logo {
   color: #fff;
   font-weight: bold;
   margin-right: 8px;
 }
 
+.mediagoblin_logo img {
+  vertical-align: middle;
+}
+
 .mediagoblin_content {
   width: 940px;
   margin-left: 10px;
@@ -143,6 +151,18 @@ a.mediagoblin_logo{
   float: left;
 }
 
+.profile_sidebar {
+  width: 340px;
+  margin-right: 10px;
+  float: left;
+}
+
+.profile_showcase {
+  width: 580px;
+  margin-left: 10px;
+  float: left;
+}
+
 /* common website elements */
 
 .button_action, .button_action_highlight {
@@ -219,28 +239,33 @@ text-align: center;
   float: right;
 }
 
-textarea#comment_content {
-  width: 634px;
-  height: 90px;
-  border: none;
-  background-color: #f1f1f1;
-  padding: 3px;
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
 }
 
 /* forms */
 
-.form_box {
+.form_box,.form_box_xl {
   background-color: #222;
   background-image: url("../images/background_lines.png");
   background-repeat: repeat-x;
-  padding-bottom: 30px;
-  padding-top: 30px;
+  width: 340px;
+  padding: 30px 60px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   float: none;
 }
 
+.form_box_xl {
+  width: 460px;
+}
+
 .edit_box {
   background-image: url("../images/background_edit.png");
 }
@@ -294,6 +319,14 @@ textarea#comment_content {
   margin-bottom: 0px;
 }
 
+textarea#comment_content {
+  width: 634px;
+  height: 90px;
+  border: none;
+  background-color: #f1f1f1;
+  padding: 3px;
+}
+
 /* media galleries */
 
 .media_thumbnail {
@@ -358,6 +391,7 @@ img.media_icon {
 ul.mediagoblin_messages {
   list-style: none inside;
   color: #f7f7f7;
+  padding: 0;
 }
 
 .mediagoblin_messages li {