Template:Dev/hierarchy.css

/* titles for pages */
.standard-title {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 3px 3px 2px 0px #888888;
  background-color: #000000;
  color: #ffaa00;
}

/* hierarchy - generic */
.hierarchy-generic-button {
  flex: 1;
  border: 2px black;
}


.hierarchy-generic-button a {
/*
  text-decoration: none;
*/
  font-family: Impact, Courier New, monospace;
  font-weight: normal;
  font-variant: small-caps;
  font-size: 400%;
  color: #bd921e;
  text-shadow:
   -2px -2px #453406,
    2px -2px #453406,
    -2px 2px #453406,
     2px 2px #453406;
}

.hierarchy-generic-button a:hover {
  
}

.hierarchy-generic-segment {
  flex: 1;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-items: center;
  border: 0;
}

.hierarchy-generic-container {
  width: 100%;
  min-height: 50px;
  align-items: stretch;
  text-align: center;
  margin: auto;
  display: flex;
  flex-direction: row;
  border: 0;
  justify-content: center;
}

/* hierarchy - main */
.hierarchy-main-container {
  width: 100%;
}

/* hierarchy - policy */

/* hierarchy - SoP */

/* hierarchy - lore */

/* backgrounds - generated */
.cssgen-carbon {
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
}

.cssgen-carbon-fiber {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}