www/adium.im 532:8bdbd8634b1c: Turns out having a div inside an ...
commits at adium.im
commits at adium.im
Fri Feb 10 23:55:09 UTC 2012
details: http://hg.adium.im/www/adium.im/rev/8bdbd8634b1c
revision: 532:8bdbd8634b1c
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Fri Feb 10 23:38:40 2012 +0000
Turns out having a div inside an article wrapper cuts off Safari's Reader feature half way through.
Subject: www/adium.im 533:5600170efc50: Add a page title divide to the About page, with enough space to add a sub-navigation to any pages that require one.
details: http://hg.adium.im/www/adium.im/rev/5600170efc50
revision: 533:5600170efc50
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Fri Feb 10 23:55:03 2012 +0000
Add a page title divide to the About page, with enough space to add a sub-navigation to any pages that require one.
diffs (189 lines):
diff -r cedf1507f2cb -r 5600170efc50 about/index.php
--- a/about/index.php Fri Feb 10 19:13:25 2012 +0000
+++ b/about/index.php Fri Feb 10 23:55:03 2012 +0000
@@ -36,6 +36,11 @@
</nav>
</div>
</div>
+ <div class="banner">
+ <div class="container">
+ <h1>About</h1>
+ </div>
+ </div>
</header>
<div class="content">
@@ -56,7 +61,7 @@
<hr>
<h1>Notable Features</h1>
- <div class="features">
+ <span class="features">
<ul>
<li>Open Source, so everyone can see how Adium works and <a href="http://trac.adium.im/wiki/Development">help improve it</a></li>
<li>Support for a wide range of different Instant Messaging services (<a href="help/Accounts-ListOfServices.html">see the full list</a>)</li>
@@ -77,7 +82,7 @@
<li>A beautiful icon, the "<a href="http://trac.adium.im/wiki/Adiumy">Adiumy</a>" duck</li>
<li><a href="http://trac.adium.im/wiki/Translations">Translations</a>: Adium speaks 27 different languages</li>
</ul>
- </div>
+ </span>
</article>
</section>
<section>
diff -r cedf1507f2cb -r 5600170efc50 assets/styles/about.css
--- a/assets/styles/about.css Fri Feb 10 19:13:25 2012 +0000
+++ b/assets/styles/about.css Fri Feb 10 23:55:03 2012 +0000
@@ -7,6 +7,7 @@
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
+ display: block;
}
/********** Screenshots **********/
diff -r cedf1507f2cb -r 5600170efc50 assets/styles/home.css
--- a/assets/styles/home.css Fri Feb 10 19:13:25 2012 +0000
+++ b/assets/styles/home.css Fri Feb 10 23:55:03 2012 +0000
@@ -50,21 +50,14 @@
z-index: 10;
}
-.banner h1, .banner h2 {
- color: #fff;
- font-weight: 600;
+.banner h1 {
padding: 0;
- margin: 0;
- text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
- -webkit-font-smoothing: antialiased;
-}
-
-.banner h1 {
letter-spacing: -1px;
float: left;
}
.banner h2 {
+ padding: 0;
margin: 60px 0 10px;
}
diff -r cedf1507f2cb -r 5600170efc50 assets/styles/style.css
--- a/assets/styles/style.css Fri Feb 10 19:13:25 2012 +0000
+++ b/assets/styles/style.css Fri Feb 10 23:55:03 2012 +0000
@@ -43,23 +43,23 @@
/********** Font sizes **********/
-.content h1 {
- font-size: 1.8em;
-}
-footer h3 {
- font-size: 1.6em;
-}
-.title, #menu-logo {
- font-size: 1.5em;
+.banner h1 { font-size: 2.2em; }
+
+.content h1 { font-size: 1.9em; }
+
+footer h3 { font-size: 1.6em; }
+
+#menu-logo {
+ font-size: 1.7em;
line-height: 1.1em;
}
-.content p, figcaption {
+
+.content p, figcaption, .content ol, .content ul {
font-size: 1.4em;
- line-height: 1.4em;
}
-.content ol, .content ul {
- font-size: 1.4em;
+.content p, figcaption {
+ line-height: 1.4em;
}
.content ul ul, .content ol ol {
@@ -96,7 +96,7 @@
#menu-logo span {
display: block;
color: #839972;
- padding: 12px 28px;
+ padding: 11px 0 11px 35px;
}
/********** Navigation **********/
@@ -200,6 +200,28 @@
.xtras a:hover span:before { background-position: -205px -79px; }
.xtras a:active span:before, .xtras span:before { background-position: -205px -19px; }
+
+/********** Banner **********/
+
+.banner {
+ background: url('../images/noise.png') #444; /* Notice: IE7-8/outdated browser fallback */
+ background: url('../images/shadow.png') repeat-x, url('../images/noise.png') #444;
+ border-bottom: 1px solid #555;
+}
+
+.banner h1, .banner h2 {
+ color: #fff;
+ font-weight: 600;
+ padding: 0;
+ margin: 0;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
+ -webkit-font-smoothing: antialiased;
+}
+
+.banner h1 {
+ padding: 13px 0 13px 35px;
+}
+
/********** Sub Navigation **********/
nav.sub {
@@ -340,10 +362,10 @@
background: #444; /* IE fallback */
background: rgba(0, 0, 0, .6);
-webkit-transition: opacity 150ms ease-in;
- -moz-transition: opacity 150ms ease-in;
- -ms-transition: opacity 150ms ease-in;
- -o-transition: opacity 150ms ease-in;
- transition: opacity 150ms ease-in;
+ -moz-transition: opacity 150ms ease-in;
+ -ms-transition: opacity 150ms ease-in;
+ -o-transition: opacity 150ms ease-in;
+ transition: opacity 150ms ease-in;
}
.overlay span:after, figure span:after {
@@ -557,6 +579,7 @@
@media (max-width: 700px) {
/* Navigation*/
#menu-logo { float: none; }
+ #menu-logo span { padding-left: 0; }
#menu-logo span, nav li.home span { text-align: center; }
nav ul, nav li {
margin: 0;
@@ -571,7 +594,7 @@
.home span:before { padding-left: 23px; }
nav ul, nav li { border: 0; }
nav li.home span { padding-left: 19px; }
- nav li { float: left; width: 33.19%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
+ nav li { float: left; width: 33.19%; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
nav li.home { width: 100%; }
nav li.home, nav li.blog, nav li.merch { border-right: 0; }
nav .active { background: none; background-color: #e9e9e9; }
@@ -590,7 +613,7 @@
@media (max-width: 480px) {
/* Navigation */
- nav li, nav li.blog { width: 49.83%; border-right: 1px solid #ccc; }
+ nav li, nav li.blog { width: 49.83%; border-right: 1px solid #d5d5d5; }
nav li.xtras, nav li.help { border-right: 0; }
/* Footer */
More information about the commits
mailing list