Archivo 1

Para acordarme después

/\*Rail Module (Edición de la barra lateral)\*/

```
  .rail-module {
   margin: 10px 2px 10px 2px;
   padding-bottom: 24px;
   box-shadow: 0 0.20rem 0.30rem rgba(0,0,0,.25);
   padding: 10px;
   border: 3px solid var(--theme-accent-color);
   }

```

```
  .rail-module__list>li {
   border: 3px dotted var(--theme-accent-color);
   background-color: var(--right-rail-background-color);
   font-family: Segoe Print;
   transition-property:  background-color, border;
   padding: 3px;
   }

```

```
  .rail-module__list>li:hover {
   background-color: var(--theme-body-background-color);
   border: 3px solid var(--theme-accent-color);
   }

```

/\*Despliegue de traducciones\*/

```
  .page-header__languages .wds-dropdown__toggle, .page-header__variants .wds-dropdown__toggle {
   border: 3px solid var(--theme-accent-color);
   background-color: var(--theme-page-background-color--secondary);
   padding: 5px 17px 5px 17px;
   margin-right: 20px;
   }

```

```
  .page-header__languages .wds-dropdown__toggle:hover {

```

 padding: 5px 30px 5px 17px;

```
   }

```

/\*\* Páginas de usuario \*\*/

```
/*Perfil*/
  #userProfileApp {
   background-color: var(--theme-page-background-color--secondary);
   border: 3px solid var(--theme-accent-color);
   border-radius: 3px;
   }

/*Clasificación de usuario*/
  #userProfileApp .user-identity-header__tag {
   color: #FFF;
   background-color: var(--theme-body-background-color);
   border: 3px solid var(--theme-page-accent-mix-color);
   }

```

```
  #userProfileApp .user-identity-header__tag:hover {
   border: solid 3px var(--theme-sticky-nav-background-color);
   }

```

```
/*Edición de perfil*/
  #userProfileApp .user-identity-header__actions .wds-button {

```

 margin-right: 1.3em !important;

```
   background-color: var(--theme-sticky-nav-background-color);
   color: #FFF;
   }

```

```
/*Buscando su uso*/
  #userProfileApp .user-identity-header :is(h1) {
   line-height: normal ;
   color: #FFF;
   }

```

```
  .modal-wrapper__header .modal-wrapper__cta-button {
   background-color: rgba(var(--theme-link-color--rgb), 0.15);
   border: none;
   color: var(--theme-link-color);
   }

```

```
/*Logo de la navegación de usuario*/
  #userProfileApp .user-profile-navigation__link:nth-child(1):before {
   content: 'avatar';
   }

```

```
  #userProfileApp .user-profile-navigation__link:nth-child(2):before {
   content: 'comment';
   }

```

```
  #userProfileApp .user-profile-navigation__link:nth-child(3):before {
   content: 'book';
   }

```

```
  #userProfileApp .user-profile-navigation__link:nth-child(4):before {
   content: 'pencil';
   }

```

```
  #userProfileApp .user-profile-navigation__link:nth-child(5):before {
   content: 'grid';
   }

```

```
  #userProfileApp .user-profile-navigation__link:before {
   font-family: Fandom-Icons !important;
   color: var(--theme-link-color);
   }

```

```
  #userProfileApp .user-identity-avatar, #userProfileApp .user-profile-navigation {
   margin: 1em;
   border-bottom: none;
   }

/*Foto de perfil*/
  #userProfileApp .user-identity-avatar img {
   border: 4px solid var(--theme-page-accent-mix-color) !important;
   padding: unset;
   transition: .4s;
   }

```

```
  #userProfileApp .user-identity-avatar img:hover {
   border: 4px solid var(--theme-accent-color) !important;
   padding: 5px;
   }

```

```
  #userProfileApp .user-identity-header {
   margin-top: 1em;
   }

```

```
/*Navegación de usuario*/
  #userProfileApp .user-profile-navigation__link {
   background: rgba(var(--theme-link-color--rgb), 0.20);
   border-radius: 3px;
   margin-right: 5px;
   padding: 6px;
   margin: 5px 5px 1em 0;
   text-align: center;
   text-transform: unset;
   background-color: transparent;
   border: 3px solid var(--theme-accent-color) !important;
   }

```

```
  #userProfileApp .user-profile-navigation__link:not(.is-active):hover {

```

 opacity: 1;
 transition: .2s;

```
   }

```

```
  #userProfileApp .user-profile-navigation__link a {
   color: var(--theme-link-color);
   text-shadow: none;
   font-weight: bold;
   margin-left: 5px;
   }

```

```
  #userProfileApp .user-profile-navigation {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   }

/*Logros*/
  body.skin-fandomdesktop .UserProfileAchievementsModule, body.skin-fandomdesktop .UserProfileAchievementsModule {
   margin: 10px 2px 10px 2px;
   padding-bottom: 24px;
   box-shadow: 0 0.20rem 0.30rem rgba(0,0,0,.25);
   padding: 10px;
   border: 3px solid var(--theme-accent-color);
   }

```

/\*Clasificaciones\*/

```
/*Niveles*/
  .Clase-0 {
   background: linear-gradient(to right, #16C272 0%, #1BF38E 40%);
   border:6px solid #0E7B48;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #0E7B48;
   display: block;
   font-weight: bold;
   }

  .Clase-0-texto{
   color: #0E7B48;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

```

```
  .Clase-1 {
 	background: linear-gradient(to right, #1EC216 0%, #26F31B 40%);
   border:6px solid #137B0E;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #137B0E;
   display: block;
   font-weight: bold;
   }

  .Clase-1-texto{
   color: #137B0E;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

  .Clase-2 {
 	background: linear-gradient(to right, #A2C216 0%, #CBF31B 40%);
   border:6px solid #677B0E;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #677B0E;
   display: block;
   font-weight: bold;
   }

  .Clase-2-texto{
   color: #677B0E;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

  .Clase-3 {
 	background: linear-gradient(to right, #C2AE16 0%, #F3DA1B 40%);
   border:6px solid #7B6E0E;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #7B6E0E;
   display: block;
   font-weight: bold;
   }

  .Clase-3-texto{
   color: #7B6E0E;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

```

```
  .Clase-4 {
 	background: linear-gradient(to right, #C24A16 0%, #F35C1B 40%);
   border:6px solid #7B2F0E;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #7B2F0E;
   display: block;
   font-weight: bold;
   }

  .Clase-4-texto{
   color: #7B2F0E;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

  .Clase-5 {
 	background: linear-gradient(to right, #C21616 0%, #F31B1B 40%);
   border:6px solid #7B0E0E;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #7B0E0E;
   display: block;
   font-weight: bold;
   }

  .Clase-5-texto{
   color: #7B0E0E;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

```

```
  .Clase-CDZ {
 	background: linear-gradient(to right, #600 0%, #000 40%);
   border:6px solid #777;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #777;
   display: block;
   font-weight: bold;
   }

  .Clase-CDZ-texto{
   color: #777;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

```

```
  .Clase-Habitable {
 	background: linear-gradient(to right, #156659 0%, #1A806F 40%);
   border:6px solid #0D4138;
   border-radius: 5px;
   padding: 5px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #0D4138;
   display: block;
   font-weight: bold;
   }

  .Clase-Habitable-texto{
   color: #0D4138;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

  .Clase-Indeterminada {
 	background: url() center/20% repeat;
   border:6px solid #7b7b7b;
   border-radius: 5px;
   padding: 8px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #7b7b7b;
   display: block;
   font-weight: bold;
   }

  .Clase-Indeterminada-texto{
   color: #7b7b7b;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   filter: brightness(1)
   }

```

```
  .Clase-ND {
 	background: linear-gradient(to right, #323232, #000 40%);
   border:6px solid #404040;
   border-radius: 5px;
   padding: 8px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #686666;
   display: block;
   font-weight: bold;
   }

  .Clase-ND-texto{
   color: #404040;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

```

```
  .Clase-Mental {
 	background: linear-gradient(to right, #380B61 0%, #7030a0 40%);
   border:6px solid #bb9ae9;
   border-radius: 5px;
   padding: 8px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #bb9ae9;
   display: block;
   font-weight: bold;
   }

  .Clase-Mental-texto{
   color: #bb9ae9;
   font-size: 18px;
   margin-left: 30px;
   text-align: left;
   font-weight: bold;
   }

```

```
  .Clase-Exclamacion {
 	background: linear-gradient(to right, #570d0d, #700a0a 40%);
   border:6px solid #d91616;
   border-radius: 5px;
   padding: 8px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #F00;
   display: block;
   font-weight: bold;
   text-shadow: 0 0 10px #F00;
   }

  .Clase-Exclamacion-texto{
   color: #d91616;
   font-size: 18px;
   text-align: left;
   font-weight: bold;
   text-shadow: 0 0 10px #F00;
   margin-left: 30px;
   }

```

```
  .Clase-VyP {
 	background: linear-gradient(to right, #3a3a3a, #9b9b9b 40%);
   border:6px solid #525252;
   border-radius: 5px;
   padding: 8px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #FFF;
   display: block;
   font-weight: bold;
   }

  .Clase-VyP-texto{
   color: #525252;
   font-size: 18px;
   text-align: left;
   font-weight: bold;
   margin-left: 30px;
   }

   .Clase-0-Nivel {
 	background: url() center/120% repeat;
   border:6px solid #3c3c18;
   border-radius: 5px;
   padding: 8px;
   max-height: 300px;
   margin-bottom: 15px;
   text-align: left;
   color: #464621;
   display: block;
   font-weight: bold;
   }

  .Clase-0-Nivel-texto{
   color: #464621;
   font-size: 18px;
   text-align: left;
   font-weight: bold;
   margin-left: 30px;
   }

/**Objetos**/
  .Objeto-positivo {
   background: linear-gradient(to right, #1EC216 0%, #26F31B 40%);
  	border:6px solid #137B0E;
  	border-radius: 5px;
   color:#137B0E;
   font-size:25px;
   padding: 5px;
   margin-bottom: 15px;
   font-weight: bold;
   }

  .Objeto-positivo-texto{
   color: #137B0E;
   font-size: 20px;
   text-align: left;
   font-weight: bold;
   margin-left: 30px;
   }

```

```
  .Objeto-negativo {
  	background: linear-gradient(to right, #C21616 0%, #F31B1B 40%);
  	border:6px solid #7B0E0E;
  	border-radius: 5px;
   color: #7B0E0E;
   font-size:25px;
   padding: 5px;
   margin-bottom: 15px;
   font-weight: bold;
   }

  .Objeto-negativo-texto{
   color: #7B0E0E;
   font-size: 20px;
   text-align: left;
   font-weight: bold;
   margin-left: 30px;
   }

```

```
  .Objeto-neutral {
  	background: linear-gradient(to right, #ccc 0%, #fff 40%);
  	border:6px solid #818181;
  	border-radius: 5px;
   color: #818181;
   font-size:25px;
   padding: 5px;
   margin-bottom: 15px;
   font-weight: bold;
   }

  .Objeto-neutral-texto{
   color: #818181;
   font-size: 20px;
   text-align: left;
   font-weight: bold;
   margin-left: 30px;
   }

```

```
  .Objeto-variable {
  	background: linear-gradient(to right, #7d7d7d 0%, #9c9c9c 40%);
  	border:6px solid #4f4f4f;
  	border-radius: 5px;
   color: #4f4f4f;
   font-size:25px;
   padding: 5px;
   margin-bottom: 15px;
   font-weight: bold;
   }

  .Objeto-variable-texto{
   color: #4f4f4f;
   font-size: 20px;
   text-align: left;
   font-weight: bold;
   margin-left: 30px;
   }
/*Entidades

No tengo ganas, la verdad..*/

```

/\* Importante \*/

```
     .right-rail-wrapper {
   --right-rail-text-color: var(--theme-page-dynamic-color-1);
   --right-rail-text-color--rgb: var(--theme-page-dynamic-color-1--rgb);
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   color: var(--right-rail-text-color);
   display: -webkit-box;
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 18px;
   opacity: 0.8;
   background: url();

```

}

.right-rail-wrapper .theme-fandomdesktop-dark:after {
 display: none;
}

```
      .right-rail-wrapper :is(.rail-module,.insights-module,.module) {
   background-color: var(--right-rail-background-color);
   border-bottom: 1px solid var(--theme-border-color);
   margin-top: 24px;
   overflow: hidden;
   padding-bottom: 24px;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
   page-break-inside: avoid;
   padding: 10px;
   border: none;
   border-radius: none;
   transition:box-shadow, border, border-radius;
   transition-delay: 0.08s;

```

}

.right-rail-wrapper :is(.rail-module,.insights-module,.module):hover{

```
      border: rgb(165,160,104);
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
      border-radius: 10px 0px 10px 0px;

```

}

/\*\* Cambios recientes y DiscussionsActivity \*\*/
.activity-tabs, .rda-activity-tabs {

```
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  border-bottom: none !important;

```

}

.activity-tabs a, .rda-activity-tabs a {

```
  font-weight: 900;
  font-size: .9em;
  color: var(--theme-link-color) !important;

```

}

ul.rda-feed > li:not(:last-child) {

```
  border-bottom: solid 1px var(--theme-link-color)

```

}