woocommerce/apigen/theme-woocommerce/resources/style.css

570 lines
7.5 KiB
CSS
Raw Normal View History

2015-11-20 10:05:33 +00:00
/* Normal styles */
2015-01-16 16:06:58 +00:00
2015-11-20 10:05:33 +00:00
body {
padding: 50px 0 0 0;
2015-01-16 16:06:58 +00:00
}
h1 {
2015-11-20 10:05:33 +00:00
font-size: 2em;
margin: 0.67em 0;
2015-01-16 16:06:58 +00:00
}
h2 {
2015-11-20 10:05:33 +00:00
font-size: 1.5em;
margin: 0.83em 0;
2015-01-16 16:06:58 +00:00
}
h3 {
2015-11-20 10:05:33 +00:00
font-size: 1.17em;
margin: 1em 0 0.2em 0;
2015-01-16 16:06:58 +00:00
}
h4 {
font-size: 100%;
margin: 0;
2015-11-20 10:05:33 +00:00
padding: 0;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.panel-heading h2,
.panel-heading h3 {
margin-top: 0;
2015-01-16 16:06:58 +00:00
margin-bottom: 0;
}
2015-11-20 10:05:33 +00:00
.panel > p {
margin: 10px;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
ul, ol {
margin-bottom: 0;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
a, a:hover {
2015-01-16 16:06:58 +00:00
text-decoration: none;
}
var {
font-weight: bold;
font-style: normal;
2015-11-20 10:05:33 +00:00
color: #c09853;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
code {
color: #000;
white-space: nowrap;
border: none;
background: transparent;
padding: 0
}
code:empty {
display: none;
2015-01-16 16:06:58 +00:00
}
code a b {
2015-11-20 10:05:33 +00:00
color: #000;
}
pre code {
white-space: pre;
2015-01-16 16:06:58 +00:00
}
.deprecated {
text-decoration: line-through;
opacity: .5;
}
.invalid {
2015-11-20 10:05:33 +00:00
color: #dd1144;
2015-01-16 16:06:58 +00:00
}
.hidden {
display: none;
}
/* Left side */
#left {
overflow: auto;
width: 270px;
height: 100%;
position: fixed;
}
/* Menu */
#menu {
padding: 10px;
2015-11-20 10:05:33 +00:00
overflow-x: hidden;
}
#menu h3 {
border-bottom: 1px solid #E7E7E7;
margin-left: -10px;
margin-right: -10px;
padding: 0 10px 5px 10px;
2015-01-16 16:06:58 +00:00
}
#menu ul {
list-style: none;
padding: 0;
margin: 0;
}
#menu ul ul {
padding-left: 10px;
}
#menu li {
white-space: nowrap;
position: relative;
}
#menu a {
display: block;
2015-11-20 10:05:33 +00:00
padding: 3px;
border-radius: 3px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
#menu a:hover {
background-color: #a46497;
color: #fff !important;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
#menu .active > a {
font-weight: bold;
color: #000;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
#menu .active > a.invalid {
color: #dd1144;
2015-01-16 16:06:58 +00:00
}
#menu #groups span {
position: absolute;
2015-11-20 10:05:33 +00:00
top: 6px;
right: 3px;
2015-01-16 16:06:58 +00:00
cursor: pointer;
display: block;
width: 12px;
height: 12px;
background: url('collapsed.png') transparent 0 0 no-repeat;
}
#menu #groups span:hover {
background-position: -12px 0;
}
#menu #groups span.collapsed {
background-position: 0 -12px;
}
#menu #groups span.collapsed:hover {
background-position: -12px -12px;
}
#menu #groups ul.collapsed {
display: none;
}
/* Autocomplete */
.ac_results {
2015-11-20 10:05:33 +00:00
border-radius: 4px;
margin-top: 2px;
background-color: #fff;
border: 1px solid #E7E7E7;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2015-01-16 16:06:58 +00:00
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
2015-11-20 10:05:33 +00:00
display: block;
2015-01-16 16:06:58 +00:00
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0;
2015-11-20 10:05:33 +00:00
padding: 0 5px;
line-height: 2;
2015-01-16 16:06:58 +00:00
cursor: default;
display: block;
overflow: hidden;
white-space: nowrap;
2015-11-20 10:05:33 +00:00
text-overflow: ellipsis;
2015-01-16 16:06:58 +00:00
}
.ac_results li strong {
2015-11-20 10:05:33 +00:00
color: #000;
2015-01-16 16:06:58 +00:00
}
.ac_over {
2015-11-20 10:05:33 +00:00
background-color: #a46497;
color: #fff;
2015-01-16 16:06:58 +00:00
}
.ac_results li.ac_over strong {
2015-11-20 10:05:33 +00:00
color: #fff;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
/* Right side */
#right {
overflow: auto;
margin-left: 275px;
height: 100%;
position: relative;
left: 0;
right: 0;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
#rightInner {
max-width: 1000px;
min-width: 350px;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
/* Navigation */
2015-01-16 16:06:58 +00:00
2015-11-20 10:05:33 +00:00
#navigation {
margin-bottom: 0;
2015-02-23 14:40:16 +00:00
}
2015-11-20 10:05:33 +00:00
.navbar .nav > li > span {
position: relative;
display: block;
color: #777;
line-height: 20px;
padding: 15px;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.navbar .nav > li.active > span {
background-color: #E7E7E7;
color: #555;
2015-01-16 16:06:58 +00:00
}
/* Content */
#content {
clear: both;
padding: 5px 15px;
}
#content > .description {
margin: 1.2em 0;
}
2015-11-20 10:05:33 +00:00
#content .alert-info {
margin-top: 18px;
2015-01-16 16:06:58 +00:00
}
dl.tree {
margin: 1.2em 0;
2015-11-20 10:05:33 +00:00
padding: 10px;
2015-01-16 16:06:58 +00:00
}
dl.tree dd {
margin: 0;
padding: 0;
2015-11-20 10:05:33 +00:00
line-height: 18px;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.elementList {
line-height: 24px;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
h2.switchable {
background: transparent url('sort.png') no-repeat center right;
2015-01-16 16:06:58 +00:00
cursor: pointer;
}
.summary td:first-child {
text-align: right;
}
.summary td hr {
2015-11-20 10:05:33 +00:00
margin: 8px -8px;
2015-01-16 16:06:58 +00:00
}
#packages.summary td:first-child, #namespaces.summary td:first-child, .inherited.summary td:first-child, .used.summary td:first-child {
text-align: left;
}
.summary tr:hover td {
background: #f6f6f4;
}
.summary .description p {
margin: 0;
}
2015-11-20 10:05:33 +00:00
.class #methods.summary .description p:first-child, .summary .description.detailed h4:first-child {
margin-top: 8px;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.summary .description p + p, .summary .description ul, .summary .description pre, .summary .description.detailed h4 {
margin-top: 4px;
2015-01-16 16:06:58 +00:00
}
.summary dl {
margin: 0;
}
.summary dd {
margin: 0 0 0 25px;
}
2015-11-20 10:05:33 +00:00
.summary dt, dd {
line-height: 24px;
}
2015-01-16 16:06:58 +00:00
.name, .attributes {
white-space: nowrap;
}
.value code {
white-space: pre-wrap;
}
td.name, td.attributes {
width: 1%;
}
.class .methods .name, .class .properties .name, .class .constants .name {
width: auto;
white-space: normal;
}
.class .methods .name > div > code {
white-space: pre-wrap;
}
.class .methods .name > div > code span, .function .value > code {
white-space: nowrap;
2015-11-20 10:05:33 +00:00
display: inline-block;
2015-01-16 16:06:58 +00:00
}
.class .methods td.name > div, .class td.value > div {
position: relative;
padding-right: 1em;
}
2015-11-20 10:05:33 +00:00
.attributes code, .name code, dd code {
color: #468847;
}
2015-01-16 16:06:58 +00:00
.anchor {
position: absolute;
top: 0;
right: 0;
line-height: 1;
font-size: 85%;
margin: 0;
2015-11-20 10:05:33 +00:00
color: #a46497 !important;
2015-01-16 16:06:58 +00:00
}
.list {
margin: 0 0 5px 25px;
2015-11-20 10:05:33 +00:00
line-height: 24px;
2015-01-16 16:06:58 +00:00
}
/* Splitter */
#splitter {
position: fixed;
height: 100%;
width: 5px;
left: 270px;
2015-11-20 10:05:33 +00:00
background: #E7E7E7 url('resize.png') left center no-repeat;
2015-01-16 16:06:58 +00:00
cursor: e-resize;
}
#splitter.active {
opacity: .5;
}
/* Footer */
#footer {
2015-11-20 10:05:33 +00:00
border-top: 1px solid #e5e5e5;
2015-01-16 16:06:58 +00:00
clear: both;
2015-11-20 10:05:33 +00:00
color: #808080;
text-align: right;
padding: 2em 1em;
margin: 3em 0 40px 0;
2015-01-16 16:06:58 +00:00
}
/* Tree */
div.tree ul {
list-style: none;
background: url('tree-vertical.png') left repeat-y;
padding: 0;
margin-left: 20px;
}
div.tree li {
margin: 0;
padding: 0;
}
div.tree div {
padding-left: 30px;
}
div.tree div.notlast {
background: url('tree-hasnext.png') left 10px no-repeat;
}
div.tree div.last {
background: url('tree-last.png') left -240px no-repeat;
}
div.tree li.last {
background: url('tree-cleaner.png') left center repeat-y;
}
div.tree span.padding {
padding-left: 15px;
}
/* Source code */
2015-11-20 10:05:33 +00:00
#source {
margin: 1em 0 1em 1em;
border: 1px solid #ccc;
border-radius: 4px;
overflow: auto;
}
#source pre {
padding: 0;
border: none;
overflow: visible;
}
#source .numbers {
float: left;
background-color: transparent;
}
#source .code {
}
2015-01-16 16:06:58 +00:00
.php-keyword1 {
2015-11-20 10:05:33 +00:00
color: #468847;
2015-01-16 16:06:58 +00:00
font-weight: bold;
}
.php-keyword2 {
font-weight: bold;
}
.php-var {
2015-11-20 10:05:33 +00:00
color: #c09853;
2015-01-16 16:06:58 +00:00
font-weight: bold;
}
.php-num {
2015-11-20 10:05:33 +00:00
color: #006dcc;
2015-01-16 16:06:58 +00:00
}
.php-quote {
2015-11-20 10:05:33 +00:00
color: #006dcc;
2015-01-16 16:06:58 +00:00
}
.php-comment {
color: #929292;
}
.xlang {
2015-11-20 10:05:33 +00:00
color: #468847;
2015-01-16 16:06:58 +00:00
font-weight: bold;
}
span.l {
display: block;
}
span.l.selected {
2015-11-20 10:05:33 +00:00
background: #f9f2d2;
2015-01-16 16:06:58 +00:00
}
span.l a {
color: #333333;
}
2015-11-20 10:05:33 +00:00
span.l a:hover, span.l a:active, span.l a:focus {
2015-01-16 16:06:58 +00:00
background: transparent;
color: #333333 !important;
}
span.l .php-var a {
2015-11-20 10:05:33 +00:00
color: #c09853;
2015-01-16 16:06:58 +00:00
}
span.l .php-var a:hover, span.l .php-var a:active, span.l .php-var a:focus {
2015-11-20 10:05:33 +00:00
color: #c09853 !important;
2015-01-16 16:06:58 +00:00
}
span.l a.l {
2015-11-20 10:05:33 +00:00
background: #fbfbfc;
margin-right: 8px;
padding: 2px 2px 2px 8px;
2015-01-16 16:06:58 +00:00
color: #c0c0c0;
}
span.l a.l:hover, span.l a.l:active, span.l a.l:focus {
2015-11-20 10:05:33 +00:00
background: #fbfbfc;
2015-01-16 16:06:58 +00:00
color: #c0c0c0 !important;
}
2015-11-20 10:05:33 +00:00
/* Small screens */
#rightInner.medium .name, #rightInner.medium .attributes {
white-space: normal;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
/* global style */
.left, .summary td.left {
text-align: left;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.right, .summary td.right {
text-align: right;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
/* Custom styles for Woo */
.navbar-header {
padding: 10px;
}
.navbar-brand {
background: url(woocommerce_logo_white.png) no-repeat left top;
background-size: 149px 30px;
width: 159px;
padding: 30px 0 0 0;
overflow: hidden;
height: 0;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
#navigation {
background: #3c3c3c;
color: #fff;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
#navigation a {
color: #fff;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.navbar .nav > li > span {
color: #999;
2015-01-16 16:06:58 +00:00
}
2015-11-20 10:05:33 +00:00
.navbar .nav > li > a:hover > span {
color: #a46497;
}
.navbar .nav > li.active > span, .navbar .nav > li.active > a {
background: #a46497;
color: #fff;
}
a {
color: #a46497;
2015-01-16 16:06:58 +00:00
}