Difference between revisions of "Apple of Discord Custom Styles.css"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
Line 1: Line 1:
    #container {
+
#container {
        background: #222;
+
  background: #222;
        padding: 1em;
+
  padding: 1em;
        color: #fff;
+
  color: #fff;
    }
+
}
    #container a, #container a:visited, #container a:active, #container a:hover {
+
#container a, #container a:visited, #container a:active, #container a:hover {
        color: #fff;
+
  color: #fff;
    }
+
}
    #container a:hover {
+
#container a:hover {
        color: #D4AF37;
+
  color: #D4AF37;
    }
+
}
    #container ul {
+
#container ul {
        list-style: none;
+
  list-style: none;
    }
+
}
    #container li::before {
+
#container li::before {
        content: "◎";
+
  content: "◎";
        color: #D4AF37;
+
  color: #D4AF37;
        font-size: 1.25em;
+
  font-size: 1.25em;
        padding-right: .3em;
+
  padding-right: .3em;
    }
+
}
    #container .list li::before {
+
#container .list li::before {
        color: #000000;
+
  color: #000000;
    }
+
}
 
.button a {
 
.button a {
 
   border: white 5px solid;
 
   border: white 5px solid;

Revision as of 12:20, 21 August 2020

  1. container {
 background: #222;
 padding: 1em;
 color: #fff;

}

  1. container a, #container a:visited, #container a:active, #container a:hover {
 color: #fff;

}

  1. container a:hover {
 color:  #D4AF37;

}

  1. container ul {
 list-style: none;

}

  1. container li::before {
 content: "◎";
 color: #D4AF37;
 font-size: 1.25em;
 padding-right: .3em;

}

  1. container .list li::before {
 color: #000000;

} .button a {

 border: white 5px solid;
 display: block;
 margin: .5em;
 padding: .5em;
 text-align: center;

} .button a:hover {

 border-color: #D4AF37;

} .row {

 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 width: 100%;

} .column {

 display: flex;
 flex-direction: column;
 flex-basis: 100%;
 flex: 1;
 min-width: 400px;
 margin-bottom: 1em;

} .title {

 font-size: 200%;
 font-weight: bold;
 text-align: center;

} .title img {

 border:5px solid #d4af37;

}