Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Home/NavigationServers/styles.css: Difference between revisions

Template page
(Replaced content with "#home-nav { margin-top: 1rem; } #home-nav .home-card__background:after { position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; display: block; background: linear-gradient(to right,rgba(0, 0, 0, 0.8),transparent); content: ""; } #home-nav .home-card__foreground { pointer-events: none; height: 100%; width: 100%; display: flex; align-items: center; padding: 0 15px; color: #fff; font-...")
Tags: Replaced Manual revert
No edit summary
Line 1: Line 1:
#home-nav {
.home-card_server.home-card_server--button {
margin-top: 1rem;
  overflow: hidden;
  padding: 0;
  background: #242a31;
}
.home-card_server {
  position: relative;
  padding: 15px;
  background: var(--color-surface-1);
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
}


#home-nav .home-card__background:after {
.mw-parser-output #home-nav .home-card_server__background::after {
position: absolute;
  position: absolute;
    pointer-events: none;
  pointer-events: none;
    top: 0;
  top: 0;
    right: 0;
  right: 0;
    bottom: 0;
  bottom: 0;
    left: 0;
  left: 0;
    display: block;
  display: block;
    background: linear-gradient(to right,rgba(0, 0, 0, 0.8),transparent);
  background: linear-gradient(to right,rgba(0,0,0,0.8),transparent);
    content: "";
  content: "";
}
.mw-parser-output #home-nav .home-card_server__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #242a31;
  border-radius: 8px;
}
}


#home-nav .home-card__foreground {
.mw-parser-output #home-nav .home-card_server__foreground {
pointer-events: none;
  pointer-events: none;
height: 100%;
  height: 100%;
    width: 100%;
  width: 100%;
    display: flex;
  display: flex;
    align-items: center;
  align-items: center;
    padding: 0 15px;
  padding: 0 15px;
    color: #fff;
  color: #fff;
    font-weight: bold;
  font-weight: bold;
}
.home-card_server__foreground {
  position: absolute;
}
}

Revision as of 18:21, 27 July 2023

.home-card_server.home-card_server--button {
  overflow: hidden;
  padding: 0;
  background: #242a31;
}
.home-card_server {
  position: relative;
  padding: 15px;
  background: var(--color-surface-1);
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}

.mw-parser-output #home-nav .home-card_server__background::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: linear-gradient(to right,rgba(0,0,0,0.8),transparent);
  content: "";
}
.mw-parser-output #home-nav .home-card_server__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #242a31;
  border-radius: 8px;
}

.mw-parser-output #home-nav .home-card_server__foreground {
  pointer-events: none;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: #fff;
  font-weight: bold;
}
.home-card_server__foreground {
  position: absolute;
}