gojs/projects/storage/samples/GoCloudStorageUI.css

Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams

/*
 * Copyright (C) 1998-2020 by Northwoods Software Corporation
 * All Rights Reserved.
 */
.goCustomFilepicker {
    font-family: Arial, Helvetica, sans-serif;
    width: 400px;
    background-color: white;
    z-index: 100;
    border: 1px solid black;
    visibility: hidden;
    top: 25%;
    left: 40%;
    position: absolute;    
    padding: 10px;
    box-shadow: 10px 10px 5px #888888;
}

#currentDirectory {
    font: 10pt darkgray serif;
    padding: 2px;
    width: 100%;
    display: block;
}

#fileOptions {
    padding: 15px;
    max-height: 150px;
    overflow: auto;
}

#actionButton {
    float: left;
    clear: both;
    margin-left: 30%;
}

#cancelButton {
    float: right;
    margin-right: 30%;
}

.icons {
    height: 16px; width: 16px;
    padding-right: 5px;
}

#userInput {
    width: 100%;
}

#goCloudStorageManagerMessageBox {
    position: absolute;    
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    z-index: 101;
    border-radius: 10px;
    
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
    opacity: 1;
    -webkit-transition: opacity 1000ms linear;
    transition: opacity 1000ms linear;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Not used for GoLocalStorage / GoGoogleDrive / GoOneDrive custom filepicker */
#userDataDiv {
    font: 10pt gray serif;
}

#changeAccount {
    float: left;
}

/* Only used for GoGitHub filepicker*/
#changesNotice {
    font: 9pt gray serif;
    float: left;
}

#goCloudStorageManagerMenu {
    z-index: 100;
    background: white;
    width: 300px;
    border: 1px solid black;
    visibility: hidden;
    top: 25%;
    left: 40%;
    position: absolute;
    padding: 10px;
    box-shadow: 10px 10px 5px #888888;
    text-align: center;
} 
    #goCloudStorageManagerMenu .description {
        font-size: 9pt;
    }

label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}

.storageLogo {
    height: 75px; width: 75px;
}

#storageOptions {
    text-align: center;
}

#selectButton {
    float: left;
    margin-left: 30%;
}

#cancelButton {
    float: right;
    margin-right: 30%;
}

.diagramBox {
    float: left;
    padding: 5px;
}

#text {
    float: left;
    clear: both;
}