scribble-mathjax/docs/source/mjtheme/static/mj.css_t
2011-03-06 13:16:43 -05:00

500 lines
9.2 KiB
Plaintext

/**
* Sphinx stylesheet -- default theme
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
@import url("basic.css");
{% if for_site %}
/* style copied over from http://mathjax.org/ for the header */
body {
background: #D2D3D3 !important;
}
#wrapper {
background: white;
padding: 0;
margin: 20px auto;
width: 980px;
}
/* deal with sphinx css not reseting anything */
.widget_search fieldset {
border: 0;
margin: 0;
padding: 0;
}
.icon-list {
margin: 0; padding: 0;
}
/* from wp twentyten */
#branding img {
display: block;
}
.widget_search label {
display: none;
}
.screen-reader-text {
left: -9000px;
position: absolute;
}
.widget_search input {
color: #666;
font-size: 12px;
line-height: 18px;
}
.widget_search input[type="text"] {
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px inset;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
background: #F9F9F9;
border: 1px solid #CCC;
padding: 2px;
}
#access {
font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
background: #000;
margin: 20px auto 0;
width: 940px;
display:block;
float:left;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float:left;
position: relative;
}
#access a {
display:block;
text-decoration:none;
color: #DDD;
font-weight: bold;
padding:0 10px;
line-height:38px;
}
#access ul ul {
display:none;
position:absolute;
top:38px;
left:0;
float:left;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left:100%;
top:0;
}
#access ul ul a {
background:#333;
height:auto;
line-height:1em;
padding:10px;
width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
color:#fff;
background:#333;
}
#access ul li:hover > ul {
display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color:#fff;
}
/* HEADER */
#header {
background: #ffffff;
padding: 20px;
height: 95px;
}
#branding {
}
#site-title {
float: left;
margin: 0;
width: 300px;
}
#branding img {
border: 0;
}
#site-description {
margin: 36px 0 0;
font-size: 18px; line-height: 18px;
float: left;
width: auto;
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
color: #a5a5a5;
}
#header-box-right {
margin: 10px 0 0;
float: right;
}
.icon-list {
display: block;
margin: 0 0 0 93px;
list-style: none;
}
.icon-list li {
float: left;
display: inline;
margin: 0 8px 5px 0;
}
.icon-list img { border: 0; }
.widget_search {
clear: both;
margin: 0;
}
.widget_search #s {
width: 150px;
height: 16px;
float: left;
}
.widget_search input[type="text"] {
border: 2px solid #b5bfb8;
background-color: #eaeaea;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.widget_search input[type="text"]:focus {
outline-width: 0;
border-color: #169538;
}
.search-button {
float: left;
display: inline;
margin: 2px 0 0 5px;
}
/* NAVIGATION */
#access {
margin: 20px 0px 0px;
}
#access ul { padding: 0; }
#access li { min-width: 20px; }
#access a { color: #dddddd; font-weight: bold; }
#access a:hover, #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
color: #ffffff;
font-weight: bold;
}
#access li:hover > a, #access ul ul :hover > a {
color:#fff;
background:#444;
}
#access ul ul a {
background:#444;
}
#menu-item-1167 {
float: right !important;
background: #E18B16 !important;
}
#menu-item-1167:hover > a {
background: #ef9d32 !important;
}
#menu-item-1167 a, #menu-item-1167 a:visited {
color: #ffffff !important;
}
/* modify layout to match mathjax site */
.related, .document {
width: 940px !important;
margin: 0 auto;
}
{% endif %}
/* -- page layout ----------------------------------------------------------- */
body {
font-family: {{ theme_bodyfont }};
font-size: 100%;
background-color: {{ theme_footerbgcolor }};
color: #000;
margin: 0;
padding: 0;
}
div.document {
background-color: {{ theme_sidebarbgcolor }};
}
div.documentwrapper {
float: left;
width: 100%;
}
div.bodywrapper {
margin: 0 0 0 230px;
}
div.body {
background-color: {{ theme_bgcolor }};
color: {{ theme_textcolor }};
padding: 0 20px 30px 20px;
}
{%- if theme_rightsidebar|tobool %}
div.bodywrapper {
margin: 0 230px 0 0;
}
{%- endif %}
div.footer {
color: {{ theme_footertextcolor }};
width: 100%;
padding: 9px 0 9px 0;
text-align: center;
font-size: 75%;
}
div.footer a {
color: {{ theme_footertextcolor }};
text-decoration: underline;
}
div.related {
background-color: {{ theme_relbarbgcolor }};
line-height: 30px;
color: {{ theme_relbartextcolor }};
}
div.related a {
color: {{ theme_relbarlinkcolor }};
}
div.sphinxsidebar {
{%- if theme_stickysidebar|tobool %}
top: 30px;
margin: 0;
position: fixed;
overflow: auto;
height: 100%;
{%- endif %}
{%- if theme_rightsidebar|tobool %}
float: right;
{%- if theme_stickysidebar|tobool %}
right: 0;
{%- endif %}
{%- endif %}
}
{%- if theme_stickysidebar|tobool %}
/* this is nice, but it it leads to hidden headings when jumping
to an anchor */
/*
div.related {
position: fixed;
}
div.documentwrapper {
margin-top: 30px;
}
*/
{%- endif %}
div.sphinxsidebar h3 {
font-family: {{ theme_headfont }};
color: {{ theme_sidebartextcolor }};
font-size: 1.4em;
font-weight: normal;
margin: 0;
padding: 0;
}
div.sphinxsidebar h3 a {
color: {{ theme_sidebartextcolor }};
}
div.sphinxsidebar h4 {
font-family: {{ theme_headfont }};
color: {{ theme_sidebartextcolor }};
font-size: 1.3em;
font-weight: normal;
margin: 5px 0 0 0;
padding: 0;
}
div.sphinxsidebar p {
color: {{ theme_sidebartextcolor }};
}
div.sphinxsidebar p.topless {
margin: 5px 10px 10px 10px;
}
div.sphinxsidebar ul {
margin: 10px;
padding: 0;
color: {{ theme_sidebartextcolor }};
}
div.sphinxsidebar ul li {
margin-top: .2em;
}
div.sphinxsidebar a {
color: {{ theme_sidebarlinkcolor }};
}
div.sphinxsidebar input {
border: 1px solid {{ theme_sidebarlinkcolor }};
font-family: sans-serif;
font-size: 1em;
}
/* -- body styles ----------------------------------------------------------- */
a {
color: {{ theme_linkcolor }};
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
div.body p, div.body dd, div.body li {
text-align: justify;
line-height: 130%;
}
div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
font-family: {{ theme_headfont }};
background-color: {{ theme_headbgcolor }};
font-weight: normal;
color: {{ theme_headtextcolor }};
border-top: 2px solid {{ theme_headbordercolor }};
border-bottom: 1px solid {{ theme_headbordercolor }};
margin: 30px -20px 20px -20px;
padding: 3px 0 3px 10px;
}
div.body h1 { margin-top: 0; font-size: 200%; }
div.body h2 { font-size: 160%; }
div.body h3 { font-size: 140%; padding-left: 20px; }
div.body h4 { font-size: 120%; padding-left: 20px; }
div.body h5 { font-size: 110%; padding-left: 20px; }
div.body h6 { font-size: 100%; padding-left: 20px; }
a.headerlink {
color: {{ theme_headlinkcolor }};
font-size: 0.8em;
padding: 0 4px 0 4px;
text-decoration: none;
}
a.headerlink:hover {
background-color: {{ theme_headlinkcolor }};
color: white;
}
div.body p, div.body dd, div.body li {
text-align: justify;
line-height: 130%;
}
div.admonition p.admonition-title + p {
display: inline;
}
div.note {
background-color: #eee;
border: 1px solid #ccc;
}
div.seealso {
background-color: #ffc;
border: 1px solid #ff6;
}
div.topic {
background-color: #eee;
}
div.warning {
background-color: #ffe4e4;
border: 1px solid #f66;
}
p.admonition-title {
display: inline;
}
p.admonition-title:after {
content: ":";
}
pre {
padding: 5px;
background-color: {{ theme_codebgcolor }};
color: {{ theme_codetextcolor }};
line-height: 130%;
border: 2px solid {{ theme_codebordercolor }};
border-left: none;
border-right: none;
}
tt {
background-color: #ecf0f3;
padding: 0 1px 0 1px;
/* font-size: 0.95em;*/
}
.warning tt {
background: #efc2c2;
}
.note tt {
background: #d6d6d6;
}