www/adium.im 605:c1e01595f8d9: Make the blog <aside> correctly a...
commits at adium.im
commits at adium.im
Sun Mar 4 19:06:39 UTC 2012
details: http://hg.adium.im/www/adium.im/rev/c1e01595f8d9
revision: 605:c1e01595f8d9
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Sun Mar 04 19:04:11 2012 +0000
Make the blog <aside> correctly adaptive.
Subject: www/adium.im 606:f77ba520494f: Whitespace.
details: http://hg.adium.im/www/adium.im/rev/f77ba520494f
revision: 606:f77ba520494f
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Sun Mar 04 19:05:04 2012 +0000
Whitespace.
Subject: www/adium.im 607:75639d20e03d: Make hyperlinks blue so they have contrast over <strong> content.
details: http://hg.adium.im/www/adium.im/rev/75639d20e03d
revision: 607:75639d20e03d
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Sun Mar 04 19:06:31 2012 +0000
Make hyperlinks blue so they have contrast over <strong> content.
diffs (196 lines):
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/about.css
--- a/assets/styles/about.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/about.css Sun Mar 04 19:06:31 2012 +0000
@@ -1,4 +1,5 @@
/********** Features **********/
+
.features {
-webkit-columns: 2;
-moz-columns: 2;
@@ -11,6 +12,7 @@
}
/********** Media Queries **********/
+
@media (max-width: 820px) {
/* Features */
.features {
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/beta.css
--- a/assets/styles/beta.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/beta.css Sun Mar 04 19:06:31 2012 +0000
@@ -15,6 +15,8 @@
background: url('../images/logo_medium.png') no-repeat;
}
+/********** Media Queries **********/
+
@media (max-width: 600px) {
.revision {
float: none;
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/blog.css
--- a/assets/styles/blog.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/blog.css Sun Mar 04 19:06:31 2012 +0000
@@ -6,5 +6,24 @@
font-weight: 500;
}
-.content section { width: 70%; }
-.content aside section { width: auto; }
+.content section.has-aside { width: 70%; }
+
+/********** Media Queries **********/
+
+ at media (max-width: 975px) { .content section.has-aside { width: 69%; } }
+ at media (max-width: 950px) { .content section.has-aside { width: 68%; } }
+ at media (max-width: 925px) { .content section.has-aside { width: 67%; } }
+ at media (max-width: 900px) { .content section.has-aside { width: 66%; } }
+ at media (max-width: 875px) { .content section.has-aside { width: 65%; } }
+ at media (max-width: 850px) { .content section.has-aside { width: 64%; } }
+ at media (max-width: 825px) { .content section.has-aside { width: 63%; } }
+ at media (max-width: 800px) { .content section.has-aside { width: 62%; } }
+ at media (max-width: 775px) { .content section.has-aside { width: 61%; } }
+ at media (max-width: 750px) { .content section.has-aside { width: 59.5%; } }
+ at media (max-width: 725px) { .content section.has-aside { width: 58%; } }
+
+ at media (max-width: 700px) {
+ .content section.has-aside { clear: both; width: auto; }
+ .content aside { width: 100%; }
+ .content aside section { margin: 14px; }
+}
\ No newline at end of file
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/global.css
--- a/assets/styles/global.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/global.css Sun Mar 04 19:06:31 2012 +0000
@@ -312,11 +312,40 @@
.content strong { font-weight: 600; }
.content em { font-style: italic; }
-.content a { color: #555; font-weight: 500; text-decoration: none; }
-.content a:hover { color: #333; text-decoration: underline; }
+.content a {
+ color: #4083a9;
+ font-weight: 500;
+ text-decoration: none;
+ border-bottom: 1px solid #d9e6ee;
+ -webkit-transition: color .3s ease, border-color .3s ease;
+ -moz-transition: color .3s ease, border-color .3s ease;
+ -ms-transition: color .3s ease, border-color .3s ease;
+ -o-transition: color .3s ease, border-color .3s ease;
+ transition: color .3s ease, border-color .3s ease;
+}
+.content a:hover { color: #2c5973; border-color: #d5dee3; }
+.content a:active { border-color: #95acb9; }
+
+.content h1 a, .content h2 a {
+ color: #444;
+ border-color: #d6d6d6;
+}
+
+.content h1 a:hover, .content h2 a:hover {
+ color: #111;
+ border-color: #ccc;
+}
+
+.content h1 a:active, .content h2 a:active {
+ border-color: #7f7f7f;
+}
+
+/* Closed tickets */
+a:link.closed, span.closed { text-decoration: line-through; }
/* Side bar */
aside {
+ min-width: 250px;
width: 250px;
padding: 0;
margin: 0;
@@ -402,10 +431,6 @@
hr.one, hr.two, hr.three { display: none; }
-/* Closed tickets */
-a:link.closed, span.closed { text-decoration: line-through; }
-a:link.closed:hover, span.closed:hover { text-decoration: line-through underline; }
-
/********** Thumbnails / Media **********/
figure {
@@ -711,8 +736,18 @@
footer span.divide:after { content: ' - '; }
-footer a { color: #666; font-weight: 500; }
-footer a:hover { color: #444; text-decoration: underline; }
+footer a {
+ color: #666;
+ font-weight: 500;
+ border-bottom: 1px solid #e0e0e0;
+ -webkit-transition: color .3s ease, border-color .3s ease;
+ -moz-transition: color .3s ease, border-color .3s ease;
+ -ms-transition: color .3s ease, border-color .3s ease;
+ -o-transition: color .3s ease, border-color .3s ease;
+ transition: color .3s ease, border-color .3s ease;
+}
+footer a:hover { color: #444; border-color: #dadada; }
+footer a:active { border-color: #a1a1a1; }
footer p, footer ul {
color: #888;
@@ -729,7 +764,7 @@
}
/* Notice: Fixes full width (inc whitespace) being hyperlinked */
-.social a { float: left; margin: 3px 0 10px; }
+.social a { float: left; margin: 3px 0 10px; border: 0; }
a.twitter { clear: both; }
.social a:hover { text-decoration: none; }
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/help.css
--- a/assets/styles/help.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/help.css Sun Mar 04 19:06:31 2012 +0000
@@ -58,6 +58,7 @@
.status-mobile { background: url('/rewrite/assets/images/help/status_mobile.png'); }
/********** Media Queries **********/
+
@media (max-width: 840px) {
/* documentation/accounts-creating-accounts */
.service-list li { width: 50%; }
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/home.css
--- a/assets/styles/home.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/home.css Sun Mar 04 19:06:31 2012 +0000
@@ -202,7 +202,7 @@
#services { text-align: center; padding: 0; }
-#services a { display: block; }
+#services a { display: block; border: 0; }
#services span {
display: block;
diff -r 7c3b8698e76b -r 75639d20e03d assets/styles/thumbnails.css
--- a/assets/styles/thumbnails.css Sat Mar 03 19:19:48 2012 +0000
+++ b/assets/styles/thumbnails.css Sun Mar 04 19:06:31 2012 +0000
@@ -1,19 +1,14 @@
/********** Thumbnails **********/
+
figure.thumbnail { width: 22.8%; }
/********** Media Queries **********/
+
@media (max-width: 980px) { figure.thumbnail { width: 22.5%; } }
-
@media (max-width: 870px) { figure.thumbnail { width: 22%; } }
-
@media (max-width: 760px) { figure.thumbnail { width: 30%; } }
-
@media (max-width: 700px) { figure.thumbnail { width: 29.6%; } }
-
@media (max-width: 600px) { figure.thumbnail { width: 45.5%; } }
-
@media (max-width: 520px) { figure.thumbnail { width: 44%; } }
-
@media (max-width: 400px) { figure.thumbnail { width: 43%; } }
-
@media (max-width: 360px) { figure.thumbnail { width: 100%; } }
\ No newline at end of file
More information about the commits
mailing list