OpenSQLManager/docs/css/template.css

@import url(bootstrap.min.css);
@import url(bootstrap-responsive.css);
@import url(prettify.css);
@import url(jquery.iviewer.css);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text|Philosopher|Forum);

body
{
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
    background:  #f9f9f9;
    color:       #444;
}

a
{
    color: #55A72F;
}

li.l0, li.l1, li.l2, li.l3, li.l5, li.l6, li.l7, li.l8
{
    list-style-type: decimal;
}

a.brand, h2, .hero-unit h1
{
    font-family: 'Forum', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.element .span4
{
    width: 275px;
}

.namespace-contents hr, .package-contents hr
{
    border-top: 3px dotted silver;
}

.namespace-indent, .package-indent
{
    padding-left: 10px; border-left: 1px dashed #f0f0f0;
}

.element h3 i, .namespace-contents h3 i, .package-contents h3 i
{
    margin-top: 2px;
    margin-right: 5px;
}

.element h3, .namespace-contents h3, .package-contents h3
{
    margin-top: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid silver;
}

.element h3:first-of-type, .namespace-contents h3:first-of-type,
.package-contents h3:first-of-type
{
    margin-top: 30px;
}

.element h2
{
    font-family: inherit;
    font-size: 1.2em;
    color: black;
}

.element .type
{
    font-weight: bold;
}

#search-query
{
    height: auto;
}

.hero-unit, div.element, .well
{
    border: 1px solid #e0e0e0;
    background: white;
}

h2
{
    border-bottom:  1px dashed #55A72F;
    margin-bottom:  10px;
    padding-bottom: 0;
    padding-left:   5px;
    color:          #e9e9e9;
    font-weight:    normal;
    margin-top:     40px;
}

h2:first-of-type
{
    margin-top: 0;
}

.hero-unit
{
    background: #75a70d; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #bfd255 0%, #8eb92a 72%, #72aa00 96%, #9ecb2d 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#bfd255), color-stop(72%,#8eb92a), color-stop(96%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #bfd255 0%,#8eb92a 72%,#72aa00 96%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #bfd255 0%,#8eb92a 72%,#72aa00 96%,#9ecb2d 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #bfd255 0%,#8eb92a 72%,#72aa00 96%,#9ecb2d 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover, #bfd255 0%,#8eb92a 72%,#72aa00 96%,#9ecb2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 40px 0 15px 0;
    box-shadow: inset 0 0 10px gray;
}

.hero-unit h1
{
    text-align: center;
    font-weight: normal;
    text-align:  center;
    color:       white;
    text-shadow: black 0px 0px 15px;
}

.hero-unit h2
{
    border:     none;
    color:      white;
    background: rgba(48, 48, 48, 0.5);
    padding:    0;
    margin:     0;
    margin-top: 15px;
    text-align: center;
}

.namespace-contents h2, .package-contents h2
{
    padding-left: 44px;
    background: transparent url('../img/icons/icon-th-big.png') no-repeat 3px center;
}

.package-contents h2
{
    background-image: url('../img/icons/icon-folder-open-big.png');
}

.namespace-contents .element h2, .package-contents .element h2
{
    padding-left: 0;
    background: none;
}

div.element
{
    border-left:    10px solid #55A72F;
    border-radius:  5px;
    padding:        7px 7px 2px 7px;
    margin-bottom:  15px;
    margin-left:    0;
}

div.element.protected
{
    border-left-color: orange;
}

div.element.private
{
    border-left-color: red;
}

div.element.class, div.element.interface
{
    border-left-color: #e0e0e0;
}

div.element.class.abstract h1, div.element.interface.abstract h1
{
    font-style: italic;
}

div.element h1
{
    font-size:     1.2em;
    line-height:   1.5em;
    margin-bottom: 10px;
    padding-left:  22px;
    background:    transparent no-repeat left 2px;
    word-wrap:     break-word;
}

div.element h1 a
{
    color: transparent;
    margin-left: 10px;
}

div.element h1:hover a
{
    color: silver;
}

div.element h1 a:hover
{
    color: navy;
}

div.element a.more:hover
{
    background: #f0f0f0;
    color:      #444;
    text-decoration: none;
}

div.element a.more
{
    font-weight: bold;
    text-align: center;
    color:      gray;
    border-top: 1px dashed silver;
    display:    block;
    margin-top: 5px;
    padding:    5px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.element p
{
    font-size:     0.9em;
}

div.element .table
{
    font-size: 0.9em;
}

div.element .table th
{
    text-transform: capitalize;
}

body.invert
{
    background: white;
}

body.invert div.element
{
    background: #f9f9f9;
}

ul.side-nav
{
    clear: both;
}

ul.side-nav li
{
    word-wrap: break-word;
    padding-left: 10px;
    text-indent: -10px;
}

ul.side-nav li a
{
    background:     transparent no-repeat 5px 3px;
    padding-bottom: 10px;
    font-style:     italic;
}

ul.side-nav li pre
{
    font-size:        0.8em;
    margin:           5px 15px 0 15px;
    padding:          2px 5px;
    background-color: #f8f8f8;
    color:            gray;
    font-style:       normal;
    word-wrap:        break-word;
    text-indent:      0;
}

ul.side-nav li.view-simple span.description
{
    display: none;
}

ul.side-nav li.view-simple pre
{
    font-size:        inherit;
    margin:           inherit;
    padding:          inherit;
    background-color: inherit;
    border:           none;
    color:            inherit;
    font-family:      inherit;
    font-style:       inherit;
    padding-bottom:   0;
    padding-left:     5px;
}

ul.side-nav li.view-simple a
{
    padding-bottom: 0px;
}

i.icon-custom
{
    width: 16px;
    height: 16px;
    background-position: 0;
}

.table.markers
{
    background: white;
}

/* JS only functionality; disable by default */
.btn-group.visibility, .btn-group.view, .btn-group.type-filter
{
    display: none;
}

.btn-group.view
{
    margin-left: 20px;
    margin-bottom: 20px;
}

.visibility button
{
    height: 24px;
}

div.element.constant h1,
i.icon-constant  { background-image: url('../img/icons/constant.png'); }

div.element.function h1,
i.icon-function  { background-image: url('../img/icons/function.png'); }

div.element.method h1,
i.icon-method    { background-image: url('../img/icons/method.png'); }

div.element.class h1,
i.icon-class     { background-image: url('../img/icons/class.png'); }

div.element.interface h1,
i.icon-interface { background-image: url('../img/icons/interface.png'); }

div.element.property h1,
i.icon-property  { background-image: url('../img/icons/property.png'); }

i.icon-show-public    { background-image: url('../img/icons/visibility_public.png'); }
i.icon-show-protected { background-image: url('../img/icons/visibility_protected.png'); }
i.icon-show-private   { background-image: url('../img/icons/visibility_private.png'); }

span.empty-namespace
{
    color: silver;
}

footer
{
    text-align: right;
    font-size: 0.8em;
    opacity: 0.5;
}

#mapHolder
{
    border:   4px solid #555;
    padding:  0 !important;
    overflow: hidden
}

div.element div.subelement
{
    margin-left:    10px;
    padding-bottom: 5px;
}

pre code
{
    border: none;
}

div.element div.subelement  > code
{
    font-size:    0.8em;
    float:        left;
    margin-right: 10px;
    padding:      0 5px;
    line-height:  16px;
}

div.element div.subelement  > p
{
    margin-left: 20px;
    margin-right: 40px;
}

div.element div.subelement h4
{
    color: #666;
    margin-bottom: 5px;
}

div.element div.subelement.response
{
    padding-bottom: 15px;
}

div.labels
{
    text-align: right;
}

.nav-list .nav-header
{
    font-size: 13px;
}

.go_to_top
{
    float:                      right;
    margin-right:               20px;
    background:                 #2C2C2C;
    color:                      #999;
    padding:                    3px 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius:  5px;
    text-shadow:                0 -1px 0 rgba(0, 0, 0, 0.25);
    line-height:                19px;
}

.visibility .btn {
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: bold;
}

@media (min-width: 980px)
{
    a[name]
    {
        margin-top: -50px;
        position:   absolute;
    }
}

@media (min-width: 1200px)
{
    .method .span4
    {
        width: 345px;
    }
}

/* redefined because twitter bootstrap assumes that bootstrap-responsive.css */
@media (max-width: 980px)
{
    body
    {
        padding-top: 0;
    }

    .go_to_top
    {
        display: none;
    }

    .btn-group.visibility
    {
        font-size: 0.80em;
        margin-bottom: 7px;
        display: block;
        float: right;
    }
}

@media (max-width: 768px)
{
    .hero-unit h1 {
        font-size: 30px;
    }
    .hero-unit h2 {
        font-size: 19px;
    }

}
@media (min-width: 768px) and (max-width: 980px)
{
    .method .span4
    {
        width: 203px;
    }
}