From 3fe60699ff460c4c926872f8f2d365ac6a59ef63 Mon Sep 17 00:00:00 2001 From: Nicolas Hennion Date: Sun, 24 Aug 2014 22:44:13 +0200 Subject: Create gh-pages branch via GitHub --- images/body-bg.jpg | Bin 0 -> 2281 bytes images/download-button.png | Bin 0 -> 27151 bytes images/github-button.png | Bin 0 -> 1550 bytes images/header-bg.jpg | Bin 0 -> 9461 bytes images/highlight-bg.jpg | Bin 34222 -> 30991 bytes images/sidebar-bg.jpg | Bin 0 -> 2270 bytes index.html | 269 +++++----------------------------- params.json | 2 +- stylesheets/stylesheet.css | 356 +++++++++++++++++++++++++++++---------------- 9 files changed, 268 insertions(+), 359 deletions(-) create mode 100644 images/body-bg.jpg create mode 100644 images/download-button.png create mode 100644 images/github-button.png create mode 100644 images/header-bg.jpg create mode 100644 images/sidebar-bg.jpg diff --git a/images/body-bg.jpg b/images/body-bg.jpg new file mode 100644 index 00000000..719fb886 Binary files /dev/null and b/images/body-bg.jpg differ diff --git a/images/download-button.png b/images/download-button.png new file mode 100644 index 00000000..c5ffb3a8 Binary files /dev/null and b/images/download-button.png differ diff --git a/images/github-button.png b/images/github-button.png new file mode 100644 index 00000000..cd415802 Binary files /dev/null and b/images/github-button.png differ diff --git a/images/header-bg.jpg b/images/header-bg.jpg new file mode 100644 index 00000000..d16497a4 Binary files /dev/null and b/images/header-bg.jpg differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg index 4c4a78ef..355e089b 100644 Binary files a/images/highlight-bg.jpg and b/images/highlight-bg.jpg differ diff --git a/images/sidebar-bg.jpg b/images/sidebar-bg.jpg new file mode 100644 index 00000000..536ead91 Binary files /dev/null and b/images/sidebar-bg.jpg differ diff --git a/index.html b/index.html index 94f80f76..653b2127 100644 --- a/index.html +++ b/index.html @@ -3,253 +3,56 @@ - - - - + + + + + + + Glances by nicolargo -
+
+

Glances

+

Glances an Eye on your system

+ View project onGitHub +
+
-
-

Glances

-

Glances an Eye on your system

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

Follow Glances on Twitter: @nicolargo_ or @glances_system_

- -

- -

-Glances - An eye on your system

- -

.. image:: https://api.flattr.com/button/flattr-badge-large.png - :target: https://flattr.com/thing/484466/nicolargoglances-on-GitHub -.. image:: https://travis-ci.org/nicolargo/glances.png?branch=master - :target: https://travis-ci.org/nicolargo/glances -.. image:: https://badge.fury.io/py/Glances.png - :target: http://badge.fury.io/py/Glances -.. image:: https://pypip.in/d/Glances/badge.png - :target: https://pypi.python.org/pypi/Glances/ - :alt: Downloads -.. image:: https://d2weczhvl823v0.cloudfront.net/nicolargo/glances/trend.png - :target: https://bitdeli.com/nicolargo -.. image:: https://raw.github.com/nicolargo/glances/master/docs/images/glances-white-256.png - :width: 128

- -

Glances is a cross-platform curses-based monitoring tool written in Python.

- -

It uses the psutil_ library to get information from your system.

- -

.. image:: https://raw.github.com/nicolargo/glances/master/docs/images/screenshot-wide.png

- -

-Requirements

- -
    -
  • -python >= 2.6 (tested with version 2.6, 2.7, 3.2, 3.3, 3.4)
  • -
  • -psutil >= 0.5.1 (recommended version >= 2.0.0)
  • -
  • setuptools
  • -

Optional dependencies:

- -
    -
  • -jinja2 (for HTML output)
  • -
  • -pysensors (for HW monitoring support) [Linux-only]
  • -
  • -hddtemp (for HDD temperature monitoring support)
  • -
  • -batinfo (for battery monitoring support) [Linux-only]
  • -

-Installation

- -

-PyPI: The simple way

- -

Glances is on PyPI. To install, simply use pip:

- -

.. code-block:: console

- -
pip install Glances
-
- -

Note: Python headers are required to install psutil. -For example, on Debian/Ubuntu you need to install first the python-dev package.

- -

To upgrade Glances to the latest version:

- -

.. code-block:: console

- -
pip install --upgrade Glances
-
- -

-Linux

- -

At the moment, packages exist for the following distributions:

- -
    -
  • Arch Linux
  • -
  • Debian (Testing/Sid)
  • -
  • Fedora/CentOS/RHEL
  • -
  • Gentoo
  • -
  • Slackware
  • -
  • Ubuntu (13.04+)
  • -
  • Void Linux
  • -

So you should be able to install it using your favorite package manager.

- -

-FreeBSD

- -

To install the binary package:

- -

.. code-block:: console

- -
# pkg_add -r py27-glances
-
- -

Using pkgng:

- -

.. code-block:: console

- -
# pkg install py27-glances
-
- -

To install Glances from ports:

- -

.. code-block:: console

- -
# cd /usr/ports/sysutils/py-glances/
-# make install clean
-
- -

-OS X

- -

OS X users can also install Glances using Homebrew_ or MacPorts_.

- -

Homebrew

- -

-.. code-block:: console
-
-    $ brew install python
-    $ pip install Glances
-
-MacPorts
-
- -

.. code-block:: console

- -
$ sudo port install glances
-
- -

-Windows

- -

Glances proposes a Windows client based on the colorconsole_ Python library. -Glances version < 1.7.2 only works in server mode.

- -

Thanks to Nicolas Bourges, a Windows installer is available:

- -
    -
  • Glances-1.7.2-win32.msi_ (32-bit, MD5: dba4f6cc9f47b6806ffaeb665c093270)
  • -

Otherwise, you have to follow these steps:

- -

-Source

- -

To install Glances from source:

- -

.. code-block:: console

- -
$ curl -L https://github.com/nicolargo/glances/archive/vX.X.tar.gz -o glances-X.X.tar.gz
-$ tar -zxvf glances-*.tar.gz
-$ cd glances-*
-# python setup.py install
-
- -

Note: Python headers are required to install psutil. -For example, on Debian/Ubuntu you need to install first the python-dev package.

- -

-Puppet

- -

You can install Glances using Puppet_: https://github.com/rverchere/puppet-glances

- -

-Usage

- -

Just run:

- -

.. code-block:: console

- -
$ glances
-
- -

and RTFM, always.

- -

-Documentation

- -

For complete documentation see glances-doc_.

- -

-Author

+
+
+
+

Glances screenshot

-

Nicolas Hennion (@nicolargo) nicolas@nicolargo.com

+

Click here to see the official documentation.

-

-License

+

Glances has been created by Nicolargo (see related posts on the Nicolargo's blog).

+
-

LGPL. See COPYING for more details.

+
+

is maintained by nicolargo.

- +

This page was generated by GitHub Pages using the Architect theme by Jason Long.

+ +
+ - @@ -260,7 +63,5 @@ For example, on Debian/Ubuntu you need to install first the python-dev } catch(err) {} - - \ No newline at end of file diff --git a/params.json b/params.json index 2d204e9b..8c3ab292 100644 --- a/params.json +++ b/params.json @@ -1 +1 @@ -{"name":"Glances","tagline":"Glances an Eye on your system","body":"Follow Glances on Twitter: `@nicolargo`_ or `@glances_system`_\r\n\r\n===============================\r\nGlances - An eye on your system\r\n===============================\r\n\r\n.. image:: https://api.flattr.com/button/flattr-badge-large.png\r\n :target: https://flattr.com/thing/484466/nicolargoglances-on-GitHub\r\n.. image:: https://travis-ci.org/nicolargo/glances.png?branch=master\r\n :target: https://travis-ci.org/nicolargo/glances\r\n.. image:: https://badge.fury.io/py/Glances.png\r\n :target: http://badge.fury.io/py/Glances\r\n.. image:: https://pypip.in/d/Glances/badge.png\r\n :target: https://pypi.python.org/pypi/Glances/\r\n :alt: Downloads\r\n.. image:: https://d2weczhvl823v0.cloudfront.net/nicolargo/glances/trend.png\r\n :target: https://bitdeli.com/nicolargo\r\n.. image:: https://raw.github.com/nicolargo/glances/master/docs/images/glances-white-256.png\r\n :width: 128\r\n\r\n**Glances** is a cross-platform curses-based monitoring tool written in Python.\r\n\r\nIt uses the `psutil`_ library to get information from your system.\r\n\r\n.. image:: https://raw.github.com/nicolargo/glances/master/docs/images/screenshot-wide.png\r\n\r\nRequirements\r\n============\r\n\r\n- ``python >= 2.6`` (tested with version 2.6, 2.7, 3.2, 3.3, 3.4)\r\n- ``psutil >= 0.5.1`` (recommended version >= 2.0.0)\r\n- ``setuptools``\r\n\r\nOptional dependencies:\r\n\r\n- ``jinja2`` (for HTML output)\r\n- ``pysensors`` (for HW monitoring support) [Linux-only]\r\n- ``hddtemp`` (for HDD temperature monitoring support)\r\n- ``batinfo`` (for battery monitoring support) [Linux-only]\r\n\r\nInstallation\r\n============\r\n\r\nPyPI: The simple way\r\n--------------------\r\n\r\nGlances is on `PyPI`_. To install, simply use `pip`_:\r\n\r\n.. code-block:: console\r\n\r\n pip install Glances\r\n\r\n*Note*: Python headers are required to install psutil.\r\nFor example, on Debian/Ubuntu you need to install first the *python-dev* package.\r\n\r\nTo upgrade Glances to the latest version:\r\n\r\n.. code-block:: console\r\n\r\n pip install --upgrade Glances\r\n\r\nLinux\r\n-----\r\n\r\nAt the moment, packages exist for the following distributions:\r\n\r\n- Arch Linux\r\n- Debian (Testing/Sid)\r\n- Fedora/CentOS/RHEL\r\n- Gentoo\r\n- Slackware\r\n- Ubuntu (13.04+)\r\n- Void Linux\r\n\r\nSo you should be able to install it using your favorite package manager.\r\n\r\nFreeBSD\r\n-------\r\n\r\nTo install the binary package:\r\n\r\n.. code-block:: console\r\n\r\n # pkg_add -r py27-glances\r\n\r\nUsing pkgng:\r\n\r\n.. code-block:: console\r\n\r\n # pkg install py27-glances\r\n\r\nTo install Glances from ports:\r\n\r\n.. code-block:: console\r\n\r\n # cd /usr/ports/sysutils/py-glances/\r\n # make install clean\r\n\r\nOS X\r\n----\r\n\r\nOS X users can also install Glances using `Homebrew`_ or `MacPorts`_.\r\n\r\nHomebrew\r\n````````\r\n\r\n.. code-block:: console\r\n\r\n $ brew install python\r\n $ pip install Glances\r\n\r\nMacPorts\r\n````````\r\n\r\n.. code-block:: console\r\n\r\n $ sudo port install glances\r\n\r\nWindows\r\n-------\r\n\r\nGlances proposes a Windows client based on the `colorconsole`_ Python library.\r\nGlances version < 1.7.2 only works in server mode.\r\n\r\nThanks to Nicolas Bourges, a Windows installer is available:\r\n\r\n- Glances-1.7.2-win32.msi_ (32-bit, MD5: dba4f6cc9f47b6806ffaeb665c093270)\r\n\r\nOtherwise, you have to follow these steps:\r\n\r\n- Install Python for Windows: http://www.python.org/getit/\r\n- Install the psutil library: https://pypi.python.org/pypi?:action=display&name=psutil#downloads\r\n- Install the colorconsole library: http://code.google.com/p/colorconsole/downloads/list\r\n- Download Glances from here: http://nicolargo.github.io/glances/\r\n\r\nSource\r\n------\r\n\r\nTo install Glances from source:\r\n\r\n.. code-block:: console\r\n\r\n $ curl -L https://github.com/nicolargo/glances/archive/vX.X.tar.gz -o glances-X.X.tar.gz\r\n $ tar -zxvf glances-*.tar.gz\r\n $ cd glances-*\r\n # python setup.py install\r\n\r\n*Note*: Python headers are required to install psutil.\r\nFor example, on Debian/Ubuntu you need to install first the *python-dev* package.\r\n\r\nPuppet\r\n------\r\n\r\nYou can install Glances using `Puppet`_: https://github.com/rverchere/puppet-glances\r\n\r\nUsage\r\n=====\r\n\r\nJust run:\r\n\r\n.. code-block:: console\r\n\r\n $ glances\r\n\r\nand RTFM, always.\r\n\r\nDocumentation\r\n=============\r\n\r\nFor complete documentation see `glances-doc`_.\r\n\r\nAuthor\r\n======\r\n\r\nNicolas Hennion (@nicolargo) \r\n\r\nLicense\r\n=======\r\n\r\nLGPL. See ``COPYING`` for more details.\r\n\r\n.. _psutil: https://code.google.com/p/psutil/\r\n.. _@nicolargo: https://twitter.com/nicolargo\r\n.. _@glances_system: https://twitter.com/glances_system\r\n.. _PyPI: https://pypi.python.org/pypi\r\n.. _pip: http://www.pip-installer.org/\r\n.. _Homebrew: http://brew.sh/\r\n.. _MacPorts: https://www.macports.org/\r\n.. _Glances-1.7.2-win32.msi: http://glances.s3.amazonaws.com/Glances-1.7.2-win32.msi\r\n.. _colorconsole: https://pypi.python.org/pypi/colorconsole\r\n.. _Puppet: https://puppetlabs.com/puppet/what-is-puppet/\r\n.. _glances-doc: https://github.com/nicolargo/glances/blob/master/docs/glances-doc.rst\r\n","google":"UA–115490–11","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file +{"name":"Glances","tagline":"Glances an Eye on your system","body":"![Glances screenshot](https://raw.githubusercontent.com/nicolargo/glances/master/docs/images/screenshot-wide.png)\r\n\r\n[Click here](http://glances.readthedocs.org/en/latest/glances-doc.html) to see the official documentation.\r\n\r\nGlances has been created by Nicolargo ([see related posts](http://blog.nicolargo.com/tag/glances) on the Nicolargo's blog).","google":"UA–115490–11","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/stylesheet.css b/stylesheets/stylesheet.css index 020ad6dc..b6175098 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -48,146 +48,138 @@ table { /* LAYOUT STYLES */ body { - font-size: 1em; + font-size: 15px; line-height: 1.5; - background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; + background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; font-family: 'Helvetica Neue', Helvetica, Arial, serif; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); - color: #6d6d6d; + font-weight: 400; + color: #666; } a { - color: #d5000d; + color: #2879d0; } a:hover { - color: #c5000c; + color: #2268b2; } header { - padding-top: 35px; - padding-bottom: 25px; + 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; } 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; + font-size: 72px; + color: #fff; + line-height: 1; + margin-bottom: 0.2em; + width: 540px; } header h2 { - letter-spacing: -1px; - font-size: 24px; - color: #aaa; + font-size: 26px; + color: #9ddcff; font-weight: normal; line-height: 1.3; -} - -#container { - background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; - min-height: 595px; + width: 540px; + letter-spacing: 0; } .inner { - width: 620px; + position: relative; + width: 940px; margin: 0 auto; } -#container .inner img { +#content-wrapper { + border-top: solid 1px #fff; + padding-top: 30px; +} + +#main-content { + width: 690px; + float: left; +} + +#main-content img { max-width: 100%; } -#downloads { - margin-bottom: 40px; +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.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; +aside#sidebar p.repo-owner, +aside#sidebar p.repo-owner a { 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; +#downloads { + margin-bottom: 40px; +} + +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; } -#download-tar-gz span { - background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +a.button small { + display: block; + font-size: 11px; } -#view-on-github span { - background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +header a.button { + position: absolute; + right: 0; + top: 0; + background: transparent url(../images/github-button.png) 0 0 no-repeat; } -#view-on-github { - margin-right: 0; +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; } code, pre { - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; color: #222; margin-bottom: 30px; - font-size: 14px; + font-size: 13px; } code { - background-color: #f2f2f2; - border: solid 1px #ddd; + background-color: #f2f8fc; + border: solid 1px #dbe7f3; padding: 0 3px; } pre { padding: 20px; - background: #303030; - color: #f2f2f2; + background: #fff; text-shadow: none; overflow: auto; + border: solid 1px #f2f2f2; } pre code { - color: #f2f2f2; - background-color: #303030; + color: #2879d0; + background-color: #fff; border: none; padding: 0; } @@ -205,15 +197,7 @@ hr { 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; + background: transparent url('../images/hr.png') 0 0 no-repeat; } table { @@ -240,42 +224,89 @@ form { /* GENERAL ELEMENT TYPE STYLES */ -h1 { - font-size: 32px; +#main-content h1 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 2.8em; + letter-spacing: -1px; + color: #474747; } -h2 { +#main-content h1:before { + content: "/"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -0.9em; +} + +#main-content h2 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; font-size: 22px; font-weight: bold; - color: #303030; margin-bottom: 8px; + color: #474747; } +#main-content h2:before { + content: "//"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -1.5em; +} -h3 { - color: #d5000d; +#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; } -h4 { - font-size: 16px; - color: #303030; +#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; } -h5 { - font-size: 1em; - color: #303030; +h4:before { + content: "////"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -2.8em; +} + +#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; +} -h6 { +#main-content h6 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; font-size: .8em; - color: #303030; + color: #474747; } +h6:before { + content: "//////"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -3.7em; +} p { - font-weight: 300; margin-bottom: 20px; } @@ -294,18 +325,19 @@ blockquote { padding: 0 0 0 30px; } -ul li { +ul { list-style: disc inside; padding-left: 20px; } -ol li { +ol { list-style: decimal inside; padding-left: 3px; } -dl dt { - color: #303030; +dl dd { + font-style: italic; + font-weight: 100; } footer { @@ -344,23 +376,99 @@ footer a:hover { @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) {} +@media only screen and (min-width: 768px) and (max-width: 959px) { + .inner { + width: 740px; + } + 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; + } +} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { + .inner { + width: 93%; + } header { - padding-top: 10px; - padding-bottom: 10px; + padding: 20px 0; + } + header .inner { + position: relative; + } + header h1, header h2 { + width: 100%; + } + header h1 { + font-size: 48px; + } + header h2 { + font-size: 24px; } - #downloads { - margin-bottom: 25px; + 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; } - #download-zip, #download-tar-gz { + header a.button small { + font-size: 13px; + display: inline; + } + #main-content, + aside#sidebar { + float: none; + width: 100% ! important; + } + aside#sidebar { + background-image: none; + margin-top: 20px; + border-top: solid 1px #ddd; + padding: 20px 0; + min-height: 0; + } + aside#sidebar a.button { display: none; } - .inner { - width: 94%; - margin: 0 auto; + #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; } } -- cgit v1.2.3