@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url('phpdocumentor-clean-icons/style.css');

body {
    background-color: #333333;
}

a {
    color: #6495ed;
}
a.anchor {
    height: 40px;
    margin-top: -40px;
    display: block;
}

h1, h2, h3, h4, h5, h6, .brand {
    font-family:    'Source Sans Pro', sans-serif;
    font-weight:    normal;
    letter-spacing: 0.05em;
}

h2, h3, .detailsbar h1 {
    overflow:    hidden;
    white-space: nowrap;
    margin:      30px 0 20px 0;
}

h2:after, .detailsbar h1:after {
    content:        '';
    display:        inline-block;
    vertical-align: middle;
    width:          100%;
    height:         2px;
    margin-left:    1em;
    background:     silver;
}

h3 {
    margin: 10px 0 20px 0;
}

h4 {
    margin:    20px 0 10px 0;
    color:     gray;
    font-size: 18.5px;
}

h3.public, h3.protected, h3.private {
    padding-left: 10px;
    text-overflow: ellipsis;
}

.body {
    color: #333333;
    background-color: #FFFFFF;
    border-radius: 4px;
    margin: 1em 0;
}

.table tr:first-of-type th, .table tr:first-of-type td {
    border-top: none;
}
.detailsbar {
    color:            #eeeeee;
    background-color: #333333;
    font-size:        0.9em;
    overflow:         hidden;
    border-left:      2px solid gray;
}

.detailsbar h1 {
    font-size:     1.5em;
    margin-bottom: 20px;
    margin-top:    0;
}

.detailsbar h2 {
    font-size: 1.2em;
    margin:    0;
    padding:   0;
}

.detailsbar h1:after {
    background: gray;
}
.detailsbar h2:after, .detailsbar h3:after {
    background: transparent;
}

.detailsbar dt {
    font-variant:   small-caps;
    text-transform: lowercase;
    font-size:      1.1em;
    letter-spacing: 0.1em;
    color:          silver;
}

.hierarchy div:nth-of-type(2) { margin-left: 11px; }
.hierarchy div:nth-of-type(3) { margin-left: 22px; }
.hierarchy div:nth-of-type(4) { margin-left: 33px; }
.hierarchy div:nth-of-type(5) { margin-left: 44px; }
.hierarchy div:nth-of-type(6) { margin-left: 55px; }
.hierarchy div:nth-of-type(7) { margin-left: 66px; }
.hierarchy div:nth-of-type(8) { margin-left: 77px; }
.hierarchy div:nth-of-type(9) { margin-left: 88px; }
.hierarchy div:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 5px;
}

header.phpdoc {
    padding: 1em;
    margin-top: 1.5em;
    background-color: #f8f8f8;
    border-radius: 4px;
    color: #777;
    font-size: 1.25em;
}

header.phpdoc nav {
    float: right;
}

header.phpdoc nav ul {
    margin: 0;
    padding: 0;
}

header.phpdoc nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

header.phpdoc nav ul li:before {
    content: '| ';
    white-space: pre;
    margin: 0 1ex;
}

header.phpdoc nav ul li:first-child:before {
    content: none;
    margin: 0;
    padding: 0;
}

#sidebarNavigation {
    padding: 0 1ex;
}

#sidebarNavigation .dijitTreeContainer {
    float: none;
}

footer.phpdoc, footer.phpdoc * {
    background-color: #333333;
    color:            white;
}

footer.phpdoc {
    border-top: 2px dashed #555;
    margin-top: 2px;
}

footer.phpdoc .menus .menu {
    border:        2px solid #555;
    text-align:    center;
    border-radius: 10px;
    margin-top:    30px;
    margin-bottom: 20px;
    background:    #373737;
}

footer.phpdoc .menus .menu h1 {
    background: transparent;
    margin-top: -30px;
    margin-bottom: 20px;
    font-size:  5em;
}

footer.phpdoc .menus .menu h1 * {
    background: transparent;
}

footer.phpdoc .menus .menu div {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 10px;
    min-height: 40px;
}
footer.phpdoc .menus .menu div, footer.phpdoc .menus .menu div * {
    background-color: #555;
}
footer.phpdoc .menus .menu ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.content {
    background-color: white;
    padding-right:    20px;
}

.content nav {
    display: inline;
    margin:         5px 0 20px 0;
    padding-bottom: 5px;
}

.content > h1 {
    padding-bottom: 15px;
}

.content > h1 small {
    display:        block;
    padding-bottom: 8px;
    font-size:      0.6em;
}

.deprecated {
    text-decoration: line-through;
}

.method {
    margin-bottom: 20px;
}

.method .signature .argument {
    color:       maroon;
    font-weight: bold;
}

.class #summary section.row-fluid {
    overflow: hidden
}

.class #summary .heading {
    font-weight: bold;
    text-align:  center;
}

.class #summary section .span4 {
    padding:        3px;
    overflow:       hidden;
    margin-bottom:  -9999px;
    padding-bottom: 9999px;
    white-space:    nowrap;
    text-overflow:  ellipsis;
    border-left:    5px solid transparent;
}

.class #summary a.public:before,
h3.public:before {
    font-family: FontAwesome;
    content:     "\f046";
    color:       green;
    display:     inline-block;
    width:       1.2em;
}

.class #summary section .span4:first-of-type,
.class #summary section .span6:first-of-type {
    padding-left: 21px;
}
.class #summary section .span4:first-of-type:before,
.class #summary section .span6:first-of-type:before {
    margin-left: -21px;
}
.class #summary a.protected:before,
h3.protected:before {
    font-family: FontAwesome;
    content:     "\f132";
    color:       orange;
    display:     inline-block;
    width:       1.2em;
}

.class #summary a.private:before,
h3.private:before {
    font-family: FontAwesome;
    content:     "\f023";
    color:       red;
    display:     inline-block;
    width:       1.2em;
}

.class #summary section em {
    font-size: 0.9em;
    color: silver;
}
.class #summary .inherited {
    color:      gray;
    font-style: italic;
}

body .modal {
    width: 90%; /* desired relative width */
    left: 5%; /* (100%-width)/2 */
    /* place center */
    margin-left:auto;
    margin-right:auto;
}

.side-nav.nav-list li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 767px) {
    .sidebar {
        min-height: 32em;
        background-color: #f3f3f3;
        border-right: 1px solid #e9e9e9;
        border-radius: 4px 0 0 4px;
        padding-top: 10px;
    }
}

@media (max-width: 979px) {
    body {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .class #summary .heading {
        display: none;
    }

    .detailsbar h1 {
        display: none;
    }

    body {
        background-color: white;
    }

    footer.row-fluid, footer.row-fluid * {
        background-color: white;
    }

    .footer-sections .span4 h1 {
        color: #ccccd9;
        margin-top: 0;
    }

    .detailsbar {
        background-color: white;
        color: #333;
        border: none;
    }

    .row-fluid .span2 {
        width: 100%;
    }
}

@media (min-width: 767px) {
    .detailsbar {
        min-height:     100%;
        margin-bottom:  -99999px;
        padding-bottom: 99999px;
        padding-left:   20px;
        padding-top:    10px;
    }
}

@media (min-width: 1200px) {
    .row-fluid .span2 {
        width: 16.5%;
    }
}
