@CHARSET "UTF-8"; @import "font.min.css"; @import "material.min.css"; @import "udStyle.min.css"; .welcome-section { padding: 16px; /*width: 100%;*/ margin: 0px; /*margin-left: auto; margin-right: auto; background-color: #fafafa;*/ } .welcome-section .mdl-cell { /* border-radius: 8px;*/ -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .welcome-section .mdl-cell:hover { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2) } .welcome-section .mdl-cell:active { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12) } .welcome-section [class^="icon-"], .welcome-section [class*=" icon-"] { font-size: 4em; } .welcome-section .android-section-title { margin-left: 12px; padding-bottom: 24px; } .welcome-section .welcome-card-container { max-width: 980px; margin: 0px; /*margin-left: auto; margin-right: auto;*/ } .welcome-card-container .mdl-card__media { overflow: hidden; background: transparent; } .welcome-card-container .mdl-card__media img { width: 100%; } .welcome-section .welcome-card-container .mdl-card__media img { height: 50%; width: 50%; margin: 25%; } .welcome-card-container .mdl-card__media span { margin: auto; } .welcome-card-container .mdl-card__title-text { color: black; height: auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: center; } .welcome-section .mdl-card__media { text-align: center; /*padding-top: 5%;*/ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 80px; height: auto; } .welcome-section .mdl-card__title { /* position: absolute; */ /* bottom: 0; */ background: transparent; height: 80px; width: calc(100% - 80px); display: -webkit-flex; display: -ms-flexbox; display: flex; /* -webkit-flex-direction: column; */ -ms-flex-direction: column; /* flex-direction: column; */ } .welcome-section .mdl-card__title-text { color: white; height: auto; font-size: 1em; } .welcome-card-container .mdl-card__supporting-text { height: auto; color: black; padding-bottom: 56px; } .welcome-card-container .mdl-card__actions { position: absolute; bottom: 0; } .welcome-card-container .mdl-card__actions a { border-top: none; font-size: 16px; } .welcome-card-container .mdl-card { min-height: 80px !important; } /*@media (min-width: 840px) { .welcome-card-container .mdl-cell { margin: 12px; } }*/ .mdl-cell__color--00bcd4 { color: #00bcd4 !important; } .mdl-cell__color--00897B { color: #00897B !important; } .mdl-cell__color--AD1457 { color: #AD1457 !important; } .mdl-cell__color--3949AB { color: #3949AB !important; } .mdl-cell__color--546E7A { color: #546E7A !important; } .mdl-cell__color--00ACC1 { color: #00ACC1 !important; } .mdl-cell__color--43A047 { color: #43A047 !important; } .mdl-cell__color--EF7F1A { color: #EF7F1A !important; } .mdl-cell__color--006666 { color: #006666 !important; } .mdl-cell__bgcolor--00bcd4 { background-color: #00bcd4 !important; } .mdl-cell__bgcolor--00897B { background-color: #00897B !important; } .mdl-cell__bgcolor--AD1457 { background-color: #AD1457 !important; } .mdl-cell__bgcolor--3949AB { background-color: #3949AB !important; } .mdl-cell__bgcolor--546E7A { background-color: #546E7A !important; } .mdl-cell__bgcolor--00ACC1 { background-color: #00ACC1 !important; } .mdl-cell__bgcolor--43A047 { background-color: #43A047 !important; } .mdl-cell__bgcolor--EF7F1A { background-color: #EF7F1A !important; } .mdl-cell__bgcolor--006666{ background-color: #006666 !important; } .mdl-cell__border--00bcd4 { border: 1px solid #00bcd4 !important; } .mdl-cell__border--00897B { border: 1px solid #00897B !important; } .mdl-cell__border--AD1457 { border: 1px solid #AD1457 !important; } .mdl-cell__border--3949AB { border: 1px solid #3949AB !important; } .mdl-cell__border--546E7A { border: 1px solid #546E7A !important; } .mdl-cell__border--00ACC1 { border: 1px solid #00ACC1 !important; } .mdl-cell__border--43A047 { border: 1px solid #43A047 !important; } .mdl-cell__border--EF7F1A { border: 1px solid #EF7F1A !important; } .mdl-cell__border--006666 { border: 1px solid #006666 !important; }