source: binary-improvements/webserver/css/style.css@ 350

/*========================================
-   Generic page layout
*/

body {
        margin: 0;
        padding: 0;
        background-image: url('../img/background.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        background-color: black;
        color: orange;
}

a {
        color: orangered;
        text-decoration: none;
}

a:visited {
        color: orangered;
        text-decoration: none;
}

.adminwrapper {
        width: 100%;
        height: 100vh;
        /*background-color: #408040;*/
}

.adminnavbar,
#admincontent {
        position: absolute;
        top: 0;
        bottom: 0;
}

.invalidinput {
        background-color: #f00;
}


/*========================================
-   Menu bar
*/

.adminnavbar {
        width: 200px;
        left: 0;
        border-right: 1px solid rgba(0,0,0,0.3);
        box-shadow: 3px 0px 14px rgba(0,0,0,0.9);
        position: fixed;
}

.adminnavbar.hidenav {
        width: 0;
        visibility: hidden;
}

.adminnavbar > div {
        margin: 5px;
}

.adminnavbarhidebutton {
        position: fixed;
        left: 200px;
        color: #000;
        background-color: rgba(180, 180, 180, 0.5); //#ccc;
        z-index: 500;
        top: 50%;
        border-radius: 5px;
        transform: translate(-50%, -50%) rotate(+90deg);
        padding: 0px 5px;
        font-family: sans-serif;
        cursor: pointer;
}

.adminnavbarhidebutton.hidenav {
        left: 18px;
        transform: translate(-50%, -50%) rotate(-90deg);
}

/*----------------------------------------
-   Menu entries
*/

.adminnavbar ul {
        margin-top: 5px;
}

.adminnavbar #adminmenu .menu_button {
        display: none;
}

.adminnavbar #adminmenu .menu_button.allowed {
        display: list-item;
}

.adminnavbar #adminmenu .menu_button a {
        color: orange;
        text-decoration: none;
}

.adminnavbar #adminmenu .current_tab {
        font-weight: bold;
        text-transform: uppercase;
}

#newlogcount {
        font-size: 70%;
        border-radius: 2px;
        background-color: #f00;
        color: #fff;
        padding: 0px 2px 0px 2px;
        display: none;
}

#newlogcount.visible {
        display: inline;
}

/*----------------------------------------
-   Server stats
*/

.adminnavbar #serverstats {
        margin-bottom: 20px;
        display: none;
        /* color: orange; */
        text-decoration: none;
}

.adminnavbar #serverstats #stats_time {
        white-space: nowrap;
        border-bottom: 1px dashed orange;
}

/*----------------------------------------
-   Session state box
*/

.adminnavbar #userstate {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        /*background-color: #408040;*/
}

.adminnavbar #userstate #username {
        padding-left: 10px;
}

.adminnavbar #userstate > div {
        display: none;
}


/*========================================
-   Content area
*/

#admincontent {
        position: absolute;
        right: 0;
        left: 200px;
        /*background-color: #408040;*/
}

#admincontent.hidenav {
        left: 0;
}

#admincontent #nopermissionwarning {
        margin: 20px 50px;
}

#admincontent .contenttab {
        position: absolute;
        top: 0;
        right: 0;
        left: 0px;
        display: none;
}

#admincontent .current_tab {
        display: block;
}



/*========================================
-   Inventory dialog
*/

#info {
        background-color: #aaaaaa;
        position: absolute;
        bottom: 10px;
        left: 10px;
}

.inventoryButton {
        cursor: pointer;
}
#playerInventoryDialog {
        display:none;
}
.playerInventoryDialog {
        text-shadow:
                -1px -1px 0 black,  
                1px -1px 0 black,
                -1px 1px 0 black,
                1px 1px 0 black;
        box-shadow: 0 3px 14px rgba(0,0,0,0.4);
        color: orange;
        background: rgba(100,100,100,0.6);
        border: none;
}
.playerInventoryDialog .ui-dialog-buttonpane {
        display: none;
}
.playerInventoryDialog.ui-dialog {
        z-index:1011 !important;
}
.ui-widget-overlay {
        z-index:1010 !important;
        opacity: 0.4 !important;
}
.playerInventoryDialog .ui-widget-content {
        background: transparent;
        color: orange;
}
.playerInventoryDialog td {
        vertical-align: top;
}

.invTable {
        table-layout: fixed;
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
}

.playerInventoryDialog td.invField {
        width: 58px;
        height: 40px;
        padding: 1px 4px;
        margin: 0px;
        border: 1px solid gray;
        background-color: black;
        background-size: 58px;
        background-repeat: no-repeat;
        background-position: center; 
        vertical-align: bottom;
        text-align: right;
        font-size: 14pt;
        text-shadow:
                -1px -1px 0 black,  
                1px -1px 0 black,
                -1px 1px 0 black,
                1px 1px 0 black;
}

#equipmentTable .invFieldText {
        display: none;
}
.playerInventoryDialog .invFieldText { 
        display: none;
}
.playerInventoryDialog .invFieldText.visible { 
        display: inline;
}
.playerInventoryDialog .invFieldQuality {
        bottom: 0px;
        height: 5px;
        left: 0px;
        position: relative;
        right: 0px;
        display: none;
}
.playerInventoryDialog .invFieldQuality.visible {
        display: block;
}



/*========================================
-   Map
*/

.adminmap {
        /*background-color: #408040;*/
        background-color: transparent;
        bottom: 0;
}

.adminmap .leaflet-control {
        background-color: rgba(50,50,50,0.6);
        color: orange;
        box-shadow: 0 3px 14px rgba(0,0,0,0.5);
}

.adminmap a,
.adminmap a:hover,
.adminmap .leaflet-container a,
.adminmap .leaflet-container a:hover {
        text-decoration: none;
        color: orangered;
}

.webmap-control {
        border-radius: 5px;
        padding: 6px 10px 6px 6px;
        white-space: nowrap;
}

.adminmap .leaflet-popup-tip,
.adminmap .leaflet-popup-content-wrapper {
        background-color: rgba(50,50,50,0.8);
        color: orange;
}




/*========================================
-   Log
*/

.adminlog {
        padding: 10px;
}

.adminlog table {
        width: 100%;
}

.adminlog table td {
        vertical-align: top;
}

.adminlog table tr.readmark td {
        border-bottom-width: 2px;
        border-bottom-color: red;
        border-bottom-style: dotted;
}

.adminlog table tr.Log td {
        color: limegreen;
}
.adminlog table tr.Warning td {
        color: orange;
}
.adminlog table tr.Error td {
        color: red;
}
.adminlog table tr.Exception td {
        color: red;
}


.adminlog .logcol_datetime,
.adminlog .logcol_uptime {
        white-space: nowrap;
        text-align: right;
}
.adminlog .logcol_type {
        white-space: nowrap;
        text-align: center;
}
.adminlog .logcol_msg {
        width: 100%;
}

.adminlog .logcol_missed {
        text-align: center;
        border-width: 1px 0px;
        border-style: dashed;
        border-color: orange;
}

.adminlog .tracebtn {
        cursor: pointer;
}
.adminlog .tracebtn:after {
        content: "Show trace...";
}
.adminlog .tracebtn.visible:after {
        content: "Hide trace...";
}

.adminlog .trace {
        display: none;
}

.adminlog .trace.visible {
        display: block;
}

.adminlog .trace span {
        display: block;
        margin-left: 30px;
        text-indent: -30px;
}

.adminlog #markasread {
        cursor: pointer;
        border-radius: 5px;
        background-color: #444;
        color: orangered;
        display: inline-block;
        margin-top: 10px;
        padding: 3px 5px 3px 5px;
}




/*========================================
-   Player list
*/

#tab_players {
        padding: 10px;
        padding-left: 20px;
}

.adminplayers .players_tablesorter thead .tablesorter-header {
        background-image: url('../js/tablesorter/css/images/ice-unsorted.gif');
        background-position: center right;
        background-repeat: no-repeat;
        font-weight: bold;
}

.adminplayers .players_tablesorter thead .tablesorter-headerDesc {
        background-image: url('../js/tablesorter/css/images/ice-desc.gif');
}

.adminplayers .players_tablesorter thead .tablesorter-headerAsc {
        background-image: url('../js/tablesorter/css/images/ice-asc.gif');
}

.tablesorter-pager .disabled {
        opacity: .4;
        filter: alpha(opacity=40);
        cursor: default;
}

.tablesorter-pager img {
        cursor: pointer;
}

.adminplayers .players_dateonline {
        border-bottom: 1px dashed orange;
}