unraid-custom.css

README.md

Installation

Install the following plugin to use custom CSS:

https://raw.githubusercontent.com/eth-p/unraid/master/release/eth-p.unraid.custom-css.plg

Run:

curl -J -L "https://gist.github.com/eth-p/557cc699c4966442edb8ee56dcc74126/raw/custom.css" -o "/boot/config/plugins/eth-p.unraid.custom-css/custom.css"

custom.css

/* 
 * NOTE:
 * This is meant to be used with the 'Grey' Unraid theme.
 */

/* ------------------------------------------------------------------------------------ */
/* FIX BANNER                                                                           */
/* ------------------------------------------------------------------------------------ */
#header > .logo {
	/* Fix Background */
	position: relative;
	left: -10px;
	
	box-sizing: border-box;
	height: 90px;
	width: 235px;
	padding: 0px 0px 0px 35px;

	/* Border */
	border-right: transparent 1px solid;
}

#header > .block {
	/* Fix Background */
	margin: 0;
	border-radius: 0;

	/* Border */
	border-left: transparent 1px solid;
}

#header > .block > span {
	position: relative;
	top: 2px;
}

#header {
	background-size: cover;
}


/* ------------------------------------------------------------------------------------ */
/* FIX FOOTER                                                                           */
/* ------------------------------------------------------------------------------------ */
#footer {
	border-top: transparent 1px solid;
	left: 66px;
	right: 0px;
	width: auto;
}


/* ------------------------------------------------------------------------------------ */
/* FIX NAV                                                                              */
/* ------------------------------------------------------------------------------------ */
#nav-item a::before {
	/* Align Icon */
	position: relative;
	top: 2px;
	left: 2px;
}

#nav-item {
	border: none;
}

#menu {
	bottom: 0px;
	border-right: transparent 1px solid;
}


/* ------------------------------------------------------------------------------------ */
/* FIX COLORS                                                                           */
/* ------------------------------------------------------------------------------------ */
table.tablesorter thead tr th,
table.share_status thead tr:first-child td,
table.disk_status thead tr:first-child td {
	color: #a9a9a9;
}


/* ------------------------------------------------------------------------------------ */
/* CUSTOM COLORS                                                                        */
/* ------------------------------------------------------------------------------------ */

/* Banner: */
#header .logo,
#header .block {
	background: rgba(0, 0, 0, 0.8);
	border-color: #42453e;
}

/* Footer: */
#footer {
	border-color: #42453e;
}

/* Nav: */
#nav-item.active,
#nav-item.active a {
	color: #ea442d;
	background: inherit;
}

#nav-item:hover,
#nav-item:hover a {
	color: #ea442d;
	background: #440a0a;
}

#menu {
	background: #151515;
	border-right-color: #42453e;
}

#nav-item,
#nav-item:hover {
	border-bottom-color: #333;
}

#nav-item > a {
	color: #555;
}