1 résultat trouvé pour 2b2b2b

Changement taille et couleur sous catégorie et liens

Ah d'accord, pas de souci !

Alors vous semblez avoir éééénormément de codes dans votre css qui colorent toutes sortes de liens en "#2b2b2b" :
Je ne suis pas sûre de l'utilité, normalement, vous pouvez modifier la couleur des liens en général via les options du panneau d'administration :
Couleur du Lien
Couleur du Lien Visité
Couleur du Lien Actif
Couleur du Lien survolé.

Donc pour commencer, nous allons supprimer tous ces codes trop imprécis, et indiquer dans ces options du panneau d'administration la couleur que vous souhaitez pour la majorité des liens, a priori #2b2b2b si c'est que vous souhaitez comme indiqué dans votre css.
Et on va voir ensuite quels liens spécifiques vous souhaitez d'une autre couleur ^^

CSS sans les liens en #2b2b2b (j'ai laissé deux ou trois codes pour des liens spécifiques blancs, j'ai réindenté l'ensemble, et j'ai ajouté un commentaire au début et à la fin du switcheroo pour mieux m'y retrouver ^^" N'hésitez pas de façon générale à ajouter des /*commentaires*/ pour indiquer à quoi servent tel ou tel code)

Code:

body {
  background-position: center;
  background-repeat: repeat;
}

.titre {
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  color: #fff;
}

i {
  color: #fff; /*couleur des textes en italique*/
}

#i_logo {
  display: block;
  width: 900px;
  padding: 10px;
  border-radius: 20px;
}

a, a:link, a:visited, a:active, a:hover {
  text-decoration: none !important;
}

a:hover {
  border-bottom: 1px dotted #a3a3a3;
  Font-style: italic;
}

a img {
  border: none;
}

#fa_toolbar, #fa_toolbar_hidden {
  display: none!important;
}

.forumline {
  padding: 6px;
  border: 3px solid #000;
  border-radius: 20px;
  background: none repeat scroll 0 0 #000;
}

a.cattitle {
  margin-left: 2px;
  color: #fff;
}

.catHead h1 {
  color: #FFF;
}

a.nav {
  color: #FFF;
}


/****************************************************** DEBUT SWITCHEROO ****************************/


:root {
  --color-text: rgba(255, 255, 255, 0.87);
  --color-bg: #17141b;
  --color-delete: #f5f2f2;
  --color-tooltip: #010203;
  --color-squircle: #201f2e;
  --color-accent: #fcfafa;
  --color-button: #aaa2f2;
  --color-pill: #fff;
  --gap-size: 16px;
  --ease: cubic-bezier(0.4,0.0,0.2,1);
  --ease-bounce: cubic-bezier(0.43,0.09,0.38,2.56);
}

.switcheroo {
  font-size: 16px;
  color: var(--color-text);
  background-color: var(--color-bg);
}

.switcheroo[position="static"] {
  position: relative;
}

.switcheroo[position="top"] {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
}

.switcheroo[position="bottom"] {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
}

.switcheroo[direction="horizontal"] {
  width: 100%;
}

.switcheroo[direction="vertical"] {
  height: 100%;
}

.switcheroo__squircles {
  display: flex;
  margin: 0;
  padding: 0;
  padding: var(--gap-size);
  list-style: none;
  gap: var(--gap-size);
}

.switcheroo[direction="horizontal"] .switcheroo__squircles {
  flex-direction: row;
}

.switcheroo[direction="vertical"] .switcheroo__squircles {
  flex-direction: column;
}

/* squircle */

.switcheroo[theme="discord"] .switcheroo__squircle {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: var(--color-squircle);
}

.switcheroo[theme="discord"] .switcheroo__squircle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: border-radius 128ms var(--ease);
  cursor: pointer;
}

.switcheroo[theme="discord"] .switcheroo__squircle:hover {
  border-radius: 36%;
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  opacity: 0;
  background-color: var(--color-pill);
  transition: transform 128ms,opacity 64ms;
  transform: translate(-100%, -50%) scale(0);
  pointer-events: none;
}

.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  opacity: 0;
  background-color: var(--color-pill);
  transition: transform 128ms,opacity 64ms;
  transform: translate(-50%, -100%) scale(0);
  pointer-events: none;
}

.switcheroo[theme="discord"] .switcheroo__squircle.active {
  border-radius: 36%;
  cursor: default;
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}

.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-50%, -100%) scale(0.5);
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before {
  border-radius: 50%;
  opacity: 1;
  transform: translate(-85%, -50%) scale(0.2);
}

.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before {
  border-radius: 50%;
  opacity: 1;
  transform: translate(-50%, -85%) scale(0.2);
}

/* tooltip */

.switcheroo__popper {
  z-index: 0;
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  padding: 0.68rem 1rem;
  border-radius: 4px;
  color: #fff;
  opacity: 0;
  background-color: var(--color-tooltip);
  transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
  pointer-events: none;
}

.switcheroo[direction="vertical"] .switcheroo__popper {
  top: 50%;
  left: 155%;
  transform: translateY(-50%) scale(0.98);
  transform-origin: left;
}

.switcheroo[direction="horizontal"] .switcheroo__popper {
  top: 155%;
  left: 50%;
  transform: translateX(-50%) scale(0.98);
  transform-origin: top;
}

.switcheroo__popper:before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--color-tooltip);
}

.switcheroo[direction="vertical"] .switcheroo__popper:before {
  top: 50%;
  left: -2px;
  transform: translateY(-50%) rotate(-45deg);
}

.switcheroo[direction="horizontal"] .switcheroo__popper:before {
  top: -2px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}

.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}

/* avatar */

.switcheroo[theme="discord"] .switcheroo__avatar {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}

.switcheroo[theme="discord"] .switcheroo__avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

/* divider */

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider {
  width: 100%;
  height: 2px;
  border-radius: 1px;
  opacity: 0.06;
  background-color: var(--color-pill);
  transform: scale(0.8);
}

.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider {
  width: 2px;
  border-radius: 1px;
  opacity: 0.06;
  background-color: var(--color-pill);
  transform: scale(0.8);
}

/* delete button */

.switcheroo[theme="discord"] .switcheroo__delete {
  display: flex;
  position: absolute;
  top: -2px;
  right: -2px;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 13px;
  line-height: 14px;
  opacity: 1;
  background-color: var(--color-delete);
  transition: transform 128ms var(--ease), opacity 64ms var(--ease);
  transform: scale(0);
  cursor: pointer;
}

.switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete {
  opacity: 1;
  transform: scale(1);
}

/* logo */

.switcheroo[theme="discord"] .switcheroo__logo {
}

.switcheroo[theme="discord"] .switcheroo__logo img {
  width: 32px;
}

.switcheroo[theme="discord"] .switcheroo__logo:hover {
  background-color: var(--color-accent);
}

/* buttons */

.switcheroo[theme="discord"] .switcheroo__squircle--button {
  color: var(--color-button);
  transition: border-radius 128ms var(--ease);
}

.switcheroo[theme="discord"] .switcheroo__squircle--button:hover {
  color: #fff;
  background-color: var(--color-button);
}

/* modal */

.switcheroo__form {
  padding: 48px;
}

.switcheroo__form-row {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 16px;
}

.switcheroo__form-label {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--color-text) !important;
}

.switcheroo__form-input {
  width: 100% !important;
  padding: 6px !important;
  border-bottom: 2px solid var(--color-accent) !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  color: var(--color-text) !important;
  background-color: var(--color-bg) !important;
  cursor: text !important;
}

.switcheroo__form-button {
  align-self: flex-end;
  padding: 8px;
  border: none;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 14px;
  outline: none;
  color: #fff;
  background-color: var(--color-accent);
  box-shadow: none;
}

.monomer-overlay {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.2s opacity ease;
}

.monomer-modal {
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 94%;
  padding: 24px 20px;
  border-radius: 2px;
  color: var(--color-text);
  opacity: 0;
  background: var(--color-squircle);
  transition: 0.2s opacity ease;
  transform: translate(-50%, -50%);
}

.monomer-modal.monomer-open.monomer-anchored {
  top: 20px;
  transform: translate(-50%, 0);
}

.monomer-modal.monomer-open {
  opacity: 1;
}

.monomer-overlay.monomer-open {
  opacity: 1;
}

.monomer-close {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 24px;
  height: 24px;
  padding: 5px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  text-align: center;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  outline: none;
  color: #fff;
  background: var(--color-delete);
  cursor: pointer;
}

.monomer-close:hover {
  opacity: 0.8;
}


/****************************************************** FIN SWITCHEROO ****************************/



/*--------------------FICHE DE PRESENTATION PAR NYXBANANA-----------------------*/

.NBpresa__container {
  box-sizing: border-box;
  width: 100%;
  border: solid 10px #050505;
  color: #050505;
  background-color: #FAFAFA;
}

.NBpresa__quicklook, .NBpresa__moar, .NBpresa__story, .NBpresa__player {
  position: relative;
  width: 450px;
  margin: 0 auto;
}

.quicklook__letter, .player__title, .NBpresa__player::after, .story__title, .moar__title, .moar__name1, .moar__name2, .cara__title, .quicklook__name, .quicklook__info, .quicklook__quote, .quicklook__song a, .quicklook__q {
  text-transform: uppercase;
  font-family: 'Oswald',sans-serif;
}

.quicklook__letter {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  text-align: center;
  font-size: 200px;
  font-weight: lighter;
}

.quicklook__name {
  display: inline-block;
  margin-bottom: 50px;
  padding: 20px 8px 8px 8px;
  color: #FAFAFA;
  background-color: #050505;
}

.quicklook__info {
  float: right;
  padding: 20px 8px 8px 8px;
}

.quicklook__quote {
  width: 200px;
  font-size: 24px;
  line-height: 1.2;
}

.quicklook__song a {
  display: block;
  width: 175px;
  font-size: 9px;
  line-height: 1.2;
  color: #050505 !important;
}

.quicklook__think {
  position: absolute;
  top: 150px;
  right: 0;
  width: 165px;
  text-align: justify;
  font-size: 10px;
  line-height: 1.2;
}

.quicklook__think::before {
  content: "“";
  display: block;
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 50px;
}

.NBpresa__moar__container, .NBpresa__player__container {
  position: relative;
  color: #FAFAFA;
  background-color: #050505;
}

.NBpresa__moar__bg, .NBpresa__player__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  height: 100%;
  -webkit-filter: brightness(0.5) contrast(1.5) grayscale(1) opacity(20%);
  filter: brightness(0.5) contrast(1.5) grayscale(1) opacity(20%);
}

.NBpresa__moar {
  content: " ";
  display: table;
}

.NBpresa__moar:after {
  clear: both;
}

.NBpresa__moar {
  *zoom: 1;
}

.moar__title, .story__title, .player__title {
  padding: 60px 0 70px 20px;
  font-size: 38px;
  letter-spacing: 10px;
}

.moar__cara, .moar__vava {
  float: left;
}

.moar__vava {
  position: relative;
  width: 200px;
  height: 320px;
}

.moar__vava::after {
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  right: -20px;
  width: 200px;
  height: 320px;
  border: 2px solid #1c1b1b;
}

.moar__name1, .moar__name2 {
  position: absolute;
  bottom: 40px;
  left: 30px;
  font-size: 18px;
  color: #050505;
}

.moar__cara__container1, .moar__cara__container2 {
  float: left;
  width: 200px;
}

.moar__cara__container1 {
  margin: -20px 0 150px 50px;
}

.moar__cara__container2 {
  margin: -20px 50px 100px 0;
}

.moar__cara {
  height: 320px;
  padding-right: 3px;
  overflow-y: auto;
  text-align: justify;
  font-size: 12px;
  line-height: 1.3;
  color: #bdbdbd;
}

.cara__title {
  font-size: 18px;
}

.NBpresa__story {
  padding-bottom: 50px;
}

.NBpresa__player {
  padding-bottom: 100px;
}

.story__title, .player__title {
  text-align: center;
  line-height: 1.4;
}

.NBpresa__player::after {
  content: "Fiche codée par NyxBanana";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  opacity: .8;
}

/*--------------------FICHE DE PRESENTATION PAR NYXBANANA-----------------------*/

/**SCENAR**/

.infobullelink {
  display: inline-block;
  margin-left: -3px;
  text-align: center;
  font-size: 20px;
  color: #000;
}

.infobullelink > div {
  visibility: visible;
  position: absolute;
  width: 156px;
  height: 35px;
  margin-top: -50px;
  margin-left: 5px;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  opacity: 0.8;
  transition: all 800ms;
}

.infobullelink:hover > div {
  visibility: visible;
  height: 256;
  margin-top: -274px;
  overflow: auto;
  opacity: 0.8;
  transition: all 800ms;
}

.intlink {
  width: 200px;
  margin: auto;
  padding: 5px;
  background-color: #E7E7E7;
  box-shadow: 0 0 5px #000;
}

.module-title {
  color: #fff;
}

module-title, .catHead span.genmed {
  color: #fff;
}