Skip to content

Instantly share code, notes, and snippets.

@eth-p eth-p/README.md
Last active Jun 11, 2019

Embed
What would you like to do?
unraid-custom.css

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"
/*
* 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.