globular_admin/style.css

Administration panel for a Globular server.

body{
	/*background-color: #fafafa;*/
}

.brand-logo {
	display: block;
}


/** Defaul login dialog size on large and medium screen **/
.card-panel {
	width: 500px;
	height: 355px;
}


/** Here is the mobile css specific values. **/
@media only screen and (max-device-width: 480px) {
	.card-panel {
		width: auto;
		height: auto;
	}
}


/** Align the control and it label vertically **/
.configuration_panel .row .col.s6 {
	height: 100%;
}

.card-action .btn {
	margin-right: 4px;
}

::-webkit-scrollbar {
	height: 4px;
	width: 4px;
	background: white;
	padding: 10px;
}

::-webkit-scrollbar-thumb:horizontal {
	background: lightgrey;
	border-radius: 10px;
}

.tabs .tab a {
	color: #e8eaf6;
	/*Custom Text Color*/
}

.tabs .tab a:hover {
	color: #e8eaf6;
	/*Custom Color On Hover*/
}

.tabs .tab a:focus.active {
	color: #e8eaf6;
	/*Custom Text Color While Active*/
	background-color: #e8eaf6;
	/*Custom Background Color While Active*/
}

.tabs .indicator {
	background-color: #1a237e;
	/*Custom Color Of Indicator*/
}

/** Table element **/
/** Simple table style **/
table-element{
    /** Set max heigth to display the scroll**/
    max-height: 500px;
	margin: .5rem 0 1rem 0;

    transition: box-shadow .25s;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	padding: 1rem;

}

.table-item{
    text-align: center;
    vertical-align: middle;
}

table-header-element{
    background-color: #1a237e;
    color: white;
}

table-header-element :last-child{
    border-right:none;
}

table-header-cell-element{
    border-right: 1px solid  white;
    padding: 5px 10px 5px 10px;
}

/** Sample style example. **/

/** Tiles are grids **/
.table-tile{
    /** Align item in table **/
    justify-items: center;
    align-items: center;
}

/** The cell container **/
.table-item{
    width: 100%;
    height: 100%;
    padding: 0px;
	margin: 0px;
	
}

/** The cell value div **/
.table-item-value {
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    /** Text align center and at middle by default **/
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 100%;
}