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/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/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/index.html b/index.html index dce1dc3..e81c21c 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,60 @@ + - - - - - - - - - - - BOSS by boss-developers + + + + + + + BOSS -
-
-

BOSS

-

A load order optimisation tool for games using the Elder Scrolls Plugin/Master system.

- Follow me onGitHub -
-
-
-
-
-

-Welcome!

+ +
+
+ View on GitHub + +

BOSS

+

A load order optimisation tool for games using the Elder Scrolls Plugin/Master system.

+ +
+
+ + +
+
+

This site is for BOSS version 3 and later. Earlier versions of BOSS are hosted on Google Code.

-

Nothing to see here yet.

-
+

+About BOSS

- -
+

Although BOSS is able to calculate the correct load order positions for the vast majority of mods without any user input, some plugins are designed to load at certain positions in a load order, and BOSS may be unable to determine this from the plugins themselves. As such, BOSS provides a mechanism for supplying additional plugin metadata so that it may sort them correctly.

+ +

BOSS is intended to make using mods easier, and mod users should still possess a working knowledge of mod load ordering.

+ +

+Downloads

+ +

BOSS version 3 is currently in alpha testing. The latest stable release can be found at BOSS's old Google Code site.

+
- + + + + + - \ No newline at end of file + diff --git a/params.json b/params.json index 3af6159..dc7aecb 100644 --- a/params.json +++ b/params.json @@ -1 +1 @@ -{"name":"BOSS","tagline":"A load order optimisation tool for games using the Elder Scrolls Plugin/Master system.","body":"### Welcome!\r\n\r\nNothing to see here yet.","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file +{"name":"BOSS","tagline":"A load order optimisation tool for games using the Elder Scrolls Plugin/Master system.","body":"This site is for BOSS version 3 and later. Earlier versions of BOSS are hosted on [Google Code](https://code.google.com/p/better-oblivion-sorting-software/).\r\n\r\n### About BOSS\r\n\r\nBOSS is a plugin load order optimiser for TES IV: Oblivion, TES V: Skyrim, Fallout 3 and Fallout: New Vegas. It is designed to assist mod users in avoiding detrimental conflicts, by automatically calculating a load order that satisfies all plugin dependencies and maximises each plugin's impact on the user's game.\r\n\r\nBOSS also provides some load order error checking, including checks for requirements, incompatibilities and cyclic dependencies. In addition, it provides a large number of plugin-specific usage notes, bug wawrnings and Bash Tag suggestions.\r\n\r\nAlthough BOSS is able to calculate the correct load order positions for the vast majority of mods without any user input, some plugins are designed to load at certain positions in a load order, and BOSS may be unable to determine this from the plugins themselves. As such, BOSS provides a mechanism for supplying additional plugin metadata so that it may sort them correctly.\r\n\r\nBOSS is intended to make using mods easier, and mod users should still possess a working knowledge of mod load ordering.\r\n\r\n### Downloads\r\n\r\nBOSS version 3 is currently in alpha testing. The latest stable release can be found at BOSS's old [Google Code site](https://code.google.com/p/better-oblivion-sorting-software/).","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/pygment_trac.css b/stylesheets/pygment_trac.css index c6a6452..e65cedf 100644 --- a/stylesheets/pygment_trac.css +++ b/stylesheets/pygment_trac.css @@ -1,64 +1,65 @@ -.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 .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: #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 .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: #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 .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: #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 */ +.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 } diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 7e3b8f0..b48c8a8 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -1,7 +1,14 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ +/******************************************************************************* +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, @@ -11,469 +18,410 @@ 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, +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; + margin: 0; + padding: 0; + border: 0; + font: inherit; + vertical-align: baseline; } + /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; + display: block; } + ol, ul { - list-style: none; + 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; + border-collapse: collapse; + border-spacing: 0; } -/* LAYOUT STYLES */ +/******************************************************************************* +Theme Styles +*******************************************************************************/ + body { - font-size: 15px; - line-height: 1.5; - background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; - font-family: 'Helvetica Neue', Helvetica, Arial, serif; - font-weight: 400; - color: #666; + 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; } -a { - color: #2879d0; -} -a:hover { - color: #2268b2; +h1 { + font-size: 36px; + font-weight: 700; } -header { - padding-top: 40px; - padding-bottom: 40px; - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x; - border-bottom: solid 1px #275da1; +h2 { + padding-bottom: 10px; + font-size: 32px; + background: url('../images/bg_hr.png') repeat-x bottom; } -header h1 { - letter-spacing: -1px; - font-size: 72px; - color: #fff; - line-height: 1; - margin-bottom: 0.2em; - width: 540px; +h3 { + font-size: 24px; } -header h2 { - font-size: 26px; - color: #9ddcff; - font-weight: normal; - line-height: 1.3; - width: 540px; - letter-spacing: 0; +h4 { + font-size: 21px; } -.inner { - position: relative; - width: 940px; - margin: 0 auto; +h5 { + font-size: 18px; } -#content-wrapper { - border-top: solid 1px #fff; - padding-top: 30px; +h6 { + font-size: 16px; } -#main-content { - width: 690px; - float: left; +p { + margin: 10px 0 15px 0; } -#main-content img { - max-width: 100%; +footer p { + color: #f2f2f2; } -aside#sidebar { - width: 200px; - padding-left: 20px; - min-height: 504px; - float: right; - background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat; - font-size: 12px; - line-height: 1.3; -} +a { + text-decoration: none; + color: #007edf; + text-shadow: none; -aside#sidebar p.repo-owner, -aside#sidebar p.repo-owner a { - font-weight: bold; + 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; } -#downloads { - margin-bottom: 40px; +#main_content a:hover { + color: #0069ba; + text-shadow: #0090ff 0px 0px 2px; } -a.button { - width: 134px; - height: 58px; - line-height: 1.2; - font-size: 23px; - color: #fff; - padding-left: 68px; - padding-top: 22px; - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; +footer a:hover { + color: #43adff; + text-shadow: #0090ff 0px 0px 2px; } -a.button small { - display: block; - font-size: 11px; + +em { + font-style: italic; } -header a.button { - position: absolute; - right: 0; - top: 0; - background: transparent url(../images/github-button.png) 0 0 no-repeat; + +strong { + font-weight: bold; } -aside a.button { - width: 138px; - padding-left: 64px; - display: block; - background: transparent url(../images/download-button.png) 0 0 no-repeat; - margin-bottom: 20px; - font-size: 21px; + +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; } -code, pre { - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; +pre, code { + width: 100%; color: #222; - margin-bottom: 30px; - font-size: 13px; -} + 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; + + -code { - background-color: #f2f8fc; - border: solid 1px #dbe7f3; - padding: 0 3px; } pre { - padding: 20px; - background: #fff; - text-shadow: none; + width: 100%; + padding: 10px; + box-shadow: 0 0 10px rgba(0,0,0,.1); overflow: auto; - border: solid 1px #f2f2f2; } + +code { + padding: 3px; + margin: 0 3px; + box-shadow: 0 0 10px rgba(0,0,0,.1); +} + pre code { - color: #2879d0; - background-color: #fff; - border: none; - padding: 0; + display: block; + box-shadow: none; } -ul, ol, dl { +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; +} -/* COMMON STYLES */ +dl p { + padding-left: 20px; + font-style: italic; +} hr { height: 1px; - line-height: 1px; - margin-top: 1em; - padding-bottom: 1em; + margin-bottom: 5px; border: none; - background: transparent url('../images/hr.png') 0 0 no-repeat; + background: url('../images/bg_hr.png') repeat-x center; } table { - width: 100%; - border: 1px solid #ebebeb; -} + border: 1px solid #373737; + margin-bottom: 20px; + text-align: left; + } th { - font-weight: 500; -} + font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; + padding: 10px; + background: #373737; + color: #fff; + } td { - border: 1px solid #ebebeb; - text-align: center; - font-weight: 300; -} + padding: 10px; + border: 1px solid #373737; + } form { background: #f2f2f2; padding: 20px; - } +img { + width: 100%; + max-width: 100%; +} -/* GENERAL ELEMENT TYPE STYLES */ +/******************************************************************************* +Full-Width Styles +*******************************************************************************/ -#main-content h1 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 2.8em; - letter-spacing: -1px; - color: #474747; -} - -#main-content h1:before { - content: "/"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -0.9em; +.outer { + width: 100%; } -#main-content h2 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 22px; - font-weight: bold; - margin-bottom: 8px; - color: #474747; -} -#main-content h2:before { - content: "//"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -1.5em; -} - -#main-content h3 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 18px; - font-weight: bold; - margin-top: 24px; - margin-bottom: 8px; - color: #474747; -} - -#main-content h3:before { - content: "///"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -2em; -} - -#main-content h4 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 15px; - font-weight: bold; - color: #474747; -} +.inner { + position: relative; + max-width: 640px; + padding: 20px 10px; + margin: 0 auto; +} -h4:before { - content: "////"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -2.8em; +#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; } -#main-content h5 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: 14px; - color: #474747; -} -h5:before { - content: "/////"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -3.2em; -} - -#main-content h6 { - font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; - font-size: .8em; - color: #474747; -} -h6:before { - content: "//////"; - color: #9ddcff; - padding-right: 0.3em; - margin-left: -3.7em; +#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); } -p { - margin-bottom: 20px; +#header_wrap .inner { + padding: 50px 10px 30px 10px; } - -a { - text-decoration: none; + +#project_title { + margin: 0; + color: #fff; + font-size: 42px; + font-weight: 700; + text-shadow: #111 0px 0px 10px; } -p a { - font-weight: 400; +#project_tagline { + color: #fff; + font-size: 24px; + font-weight: 300; + background: none; + text-shadow: #111 0px 0px 10px; } -blockquote { - font-size: 1.6em; - border-left: 10px solid #e9e9e9; - margin-bottom: 20px; - padding: 0 0 0 30px; +#downloads { + position: absolute; + width: 210px; + z-index: 10; + bottom: -40px; + right: 0; + height: 70px; + background: url('../images/icon_download.png') no-repeat 0% 90%; } -ul li { - list-style: disc inside; - padding-left: 20px; +.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; } -ol li { - list-style: decimal inside; - padding-left: 3px; +.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; } -dl dd { - font-style: italic; - font-weight: 100; +.zip_download_link:hover { + background: url(../images/sprite_download.png) no-repeat top left; } -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; +.tar_download_link:hover { + background: url(../images/sprite_download.png) no-repeat top right; } -footer a { - color: #666; +#main_content_wrap { + background: #f2f2f2; + border-top: 1px solid #111; + border-bottom: 1px solid #111; } -footer a:hover { - color: #444; + +#main_content { + padding-top: 40px; } -/* MISC */ -.clearfix:after { - clear: both; - content: '.'; - display: block; - visibility: hidden; - height: 0; +#footer_wrap { + background: #212121; } -.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) {} +/******************************************************************************* +Small Device Styles +*******************************************************************************/ -/* Tablet Portrait size to standard 960 (devices and browsers) */ -@media only screen and (min-width: 768px) and (max-width: 959px) { - .inner { - width: 740px; +@media screen and (max-width: 480px) { + body { + font-size:14px; } - header h1, header h2 { - width: 340px; - } - header h1 { - font-size: 60px; - } - header h2 { - font-size: 30px; - } - #main-content { - width: 490px; - } - #main-content h1:before, - #main-content h2:before, - #main-content h3:before, - #main-content h4:before, - #main-content h5:before, - #main-content h6:before { - content: none; - padding-right: 0; - margin-left: 0; + + #downloads { + display: none; } -} -/* All Mobile Sizes (devices and browser) */ -@media only screen and (max-width: 767px) { .inner { - width: 93%; - } - header { - padding: 20px 0; - } - header .inner { - position: relative; + min-width: 320px; + max-width: 480px; } - header h1, header h2 { - width: 100%; + + #project_title { + font-size: 32px; } - header h1 { - font-size: 48px; + + h1 { + font-size: 28px; } - header h2 { + + h2 { font-size: 24px; } - header a.button { - background-image: none; - width: auto; - height: auto; - display: inline-block; - margin-top: 15px; - padding: 5px 10px; - position: relative; - text-align: center; - font-size: 13px; - line-height: 1; - background-color: #9ddcff; - color: #2879d0; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - } - header a.button small { - font-size: 13px; - display: inline; - } - #main-content, - aside#sidebar { - float: none; - width: 100% ! important; + + h3 { + font-size: 21px; } - aside#sidebar { - background-image: none; - margin-top: 20px; - border-top: solid 1px #ddd; - padding: 20px 0; - min-height: 0; + + h4 { + font-size: 18px; } - aside#sidebar a.button { - display: none; + + h5 { + font-size: 14px; } - #main-content h1:before, - #main-content h2:before, - #main-content h3:before, - #main-content h4:before, - #main-content h5:before, - #main-content h6:before { - content: none; - padding-right: 0; - margin-left: 0; + + h6 { + font-size: 12px; } -} -/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ -@media only screen and (min-width: 480px) and (max-width: 767px) {} + code, pre { + min-width: 320px; + max-width: 480px; + font-size: 11px; + } -/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ -@media only screen and (max-width: 479px) {} +}