pages.include.styles.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of commandler Show documentation

Commandler is an commands framework designed for Discord bots with JDA.

The newest version!

body  {
	--body-color: #202020;
    --navbar-color: #282828;
    --border-color: #3b3b3b;
    --dropdown-color: #191919;
	--foreground-color: white;

	background-color: var(--body-color);
	color: var(--foreground-color);
}

.background {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: .25;
}

nav {
	position: fixed;
	width: 275px;
	height: 100%;

	border-right: 5px solid var(--border-color);
	background-color: var(--navbar-color);
}

.bot-title  {
    font-style: "Lovers Quarrel";
	text-align: center;
	margin: 0;
}

bot-title img {
    float: left;
    display: inline;
    margin: 0 auto;
    height: 64px;
    width: auto;
    border-radius: 50%;
}

nav ul {
	margin-top: 10px;
	padding-left: 10px;
	list-style: none;
	cursor: pointer;
}

nav ul li {
	opacity: .75;
}

nav ul li:hover {
	opacity: 1;
}

.container {
	position: absolute;
	padding: 1vh 2vw;
	top: 0;
	left: 275px;
}

.module-aliases li {
	display: inline-block;
}

.module-info {
	display: none;
}

.command-info {
	margin-top: 10px;
	padding: 10px 10px;
	border-radius: 10px;
	border: 2px solid var(--border-color);
}

.command-title * {
    vertical-align: top;
	display: inline-block;
}

.command-validators {
	align: right;
}

.command-validators li {
	display: inline-block;
	background-color: white;
	border-radius: 4px;
}

.command-aliases li {
	display: inline-block;
}

/* Copy and pasted from web thingy cause wanted to try. :c */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 480px;
    margin-left: -240px;
    bottom: 100%;
    left: 50%;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}