doc: started style 2.0

This commit is contained in:
Mathieu Virbel 2013-04-11 10:05:37 +02:00
parent 02a74922cc
commit 0b465bed27
11 changed files with 359 additions and 48 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 221 B

View File

@ -0,0 +1,304 @@
@font-face {
font-family: 'Nobile';
font-style: normal;
font-weight: normal;
src: local('Nobile'), url('nobile.ttf') format('truetype');
}
body {
color: #797979;
font-family: 'Open Sans', Arial, sans-serif;
font-family: 'Nobile', 'OpenSans', Verdara, sans-serif;
font-weight: 200;
font-size: 14px;
line-height: 1.6em;
padding: 0px;
margin: 0px;
}
h1, h2, h3, h4, h5 {
color: #515151;
font-weight: normal;
}
a, a:link, a:visited {
color: #2a7cdf;
text-decoration: none;
}
a.headerlink {
display: none;
}
h1:hover a.headerlink,
h2:hover a.headerlink,
h3:hover a.headerlink,
h4:hover a.headerlink,
h5:hover a.headerlink {
display: inline;
color: #d0d0d0;
margin-left: 10px;
}
a:hover {
border-bottom: 1px solid rgba(42, 124, 223, 0.5);
}
#topbar {
background-color: #202530;
margin: 0px;
padding: 15px 15px 10px 15px;
height: 60px;
}
#topbar img {
padding-left: 5px;
}
#topbar ul,
#topbar li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#topbar ul {
float: right;
margin-right: 20px;
margin-top: -80px;
}
#topmenu ul.navigation li {
float: left;
list-style-type: none;
}
#topmenu ul.navigation li a {
float: left;
margin-left: 30px;
line-height: 55px;
list-style-type: none;
color: #bbb;
margin-top: 30px;
font-family: 'Nobile', 'OpenSans', Verdara, sans-serif;
text-decoration: none;
background-color: #404040;
padding: 0 20px;
}
#topmenu ul.navigation li a:hover {
background-color: #e0e0e0;
}
div.sphinxsidebar {
width: 230px;
float: left;
}
div.sphinxsidebar a.mainlevel,
div.sphinxsidebar h3 {
background-color: #e0e0e0;
font-weight: normal;
font-size: 1em;
padding: 0.5em 1em;
margin: 1px 0px;
}
div.sphinxsidebar a.togglable {
padding-right: 34px;
background: #e0e0e0 url('disclosure_up.png') top right no-repeat;
}
div.sphinxsidebar ul.toggleopen a.togglable {
background-image: url('disclosure_down.png')
}
div.sphinxsidebar ul,
div.sphinxsidebar li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.sphinxsidebar ul li ul {
display: none;
}
div.sphinxsidebar li a {
background-color: #f0f0f0;
display: block;
font-weight: normal;
font-size: 1em;
padding: 0.5em 1em;
color: #515151;
border-left: 2px solid transparent;
}
div.sphinxsidebar ul ul li.current > a,
div.sphinxsidebar li a:hover {
background-color: #e0f0f0;
border: none;
color: #202530;
border-left: 2px solid #2a7cdf;
}
/* Footer */
.footerlinks table {
background-color: #f0f0f0;
width: 100%;
}
.footerlinks td {
padding: 10px 15px;
width: 50%;
}
.footerlinks td.rightlink {
text-align: right;
}
#contentall {
padding: 20px;
}
#content {
margin-left: 250px;
margin-top: -8px;
}
#content pre {
background-color: #f0f0f0;
padding: 10px 15px;
}
#content h2 {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px;
}
/* Content: Admonition (warning, important, notice) */
#content div.admonition {
padding-left: 10px;
margin: 8px 0px;
}
#content div.admonition p {
margin: 0px;
}
#content div.warning {
border-left: 3px solid #E88080;
}
#content div.warning p.first {
color: #E88080;
}
#content div.note {
border-left: 3px solid #80C880;
}
#content div.note p.first {
color: #80C880;
}
/* API only: versionadded */
p.versionchanged,
p.versionadded {
font-style: italic;
color: #a0a0a0;
}
/* API only: Module: kivy -- Jump to API */
.bodyshortcut {
background-color: #f0f0f0;
padding: 10px 15px;
}
.bodyshortcut .left {
float: left;
}
.bodyshortcut .right {
float: right;
}
/* API only: Link collapse-all / hide description */
#api-toggle-desc,
#api-toggle-all {
float: right;
font-size: 14px;
margin-left: 10px;
cursor: pointer;
}
/* API only: classes / methods / ... */
dl.api-level dt {
cursor: pointer;
background-color: #e0e0e0;
font-weight: normal;
font-size: 1em;
padding: 10px 15px;
margin: 1px 0px;
}
dl.api-level dl.attribute dt {
background-color: #f0f0f0;
}
dl.api-level dd {
margin-left: 20px;
}
dl.api-level {
margin-top: 20px;
}
tt.descclassname {
display: none;
}
tt.descname {
color: #515151;
font-size: 1.2em;
}
em {
font-style: normal;
}
em.property {
color: #df712d;
}
big {
font-size: 14px;
font-weight: normal;
}
table.field-list {
display: none;
}
/* Form search */
form.search input {
line-height: 2em;
border: 1px solid #d0d0d0;
width: 211px;
display: block;
font-size: 1.1em;
padding: 5px 8px;
}
form.search {
position: relative;
top: -0.8em;
}
/* From HTML */
.align-right {
float: right;
margin: 5px 0 5px 5px;
}

View File

@ -296,14 +296,36 @@ $(document).ready(function () {
// Image reflexions
//----------------------------------------------------------------------------
$('div.body img').reflect({'opacity': .35, 'height': 40});
//$('div.body img').reflect({'opacity': .35, 'height': 40});
//----------------------------------------------------------------------------
// Page to change with panel navigation
//----------------------------------------------------------------------------
var firstsection = $('div.section').attr('id');
if ( firstsection == 'getting-started' || firstsection == 'pong-game-tutorial' )
gs_start(firstsection);
//var firstsection = $('div.section').attr('id');
//if ( firstsection == 'getting-started' || firstsection == 'pong-game-tutorial' )
// gs_start(firstsection);
//----------------------------------------------------------------------------
// Menu navigation
//----------------------------------------------------------------------------
$('div.sphinxsidebarwrapper > ul > li > a').attr('href', '#').addClass('mainlevel');
$('div.sphinxsidebarwrapper > ul > li > a').each(function(index, item) {
$(item).bind('mousedown', function() {
$('div.sphinxsidebar ul li ul').filter(function (index, child) {
if (child != $(item).parent().children('ul').get(0)) return child;
}).slideUp();
$(item).parent().children('ul').slideToggle();
});
})
$('div.sphinxsidebarwrapper li.current').parent().show();
$('div.sphinxsidebarwrapper ul li').each(function(index, item) {
if ($(item).children('ul').length > 0) {
console.log(index, item);
$(item).children('a').addClass('togglable');
}
});
});

View File

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -54,12 +54,15 @@
<input type="text" class="text" name="q" />
</form>
{%- block sidebartoc %}
<!--
<h3><a href="{{ pathto(master_doc) }}">{{ title }}</a></h3>
{{ toc }}
<h3><a href="{{ pathto(master_doc) }}">{{ _('Table Of Contents') }}</a></h3>
{{ toctree() }}
-->
{{ toctree(collapse=False) }}
{%- endblock %}
{%- block sidebarrel %}
<!--
<h3>Related Topics</h3>
<ul>
{%- if prev %}
@ -69,6 +72,7 @@
<li>Next: <a href="{{ next.link|e }}" title="{{ _('next chapter') }}">{{ next.title }}</a></li>
{%- endif %}
</ul>
-->
{%- endblock %}
</div>
</div>
@ -150,8 +154,7 @@
<div id="topwrapper">
<div id="toplogo">
<a href="http://kivy.org/">
<img src="{{ pathto('_static/kivy-logo-black-64.png', 1) }}" alt="Logo" width="64" height="64"/>
<img src="{{ pathto('_static/logo_kivy.png', 1) }}" alt="Kivy" width="119" height="64"/>
<img src="{{ pathto('_static/logo-kivy.png', 1) }}" alt="Kivy" height="50"/>
</a>
</div>
<div id="topmenu">

View File

@ -63,8 +63,7 @@ release = kivy.__version__
today_fmt = '%B %d, %Y'
# suppress exclusion warnings
exclude_patterns = ['guide/layouts.rst', 'api-index.rst',
'api-kivy.lib.osc*']
exclude_patterns = ['guide/layouts.rst', 'api-kivy.lib.osc*']
# The reST default role (used for this markup: `text`) to use for all documents.
#default_role = None
@ -90,7 +89,7 @@ pygments_style = 'kivy_pygments_theme.KivyStyle'
# The style sheet to use for HTML and HTML Help pages. A file of that name
# must exist either in Sphinx' static/ path, or in one of the custom paths
# given in html_static_path.
html_style = 'default.css'
html_style = 'fresh.css'
# The name for this set of Sphinx documents. If None, it defaults to
# "<project> v<release> documentation".

View File

@ -1,28 +1,10 @@
User's Guide
------------
This part of the documentation explains the basic ideas behind Kivy's design
and why you'd want to use it.
It goes on with a discussion of the architecture and shows you how to create
stunning applications in a short time using the framework.
.. ifconfig:: format == 'html'
.. toctree::
:maxdepth: 1
gettingstarted/index
.. toctree::
:maxdepth: 2
philosophy
installation/installation
gettingstarted/index
user-guide
guide-index
tutorials-index
contribute
faq
contact
api-index
.. include:: api-index.rst

View File

@ -1,23 +1,8 @@
:orphan:
Getting Started
===============
.. include:: intro.rst
.. include:: installation.rst
.. include:: first_app.rst
.. include:: properties.rst
.. include:: rules.rst
.. include:: events.rst
.. include:: framework.rst
.. include:: layouts.rst
.. include:: drawing.rst
.. include:: packaging.rst
.. include:: examples.rst
.. include:: diving.rst
.. toctree::
:hidden:
:maxdepth: 1
intro
installation

View File

@ -46,5 +46,5 @@ For a list of authors, please see the file AUTHORS that accompanies the
Kivy source code distribution (next to COPYING).
Kivy -- Copyright 2011, The Kivy Authors. All rights reserved.
Kivy -- Copyright 2011-2013, The Kivy Authors. All rights reserved.

View File

@ -0,0 +1,16 @@
User's Guide
------------
This part of the documentation explains the basic ideas behind Kivy's design
and why you'd want to use it.
It goes on with a discussion of the architecture and shows you how to create
stunning applications in a short time using the framework.
.. toctree::
:maxdepth: 2
installation/installation
philosophy
contribute
faq
contact