NibasaViewer/viewer/static/css/styles.css

/****************************************************************************
 * Specific elements.                                                       *
 ****************************************************************************/

html {
    height:100%;
}

body {
    height: 100%;
    margin: 0px;
}

#id_username {
    width: 100%;
}

#id_password {
    width: 100%;
}

a:link {
    color: #ffff00;
}

a:visited {
    color: #009CD9;
}

/****************************************************************************
 * Containers.                                                              *
 ****************************************************************************/

.centered-container {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
}

.background {
    background-color: darkslategray;
    color: lightgray;
}

.image-container {
    max-width: 900px;
    max-height: 600px;
}

.fc {
    width: fit-content;
}

.h90 {
    height: 90%;
}

.full-width {
    width: 100%;
}

.fixed-width {
    width: 300px;
}

/****************************************************************************
 * Content.                                                                 *
 ****************************************************************************/

.image {
    max-width: 100%;
    max-height: 600px;
    width: auto;
}

.mauto {
    margin: auto;
}

.mauto-top {
    margin: 200px auto;
}

.navigation-icon {
    width: 100px;
}

.small-nav-icon {
    width: 3em;
}

.mb-2 {
    margin-bottom: 2em;
}

.mr-2 {
    margin-right: 2em;
}

.ml-4 {
    margin-left: 4em;
}

.ml-2 {
    margin-left: 2em;
}

.clear-btn {
    border: none;
    background-color: #00000000;
}

.search-box {
    height: 2.5em;
}

.float-right {
    float: right;
}

/****************************************************************************
 * Grid.                                                                    *
 ****************************************************************************/

.column {
    text-align: center;
    border: black 1px solid;
}