svn: /pear2/sandbox/pear2.php.net/trunk/www/ css/main.css templates/pear2/html/Categories.tpl.php templates/pear2/html/Main.tpl.php templates/pear2/html/News.tpl.php

[email protected] (Michael Gauthier)
Newsgroups php.pear.cvs,php.pear.core
Message-ID <[email protected]> 
gauthierm                                Tue, 15 Jun 2010 21:40:40 +0000

Revision: http://svn.php.net/viewvc?view=revision&revision=300482

Log:
Updates to templates to be more like the PEAR2 mockup. If the clearfix divs are a problem I can implement an alternative workaround.

Changed paths:
    U   pear2/sandbox/pear2.php.net/trunk/www/css/main.css
    U   pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Categories.tpl.php
    U   pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Main.tpl.php
    U   pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/News.tpl.php

Modified: pear2/sandbox/pear2.php.net/trunk/www/css/main.css
===================================================================
--- pear2/sandbox/pear2.php.net/trunk/www/css/main.css	2010-06-15 21:25:47 UTC (rev 300481)
+++ pear2/sandbox/pear2.php.net/trunk/www/css/main.css	2010-06-15 21:40:40 UTC (rev 300482)
@@ -44,6 +44,10 @@
 	font-weight: bold;
 }

+.clearfix {
+	clear: both;
+}
+
 .content {
 	width: 900px;
 	margin: 0 auto;
@@ -71,6 +75,20 @@
 	padding-bottom: 3px;
 }

+.button-small {
+	padding: 1px 10px;
+	font-size: 11px;
+	vertical-align: middle;
+}
+a.button-small {
+	padding: 2px 12px;
+}
+
+a.button-small:hover {
+	text-decoration: none;
+	cursor: default;
+}
+
 textarea,
 input[type=search],
 input[type=password],
@@ -132,6 +150,11 @@
 	clear: left;
 }

+.form-field .note {
+	font-size: 11px;
+	color: #646464;
+}
+
 #header #top {
 	padding: 0 20px 5px 20px;
 	color: #fff;
@@ -276,7 +299,6 @@
 	font-size: 17px;
 	color: #fff;
 	background: #649f43;
-	overflow:auto;
 }
 #header #mid :link,
 #header #mid :visited,
@@ -323,7 +345,6 @@

 #content {
 	padding: 20px;
-	overflow: auto;
 }

 #content .content {
@@ -340,17 +361,23 @@
 #recent {
 	float: left;
 	width: 595px;
+	margin: 0;
 	padding-bottom: 20px;
-	margin: 0;
 }
-
-#recent ul {
-    padding: 15px 0 0 0;
+#recent-left {
+	padding: 10px 0;
+	float: left;
+	width: 290px;
+	margin: 0 15px 0 0;
 }
+#recent-right{
+	padding: 10px 0;
+	float: left;
+	width: 290px;
+	margin 0 15px;
+}
 #recent li {
 	margin: 0 0 0.3em 10px;
-	float: left;
-	width: 270px;
 }
 #recent li span {
 	font-size: 10px;
@@ -361,9 +388,9 @@
 /* News */

 #news {
-	float: left;
+	float: right;
 	width: 290px;
-	margin: 0 0 0;
+	margin: 0 0 0 15px;
 	padding-bottom: 20px;
 }
 #news ul {
@@ -420,36 +447,43 @@
 	margin: 20px 0;
 	padding: 5px;
 	clear: both;
+	border-radius: 8px;
 	-webkit-border-radius: 8px;
 	-moz-border-radius: 8px;
-	border-radius: 8px;
 }

 .pearbox .pearbox-content {
+	border: 1px solid #649f43; /* IE fallback */
 	border: 1px solid rgba(100, 159, 67, 0.9);
 	background: #f7faf5;
+	padding: 20px;
+	clear: both;
+	border-radius: 6px;
 	-webkit-border-radius: 6px;
 	-moz-border-radius: 6px;
-	border-radius: 6px;
-	padding: 20px;
-	clear: both;
-	overflow:auto;
 }

 .pearbox .pearbox-header {
 	padding: 4px 4px 8px 4px;
 }

-.pearbox .pearbox-header h2 {
+.pearbox .pearbox-header h2,
+.pearbox .pearbox-header h3 {
+	margin: 0;
 	text-shadow: 0 1px #fff;
-	float:left;
 }

 .pearbox .pearbox-footer {
 	padding: 12px 4px 8px 4px;
 }

+/* Browse Packages */

+#packages h2 {
+	float: left;
+}
+
+
 /* Footer */

 #footer {
@@ -485,15 +519,14 @@
 }

 #footer .note {
-	color: rgba(255,255,255,0.6);
+	color: #c1d9b4;
 	font-size: 14px;
 	margin-bottom: 80px;
-	clear:both;
 }
 #footer .note :link,
 #footer .note :visited,
 #footer .note :link:hover,
 #footer .note :visited:hover {
 	text-decoration: underline;
-	color: rgba(255,255,255,0.6);
+	color: #c1d9b4;
 }

Modified: pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Categories.tpl.php
===================================================================
--- pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Categories.tpl.php	2010-06-15 21:25:47 UTC (rev 300481)
+++ pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Categories.tpl.php	2010-06-15 21:40:40 UTC (rev 300482)
@@ -13,6 +13,7 @@
                 <?php echo $savant->render(null, 'SearchForm.tpl.php'); ?>
             </div>
             <div class="pearbox-content">
+
                 <ul class="categories">
 <?php

@@ -69,6 +70,9 @@

 ?>
                 </ul>
+
+                <div class="clearfix"></div>
+
             </div>
         </div>
         <h3>Don't see what you need?</h3>

Modified: pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Main.tpl.php
===================================================================
--- pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Main.tpl.php	2010-06-15 21:25:47 UTC (rev 300481)
+++ pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/Main.tpl.php	2010-06-15 21:40:40 UTC (rev 300482)
@@ -40,9 +40,10 @@

     <div id="mid">
         <div class="content">
+
             <div class="left">
-            <h2>What is PEAR?</h2>
-            PEAR is a packaging and distribution system for reusable PHP components. You can find more information about using PEAR in the <a href="#">online manual</a>.
+                <h2>What is PEAR?</h2>
+                PEAR is a packaging and distribution system for reusable PHP components. You can find more information about using PEAR in the <a href="#">online manual</a>.
             </div>

             <div class="right">
@@ -53,6 +54,8 @@
                 </div>
             </div>

+            <div class="clearfix"></div>
+
         </div>
     </div>


Modified: pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/News.tpl.php
===================================================================
--- pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/News.tpl.php	2010-06-15 21:25:47 UTC (rev 300481)
+++ pear2/sandbox/pear2.php.net/trunk/www/templates/pear2/html/News.tpl.php	2010-06-15 21:40:40 UTC (rev 300482)
@@ -9,7 +9,7 @@

 <div id="recent">
     <h2>Recent Packages</h2>
-    <ul>
+
 <?php

 echo $savant->render(
@@ -22,8 +22,9 @@
 );

 ?>
-    </ul>
+
 </div>
+
 <div id="news">
     <h2>News</h2>
     <?php if (!empty($blog)) { ?>
@@ -35,9 +36,11 @@
         <?php } ?>
         </ul>
     <?php } else { ?>
-        <p>Looks like we don't have an RSS feed. Try adding a cron job to fetch <a href="http://blog.pear.php.net/feed/">http://blog.pear.php.net/feed/</a> and put it in <?php print $rss_feed; ?></p>
-        <pre>wget --output-document=/var/tmp/pear/rss_cache/pear-news.xml http://blog.pear.php.net/feed/</pre>
+
+    <p>Looks like we don't have an RSS feed. Try adding a cron job to fetch <a href="http://blog.pear.php.net/feed/">http://blog.pear.php.net/feed/</a> and put it in <?php print $rss_feed; ?></p>
+    <p><code>wget --output-document=/var/tmp/pear/rss_cache/pear-news.xml http://blog.pear.php.net/feed/</code></p>
     <?php } ?>
+
 </div>

 <?php
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.