www/adium.im 547:aabaadae568c: global.css sounds cooler.
commits at adium.im
commits at adium.im
Sun Feb 12 16:51:42 UTC 2012
details: http://hg.adium.im/www/adium.im/rev/aabaadae568c
revision: 547:aabaadae568c
branch: rewrite
author: Paul Wilde <me at paulwilde.co.uk>
date: Sun Feb 12 16:51:34 2012 +0000
global.css sounds cooler.
diffs (truncated from 1332 to 1000 lines):
diff -r 5c7dc5c672f6 -r aabaadae568c about/index.php
--- a/about/index.php Sun Feb 12 16:48:03 2012 +0000
+++ b/about/index.php Sun Feb 12 16:51:34 2012 +0000
@@ -6,7 +6,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <link rel="stylesheet" href="../assets/styles/style.css">
+ <link rel="stylesheet" href="../assets/styles/global.css">
<link rel="stylesheet" href="../assets/styles/about.css">
<link rel="stylesheet" href="../assets/scripts/fancybox/fancybox.css">
<link rel="shortcut icon" href="favicon.ico">
diff -r 5c7dc5c672f6 -r aabaadae568c assets/styles/global.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/assets/styles/global.css Sun Feb 12 16:51:34 2012 +0000
@@ -0,0 +1,637 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+body { line-height: 1; font-family: Helvetica Neue, sans-serif; font-size: 62.5%; text-rendering: optimizeLegibility; }
+
+ol, ul { list-style: none; }
+a { text-decoration: none; cursor: pointer; }
+img { -ms-interpolation-mode: bicubic; display: block; }
+
+.container {
+ margin: 0 auto;
+ max-width: 1000px;
+ zoom: 1;
+}
+
+.container:before, .container:after,
+.clearfix:before, .clearfix:after { content: ''; /* display: table; */ }
+.container:after, .clearfix:after { clear: both; }
+footer .container:after, .clearfix:after { display: table; }
+
+/********** Font sizes **********/
+
+.content h1 { font-size: 2em; line-height: 1.1em; }
+
+.banner h1, #menu-logo { font-size: 1.8em; }
+
+.content h2, footer h3 { font-size: 1.6em; }
+
+.content p, .content h3, figcaption, .content ol, .content ul, pre {
+ font-size: 1.4em;
+}
+
+.content p, .content h3, figcaption, pre {
+ line-height: 1.4em;
+}
+
+.content ul ul, .content ol ol, .content ol ul, .content li ol {
+ font-size: 1em;
+}
+
+nav, p, footer ul, footer span, a.button {
+ font-size: 1.3em;
+ line-height: 1.1em;
+}
+
+/********** Menu Bar **********/
+
+.menu {
+ background-size: 100% 44px; /* Notice: Limit background gradient to 44px in height */
+ background-repeat: no-repeat;
+ background-color: #f5f5f5;
+ background-image: linear-gradient(top, #fff 0%, #f5f5f5 100%);
+ background-image: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
+ background-image: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
+ background-image: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
+ background-image: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f5f5f5));
+}
+
+nav, #menu-logo {
+ color: #666;
+ font-weight: 600;
+ text-shadow: 0 1px #fff;
+}
+
+#menu-logo { float: left; }
+
+#menu-logo span {
+ display: block;
+ color: #839972;
+ padding: 12px 35px;
+}
+
+#menu-logo a:hover span { color: #698751; }
+#menu-logo a:active span { color: #9fba8b; }
+
+/********** Navigation **********/
+
+nav { color: #999; }
+
+/* Notice: Clearfix */
+nav:after { display: table; clear: both; content: ''; }
+
+nav ul, nav li {
+ border: 0;
+ -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#bababa)) 1 100%;
+ -webkit-border-image: -webkit-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
+ -moz-border-image: -moz-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
+ -ms-border-image: -ms-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
+ -o-border-image: -o-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
+ border-image: linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
+}
+
+nav ul {
+ margin: 0 14px;
+ float: right;
+ border-left: 1px solid #ccc;
+}
+
+nav li {
+ position: relative; /* Notice: Ensures z-index works */
+ z-index: 10;
+ float: left;
+ border-right: 1px solid #ccc;
+}
+
+nav .active {
+ background-color: #eee;
+ background: linear-gradient(top, #fff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
+ background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
+ background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e5e5e5));
+}
+
+nav li span {
+ display: block;
+ padding: 14px 13px;
+}
+nav li span, #menu-logo span {
+ -webkit-transition: color .2s ease;
+ -webkit-transition: background-color .2s ease;
+ -moz-transition: color .2s ease;
+ -moz-transition: background-color .2s ease;
+ -ms-transition: color .2s ease;
+ -ms-transition: background-color .2s ease;
+ -o-transition: color .2s ease;
+ -o-transition: background-color .2s ease;
+ transition: color .2s ease;
+ transition: background-color .2s ease;
+}
+
+nav li a span { color: #666; }
+nav li a span:hover { color: #444; background-color: #fff; }
+nav li a span:active { color: #999; }
+
+nav li span:before {
+ content: '';
+ position: relative;
+ top: -1px;
+ padding-bottom: 2px;
+ padding-left: 22px;
+ background: url('../images/sprite.png') 0 0 no-repeat;
+}
+
+.home span:before, .blog span:before { padding-left: 23px; }
+.merch span:before { padding-left: 25px; }
+
+.home a span:before { background-position: -20px -49px; }
+.home a:hover span:before { background-position: -20px -79px; }
+.home a:active span:before, .home span:before { background-position: -20px -19px; }
+
+.about a span:before { background-position: -51px -49px; }
+.about a:hover span:before { background-position: -51px -79px; }
+.about a:active span:before, .about span:before { background-position: -51px -19px; }
+
+.blog a span:before { background-position: -81px -49px; }
+.blog a:hover span:before { background-position: -81px -79px; }
+.blog a:active span:before, .blog span:before { background-position: -81px -19px; }
+
+.help a span:before { background-position: -112px -49px; }
+.help a:hover span:before { background-position: -112px -79px; }
+.help a:active span:before, .help span:before { background-position: -112px -19px; }
+
+.dev a span:before { background-position: -142px -49px; }
+.dev a:hover span:before { background-position: -142px -79px; }
+.dev a:active span:before, .dev span:before { background-position: -142px -19px; }
+
+.merch a span:before { background-position: -172px -49px; }
+.merch a:hover span:before { background-position: -172px -79px; }
+.merch a:active span:before, .merch span:before { background-position: -172px -19px; }
+
+.xtras a span:before { background-position: -205px -49px; }
+.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 {
+ height: 38px;
+ border-top: 1px solid #bcbcbc;
+ border-bottom: 1px solid #bcbcbc;
+ background-color: #dadada;
+ background: url('../images/shadow.png') repeat-x, linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
+ background: url('../images/shadow.png') repeat-x, -o-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
+ background: url('../images/shadow.png') repeat-x, -moz-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
+ background: url('../images/shadow.png') repeat-x, -webkit-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
+ background: url('../images/shadow.png') repeat-x, -ms-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
+ background: url('../images/shadow.png') repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #d7d7d7));
+}
+
+nav.sub ul, nav.sub li { border: 0; }
+
+nav.sub ul { margin: 0 15px; }
+
+nav.sub li {
+ padding: 11px 12px;
+ color: #888;
+ text-shadow: 0 1px #f6f6f6;
+}
+
+nav.sub .active {
+ font-weight: 600;
+ -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#bababa)) 1 100%;
+ -webkit-border-image: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
+ -moz-border-image: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
+ -ms-border-image: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
+ -o-border-image: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
+ border-image: linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
+ background: 0;
+}
+
+nav.sub a { color: #666; }
+nav.sub a:hover { color: #444; }
+nav.sub a:active { color: #888; }
+
+/********** Content **********/
+
+.content {
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 14px;
+ background: url('../images/noise.png') #f3f3f3; /* Notice: IE7-8/outdated browser fallback */
+ background: url('../images/content_gradient.png') repeat-x, url('../images/noise.png') #f3f3f3;
+}
+
+.content section {
+ overflow: hidden;
+ margin: 14px 14px 0;
+ border: 1px solid #dadada;
+ -webkit-box-shadow: 0 1px 2px #ddd;
+ -moz-box-shadow: 0 1px 2px #ddd;
+ box-shadow: 0 1px 2px #ddd;
+ padding: 10px;
+ background-color: #fff;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+}
+
+article { padding: 10px 10px 0; }
+aside { padding: 10px 0 0; }
+
+.left { float: left; }
+.right { float: right; }
+
+article.two-column { width: 47%; }
+aside.two-column { width: 48.9%; }
+
+h1, h2, h3 {
+ padding-bottom: 15px;
+ font-weight: 500;
+ line-height: 1.1em;
+ color: #333;
+}
+
+h3 { color: #777; font-weight: 600; }
+
+/* Notice: Declare padding-fix to titles that are not wrapped inside an <article> */
+h1.padding-fix { padding: 10px 0 5px 10px; }
+
+.half { width: 50%; float: left; }
+
+.content p, pre, .content ol, .content ul {
+ color: #777;
+ padding-bottom: 1em;
+}
+
+.content ol, .content ul {
+ padding-bottom: 0;
+}
+
+/* Text above ul/ol */
+.list-header { padding-bottom: .8em; }
+
+pre {
+ color: #555;
+ font-family: Courier, sans-serif;
+ white-space: pre-wrap;
+ white-space: -moz-pre-wrap;
+ white-space: -pre-wrap;
+ white-space: -o-pre-wrap;
+ word-wrap: break-word;
+}
+
+.content ol, .content ul { padding-left: 20px; }
+.content ol { list-style-type: decimal; }
+.content ul { list-style-type: disc; }
+.content li { padding: 0 0 10px; line-height: 1.4em; }
+.content strong { font-weight: 600; }
+.content a { color: #555; font-weight: 500; text-decoration: none; }
+.content a:hover { color: #333; text-decoration: underline; }
+
+hr {
+ border: 0;
+ width: 200%; /* Notice: Use a higher percentage due to margin */
+ height: 1px;
+ background: #ededed;
+ margin: 5px -20px 20px;
+}
+
+hr.one, hr.two, hr.three { display: none; }
+
+/********** Thumbnails **********/
+
+figure { margin: 10px; position: relative; }
+
+figure.thumbnail {
+ float: left;
+ max-width: 250px;
+ width: 45.5%;
+}
+
+.overlay { position: relative; }
+
+.overlay span, figure span {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, .4);
+ -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, .4);
+ box-shadow: inset 0 0 30px rgba(0, 0, 0, .4);
+ 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;
+}
+
+.overlay span:after, figure span:after {
+ width: 100%;
+ height: 100%;
+ content: '';
+ display: block;
+ background: url('../../assets/images/thumbnail_overlay.png') no-repeat center center;
+}
+
+figure a:hover span { opacity: 1; filter: alpha(opacity=1); cursor: pointer; }
+
+figure img {
+ width: 100%;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+
+figcaption {
+ padding-top: 10px;
+ color: #777;
+ font-weight: 500;
+ -webkit-transition: color 150ms ease-in;
+ -moz-transition: color 150ms ease-in;
+ -ms-transition: color 150ms ease-in;
+ -o-transition: color 150ms ease-in;
+ transition: color 150ms ease-in;
+}
+
+figure:hover figcaption { color: #444; cursor: pointer; }
+figure:hover a:hover { text-decoration: none; } /* Notice: Remove underline from the figcaption on hover */
+
+/********** Buttons **********/
+
+a.button {
+ margin-bottom: 5px;
+ padding: 8px 11px;
+ float: left;
+ color: #666;
+ text-shadow: 0 1px #fff;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ border: 1px solid #bbb;
+ font-weight: 600;
+ background-color: #f5f5f5;
+ background-image: linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
+ background-image: -o-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
+ background-image: -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
+ background-image: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
+ background-image: -ms-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #f3f3f3));
+ -webkit-box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .03);
+ -moz-box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .03);
+ box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .03);
+}
+
+a.button:hover {
+ text-decoration: none;
+ color: #555;
+ border-color: #aaa;
+ background-image: linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
+ background-image: -o-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
+ background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
+ background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
+ background-image: -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #eee));
+ -webkit-box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .08);
+ -moz-box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .08);
+ box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .08);
+}
+
+a.button:active {
+ color: #666;
+ border-color: #999;
+ -webkit-background-clip: border-box;
+ -moz-background-clip: border;
+ background-clip: border-box;
+ background-color: transparent;
+ background-image: linear-gradient(top, #ddd 0%, #e5e5e5 100%);
+ background-image: -o-linear-gradient(top, #ddd 0%, #e5e5e5 100%);
+ background-image: -moz-linear-gradient(top, #ddd 0%, #e5e5e5 100%);
+ background-image: -webkit-linear-gradient(top, #ddd 0%, #e5e5e5 100%);
+ background-image: -ms-linear-gradient(top, #ddd 0%, #e5e5e5 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #e5e5e5));
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
+}
+
+/********** Footer **********/
+
+footer .container {
+ padding: 25px 35px;
+ max-width: 930px;
+}
+
+footer section { float: left; overflow: hidden; }
+
+.adium { width: 29%; }
+.social { width: 23%; }
+.support { width: 15%; }
+.hosting { width: 260px; float: right; }
+
+footer a { color: #666; font-weight: 500; }
+footer a:hover { color: #444; text-decoration: underline; }
+
+footer p, footer ul {
+ color: #888;
+ line-height: 1.8em;
+}
+
+/* Notice: Fixes issue with the hosting links being larger than they should be */
+footer span { font-size: 13px; }
+
+footer h3 {
+ font-weight: 500;
+ color: #333;
+ padding-bottom: 10px;
+}
+
+/* Notice: Fixes full width (inc whitespace) being hyperlinked */
+.social a { float: left; margin: 3px 0 10px; }
+a.twitter { clear: both; }
+
+.social a:hover { text-decoration: none; }
+
+.social span:before {
+ content: '';
+ position: relative;
+ top: -1px;
+ padding: 0 0 3px 23px;
+ background: url('../images/sprite.png');
+}
+
+a.facebook span:before { background-position: -265px -140px; }
+a.twitter span:before { background-position: -265px -80px; }
+a:hover.twitter { color: #4697ce; }
+a:hover.facebook { color: #3b5996; }
+a:hover.facebook span:before { background-position: -265px -170px; }
+a:hover.twitter span:before { background-position: -265px -110px; }
+
+#hosting li {
+ text-indent: -999em;
+ direction: ltr;
+ float: left;
+ background: url('../images/sprite.png');
+}
+
+#hosting span { display: block; height: 45px; }
+#hosting li.networkredux span { height: 23px; }
+
+#hosting li.networkredux {
+ background-position: -20px -116px;
+ width: 132px;
+ height: 23px;
+ margin: 11px 30px 0 0;
+}
+#hosting li.networkredux:hover { background-position: -20px -156px; }
+#hosting li.cachefly {
+ background-position: -20px -200px;
+ width: 98px;
+ height: 45px;
+}
+#hosting li.cachefly:hover { background-position: -130px -200px; }
+
+/********** Media Queries **********/
+
+ at media (max-width: 980px) {
+ /* Content */
+
+}
+
+ at media (max-width: 930px) {
+ /* Footer */
+ .adium { width: 28%; }
+ .social { width: 21%; }
+}
+
+ at media (max-width: 860px) {
+ /* Navigation */
+ nav li span:before, .home span:before, .blog span:before, .merch span:before {
+ padding-left: 0;
+ }
+
+ /* Footer */
+ .adium { width: 27%; }
+ .social { width: 19%; }
+ .support { width: 12%; }
+}
+
+ at media (max-width: 740px) {
+ /* Footer */
+ #hosting li { text-indent: 0; background: 0; }
+ #hosting li.networkredux, #hosting li.cachefly {
+ margin: 0;
+ max-width: 150px;
+ height: auto;
+ }
+ #hosting span { display: inline; }
+ .hosting { width: 110px; float: right; height: auto; }
+ .adium { width: 34%; }
+ .social { width: 24%; }
+ .support { width: 14%; }
+}
+
+ at media (max-width: 700px) {
+ /* Navigation*/
+ #menu-logo { float: none; }
+ #menu-logo span { text-align: center; font-size: 1em; }
+ #menu-logo a:hover span { background: #fff; }
+ nav li.home { display: none; }
+ nav ul, nav li {
+ margin: 0;
+ -webkit-border-image: none;
+ -moz-border-image: none;
+ -ms-border-image: none;
+ -o-border-image: none;
+ border-image: none;
+ }
+ nav li span { padding: 14px 30px 14px 15px; }
+ nav li span:before, .blog span:before, .merch span:before { padding-left: 25px; }
+ nav ul, nav li { border: 0; }
+ nav li { float: left; width: 33.19%; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
+ nav li.blog, nav li.merch { border-right: 0; }
+ nav .active { background: none; background-color: #eee; }
+}
+
+ at media (max-width: 560px) {
+ /* Footer */
+ .support { clear: both; width: 100%; padding-top: 10px; }
+ .support li { float: left; padding-right: 10%; }
+ .adium { width: 45%; }
+
+ /* Content */
+ hr.two { display: block; }
+ .two-column.left { width: auto; }
+}
+
+ at media (max-width: 480px) {
+ /* Navigation */
+ nav li, nav li.blog { width: 49.83%; border-right: 1px solid #d5d5d5; }
+ nav li.xtras, nav li.help { border-right: 0; }
+
+ /* Footer */
+ .adium { width: 66%; }
+ .social { width: 83px; }
+ .hosting { float: left; padding-top: 10px; width: 100%; }
+ #hosting li.networkredux, #hosting li.cachefly { max-width: 100px; }
+ #hosting li, .support li { padding-right: 7%; }
+ .support { padding-top: 24px; }
+ .support li:last-child { padding-right: 0; }
+}
\ No newline at end of file
diff -r 5c7dc5c672f6 -r aabaadae568c assets/styles/style.css
--- a/assets/styles/style.css Sun Feb 12 16:48:03 2012 +0000
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,637 +0,0 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
-}
-
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display: block;
-}
-
-body { line-height: 1; font-family: Helvetica Neue, sans-serif; font-size: 62.5%; text-rendering: optimizeLegibility; }
-
-ol, ul { list-style: none; }
-a { text-decoration: none; cursor: pointer; }
-img { -ms-interpolation-mode: bicubic; display: block; }
-
-.container {
- margin: 0 auto;
- max-width: 1000px;
- zoom: 1;
-}
-
-.container:before, .container:after,
-.clearfix:before, .clearfix:after { content: ''; /* display: table; */ }
-.container:after, .clearfix:after { clear: both; }
-footer .container:after, .clearfix:after { display: table; }
-
-/********** Font sizes **********/
-
-.content h1 { font-size: 2em; line-height: 1.1em; }
-
-.banner h1, #menu-logo { font-size: 1.8em; }
-
-.content h2, footer h3 { font-size: 1.6em; }
-
-.content p, .content h3, figcaption, .content ol, .content ul, pre {
- font-size: 1.4em;
-}
-
-.content p, .content h3, figcaption, pre {
- line-height: 1.4em;
-}
-
-.content ul ul, .content ol ol, .content ol ul, .content li ol {
- font-size: 1em;
-}
-
-nav, p, footer ul, footer span, a.button {
- font-size: 1.3em;
- line-height: 1.1em;
-}
-
-/********** Menu Bar **********/
-
-.menu {
- background-size: 100% 44px; /* Notice: Limit background gradient to 44px in height */
- background-repeat: no-repeat;
- background-color: #f5f5f5;
- background-image: linear-gradient(top, #fff 0%, #f5f5f5 100%);
- background-image: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
- background-image: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
- background-image: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
- background-image: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f5f5f5));
-}
-
-nav, #menu-logo {
- color: #666;
- font-weight: 600;
- text-shadow: 0 1px #fff;
-}
-
-#menu-logo { float: left; }
-
-#menu-logo span {
- display: block;
- color: #839972;
- padding: 12px 35px;
-}
-
-#menu-logo a:hover span { color: #698751; }
-#menu-logo a:active span { color: #9fba8b; }
-
-/********** Navigation **********/
-
-nav { color: #999; }
-
-/* Notice: Clearfix */
-nav:after { display: table; clear: both; content: ''; }
-
-nav ul, nav li {
- border: 0;
- -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#bababa)) 1 100%;
- -webkit-border-image: -webkit-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
- -moz-border-image: -moz-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
- -ms-border-image: -ms-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
- -o-border-image: -o-linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
- border-image: linear-gradient(top, #f5f5f5 0%, #bababa 100%) 1 100%;
-}
-
-nav ul {
- margin: 0 14px;
- float: right;
- border-left: 1px solid #ccc;
-}
-
-nav li {
- position: relative; /* Notice: Ensures z-index works */
- z-index: 10;
- float: left;
- border-right: 1px solid #ccc;
-}
-
-nav .active {
- background-color: #eee;
- background: linear-gradient(top, #fff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
- background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
- background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e5e5e5));
-}
-
-nav li span {
- display: block;
- padding: 14px 13px;
-}
-nav li span, #menu-logo span {
- -webkit-transition: color .2s ease;
- -webkit-transition: background-color .2s ease;
- -moz-transition: color .2s ease;
- -moz-transition: background-color .2s ease;
- -ms-transition: color .2s ease;
- -ms-transition: background-color .2s ease;
- -o-transition: color .2s ease;
- -o-transition: background-color .2s ease;
- transition: color .2s ease;
- transition: background-color .2s ease;
-}
-
-nav li a span { color: #666; }
-nav li a span:hover { color: #444; background-color: #fff; }
-nav li a span:active { color: #999; }
-
-nav li span:before {
- content: '';
- position: relative;
- top: -1px;
- padding-bottom: 2px;
- padding-left: 22px;
- background: url('../images/sprite.png') 0 0 no-repeat;
-}
-
-.home span:before, .blog span:before { padding-left: 23px; }
-.merch span:before { padding-left: 25px; }
-
-.home a span:before { background-position: -20px -49px; }
-.home a:hover span:before { background-position: -20px -79px; }
-.home a:active span:before, .home span:before { background-position: -20px -19px; }
-
-.about a span:before { background-position: -51px -49px; }
-.about a:hover span:before { background-position: -51px -79px; }
-.about a:active span:before, .about span:before { background-position: -51px -19px; }
-
-.blog a span:before { background-position: -81px -49px; }
-.blog a:hover span:before { background-position: -81px -79px; }
-.blog a:active span:before, .blog span:before { background-position: -81px -19px; }
-
-.help a span:before { background-position: -112px -49px; }
-.help a:hover span:before { background-position: -112px -79px; }
-.help a:active span:before, .help span:before { background-position: -112px -19px; }
-
-.dev a span:before { background-position: -142px -49px; }
-.dev a:hover span:before { background-position: -142px -79px; }
-.dev a:active span:before, .dev span:before { background-position: -142px -19px; }
-
-.merch a span:before { background-position: -172px -49px; }
-.merch a:hover span:before { background-position: -172px -79px; }
-.merch a:active span:before, .merch span:before { background-position: -172px -19px; }
-
-.xtras a span:before { background-position: -205px -49px; }
-.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 {
- height: 38px;
- border-top: 1px solid #bcbcbc;
- border-bottom: 1px solid #bcbcbc;
- background-color: #dadada;
- background: url('../images/shadow.png') repeat-x, linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
- background: url('../images/shadow.png') repeat-x, -o-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
- background: url('../images/shadow.png') repeat-x, -moz-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
- background: url('../images/shadow.png') repeat-x, -webkit-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
- background: url('../images/shadow.png') repeat-x, -ms-linear-gradient(top, #e5e5e5 0%, #d7d7d7 100%);
- background: url('../images/shadow.png') repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #d7d7d7));
-}
-
-nav.sub ul, nav.sub li { border: 0; }
-
-nav.sub ul { margin: 0 15px; }
-
-nav.sub li {
- padding: 11px 12px;
- color: #888;
- text-shadow: 0 1px #f6f6f6;
-}
-
-nav.sub .active {
- font-weight: 600;
- -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#bababa)) 1 100%;
- -webkit-border-image: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
- -moz-border-image: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
- -ms-border-image: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
- -o-border-image: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
- border-image: linear-gradient(top, #fefefe 0%, #f5f5f5 100%) 1 100%;
- background: 0;
-}
-
-nav.sub a { color: #666; }
-nav.sub a:hover { color: #444; }
-nav.sub a:active { color: #888; }
-
-/********** Content **********/
-
-.content {
- border-top: 1px solid #fff;
- border-bottom: 1px solid #ddd;
- padding-bottom: 14px;
- background: url('../images/noise.png') #f3f3f3; /* Notice: IE7-8/outdated browser fallback */
- background: url('../images/content_gradient.png') repeat-x, url('../images/noise.png') #f3f3f3;
-}
-
-.content section {
- overflow: hidden;
- margin: 14px 14px 0;
- border: 1px solid #dadada;
- -webkit-box-shadow: 0 1px 2px #ddd;
- -moz-box-shadow: 0 1px 2px #ddd;
- box-shadow: 0 1px 2px #ddd;
- padding: 10px;
- background-color: #fff;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
-}
-
-article { padding: 10px 10px 0; }
-aside { padding: 10px 0 0; }
-
-.left { float: left; }
-.right { float: right; }
-
-article.two-column { width: 47%; }
-aside.two-column { width: 48.9%; }
-
-h1, h2, h3 {
- padding-bottom: 15px;
- font-weight: 500;
- line-height: 1.1em;
- color: #333;
-}
-
-h3 { color: #777; font-weight: 600; }
-
-/* Notice: Declare padding-fix to titles that are not wrapped inside an <article> */
-h1.padding-fix { padding: 10px 0 5px 10px; }
-
-.half { width: 50%; float: left; }
-
-.content p, pre, .content ol, .content ul {
- color: #777;
- padding-bottom: 1em;
-}
-
-.content ol, .content ul {
- padding-bottom: 0;
-}
-
-/* Text above ul/ol */
-.list-header { padding-bottom: .8em; }
-
-pre {
- color: #555;
- font-family: Courier, sans-serif;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
-}
-
-.content ol, .content ul { padding-left: 20px; }
-.content ol { list-style-type: decimal; }
-.content ul { list-style-type: disc; }
-.content li { padding: 0 0 10px; line-height: 1.4em; }
-.content strong { font-weight: 600; }
-.content a { color: #555; font-weight: 500; text-decoration: none; }
-.content a:hover { color: #333; text-decoration: underline; }
-
-hr {
- border: 0;
- width: 200%; /* Notice: Use a higher percentage due to margin */
More information about the commits
mailing list