www/adium.im 647:53007934d17f: Underline closed ticket links on ...
commits at adium.im
commits at adium.im
Tue Mar 27 14:35:40 UTC 2012
details: http://hg.adium.im/www/adium.im/rev/53007934d17f
revision: 647:53007934d17f
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Tue Mar 27 12:37:57 2012 +0100
Underline closed ticket links on hover.
Subject: www/adium.im 648:a54649157a21: Style input forms.
details: http://hg.adium.im/www/adium.im/rev/a54649157a21
revision: 648:a54649157a21
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Tue Mar 27 15:15:42 2012 +0100
Style input forms.
diffs (177 lines):
diff -r e0146eb79a31 -r a54649157a21 assets/styles/changelog.css
--- a/assets/styles/changelog.css Tue Mar 27 12:20:40 2012 +0100
+++ b/assets/styles/changelog.css Tue Mar 27 15:15:42 2012 +0100
@@ -35,6 +35,7 @@
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:link.closed, span.closed { text-decoration: line-through; }
+a:link.closed:hover, span.closed:hover { text-decoration: line-through underline; }
/***** Labels *****/
diff -r e0146eb79a31 -r a54649157a21 assets/styles/global.css
--- a/assets/styles/global.css Tue Mar 27 12:20:40 2012 +0100
+++ b/assets/styles/global.css Tue Mar 27 15:15:42 2012 +0100
@@ -19,7 +19,7 @@
vertical-align: baseline;
}
-article, aside, details, figcaption, figure,
+article, aside, details, figcaption, figure, label,
footer, header, hgroup, menu, nav, section, small {
display: block;
}
@@ -55,7 +55,7 @@
.content h2, footer h3 { font-size: 1.6em; }
-.content p, .content h3, figcaption,
+.content p, .content h3, figcaption, label,
.content ol, .content ul, td, th, pre {
font-size: 1.4em;
}
@@ -68,7 +68,7 @@
.content ul ul, .content ol ol,
.content ol ul, .content ul ol,
-#search-results p {
+#search-results p, input, textarea {
font-size: 1em;
}
@@ -304,6 +304,8 @@
.padding-fix { padding: 10px 10px 5px; }
div.padding-fix { padding: 10px 0 0 10px; }
section.padding-fix { padding: 20px 20px 10px; }
+/* Notice: Fixes overflow (9x2 for padding + 1x2 border radius) */
+label.padding-fix { padding: 0 20px 0 0; }
/* Notice: Use margin-fix for tables that are the last content of a <section> */
.margin-fix { margin-bottom: 10px; }
@@ -334,6 +336,7 @@
/* Closed tickets */
a:link.closed, span.closed { text-decoration: line-through; }
+a:link.closed:hover, span.closed:hover { text-decoration: line-through underline; }
/* Side bar */
aside {
@@ -505,23 +508,58 @@
/********** Inputs **********/
-input { outline: none; font-family: Helvetica Neue, sans-serif; }
input::-moz-focus-inner { border: 0; }
-.button {
- cursor: pointer;
- margin-bottom: 10px;
- padding: 8px 11px;
- float: left;
+input, textarea, .button {
+ margin: 0 0 10px;
+ width: 100%;
+ max-width: 100%;
+ max-height: 250px;
+ font-family: Helvetica Neue, sans-serif;
+ border: 1px solid #b5b5b5;
+ font-weight: 500;
+ padding: 8px 9px;
color: #666;
- text-shadow: 0 1px #fff;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
- border: 1px solid #bbb;
+ background-color: #fafafa;
+ background-image: linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -o-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -ms-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #fcfcfc));
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
+}
+
+input:focus, textarea:focus {
+ outline: none;
+ color: #555;
+ border-color: #aaa;
+ background-color: #f5f5f5;
+ background-image: linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -o-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -ms-linear-gradient(top, #f5f5f5 0%, #fcfcfc 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #f9f9f9));
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
+}
+
+input.button, a.button {
+ width: auto;
+ cursor: pointer;
+ padding: 8px 11px;
+ float: left;
+ text-shadow: 0 1px #fff;
font-weight: 600;
background-color: #f5f5f5;
background-image: linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
@@ -535,7 +573,7 @@
box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .03);
}
-.button:hover {
+input.button:hover, a.button:hover {
text-decoration: none;
color: #555;
border-color: #aaa;
@@ -550,7 +588,7 @@
box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .08);
}
-.button:active {
+input.button:active, a.button:active {
color: #666;
border-color: #999;
-webkit-background-clip: border-box;
@@ -568,6 +606,16 @@
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
}
+label {
+ color: #777;
+ font-weight: 600;
+}
+
+label span {
+ display: block;
+ padding-bottom: 8px;
+}
+
/********** Search **********/
#search-container {
@@ -584,6 +632,7 @@
#search:focus::-webkit-input-placeholder { color: #999; }
#search {
+ margin: 2px 0 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
@@ -634,7 +683,7 @@
display: block;
position: absolute;
width: 245px;
- margin: 0 0 0 -5px;
+ margin: -8px 0 0 -5px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
More information about the commits
mailing list