ui5flowdev/webapp/css/styles.css

UI5FlowDev enables you to manage and run your UI5 applications on a local server with reverse-proxy support. It also provides you the option to build your applications and deploy them to SAP NetWeaver ABAP.

@import url('https://fonts.googleapis.com/css?family=Work+Sans');

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

@import url('https://fonts.googleapis.com/css?family=Audiowide');
.iconSize1 {
    font-size: 1rem;
}

.ui5flowPage {
    background-color: #FFFFFF;
}

.ui5flowButton {
    color: #FFFFFF !important;
}

.ui5flowpanel {
    background-color: #243e66;
}

.ui5appTileHeader {
    color: #FFFFFF;
    font-weight: bold;
}

.ui5appCustomTile {
    height: 10rem;
    width: 25rem;
    border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    border: 1px solid #E0E0E0 !important;
    background-color: #FAFAFA;
}

.ui5appCustomTile:hover {
    cursor: pointer;
    background-color: #D9D9D9;
    border: 1px solid #F0F0F0 !important;
}

.ui5appCustomTileTitleTxt {
    cursor: pointer;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
    font-weight: bolder;
    color: #0070B1 !important;
}

.ui5appCustomTileDescTxt {
    cursor: pointer;
    -webkit-line-clamp: 4 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
    color: #000000 !important;
}

.ui5appCustomTileDescBlock {
    background-color: #FFFFFF;
}

.ui5appCustomTileFooterBlock {
    padding-top: 3px;
}

.ui5LogoContent {
    font-family: 'Audiowide', cursive;
    font-size: 4.5em;
    color: #0070B1;
}

.ui5LogoNavContent {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
}

.ui5LogoFooter {
    font-family: 'Audiowide', cursive;
    font-size: 2em;
    color: #c0c5ce;
}
.ui5SignupTermsText {
    font-size: .8rem;
}

.ui5SignupTermsLink {
    font-size: .8rem;
    display: inline;
    cursor: pointer;
}

.ui5TextFooter {
    color: #c0c5ce !important;
}

.ui5NoTableHeaderFooter {
    border-bottom: 0px !important;
}

/* Standatd theme modifications */

.sapMBtnContent {
    text-transform: uppercase !important;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.2em;
}

.sapMTitle {
    text-transform: uppercase !important;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.3em;
}

.sapMITBHead {
    text-transform: uppercase !important;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
}

.sapUiBody {}

.sapMBarPH {
    background-color: #FAFAFA;
}

.sapUiSizeCompact .sapMBarLeft,
.sapUiSizeCompact .sapMBarRight,
.sapUiSizeCompact .sapMBarPH {
    height: 2rem;
    line-height: 2rem;
    background-color: #FAFAFA;
}

.sapMDialog>header.sapMDialogTitle .sapMTitle {
    color: #243e66;
}

.sapMBar {
    box-shadow: inset 0 0rem none;
    height: 3rem;
    line-height: 3rem;
    color: #243e66;
    background-color: #FAFAFA;
    text-shadow: none !important;
    box-shadow: none;
}

.sapMSB .sapMSBText .sapMBtnInner {
    color: #243e66;
}

.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
    color: #243e66;
}

.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
    color: #243e66;
}

.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
    color: #243e66;
}

.sapMIBar-CTX .sapMBtn:hover>.sapMBtnHoverable:not(.sapMBtnActive) {
    background-color: rgba(179, 179, 179, 0.5);
    color: #243e66;
    border-color: transparent;
}

.sapMIBar.sapMHeader-CTX {
    background-color: #FAFAFA;
}

.sapMIBar-CTX .sapMTitle {
    color: #243e66;
    text-shadow: none !important;
}

.sapMDialog>header.sapMDialogTitle .sapMTitle {
    color: #243e66;
}

.sapMIBar-CTX {
    color: #243e66;
    text-shadow: none !important;
}

.sapMBtnIcon {
    color: #243e66;
}

.sapMDialog>header.sapMDialogTitle .sapMTitle {
    color: #243e66;
    margin: 0;
    vertical-align: middle;
}

.sapUiSizeCompact .sapMBarLeft,
.sapUiSizeCompact .sapMBarRight,
.sapUiSizeCompact .sapMBarPH {
    background-color: #FAFAFA;
}

.sapMDialog.sapMPopup-CTX>header.sapMHeader-CTX,
.sapMDialog.sapMPopup-CTX>header.sapMSubHeader-CTX {
    background-color: #FAFAFA;
}

.sapMITH {
    box-shadow: inset 0 -0.25rem 0 -0.125rem #EAEAE9;
    background-color: #FAFAFA;
    border-bottom: 0.125rem solid #FAFAFA;
}

.sapMOHR.sapMOHRBgTranslucent {
    background-color: #FAFAFA;
}

.sapMBtnInner {
    text-shadow: none !important;
}

.sapMShellBrandingBar {
    background-color: #FAFAFA;
}

.sapMOHR .sapMObjectNumberText {
    font-size: 0.8rem;
}

.sapMGTHdrContent {
    height: 2.5rem;
}

.sapMTextLineClamp {
    -webkit-line-clamp: 2 !important;
}

.sapMTileCnt.News {
    height: 8rem;
}