source: cats/SCHEMAcat/trunk/urn.org.isocat.schemacat.site/site/styles/SCHEMAcat.css @ 4567

html,
body{
    height:100%;
    /* The html and body elements cannot have any padding or margin. */
}

.modal {
    overflow-y: auto;
}

body.modal-open {
    overflow: auto;
}

/*override animation duration for the following elements*/
#workspace, #schema-div,
#about, #contact, #accountDetails{
    -webkit-animation-duration: 0.25s;
       -moz-animation-duration: 0.25s;
         -o-animation-duration: 0.25s;
            animation-duration: 0.25s;
}

#schema-background {
    min-height: 350px;
    padding-top: 10px;
}

/*since angularjs and browsers have diferent rules to conssider an input valid,
we override the red border set by the browser (in invalid input fields)
with the same border but set by angular*/
input.ng-dirty.ng-invalid {
    color: #b94a48;
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
       -moz-box-shadow: 0 0 6px #f8b9b7;
         -o-box-shadow: 0 0 6px #f8b9b7;
            box-shadow: 0 0 6px #f8b9b7;
}

.cursor-pointer{
    cursor:pointer;
}

.cursor-default{
    cursor:default;
}

.pre-wrap {
    white-space:pre-wrap;
}

/*sticky left side list of schemas*/
.sidebar-nav-fixed {
    position:fixed;
    width:21.97%;
    min-width: 246px;
}

.paginator{
    white-space:nowrap;
    min-width: 241px;
}

.img-responsive-inline{
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.inline{
    display: inline;
}

.word-breaking-wraper{
    word-wrap: break-word;
}

/*override bootstrap.css '<pre>' tags to scroll horizontaly 
  instead of wrapping the text to the page*/
pre {
    overflow-x: auto;
    overflow-wrap: normal;
    word-wrap: normal;
}
/*override bootstrap.css '<pre><code>' tag sequence not to use transparent
  background and not to wrap text on white spaces.*/
pre code {
    background-color: inherit;
    white-space: pre;
    /*the following is used for the background of the code odd lines, to occupy entire document width */
    float:left;
    min-width: 100%;
}


/* Wrapper for page content to push down footer */
#wrap{
    min-height:100%;
    height:auto !important;
    height:100%;
    /* Negative indent footer by it's height */
    margin:0 auto -71px;
}

/* Set the fixed height of the footer here */
#pushh,
#pushf,
#footer{
    height:71px;
}
#footer{
    background-color:#f5f5f5;
    padding-top:20px;
}

.schemacat-fluid-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.schemacat-fluid-container .jumbotron {
    border-radius: 6px;
}

#schema-div, 
#contact-div {
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
}

#schema-div p,
#contact-div p {
    line-height: 1.4;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 10px;
}

#account-details-list {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 200;
}

#account-details-list dt,
#account-details-list dd {
    margin-bottom: 5px;
}

#license-description {
    padding-top: 65px;
}

#license-select {
    max-height: 350px;
}

/*magnifier icon inside filter box*/
.right-inner-addon {
    position: relative;
    width: 70%;
}
.right-inner-addon input {
    font-size: 85%; 
    height: 25px;
    padding: 0px 30px 0px 12px;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
         -o-border-radius: 20px;
            border-radius: 20px;
}
.right-inner-addon i {
    font-size: 85%; 
    position: absolute;
    right: 0px;
    padding: 5px 12px;
    pointer-events: none;
}

/*different glow colour for interface icons*/
a.glow{
    -webkit-text-shadow: 0px 0px 20px #00FFFF; 
       -moz-text-shadow: 0px 0px 20px #00FFFF; 
         -o-text-shadow: 0px 0px 20px #00FFFF; 
            text-shadow: 0px 0px 20px #00FFFF;     
}
a.glow-warn{
    color: #CFAF00;
    -webkit-text-shadow: 0px 0px 20px #CFAF00;
       -moz-text-shadow: 0px 0px 20px #CFAF00;
         -0-text-shadow: 0px 0px 20px #CFAF00;
            text-shadow: 0px 0px 20px #CFAF00;
}

.capitalize {
    text-transform: capitalize;
}

.no-bottom-margin {
    margin-bottom: 0px;
}

.help-block {
    line-height: 1.428571429;
}

textarea.vertical {
    resize: vertical;
    max-width: 100%;
    overflow: hidden;
    vertical-align: top;
}

#fill-details-modal-error.help-block {
    padding-top: 7px;
}

#description-spinner {
    line-height: 2.8;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left:-20px;
        margin-right:-20px;
        padding-left:20px;
        padding-right:20px;
    }
    
    .navbar-fixed-top {
        position: relative;
        top: auto;
    }
    
    #pushh {
        height:0px;
    }
}

@media (max-width: 1009px) {
    .sidebar-nav-fixed {
        position:static;
        width:auto;
    }
}