From d7b8ffb7384494836416f53e62524b094c7a5c93 Mon Sep 17 00:00:00 2001 From: Julian Descottes Date: Thu, 23 Aug 2012 01:00:30 +0200 Subject: [PATCH] initial commit demo --- css/style.css | 83 +++++++ images/bg_hr.png | Bin 943 -> 0 bytes images/blacktocat.png | Bin 1428 -> 0 bytes images/icon_download.png | Bin 1162 -> 0 bytes images/sprite_download.png | Bin 16799 -> 0 bytes index.html | 102 +++------ javascripts/main.js | 1 - js/piskel.js | 142 ++++++++++++ params.json | 1 - stylesheets/pygment_trac.css | 70 ------ stylesheets/stylesheet.css | 431 ----------------------------------- 11 files changed, 257 insertions(+), 573 deletions(-) create mode 100644 css/style.css delete mode 100644 images/bg_hr.png delete mode 100644 images/blacktocat.png delete mode 100644 images/icon_download.png delete mode 100644 images/sprite_download.png delete mode 100644 javascripts/main.js create mode 100644 js/piskel.js delete mode 100644 params.json delete mode 100644 stylesheets/pygment_trac.css delete mode 100644 stylesheets/stylesheet.css diff --git a/css/style.css b/css/style.css new file mode 100644 index 00000000..33cf7319 --- /dev/null +++ b/css/style.css @@ -0,0 +1,83 @@ +html, body { + height : 100%; + margin : 0; + cursor : default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +ul, li { + margin : 0; + padding : 0; +} + +.debug { + border : 1px Solid black; +} + +.left-nav { + position:absolute; + top : 0; + bottom : 0; + width : 200px; + background : #000; + padding : 10px; +} + +.main-panel { + position:absolute; + top : 0; + bottom : 0; + left : 200px; + right : 0; + background : #ccc; +} + +.preview-container { + position : absolute; + top : 30px; + right : 0; + height : 256px; + width : 256px; + background : white; + border : 0px Solid black; + border-radius:5px 0px 0px 5px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.2); +} + +.preview-container canvas{ + border : 0px Solid transparent; + border-radius:5px 0px 0px 5px; +} + +#cursorInfo { + position : fixed; + cursor : default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.action-button { + background-color : white; + width : 150px; + display : inline-block; +} + +#preview-list li{ + margin : 10px 0; + width : 128px; + height : 128px; +} + +#preview-list li.selected{ + margin : 8px -2px; + border : 2px Solid red; +} \ No newline at end of file diff --git a/images/bg_hr.png b/images/bg_hr.png deleted file mode 100644 index 7973bd69888c7e10ccad1111d555ceabb7cd99b6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 943 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ZjU=ZbCV_;xNtoC%X8O-xS>N=;0uEIgTN!@$6-lo=9H65;D(m7Jfemk3g$SCL!500K7l6$OdO z*{LN8NvY|XdA3ULckfqH$V{%1*XSQL?vFu&J=B z$SufCElE_U$j!+swyLmI0-I}l#hD=EpgRf0Gw!Z$#{Ilm}X!Bo#cH`&0< zK*7vV&(PS!+}vD8!N|bSK;OVf-_S_c(A>({$jZP#0Sc7t6l{u8(yW49+@N+9rKH&^ zWt5Z@Sn2DRmzV368|&p4rRy77T3Uk4Ff!6DN=ef#uFNY*tkBIXR)(42l3JWxlvz-c znV+WsGBGhJzqG_wNeOCfMQ#Dy*t}wBFeT^b>Q^Kd=o{)8fV>3pYi@zBFMg%Dxp39R zB|)hO_hL1;IHa;5RX-@TIKQ+gIW;IXO&R2-0xRdD)WnkfqLBRj99Sp@WaO9R7iZ)b zC^!e3D)=TQXXb(UVD-MfR-SpqC5d^-sh%#jN)@>UdYPFiRwm|VrY26VZibddmWGC| zh8C`tMiv%^W-cZsW|q#5#xT7u`N^fZsd*(Zy(w_LZU#8@f|3F#IILV!i!#enQ{0O3 za}~f|w#vlq78ji6LG`BKbc?GiPQChe3O4$nh((HMm{5?58;A)`lc4lzr+`TKsd*{3 zN<~WccCsqg>lhdqls#P>Ln>}1{rUgjp4liN$$`1q?ZKa)pZ_~bs2#9KnZqZLz##dB V=XdPid(NON>HeBXs}( diff --git a/images/blacktocat.png b/images/blacktocat.png deleted file mode 100644 index 6e264fe57a2e35a2855405ac7d4102c3f6ddcdae..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1428 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 diff --git a/index.html b/index.html index 14721697..f8f0d7c9 100644 --- a/index.html +++ b/index.html @@ -1,74 +1,36 @@ - - + + + + + - - - - + Piskel + + - - - Piskel - - - - - -
-
- View on GitHub - -

Piskel

-

Animated sprite editor

- -
- Download this project as a .zip file - Download this project as a tar.gz file -
-
+ + + + + + +
+ + Add a Frame + +
    +
+
+
+
+
+
- - -
-
-

Welcome to GitHub Pages.

- -

This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:

- -
$ cd your_repo_root/repo_name
-$ git fetch origin
-$ git checkout gh-pages
-
- -

If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.

- -

Designer Templates

- -

We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.

- -

Rather Drive Stick?

- -

If you prefer to not use the automatic generator, push a branch named gh-pages to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.

- -

Authors and Contributors

- -

You can @mention a GitHub username to generate a link to their profile. The resulting <a> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.

- -

Support or Contact

- -

Having trouble with Pages? Check out the documentation at http://help.github.com/pages or contact support@github.com and we’ll help you sort it out.

-
-
- - - - - - - +
+
+ + diff --git a/javascripts/main.js b/javascripts/main.js deleted file mode 100644 index d8135d37..00000000 --- a/javascripts/main.js +++ /dev/null @@ -1 +0,0 @@ -console.log('This would be the main JS file.'); diff --git a/js/piskel.js b/js/piskel.js new file mode 100644 index 00000000..62c719e5 --- /dev/null +++ b/js/piskel.js @@ -0,0 +1,142 @@ +(function ($) { + var frames = [], isClicked = false, brushSize = 10, index = -1, animIndex = 0, button = 0; + + + var piskel = { + init : function () { + this.addFrame(); + + setInterval(this.refreshAnimatedPreview, 500); + }, + + getCurrentCanvas : function () { + return frames[index]; + }, + + onCanvasMousemove : function (event) { + //this.updateCursorInfo(event); + if (isClicked) { + var coords = this.getRelativeCoordinates(event.clientX, event.clientY); + this.drawAt(coords.x, coords.y); + } + }, + + createPreviews : function () { + var container = $('preview-list'); + container.innerHTML = ""; + for (var i = 0 ; i < frames.length ; i++) { + var preview = document.createElement("li"); + if (index == i) { + preview.className = "selected"; + } + var canvasPreview = document.createElement("canvas"); + + canvasPreview.setAttribute('width', '128'); + canvasPreview.setAttribute('height', '128'); + + canvasPreview.setAttribute('onclick', 'piskel.setFrame('+i+')'); + + canvasPreview.getContext('2d').drawImage(frames[i], 0, 0, 320, 320, 0, 0 , 128, 128); + preview.appendChild(canvasPreview); + + + container.appendChild(preview); + + } + }, + + refreshAnimatedPreview : function () { + var context = $('animated-preview').getContext('2d'); + // erase canvas, verify proper way + context.fillStyle = "white"; + context.fillRect(0, 0, 256, 256); + + context.drawImage(frames[animIndex++], 0, 0, 320, 320, 0, 0 , 256, 256); + if (animIndex == frames.length) { + animIndex = 0; + } + }, + + setFrame : function (frameIndex) { + index = frameIndex; + $('canvas-container').innerHTML = ""; + $('canvas-container').appendChild(this.getCurrentCanvas()); + this.createPreviews(); + }, + + updateCursorInfo : function (event) { + var cursor = $('cursorInfo'); + cursor.style.top = event.clientY + 10 + "px"; + cursor.style.left = event.clientX + 10 + "px"; + + var coordinates = this.getRelativeCoordinates(event.clientX, event.clientY) + cursor.innerHTML = [ + "X : " + coordinates.x, + "Y : " + coordinates.y + ].join(", "); + }, + + onCanvasMousedown : function (event) { + isClicked = true; + button = event.button; + var coords = this.getRelativeCoordinates(event.clientX, event.clientY); + this.drawAt(coords.x, coords.y); + }, + + onCanvasMouseup : function (event) { + isClicked = false; + }, + + drawAt : function (x, y) { + if (x < 0 || y < 0 || x > 320 || y > 320) return; + var context = this.getCurrentCanvas().getContext('2d'); + if (button == 0) { + context.fillStyle = "black"; + } else { + context.fillStyle = "white"; + } + + context.fillRect(x - x%brushSize, y - y%brushSize, brushSize, brushSize); + this.createPreviews(); + }, + + onCanvasContextMenu : function (event) { + event.preventDefault(); + event.stopPropagation(); + event.cancelBubble = true; + return false; + }, + getRelativeCoordinates : function (x, y) { + var canvas = this.getCurrentCanvas(); + var canvasRect = canvas.getBoundingClientRect(); + return { + x : x - canvasRect.left, + y : y - canvasRect.top + } + }, + + addFrame : function () { + var canvas = document.createElement("canvas"); + canvas.setAttribute('width', '320'); + canvas.setAttribute('height', '320'); + canvas.setAttribute('onmousemove', 'piskel.onCanvasMousemove(arguments[0])'); + canvas.setAttribute('oncontextmenu', 'piskel.onCanvasContextMenu(arguments[0])'); + canvas.setAttribute('onclick', 'piskel.onCanvasClick(arguments[0])'); + var context = canvas.getContext('2d'); + + context.fillStyle = "white"; + context.fillRect(0, 0, 320, 320); + + if(frames[index]) { //is a valid canvas + context.drawImage(frames[index], 0, 0, 320, 320, 0, 0 , 320, 320); + } + + frames.push(canvas); + this.setFrame(frames.length - 1); + } + }; + + window.piskel = piskel; + piskel.init(); + +})(function(id){return document.getElementById(id)}); \ No newline at end of file diff --git a/params.json b/params.json deleted file mode 100644 index ca33223f..00000000 --- a/params.json +++ /dev/null @@ -1 +0,0 @@ -{"google":"","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:\r\n\r\n```\r\n$ cd your_repo_root/repo_name\r\n$ git fetch origin\r\n$ git checkout gh-pages\r\n```\r\n\r\nIf you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.\r\n\r\n### Rather Drive Stick?\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at http://help.github.com/pages or contact support@github.com and we’ll help you sort it out.","note":"Don't delete this file! It's used internally to help with page regeneration.","name":"Piskel","tagline":"Animated sprite editor"} \ No newline at end of file diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css deleted file mode 100644 index e65cedff..00000000 --- a/stylesheets/pygment_trac.css +++ /dev/null @@ -1,70 +0,0 @@ -.highlight .hll { background-color: #ffffcc } -.highlight { background: #f0f3f3; } -.highlight .c { color: #0099FF; font-style: italic } /* Comment */ -.highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.highlight .k { color: #006699; font-weight: bold } /* Keyword */ -.highlight .o { color: #555555 } /* Operator */ -.highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #009999 } /* Comment.Preproc */ -.highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */ -.highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #FF0000 } /* Generic.Error */ -.highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */ -.highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.highlight .go { color: #AAAAAA } /* Generic.Output */ -.highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */ -.highlight .gt { color: #99CC66 } /* Generic.Traceback */ -.highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */ -.highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */ -.highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */ -.highlight .kp { color: #006699 } /* Keyword.Pseudo */ -.highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */ -.highlight .m { color: #FF6600 } /* Literal.Number */ -.highlight .s { color: #CC3300 } /* Literal.String */ -.highlight .na { color: #330099 } /* Name.Attribute */ -.highlight .nb { color: #336666 } /* Name.Builtin */ -.highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */ -.highlight .no { color: #336600 } /* Name.Constant */ -.highlight .nd { color: #9999FF } /* Name.Decorator */ -.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ -.highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #CC00FF } /* Name.Function */ -.highlight .nl { color: #9999FF } /* Name.Label */ -.highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */ -.highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */ -.highlight .nv { color: #003333 } /* Name.Variable */ -.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mf { color: #FF6600 } /* Literal.Number.Float */ -.highlight .mh { color: #FF6600 } /* Literal.Number.Hex */ -.highlight .mi { color: #FF6600 } /* Literal.Number.Integer */ -.highlight .mo { color: #FF6600 } /* Literal.Number.Oct */ -.highlight .sb { color: #CC3300 } /* Literal.String.Backtick */ -.highlight .sc { color: #CC3300 } /* Literal.String.Char */ -.highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.highlight .s2 { color: #CC3300 } /* Literal.String.Double */ -.highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */ -.highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */ -.highlight .si { color: #AA0000 } /* Literal.String.Interpol */ -.highlight .sx { color: #CC3300 } /* Literal.String.Other */ -.highlight .sr { color: #33AAAA } /* Literal.String.Regex */ -.highlight .s1 { color: #CC3300 } /* Literal.String.Single */ -.highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */ -.highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #003333 } /* Name.Variable.Class */ -.highlight .vg { color: #003333 } /* Name.Variable.Global */ -.highlight .vi { color: #003333 } /* Name.Variable.Instance */ -.highlight .il { color: #FF6600 } /* 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 deleted file mode 100644 index 41897516..00000000 --- a/stylesheets/stylesheet.css +++ /dev/null @@ -1,431 +0,0 @@ -/******************************************************************************* -Slate Theme for Github Pages -by Jason Costello, @jsncostello -*******************************************************************************/ - -@import url(pygment_trac.css); - -/******************************************************************************* -MeyerWeb Reset -*******************************************************************************/ - -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: inherit; - vertical-align: baseline; -} - -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} - -ol, ul { - list-style: none; -} - -blockquote, q { -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -a:focus { - outline: none; -} - -/******************************************************************************* -Theme Styles -*******************************************************************************/ - -body { - box-sizing: border-box; - color:#373737; - background: #212121; - font-size: 16px; - font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; - line-height: 1.5; - -webkit-font-smoothing: antialiased; -} - -h1, h2, h3, h4, h5, h6 { - margin: 10px 0; - font-weight: 700; - color:#222222; - font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif; - letter-spacing: -1px; -} - -h1 { - font-size: 36px; - font-weight: 700; -} - -h2 { - padding-bottom: 10px; - font-size: 32px; - background: url('../images/bg_hr.png') repeat-x bottom; -} - -h3 { - font-size: 24px; -} - -h4 { - font-size: 21px; -} - -h5 { - font-size: 18px; -} - -h6 { - font-size: 16px; -} - -p { - margin: 10px 0 15px 0; -} - -footer p { - color: #f2f2f2; -} - -a { - text-decoration: none; - color: #007edf; - text-shadow: none; - - transition: color 0.5s ease; - transition: text-shadow 0.5s ease; - -webkit-transition: color 0.5s ease; - -webkit-transition: text-shadow 0.5s ease; - -moz-transition: color 0.5s ease; - -moz-transition: text-shadow 0.5s ease; - -o-transition: color 0.5s ease; - -o-transition: text-shadow 0.5s ease; - -ms-transition: color 0.5s ease; - -ms-transition: text-shadow 0.5s ease; -} - -#main_content a:hover { - color: #0069ba; - text-shadow: #0090ff 0px 0px 2px; -} - -footer a:hover { - color: #43adff; - text-shadow: #0090ff 0px 0px 2px; -} - -em { - font-style: italic; -} - -strong { - font-weight: bold; -} - -img { - position: relative; - margin: 0 auto; - max-width: 739px; - padding: 5px; - margin: 10px 0 10px 0; - border: 1px solid #ebebeb; - - box-shadow: 0 0 5px #ebebeb; - -webkit-box-shadow: 0 0 5px #ebebeb; - -moz-box-shadow: 0 0 5px #ebebeb; - -o-box-shadow: 0 0 5px #ebebeb; - -ms-box-shadow: 0 0 5px #ebebeb; -} - -pre, code { - width: 100%; - color: #222; - background-color: #fff; - - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; - font-size: 14px; - - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - - - -} - -pre { - width: 100%; - padding: 10px; - box-shadow: 0 0 10px rgba(0,0,0,.1); - overflow: auto; -} - -code { - padding: 3px; - margin: 0 3px; - box-shadow: 0 0 10px rgba(0,0,0,.1); -} - -pre code { - display: block; - box-shadow: none; -} - -blockquote { - color: #666; - margin-bottom: 20px; - padding: 0 0 0 20px; - border-left: 3px solid #bbb; -} - -ul, ol, dl { - margin-bottom: 15px -} - -ul li { - list-style: inside; - padding-left: 20px; -} - -ol li { - list-style: decimal inside; - padding-left: 20px; -} - -dl dt { - font-weight: bold; -} - -dl dd { - padding-left: 20px; - font-style: italic; -} - -dl p { - padding-left: 20px; - font-style: italic; -} - -hr { - height: 1px; - margin-bottom: 5px; - border: none; - background: url('../images/bg_hr.png') repeat-x center; -} - -table { - border: 1px solid #373737; - margin-bottom: 20px; - text-align: left; - } - -th { - font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; - padding: 10px; - background: #373737; - color: #fff; - } - -td { - padding: 10px; - border: 1px solid #373737; - } - -form { - background: #f2f2f2; - padding: 20px; -} - -img { - width: 100%; - max-width: 100%; -} - -/******************************************************************************* -Full-Width Styles -*******************************************************************************/ - -.outer { - width: 100%; -} - -.inner { - position: relative; - max-width: 640px; - padding: 20px 10px; - margin: 0 auto; -} - -#forkme_banner { - display: block; - position: absolute; - top:0; - right: 10px; - z-index: 10; - padding: 10px 50px 10px 10px; - color: #fff; - background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%; - font-weight: 700; - box-shadow: 0 0 10px rgba(0,0,0,.5); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -#header_wrap { - background: #212121; - background: -moz-linear-gradient(top, #373737, #212121); - background: -webkit-linear-gradient(top, #373737, #212121); - background: -ms-linear-gradient(top, #373737, #212121); - background: -o-linear-gradient(top, #373737, #212121); - background: linear-gradient(top, #373737, #212121); -} - -#header_wrap .inner { - padding: 50px 10px 30px 10px; -} - -#project_title { - margin: 0; - color: #fff; - font-size: 42px; - font-weight: 700; - text-shadow: #111 0px 0px 10px; -} - -#project_tagline { - color: #fff; - font-size: 24px; - font-weight: 300; - background: none; - text-shadow: #111 0px 0px 10px; -} - -#downloads { - position: absolute; - width: 210px; - z-index: 10; - bottom: -40px; - right: 0; - height: 70px; - background: url('../images/icon_download.png') no-repeat 0% 90%; -} - -.zip_download_link { - display: block; - float: right; - width: 90px; - height:70px; - text-indent: -5000px; - overflow: hidden; - background: url(../images/sprite_download.png) no-repeat bottom left; -} - -.tar_download_link { - display: block; - float: right; - width: 90px; - height:70px; - text-indent: -5000px; - overflow: hidden; - background: url(../images/sprite_download.png) no-repeat bottom right; - margin-left: 10px; -} - -.zip_download_link:hover { - background: url(../images/sprite_download.png) no-repeat top left; -} - -.tar_download_link:hover { - background: url(../images/sprite_download.png) no-repeat top right; -} - -#main_content_wrap { - background: #f2f2f2; - border-top: 1px solid #111; - border-bottom: 1px solid #111; -} - -#main_content { - padding-top: 40px; -} - -#footer_wrap { - background: #212121; -} - - - -/******************************************************************************* -Small Device Styles -*******************************************************************************/ - -@media screen and (max-width: 480px) { - body { - font-size:14px; - } - - #downloads { - display: none; - } - - .inner { - min-width: 320px; - max-width: 480px; - } - - #project_title { - font-size: 32px; - } - - h1 { - font-size: 28px; - } - - h2 { - font-size: 24px; - } - - h3 { - font-size: 21px; - } - - h4 { - font-size: 18px; - } - - h5 { - font-size: 14px; - } - - h6 { - font-size: 12px; - } - - code, pre { - min-width: 320px; - max-width: 480px; - font-size: 11px; - } - -}