svn: /web/php/trunk/ include/header.inc styles/theme.css
| From: | Stewart Lord | Date: | Fri, 15 Jul 2011 05:49:34 +0000 |
| Subject: | svn: /web/php/trunk/ include/header.inc styles/theme.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-11640@lists.php.net to get a copy of this message | ||
stewartlord Fri, 15 Jul 2011 05:49:34 +0000
Revision: http://svn.php.net/viewvc?view=revision&revision=313253
Log:
Improved styling of 'tips' sidebar. Viewable on mailing lists, svn, url how-to, etc.
pages.
Changed paths:
U web/php/trunk/include/header.inc
U web/php/trunk/styles/theme.css
Modified: web/php/trunk/include/header.inc
===================================================================
--- web/php/trunk/include/header.inc 2011-07-15 02:10:37 UTC (rev 313252)
+++ web/php/trunk/include/header.inc 2011-07-15 05:49:34 UTC (rev 313253)
@@ -227,7 +227,13 @@
<div id="layout">
<?php
if (!empty($SIDEBAR_DATA)) {
- echo '<aside class="tips">',
"\n$SIDEBAR_DATA\n</aside>\n";
+ echo '<aside class="tips">',
+ '<div class="border first"></div>',
+ '<div class="border second"></div>',
+ '<div class="border third"></div>',
+ '<div class="inner">',
+ $SIDEBAR_DATA,
+ '</div></aside>';
}
if (!empty($config["leftmenu"])) {
echo "<aside class='layout-menu'><ul>";
Modified: web/php/trunk/styles/theme.css
===================================================================
--- web/php/trunk/styles/theme.css 2011-07-15 02:10:37 UTC (rev 313252)
+++ web/php/trunk/styles/theme.css 2011-07-15 05:49:34 UTC (rev 313253)
@@ -424,16 +424,43 @@
}
aside.tips {
- padding-left: 12px;
- padding-bottom: 12px;
- padding-right: 12px;
+ background-color: #f9f9f9;
+ border-bottom: 12px solid #c3add9;
float: right;
- margin-left: 20px;
- margin-bottom: 20px;
- border: 1px solid #C3ADD9;
+ margin: 10px 0 30px 30px;
width: 294px;
}
+aside.tips div.border {
+ float: left;
+ width: 98px;
+ border-top: 12px solid #604080;
+}
+
+aside.tips div.border.second {
+ border-color: #987db3;
+}
+
+aside.tips div.border.third {
+ border-color: #c3add9;
+}
+
+aside.tips div.inner {
+ clear: both;
+ padding: 5px 20px 15px 20px;
+}
+
+aside.tips h3 {
+ line-height: 1;
+ margin: 20px 0 10px 0;
+}
+
+aside.tips p,
+aside.tips ul {
+ margin: 10px 0;
+}
+
+
#layout {
padding: 25px 150px 25px 10px;
max-width: 1400px;