diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..800e771 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +/showcase.psd +/test \ No newline at end of file diff --git a/cssfx.css b/cssfx.css new file mode 100644 index 0000000..5c7fb5b --- /dev/null +++ b/cssfx.css @@ -0,0 +1,92 @@ + +#cssfx { + margin:0 auto; + width:720px; + padding:20px +} +h1 { + font-size:3em; + margin:0; + text-align:center; + text-shadow:0px 0px 20px #407fab +} +h2 { + text-transform:uppercase; + margin-top:10px; + text-shadow:0px 0px 5px #407fab; + text-align:center; + transform:rotate(-2deg) +} +h2:hover { + transform:rotate(2deg) scale(1.5) +} +h2, h2:hover { + transition:all 0.5s ease-out +} +h3 { + text-shadow:0px 1px 0px #09121e; + margin-top:2em; + margin-bottom:0; +} +#example h3 { + margin-top:0; + margin-bottom:0.5em +} +p { + line-height:1.4em; + margin-bottom:1em; + margin-top:0.5em +} +em { + text-decoration:underline +} +#desc { + padding-top:20px; + font-size:1.2em +} +#example { + width:100%; + padding:20px 0; + margin:30px 0; + overflow:hidden +} + +#example-to, #example-from {float:left;width:45%} +#example-from, #example-to {margin-left:3%} +#example textarea {width:98%;min-width:98%;max-width:98%;min-height:200px;height:200px;background:transparent;color:#fff;font-family:Envy Code R, monospace;font-size:14px;border:solid 1px #003C62;border-radius:4px;padding:5px;box-shadow:inset 0px 2px 8px #09121e} +#example textarea:focus {box-shadow:0px 0px 8px #407fab} +#generate {margin:3%;width:94%;margin-bottom:0;padding:10px;font-size:2em;font-weight:bold;font-family:sans-serif;border-radius:8px;border:0;background:0; text-shadow:0px 0px 20px #407fab;color:#fff; box-shadow:0px 0px 10px #407fab;} +#generate:hover {box-shadow:0px 0px 13px #47b6ff;transform:scale(1.02)} +#generate, #generate:hover {transition:all 0.2s ease-out} + +#lead {display:box;box-pack:left;box-align:center} +#download-well {width:300px;display:box;box-pack:center} +#desc {box-flex:1;margin-right:50px} + +#download { + display:block; + line-height:53px; + padding-left:54px; + background:url(download.png) no-repeat; + color:#c8e8ff; + font-weight:bold; + text-shadow:0px 1px 0px #09121e +} +#download:hover { + color:#fff; + text-shadow:0px 0px 10px #407fab +} +#download,#download:hover { + transition:all 0.2s ease-out +} +small { + padding-top:10px; + border-top:solid 1px rgba(0,0,0,0.3); + text-align:center; + margin-top:20px; + opacity:0.8; + display:block +} +small a { + color: #fff +} diff --git a/cssfx.min.js b/cssfx.min.js new file mode 100644 index 0000000..99e673d --- /dev/null +++ b/cssfx.min.js @@ -0,0 +1 @@ +var cssFx=cssFx||{};(function(e){function a(e,t){var n=function(e){for(e=0;e<4;e++)try{return e?new ActiveXObject([,"Msxml2","Msxml3","Microsoft"][e]+".XMLHTTP"):new XMLHttpRequest}catch(t){}};(r=n())&&(r.onreadystatechange=function(){r.readyState==4&&t(r.responseText)},r.open("GET",e,!0),r.send(u))}function f(e){var t=window,n="complete",r="readystatechange",i=!1,s=i,o=!0,u=t.document,a=u.documentElement,f=u.addEventListener?"addEventListener":"attachEvent",l=u.addEventListener?"removeEventListener":"detachEvent",c=u.addEventListener?"":"on",h=function(o){(o.type!=r||u.readyState==n)&&((o.type=="load"?t:u)[l](c+o.type,h,i),!s&&(s=!0)&&e.call(t,o.type||o))},p=function(){try{a.doScroll("left")}catch(e){setTimeout(p,50);return}h("poll")};if(u.readyState==n)e.call(t,"lazy");else{if(u.createEventObject&&a.doScroll){try{o=!t.frameElement}catch(d){}o&&p()}u[f](c+"DOMContentLoaded",h,i),u[f](c+r,h,i),t[f](c+"load",h,i)}}function l(e,t){return e.replace(t!=u?/\/\*([\s\S]*?)\*\//gim:"","").replace(/\n/gm,"").replace(/^\s\s*/,"").replace(/\s\s*$/,"").replace(/\s{2,}|\t/gm," ")}function c(e,t,n){return((256+e<<8|t)<<8|n).toString(16).slice(1)}function h(e,t){for(var n=t.length,r=0;r=0){L=e.processDec(N),L&&_.push(T+"{"+L+"}");break}i.lastIndex=0}_.length&&r.push(_.join("\n"))}return r},e.insertCSS=function(e){for(var t,n=0;n=0){if(d=a[H].split(i),d.length!=2)return!1;var B=l(d[0]),j=l(d[1]),F=[B,j].join(i),I=[];if(h(B,N))I.push(E+F,S+F);else if(h(B,C))I.push(E+F,S+F,B=="box-align"?T+B+":middle":T+F);else if(h(B,k))p([0,1,2,3],function(e){var t,n,r;B==o?(t=j.split(" ")[0],h(t,A)?I.push(w[e]+F.replace(t,w[e]+t)):I.push(w[e]+F)):B=="transition-property"?e==0&&(n=j.split(","),r=[],p(n,function(t){var n=l(t);h(n,A)&&r.push(w[e]+n)}),I.push(w[e]+B+i+r.join(","))):I.push(w[e]+F)});else if(h(B,L))B==m+"-clip"?j==="padding-box"&&I.push(S+F,E+B+":padding"):(v=B.split("-"),I.push(E+"border-radius-"+v[1]+v[2]+i+j,S+F));else switch(B){case"display":j=="box"?p([0,1,3],function(e){I.push(r+w[e]+j)}):j=="inline-block"&&I.push(r+E+"inline-stack","zoom:1;*display:inline");break;case t:j=="ellipsis"&&I.push(x+F);break;case"opacity":g=Math.round(j*100),I.push(T+"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity="+g+")","filter: alpha(opacity="+g+")",E+F,S+F);break;case m+s:case m+"-color":case m:y="linear-gradient",j.indexOf(y)>=0?(b=(new RegExp(y+"\\s?\$(.*)\$","ig")).exec(j),b[1]!=u&&(b=b[1],O=y+"("+b+")",p([0,1,2,3],function(e){I.push(B+i+w[e]+O)}),_=b.match(/\#([a-z0-9]{3,})/g),_&&_.length>1&&_[_.length-1]!=u&&I.push(M.replace("{1}",_[0]).replace("{2}",_[_.length-1])))):j.indexOf("rgba")>=0&&(D=j.match(/rgba$(.*?)$/)[1].split(","),P=Math.floor(+l(D[3])*255).toString(16)+c(+l(D[0]),+l(D[1]),+l(D[2])),I.push(M.replace("{1}","#"+P).replace("{2}","#"+P)+";zoom:1"));break;default:!n||I.push(F)}I.length&&f.push(I.join(";"))}return f.length&&f.join(";")},e.fetchCSS=function(t,n){a(t,n==u?function(n){e.insertCSS(e.processCSS([n],t))}:n)},_=function(){var t=document.getElementsByTagName("style"),n=document.getElementsByTagName("link"),r,i;for(i in n)typeof n[i]=="object"&&n[i].className==="cssfx"&&e.fetchCSS(n[i].href);r=[];for(i in t)typeof t[i]=="object"&&r.push(t[i].innerHTML);r.length&&e.insertCSS(e.processCSS(r))},f(_)})(cssFx) \ No newline at end of file diff --git a/download.png b/download.png new file mode 100644 index 0000000..3dd9f6e Binary files /dev/null and b/download.png differ diff --git a/images/bg_hr.png b/images/bg_hr.png new file mode 100644 index 0000000..7973bd6 Binary files /dev/null and b/images/bg_hr.png differ diff --git a/images/blacktocat.png b/images/blacktocat.png new file mode 100644 index 0000000..6e264fe Binary files /dev/null and b/images/blacktocat.png differ diff --git a/images/body-bg.png b/images/body-bg.png new file mode 100644 index 0000000..5e8c4c2 Binary files /dev/null and b/images/body-bg.png differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg new file mode 100644 index 0000000..355e089 Binary files /dev/null and b/images/highlight-bg.jpg differ diff --git a/images/hr.png b/images/hr.png new file mode 100644 index 0000000..d32f689 Binary files /dev/null and b/images/hr.png differ diff --git a/images/icon_download.png b/images/icon_download.png new file mode 100644 index 0000000..a2a287f Binary files /dev/null and b/images/icon_download.png differ diff --git a/images/octocat-icon.png b/images/octocat-icon.png new file mode 100644 index 0000000..2406608 Binary files /dev/null and b/images/octocat-icon.png differ diff --git a/images/sprite_download.png b/images/sprite_download.png new file mode 100644 index 0000000..f2babd5 Binary files /dev/null and b/images/sprite_download.png differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png new file mode 100644 index 0000000..502e67d Binary files /dev/null and b/images/tar-gz-icon.png differ diff --git a/images/zip-icon.png b/images/zip-icon.png new file mode 100644 index 0000000..732aced Binary files /dev/null and b/images/zip-icon.png differ diff --git a/index.html b/index.html index 4e779ec..1ee0bb0 100644 --- a/index.html +++ b/index.html @@ -1,81 +1,92 @@ - - - - imsky/cssFx @ GitHub - - - - - -

- -

+ + + + + + + + + cssFx by imsky + -

cssFx - by imsky

+ +

- Adds support for browser-specific CSS3 properties -

cssFx

cssFx inserts vendor prefixes for CSS3 properties.

Dependencies

ded domReady

License

BSD

Authors

imsky

Contact

Ivan M (ivan@imsky.org)

- - -

Download

- You can download this project in either - zip or - tar formats. -

You can also clone the project with Git - by running: -

$ git clone git://github.com/imsky/cssFx

- - +

+ Download .zip + Download .tar.gz + View on GitHub +

+ +

+cssFx

+ +

cssFx adds vendor-specific prefixes to your stylesheets.

+ +

+How it works

+ +

When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new <style> tag is appended to the <head> with processed properties. Properties for all vendors (Mozilla, Webkit, Opera, Microsoft) are included by default.

+ +

+Installing

+ +

Download cssFx or install it with Bower: bower install cssfx.

+Usage

- - - +

Include cssFx in your <head> tag: <script src="cssfx.js"></script>

+ +

Make sure any external stylesheets you want processed have the cssfx class.

+ +

+Browsers Supported

+ +

Firefox 3+
Chrome 1+
Internet Explorer 6+
Safari 3+
Opera 9+

+Important Considerations

+ +

IE and other browsers remove either unknown properties or properties with unknown values. To guarantee that all properties are parsed, link your stylesheet externally.
To prevent FOUC (flash of unstyled content), place cssfx.js immediately under the stylesheet tags.
cssFx only adds prefixes. It does not polyfill functionality unavailable in the browser.

+License

+ +

cssFx is provided under the MIT license.

+ +

+Credits

+ +

cssFx is a project by Ivan Malopinsky.

+ + + + + +

+ + \ No newline at end of file diff --git a/javascripts/main.js b/javascripts/main.js new file mode 100644 index 0000000..d8135d3 --- /dev/null +++ b/javascripts/main.js @@ -0,0 +1 @@ +console.log('This would be the main JS file.'); diff --git a/params.json b/params.json new file mode 100644 index 0000000..bc1801f --- /dev/null +++ b/params.json @@ -0,0 +1 @@ +{"name":"cssFx","tagline":"cssFx inserts vendor prefixes for CSS3 properties.","body":"cssFx\r\n-----\r\n\r\ncssFx adds vendor-specific prefixes to your stylesheets.\r\n\r\nHow it works\r\n------------\r\n\r\nWhen the document has finished loading, internal (``) and external (``) stylesheets are processed, fetching any `@import` stylesheets as well. It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new `` tag is appended to the `` with processed properties. Properties for all vendors (Mozilla, Webkit, Opera, Microsoft) are included by default.\r\n\r\nInstalling\r\n----------\r\n\r\n[Download cssFx](https://github.com/imsky/cssFx/zipball/master) or install it with Bower: `bower install cssfx`.\r\n\r\nUsage\r\n-----\r\n\r\nInclude cssFx in your `` tag: ``\r\n\r\nMake sure any external stylesheets you want processed have the `cssfx` class.\r\n\r\nBrowsers Supported\r\n------------------\r\n\r\n * Firefox 3+\r\n * Chrome 1+\r\n * Internet Explorer 6+\r\n * Safari 3+\r\n * Opera 9+\r\n\r\nImportant Considerations\r\n------------------------\r\n\r\n* IE and other browsers remove either unknown properties or properties with unknown values. To guarantee that all properties are parsed, link your stylesheet externally.\r\n* To prevent FOUC (flash of unstyled content), place cssfx.js immediately under the stylesheet tags.\r\n* cssFx only adds prefixes. It does not polyfill functionality unavailable in the browser.\r\n\r\nLicense\r\n-------\r\n\r\ncssFx is provided under the MIT license.\r\n\r\nCredits\r\n-------\r\n\r\ncssFx is a project by [Ivan Malopinsky](http://imsky.co).\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file diff --git a/stylesheets/print.css b/stylesheets/print.css new file mode 100644 index 0000000..541695b --- /dev/null +++ b/stylesheets/print.css @@ -0,0 +1,226 @@ +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +body { + font-size: 13px; + line-height: 1.5; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + color: #000; +} + +a { + color: #d5000d; + font-weight: bold; +} + +header { + padding-top: 35px; + padding-bottom: 10px; +} + +header h1 { + font-weight: bold; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} +#downloads { + display: none; +} +#main_content { + padding-top: 20px; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 12px; +} + +code { + padding: 0 3px; +} + +pre { + border: solid 1px #ddd; + padding: 20px; + overflow: auto; +} +pre code { + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + border: 1px solid #ebebeb; + text-align: center; + font-weight: 300; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 2.8em; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dd { + font-style: italic; + font-weight: 100; +} + +footer { + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} \ No newline at end of file diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css new file mode 100644 index 0000000..c6a6452 --- /dev/null +++ b/stylesheets/pygment_trac.css @@ -0,0 +1,69 @@ +.highlight { background: #ffffff; } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { font-weight: bold } /* Keyword */ +.highlight .o { font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { font-weight: bold } /* Keyword.Constant */ +.highlight .kd { font-weight: bold } /* Keyword.Declaration */ +.highlight .kn { font-weight: bold } /* Keyword.Namespace */ +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d14 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d14 } /* Literal.String.Backtick */ +.highlight .sc { color: #d14 } /* Literal.String.Char */ +.highlight .sd { color: #d14 } /* Literal.String.Doc */ +.highlight .s2 { color: #d14 } /* Literal.String.Double */ +.highlight .se { color: #d14 } /* Literal.String.Escape */ +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ +.highlight .si { color: #d14 } /* Literal.String.Interpol */ +.highlight .sx { color: #d14 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d14 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ + +.type-csharp .highlight .k { color: #0000FF } +.type-csharp .highlight .kt { color: #0000FF } +.type-csharp .highlight .nf { color: #000000; font-weight: normal } +.type-csharp .highlight .nc { color: #2B91AF } +.type-csharp .highlight .nn { color: #000000 } +.type-csharp .highlight .s { color: #A31515 } +.type-csharp .highlight .sc { color: #A31515 } diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css new file mode 100644 index 0000000..020ad6d --- /dev/null +++ b/stylesheets/stylesheet.css @@ -0,0 +1,371 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* LAYOUT STYLES */ +body { + font-size: 1em; + line-height: 1.5; + background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); + color: #6d6d6d; +} + +a { + color: #d5000d; +} +a:hover { + color: #c5000c; +} + +header { + padding-top: 35px; + padding-bottom: 25px; +} + +header h1 { + font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} + +#container { + background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; + min-height: 595px; +} + +.inner { + width: 620px; + margin: 0 auto; +} + +#container .inner img { + max-width: 100%; +} + +#downloads { + margin-bottom: 40px; +} + +a.button { + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + border-radius: 30px; + border-top: solid 1px #cbcbcb; + border-left: solid 1px #b7b7b7; + border-right: solid 1px #b7b7b7; + border-bottom: solid 1px #b3b3b3; + color: #303030; + line-height: 25px; + font-weight: bold; + font-size: 15px; + padding: 12px 8px 12px 8px; + display: block; + float: left; + width: 179px; + margin-right: 14px; + background: #fdfdfd; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ + -webkit-box-shadow: 10px 10px 5px #888; + -moz-box-shadow: 10px 10px 5px #888; + box-shadow: 0px 1px 5px #e8e8e8; +} +a.button:hover { + border-top: solid 1px #b7b7b7; + border-left: solid 1px #b3b3b3; + border-right: solid 1px #b3b3b3; + border-bottom: solid 1px #b3b3b3; + background: #fafafa; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ +} + +a.button span { + padding-left: 50px; + display: block; + height: 23px; +} + +#download-zip span { + background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; +} +#download-tar-gz span { + background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +} +#view-on-github span { + background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +} +#view-on-github { + margin-right: 0; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 14px; +} + +code { + background-color: #f2f2f2; + border: solid 1px #ddd; + padding: 0 3px; +} + +pre { + padding: 20px; + background: #303030; + color: #f2f2f2; + text-shadow: none; + overflow: auto; +} +pre code { + color: #f2f2f2; + background-color: #303030; + border: none; + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +hr { + height: 1px; + line-height: 1px; + margin-top: 1em; + padding-bottom: 1em; + border: none; + background: transparent url('../images/hr.png') 50% 0 no-repeat; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + border: 1px solid #ebebeb; + text-align: center; + font-weight: 300; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 32px; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dt { + color: #303030; +} + +footer { + background: transparent url('../images/hr.png') 0 0 no-repeat; + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} +footer a:hover { + color: #444; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} + +/* #Media Queries +================================================== */ + +/* Smaller than standard 960 (devices and browsers) */ +@media only screen and (max-width: 959px) {} + +/* Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 959px) {} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + header { + padding-top: 10px; + padding-bottom: 10px; + } + #downloads { + margin-bottom: 25px; + } + #download-zip, #download-tar-gz { + display: none; + } + .inner { + width: 94%; + margin: 0 auto; + } +} + +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ +@media only screen and (min-width: 480px) and (max-width: 767px) {} + +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ +@media only screen and (max-width: 479px) {}