Template:Sandbox3/styles.css: Difference between revisions

From Archon Arcana - The KeyForge Wiki
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
.outer {
.outer {
   position: relative;
   position: relative;
Line 21: Line 20:
   box-sizing: border-box;
   box-sizing: border-box;
   margin: 5px;
   margin: 5px;
  /*  border-left:5px solid #1d6b11;
    border-top-left-radius:20px; */
}
}


Line 39: Line 41:


.archonSolo .variantName {
.archonSolo .variantName {
   background-color: #1d6b11;
/*   background-color: #1d6b11;
  background-image: linear-gradient(90deg, #12420a, #1d6b11);
*/
   border-bottom: 3px solid #bababa;
   border-bottom: 3px solid #bababa;
  background-image: linear-gradient(90deg, #12420a, #1d6b11);
   font-size: 1.2em;
   font-size: 1.2em;
   font-weight: 600;
   font-weight: 600;
  color: white;
   border-top-left-radius: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-top-right-radius: 20px;
Line 51: Line 53:


.archonAdaptive .variantName {
.archonAdaptive .variantName {
   background-color: #0b5866;
   /* background-color: #0b5866;
  background-image: linear-gradient(90deg, #073c45, #0b5866);
  color: white; */
   border-bottom: 3px solid #bababa;
   border-bottom: 3px solid #bababa;
  background-image: linear-gradient(90deg, #073c45, #0b5866);
     font-size: 1.2em;
     font-size: 1.2em;
   font-weight: 600;
   font-weight: 600;
  color: white;
   border-top-left-radius: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-top-right-radius: 20px;
Line 63: Line 65:


.archonTriad .variantName {
.archonTriad .variantName {
   background-color: #2d0f63;
   /* background-color: #2d0f63;
  background-image: linear-gradient(90deg, #1e0a43, #2d0f63);
  color:white; */
   border-bottom: 3px solid #bababa;
   border-bottom: 3px solid #bababa;
  background-image: linear-gradient(90deg, #1e0a43, #2d0f63);
     font-size: 1.2em;
     font-size: 1.2em;
   font-weight: 600;
   font-weight: 600;
  color: white;
   border-top-left-radius: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-top-right-radius: 20px;