Utilisateur:Oshabyss/common.css
Apparence
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
table.eau th a:link, th.eau a:link, table.dragon th a:link, th.dragon a:link, table.poison th a:link, th.poison a:link{ color: #0645ad } table.ténèbres th a:visited, th.ténèbres a:visited, table.eau th a:visited, th.eau a:visited, table.dragon th a:visited, th.dragon a:visited, table.spectre th a:visited, th.spectre a:visited, table.poison th a:visited, th.poison a:visited { color: #0b0080 } table.ténèbres th a:link, th.ténèbres a:link, table.spectre th a:link, th.spectre a:link{ color: #053073 } table.combat th, table.tableaustandard th.combat { background-color: #ec8419 !important; } table.sol th, table.tableaustandard th.sol { background-color: #955d30 !important; } table.insecte th, table.tableaustandard th.insecte { background-color: #8c9925 !important; } table.acier th, table.tableaustandard th.acier { background-color: #5e95a9 !important; } table.feu th, table.tableaustandard th.feu { background-color: #d12d2e !important; } table.eau th, table.tableaustandard th.eau { background-color: #2e81e4 !important; } table.plante th, table.tableaustandard th.plante { background-color: #469a32 !important; } table.électrik th, table.tableaustandard th.électrik { background-color: #f0bb0b !important; } table.psy th, table.tableaustandard th.psy { background-color: #d85682 !important;} table.glace th, table.tableaustandard th.glace { background-color: #43d1f4 !important; } table.dragon th, table.tableaustandard th.dragon { background-color: #5c6bdd !important; } table.fée th, table.tableaustandard th.fée { background-color: #e676e6 !important; } table.poison { background-color: #f0deed !important; color: black; } table.poison th, table.tableaustandard th.poison { background-color: #9657c2 !important; color: black; } table.spectre { background-color: #F7E1F7 !important; color: black; } table.spectre th, table.tableaustandard th.spectre { background-color: #7e507e !important; color: black; } table.ténèbres { background-color: #e3deda !important; color: black; } table.ténèbres th, table.tableaustandard th.ténèbres { background-color: #5e4f4d !important; color: black; } .ButtonWorld{ width: fit-content; margin: auto !important; padding: 10px 30px; background-color: #283c50; background-image: url(https://legends.pokemon.com/assets/button-bg.png), linear-gradient(to bottom right, #00000000 55%, #5a667a); background-repeat: repeat-x; background-position: center bottom; background-size: auto 32%; border-radius: 18px; filter: drop-shadow(2px 4px 6px black); text-align: center; } .ButtonWorld button{ display: inline-block; color: white; font-family: 'Tillana',cursive; font-size: large; font-weight: bold; } /* ---------- BUTTONS ---------- */ .FontNunito{ font-family: "Nunito Sans",sans-serif; } .ButtonWorldEV{ width: fit-content; margin: 16px auto 0 auto !important; position: relative; overflow: hidden; border-radius: 5em; color: #3e3b3a; filter: drop-shadow(1px 3px 4px #3e3b3a78); font-family: "Nunito Sans",sans-serif; font-size: medium; font-weight: 700; line-height: 1; opacity: 1; } .ButtonWorldEV:before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-attachment: fixed; background-image: url(https://scarletviolet.pokemon.com/images/patterns/pattern-geometric.jpg); background-position: 50%; content: ""; } .ButtonWorldEV:after{ position: absolute; background-color: white; border-radius: inherit; top: 4px; left: 4px; right: 4px; bottom: 4px; content: ""; } .ButtonWorldEV:hover:after{ background-color: #fafcea; } .ButtonWorldEV button{ display: inline-block; position: relative; color: inherit; cursor: pointer; font: inherit; padding: 1em 1.5em; white-space: nowrap; z-index: 1; } .ButtonWorldEV button[value=afficher]:hover, .ButtonWorldEV button[value=masquer]:hover { text-decoration: none; } /* ---------- ALL PAGES ---------- */ .page-Utilisateur_Oshabyss #content, .page-Utilisateur_Oshabyss_Création_Perso #content, .page-Utilisateur_Oshabyss_Création_Perso_2 #content, .page-Utilisateur_Oshabyss_Pokémon_Différent #content, .page-Utilisateur_Oshabyss_Bac_à_Sable #content{ color: #3e3b3a; background-image: url(https://scarletviolet.pokemon.com/images/patterns/pattern-white.jpg); background-attachment: fixed; } /* ---------- CARD ---------- */ .CardEV { width: 100%; font-family: "Nunito Sans", sans-serif; margin: 1em 0; } .CardTitleEV { text-align: center; } .CardTitleEV button { color: #3e3b3a; cursor: pointer; margin: 0.3em 0; font-size: 2.4em; font-family: "Nunito Sans", sans-serif; font-weight: 900; line-height: 1.2; } .BandCard { width: 100%; } @media screen and (min-width: 640px){ .BandCard { display: flex; flex-wrap: wrap; justify-content: center; } } .BandCard > div { padding: 0 12px; flex-basis: calc(100 / 12 * 7 * 1%); flex-grow: 0; flex-shrink: 0; } @media screen and (min-width: 1144px){ .BandCard > div{ flex-basis: calc(100 / 12 * 5 * 1%); } } .BandCard > div > div { display: flex; position: relative; } .divider_gch:before { background-image: url(https://scarletviolet.pokemon.com/images/elements-icons/divider-endcap-simple-left-2x.png); } .divider_drt:after { background-image: url(https://scarletviolet.pokemon.com/images/elements-icons/divider-endcap-simple-right-2x.png); } .divider_ctr:before, .divider_ctr:after { background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; content: ""; height: 100%; position: relative; z-index: 1; } .divider_ctr { display: grid; height: auto; grid-template-columns: 10px 1fr 10px; flex: 1 1; filter: drop-shadow(2px 4px 6px #3e3b3a); } .divider_ctr > div { margin: 0 -6px; margin-top: 23px; border-top: ridge 4px #d8c43d; } .divider_icon { width: 50px; height: 50px; margin: 0 8px; border-radius: 18px; overflow: hidden; filter: drop-shadow(2px 4px 6px #3e3b3a); } /* ---------- CONTENTCARD ---------- */ .ContentCard { font-family: "Nunito Sans", sans-serif; margin-top: 30px; background-image: url(https://scarletviolet.pokemon.com/_images/gameplay/tera-raid/tera-shard-bk-large-up.webp); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .ContentCardBox { align-items: initial; min-height: auto; padding: 0 12px; } @media screen and (min-width: 700px){ .ContentCardBox { display: flex; flex-wrap: wrap; justify-content: center; } } .CardEV_InfoBox, .Card_MoveBox { display: block; padding: 0 12px; flex-basis: calc(100 / 12 *4 * 1%); } .CardEV_InfoBox > div { margin-bottom: 40px; } @media screen and (max-width: 700px){ .CardEV_InfoBox > div { margin-bottom: 10px; } } .CardEV_InfoBox > div, .Card_MoveBox > p { padding: 17px; border-radius: 6px; border: 2px solid transparent; box-shadow: 0 16px 16px -16px #3e3b3a70; } .Card_InfoBoxIMG { position: relative; margin-bottom: 15px; } .Card_InfoBoxTXT { padding-left: 15px; line-height: 2.5; text-align: left; } .Card_InfoBoxTXT a { color: #3e3b3a; } .CadreIMG_Nord-O { background-image: url(https://scarletviolet.pokemon.com/images/elements-icons/corner-top.svg); background-repeat: no-repeat; background-size: 75px; background-position: top left; top: -16px; left: -9px; position: absolute; width: -webkit-fill-available; height: -webkit-fill-available; } .CadreIMG_Sud-E { background-image: url(https://scarletviolet.pokemon.com/images/elements-icons/corner-bottom.svg); background-repeat: no-repeat; background-size: 75px; background-position: bottom right; right: -9px; bottom: -16px; position: absolute; width: -webkit-fill-available; height: -webkit-fill-available; } .Card_InfoBoxIMG > div { border-radius: 6px; background: linear-gradient(white, white) padding-box,linear-gradient(#d8c43d,#8d7a38) 100% border-box; border: 1px solid transparent; overflow: hidden; } .Card_InfoBoxIMG div > div { background-position: center; background-size: cover; text-align: center; } .CadreIMG_Poke { display: block; width: auto; margin: 0 auto; filter: drop-shadow(2px 4px 5px #3e3b3a); } .Card_MoveBox { align-self: flex-end; } @media screen and (max-width: 700px){ .Card_MoveBox{ padding: 0 12px; } } @media screen and (min-width: 800px){ .Card_MoveBox{ flex-basis: calc(100 / 12 *3 * 1%); } } .Card_MoveBox > p { font-weight: bold; text-align: left; line-height: 1.9; } .Card_MoveBox > p a { color: #3e3b3a; } .Card{ width: fit-content; color: white; border: outset 7px; border-radius: 40px; font-family: 'Tillana', cursive; min-width: 400px; margin: 3em auto; padding: 0; } .PokeCard{ max-width: 580px; } .TrainerCard{ max-width: 750px; } .CardTitle{ background: url(https://legends.pokemon.com/assets/page-banner-brush-backplate.png) no-repeat center center; background-size: contain; filter: drop-shadow(2px 4px 6px black); margin-top: -30px; padding: 20px; text-align: center; } .CardTitle button{ display: inline-block; color: white; font-family: 'Tillana',cursive; font-size: 1.4em; font-weight: bold; } .Card_InfoBox{ display: flex; width: 100%; align-items: center; background-image: url(https://legends.pokemon.com/assets/button-bg.png); background-repeat: repeat-x; background-position: bottom; background-size: auto 7%; padding: 10px 0; } /* ---- Pokémon Card ---- */ .PokeCard_Info{ display: grid; grid-row-gap: 10px; grid-template-columns: 25% 75%; } .PokeCard_MoveBox{ display: flex; flex-direction: column; width: 100%; border-radius: 0 0 33px 33px; background: url(https://legends.pokemon.com/assets/bg-weave-mid-to-light.jpg) center; background-blend-mode: color-burn; font-weight: 500; } .PokeCard_Move{ display: grid; grid-template-columns: repeat(2, 41%); justify-content: end; padding: 10px 0; } .PokeCard_MoveBy3{ display: grid; grid-template-columns: repeat(3, 30%); justify-content: end; padding: 10px 0; } .PokeCard_MoveBy4{ display: grid; grid-template-columns: repeat(4, 20%); justify-content: space-around; text-align: center; padding: 15px 0; } /* ---- Trainer Card ---- */ .TrainerCard_SquadBox{ display: flex; flex-direction: column; justify-content: center; border-radius: 33px 0 3px 33px; background: url(https://legends.pokemon.com/assets/bg-weave-mid-to-light.jpg) bottom; background-blend-mode: color-burn; margin: 1em 0 1em 10px; } .TrainerCard_SquadBy2{ display: grid; grid-template-columns: repeat(2, 50%); justify-items: center; padding: 10px; } .TrainerCard_SquadBy3{ display: grid; grid-template-columns: repeat(3, 33%); justify-items: center; padding: 10px; } .PokePicture{ background: url(https://legends.pokemon.com/assets/pokemon/bg-creature.png) no-repeat center center; background-size: 90% auto; } /* ---- Shiny (Pokemon) Card ---- */ .ShinyCard_Info{ display: grid; grid-row-gap: 10px; grid-template-columns: 25% 75%; align-items: center; margin: 5px 10px; } .ShinyCard_MoveBox{ display: flex; flex-direction: column; justify-content: center; width: 100%; border-radius: 33px 0 3px 33px; background: url(https://legends.pokemon.com/assets/bg-weave-mid-to-light.jpg) bottom; background-blend-mode: color-burn; margin: 1em 0; } .ShinyCard_Move{ display: grid; grid-template-columns: 46% 8% 46%; padding: 10px; padding-left: 20px; } .EvoluButton{ text-align: center; } .EvoluButton button{ display: inline-block; font-family: 'Tillana',cursive; font-weight: bold; max-width: 40%; } /* -------- Background Every Card -------- */ .CardPic_Cuchalaga { background-image: url(https://www.pokepedia.fr/images/3/3e/Cuchalaga_EV.png); } .CardPic_RouteCuchalagan { background-image: url(https://www.pokepedia.fr/images/e/e4/Route_de_Cuchalaga_EV.png); } .CardPic_FamilleGastro { background-image: url(https://www.pokepedia.fr/images/5/5b/La_Famille_Gastronomie_EV.png); } .CardPic_ZoneZero { background-image: url(https://www.pokepedia.fr/images/d/d8/Zone_Z%C3%A9ro_EV.png); } .CardPic_Vol { background-image: url(https://www.pokepedia.fr/images/d/d2/Zone_Ouest_n%C2%B0_1_EV.png); } .CardPic_Normal { background-image: url(https://www.pokepedia.fr/images/a/a7/Zone_Ouest_n%C2%B0_2_EV.png); } .CardPic_Plante{ background-image: url(https://www.pokepedia.fr/images/2/2d/Zone_Est_n%C2%B0_1_EV.png); } .CardPic_Poison{ background-image: url(https://www.pokepedia.fr/images/6/6d/Zone_Nord_n%C2%B0_2_EV.png); } .CardPic_Roche{ background-image: url(https://www.pokepedia.fr/images/4/4d/Zone_Sud_n%C2%B0_3_EV.png); } .CardPic_Fee { background-image: url(https://www.pokepedia.fr/images/0/0f/Zone_Sud_n%C2%B0_6_EV.png); } .CardPic_Eau { background-image: url(https://www.pokepedia.fr/images/1/13/Mer_de_l%27Est_de_Paldea_EV.png); } .CardPic_Glace { background-image: url(https://www.pokepedia.fr/images/8/88/Frigao_EV.png); } .CardPic_Psy { background-image: url(https://www.pokepedia.fr/images/6/6b/Alforneira_EV.png); } .CardPic_Feu { background-image: url(https://www.pokepedia.fr/images/0/0d/For%C3%AAt_Toast%C3%A9e_EV.png); } .CardPic_Sol { background-image: url(https://www.pokepedia.fr/images/4/4d/D%C3%A9sert_R%C3%B4tissable_EV.png); } .CardPic_Tenebres { background-image: url(https://www.pokepedia.fr/images/7/7c/Caverne_de_la_Crique_EV.png); } .CardPic_Insecte { background-image: url(https://www.pokepedia.fr/images/3/30/Bosquet_Tagu%C3%A9_EV.png); } .CardPic_Dragon { background-image: url(https://www.pokepedia.fr/images/4/40/Crat%C3%A8re_de_Paldea_EV.png); } .CardPic_Electrik { background-image: url(https://www.pokepedia.fr/images/2/20/Repaire_du_Groupe_Ruchbah_EV.png); } .CardPic_Acier { background-image: url(https://www.pokepedia.fr/images/7/7b/Ar%C3%A8ne_de_Jarramanca_Examen_EV.png); } .CardPic_Combat { background-image: url(https://www.pokepedia.fr/images/d/d8/Ar%C3%A8ne_de_Mezclamora_Terrain_de_Combat_EV.png); } .CardPic_Spectre { background-image: url(https://www.pokepedia.fr/images/b/bb/Ar%C3%A8ne_de_Jarramanca_Terrain_de_Combat_EV.png); } #PokeCardPicture1{ background: url(https://www.pokepedia.fr/images/thumb/9/9d/Hameau_Oubli%C3%A9_LPA.png/800px-Hameau_Oubli%C3%A9_LPA.png) no-repeat center; } #PokeCardPicture2{ /* Psy - Roche */ background: url(https://www.pokepedia.fr/images/thumb/e/ef/Ancienne_Carri%C3%A8re_LPA.png/640px-Ancienne_Carri%C3%A8re_LPA.png) no-repeat center; } #PokeCardPicture3{ /* Plante - Fee */ background: url(https://www.pokepedia.fr/images/thumb/d/d0/Champ_Flora_LPA.png/800px-Champ_Flora_LPA.png) no-repeat center; } #PokeCardPicture4{ /* Vol - Fee */ background: url(https://www.pokepedia.fr/images/thumb/7/7a/Lande_Herbacoton_LPA.png/800px-Lande_Herbacoton_LPA.png) no-repeat center; } #PokeCardPicture5{ /* Eau - Sol */ background: url(https://www.pokepedia.fr/images/thumb/8/84/Digue_de_l%27Estuaire_LPA.png/800px-Digue_de_l%27Estuaire_LPA.png) no-repeat center; } .PokeCardPictureNormal{ background: url(https://www.pokepedia.fr/images/thumb/4/49/Plaines_Obsidiennes_LPA.png/800px-Plaines_Obsidiennes_LPA.png) no-repeat center; } .PokeCardPictureCombat{ background: url(https://www.pokepedia.fr/images/thumb/a/aa/Contrefort_Couronn%C3%A9_LPA.png/1200px-Contrefort_Couronn%C3%A9_LPA.png) no-repeat center; } .PokeCardPictureVol{ background: url(https://www.pokepedia.fr/images/thumb/5/57/C%C3%B4te_Lazuli_LPA.png/640px-C%C3%B4te_Lazuli_LPA.png) no-repeat center; } .PokeCardPictureFeu{ background: url(https://www.pokepedia.fr/images/thumb/e/e5/Col_Mer-de-Nuages_LPA.png/1200px-Col_Mer-de-Nuages_LPA.png) no-repeat center; } .PokeCardPictureEau{ background: url(https://www.pokepedia.fr/images/thumb/f/f6/Chute_d%27Obsidienne_LPA.png/640px-Chute_d%27Obsidienne_LPA.png) no-repeat center; } .PokeCardPicturePlante{ background: url(https://www.pokepedia.fr/images/thumb/9/98/Ar%C3%A8ne_du_Grand_Arbre_LPA.png/640px-Ar%C3%A8ne_du_Grand_Arbre_LPA.png) no-repeat center; } .PokeCardPictureInsecte{ background: url(https://www.pokepedia.fr/images/thumb/3/3b/Sentier_C%C3%A9leste_LPA.png/1200px-Sentier_C%C3%A9leste_LPA.png) no-repeat center; } .PokeCardPicturePoison{ background: url(https://www.pokepedia.fr/images/thumb/d/d6/Marais_Carlate_LPA.png/800px-Marais_Carlate_LPA.png) no-repeat center; } .PokeCardPictureSol{ background: url(https://www.pokepedia.fr/images/thumb/2/23/Grotte_Pr%C3%A9historique_LPA.png/800px-Grotte_Pr%C3%A9historique_LPA.png) no-repeat center; } .PokeCardPictureRoche{ background: url(https://www.pokepedia.fr/images/thumb/4/4e/Grotte_Secr%C3%A8te_LPA.png/800px-Grotte_Secr%C3%A8te_LPA.png) no-repeat center; } .PokeCardPictureElectrik{ background: url(https://www.pokepedia.fr/images/thumb/1/16/Marais_Carmin_LPA.png/1200px-Marais_Carmin_LPA.png) no-repeat center; } .PokeCardPicturePsy{ background: url(https://www.pokepedia.fr/images/thumb/4/43/Temple_C%C3%A9leste_LPA.png/800px-Temple_C%C3%A9leste_LPA.png) no-repeat center; } .PokeCardPictureTenebres{ background: url(https://www.pokepedia.fr/images/thumb/0/07/Passage_des_Nuages_LPA.png/800px-Passage_des_Nuages_LPA.png) no-repeat center; } .PokeCardPictureSpectre{ background: url(https://www.pokepedia.fr/images/thumb/4/42/Ruines_Brumeuses_LPA.png/800px-Ruines_Brumeuses_LPA.png) no-repeat center; } .PokeCardPictureGlace{ background: url(https://www.pokepedia.fr/images/thumb/a/a6/%C3%89tendue_Polaire_LPA.png/640px-%C3%89tendue_Polaire_LPA.png) no-repeat center; } .PokeCardPictureAcier{ background: url(https://www.pokepedia.fr/images/thumb/2/23/Ar%C3%A8ne_de_l%27Iceberg_LPA.png/800px-Ar%C3%A8ne_de_l%27Iceberg_LPA.png) no-repeat center; } .PokeCardPictureDragon{ background: url(https://www.pokepedia.fr/images/thumb/9/97/Temple_de_Frimapic_LPA.png/800px-Temple_de_Frimapic_LPA.png) no-repeat center; } .PokeCardPictureFee{ background: url(https://www.pokepedia.fr/images/thumb/9/9d/%C3%8Ele_Rosa_Rugosa_LPA.png/800px-%C3%8Ele_Rosa_Rugosa_LPA.png) no-repeat center; } /* -------- Font Card ------- */ /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8-BM5jU1EQVg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v12/pe03MImSLYBIv1o4X1M8cc8-BM5tU1E.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }