Make it so page centers

perlorg · Jul 31, 2012 · bc74fc1 · bc74fc1
1 parent c61f161
commit bc74fc1
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/lib/heading b/lib/heading
@@ -6,7 +6,9 @@
 </figure>
 
 <div id="masthead_overlay">
+    <div class="sub_holder">
 		<h1>Perl Mongers</h1>
 		<h3>[% allgroupsnum %] international Perl User Groups.</h3>
+    </div>
 </div>
 [% END %]
diff --git a/lib/layout b/lib/layout
@@ -26,6 +26,7 @@
     <div id="wrapper">
 
         <header>
+            <div class="sub_holder">
             <a href="/"><img src="/images/camel_30w.png" height="30px" id="onion_logo" alt="Perl Mongers"></a>
         	<div id="nav_holder">
                 <nav>
@@ -41,21 +42,26 @@
             		</div>
                 </nav>
         	</div>
+            </div>
         </header>
 
 [% INCLUDE heading %]
 
 <div id="content_holder[% '_map' IF map_page %]">
+    <div class="sub_holder">
 
 [% content %]
 
+</div>
 </div>
 
        <div id="footer">
+           <div class="sub_holder">
            <hr />
            <div id="google_translate_element"></div>
            <p>Copyright © 2012 <a href="http://www.perlfoundation.org/">The Perl Foundation</a> - <a href="https://github.com/perlorg/www.pm.org/">Site repository</a></p>
            <p>The Perl camel image is a trademark of <a href="http://www.oreilly.com/">O'Reilly Media, Inc.</a> Used with permission.</p>
+           </div>
        </div>
 
        <script type="text/javascript">

diff --git a/src/includes/style.css b/src/includes/style.css
@@ -132,7 +132,7 @@ img.masthead{
 	clear:both;
 }
 .details li{
-	width:233px;
+	width:300px;
 /*  height:500px;*/
 	float:left;
 }
@@ -142,6 +142,15 @@ img.masthead{
 .details a{
   color: #888888;
 }
+.sub_holder{
+        max-width:1000px;
+        margin:0 auto;
+        padding:0 12px;
+}
+#masthead_overlay .sub_holder{
+        position:relative;
+        height:inherit;pointer-events: all;
+}
 
 .sublist li {
   width: auto;