Template Sandbox Wiki
Advertisement

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* page background */
.page-Template_Infobox_company_test.theme-fandomdesktop-light .page__main {
  background-color:  var(--theme-page-background-color);
}


.portable-infobox.type-company,
.portable-infobox.type-company .pi-title {
    --pi-border-color: var(--theme-page-background-color);
    --pi-secondary-background: var(--theme-page-background-color);
    border-bottom: 1px solid var(--theme-border-color);
    text-align: center;
    padding: 0.2em;
    color: var(--theme-page-text-color);
}
.portable-infobox.type-company .pi-image {
    background: rgba(var(--theme-page-dynamic-color-1--rgb),.05);
    border-left:  1px solid var(--theme-border-color);
    border-right: 1px solid var(--theme-border-color);
}
.portable-infobox.type-company .pi-border-color {
    background: rgba(var(--theme-page-dynamic-color-1--rgb),.05);
}
.portable-infobox.type-company .pi-data {
    border: none;
    border-left:  1px solid var(--theme-border-color);
    border-right: 1px solid var(--theme-border-color);
}


/* black scheme */
.portable-infobox.pi-theme-winterchance {
  padding:1px;border-radius:2ex; 
  background-color:#000000; 
  font-size:89%; 
  border:1px solid #C3C3C3; 
  margin-top:15px;
  color: var(--pi-secondary-background--label);
}
.pi-theme-winterchance .pi-secondary-background {
 background:linear-gradient(to bottom,#000000 0%,#6f7070 25%,#555757 50%,#414242 75%,#262626 100%);
 padding:0px 10px;
 border-radius:7px;
}
.pi-theme-winterchance .pi-data {
 border: none;
}
.pi-theme-winterchance .wds-tabs, .wds-tabs__wrapper {
    --wds-tab-color: var(--theme-body-text-color--hover);
    --wds-tab-color--active: var(--theme-accent-color--hover);
    --wds-tab-color--hover: var(--pi-secondary-background--label);
    --wds-tab-border-color: var(--theme-accent-dynamic-color-2);
}
.pi-theme-winterchance .wds-tabs, .wds-tabs__wrapper {
    padding: .5em;
}
.pi-theme-winterchance .pi-data-value {
  color: var(--theme-body-dynamic-color-2);
}


/* blue scheme */
.portable-infobox.pi-theme-lucky-dog {
  border-radius:2ex;
  background-color:#050000; 
  font-size:85%;
  text-align:center;
  padding-bottom: 10px;
  overflow: hidden;

  color: #e6e6e6;
}
.pi-europa.pi-theme-lucky-dog .pi-title {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%);
  padding: 10px;
  border-radius:80px;
  margin:.1em .2em;

  color: #fff;
}
.pi-europa.pi-theme-lucky-dog .pi-image {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%); 
  text-align:center; 
  font-size:120%; 
  padding:0.5em; 
  border-radius:2ex; 
  border:0px;
  margin-bottom: .5em;
}
.pi-europa.pi-theme-lucky-dog .pi-image-thumbnail {
  width:280px;
  border-radius:2ex;
  overflow: hidden;
}
.pi-europa.pi-theme-lucky-dog .pi-item-spacing {
   padding: 5px 10px;
}
.pi-theme-lucky-dog .pi-data {
  background-color:#050000;
  border: none;
}
.pi-theme-lucky-dog .pi-data-label {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%);
  border-radius:1ex;
  color:#fff;
  padding:0.3em;
}
.pi-theme-lucky-dog .pi-data-value {
  padding:0.3em;
}

.pi-theme-lucky-dog .pi-image-collection-tabs {
  text-align: center;
  margin: 1em 1em .3em;    
}
.pi-theme-lucky-dog ul.pi-image-collection-tabs li.current {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%);
  border-radius:1ex;
  color:#fff;
}
.pi-theme-lucky-dog ul.pi-image-collection-tabs li { 
  background-color:#050000;
 }


/** header colors **/
.pi-theme-colors .pi-title[data-item-name="header"] {
    background-color: #bfdaeb;
}
.pi-theme-colors .pi-header[data-item-name="brown"],
.pi-theme-colors .pi-border-color[data-item-name="brown"] {
    background-color: #DEB887;
    border-color: #DEB887;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-header[data-item-name="blue"],
.pi-theme-colors .pi-border-color[data-item-name="blue"] {
    background-color: #87CEFA;
    border-color: #87CEFA;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-header[data-item-name="pink"],
.pi-theme-colors .pi-border-color[data-item-name="pink"] {
    background-color: #FFE6EA;
    border-color: #FFE6EA;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-header[data-item-name="green"],
.pi-theme-colors .pi-border-color[data-item-name="green"] {
    background-color: #BDF5BD;
    border-color: #BDF5BD;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-border-color {
    border: none;
}



/* class="infobox" */
.theme-fandomdesktop-dark .infobox { 
  background-color: #0f0f0f !important;
  color:#FFF !important;
}