Etiquetas: Edição móvel Edição feita através do site móvel |
Etiquetas: anulando Edição móvel Edição feita através do site móvel |
| Linha 1: |
Linha 1: |
| /** o código CSS colocado aqui será aplicado a todos os temas */
| |
|
| |
|
| /* Geral */
| |
|
| |
| body {
| |
| margin: 0;
| |
| padding: 0;
| |
| position: relative;
| |
| font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica', sans-serif
| |
| }
| |
|
| |
| body::before {
| |
| content: '';
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100vh;
| |
| background: url('https://wiki.otpokemon.com/images/5/5b/Image-otP.png') no-repeat;
| |
| background-attachment: fixed;
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| z-index: -1;
| |
| }
| |
|
| |
| .mw-body {
| |
| margin-right: 1em;
| |
| }
| |
|
| |
| #mw-page-base {
| |
| background: transparent;
| |
| }
| |
|
| |
| #ca-nstab-mediawiki, #ca-talk, #p-namespaces, #pt-login, #p-cactions, #ca-view, #ca-history, #ca-unwatch{
| |
| display: none;
| |
| }
| |
|
| |
| #right-navigation {
| |
| border-top: 5px solid transparent;
| |
| border-right: 5px solid transparent;
| |
| border-left: 5px solid transparent;
| |
| background: #F9F9F9;
| |
| padding: 0.1em;
| |
| margin-right: 1em;
| |
| border-radius: 6px;
| |
| border-image: url('https://wiki.otpokemon.com/images/1/18/Border-image2.png') 15 stretch;
| |
| }
| |
|
| |
| .mw-body, .parsoid-body, #mw-panel {
| |
| background: #F9F9F9;
| |
| border-radius: 6px;
| |
| border: 5px solid transparent;
| |
| border-image: url('https://wiki.otpokemon.com/images/1/18/Border-image2.png') 15 stretch;
| |
| }
| |
|
| |
| #p-logo a {
| |
| background-size: contain;
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| .mw-list-item a {
| |
| color: white;
| |
| }
| |
|
| |
| .mw-list-item a:visited {
| |
| color: #05ACF3;
| |
| }
| |
|
| |
| .mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
| |
| margin-left: 13em;
| |
| margin-right: 1em;
| |
| }
| |
|
| |
| #mw-panel {
| |
| width: 10.6em;
| |
| margin-top: 4.0rem;
| |
| padding-top: 10px;
| |
| border-center: none;
| |
| }
| |
|
| |
| #footer ul {
| |
| list-style: none none;
| |
| padding: 0;
| |
| margin-left: 15px;
| |
| }
| |
| #footer ul li a{
| |
| text-decoration: none;
| |
| color: rgb(255 255 255 / 80%);
| |
| background: none;
| |
| }
| |
|
| |
| #p-personal a.new, #p-personal a:visited, #p-personal a{
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Main page */
| |
|
| |
|
| |
| .container {
| |
| margin: 0 auto;
| |
| display: flex;
| |
| }
| |
|
| |
| .main {
| |
| width: 70%;
| |
| margin: 1em;
| |
| }
| |
|
| |
| .banner {
| |
| box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
| |
| --border-width: 3px;
| |
| position: relative;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| width: 100%;
| |
| font-family: Lato, sans-serif;
| |
| font-size: 2.5rem;
| |
| color: white;
| |
| background: linear-gradient(60deg,
| |
| #0c3d7b,
| |
| #14917c,
| |
| #1ec7ab,
| |
| #6ee7d3,
| |
| #041e41,
| |
| #1864c7,
| |
| #085245);
| |
| background-size: 300% 300%;
| |
| background-position: 0 50%;
| |
| animation: moveGradient 30s alternate infinite;
| |
| border-radius: 10px;
| |
|
| |
| }
| |
|
| |
| .banner img {
| |
| width: 100%;
| |
| }
| |
|
| |
| .most-acessed, .quick-access {
| |
| margin-top: 2em;
| |
| position: relative;
| |
| width: 100%;
| |
| box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
| |
| border-radius: 10px;
| |
| }
| |
|
| |
| .ma-title,.qa-title {
| |
| border-radius: 10px 10px 0px 0px;
| |
| position: relative;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| width: 100%;
| |
| color: white;
| |
| height: auto;
| |
| padding: 5px 0px;
| |
| background: linear-gradient(90deg, rgb(0, 47, 109) 0%, rgb(19, 83, 67) 46%, rgb(0, 105, 90) 100%);
| |
| }
| |
|
| |
| .sub-most-acessed{
| |
| display: flex;
| |
| }
| |
| .ma-card-item {
| |
| text-align: center;
| |
| height: auto;
| |
| padding: 1em;
| |
| }
| |
|
| |
| .ma-card-item a{
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .ma-item {
| |
| width: 80%;
| |
| height: 80%;
| |
| transition: 1s;
| |
| filter: drop-shadow(0px 0px 5px rgba(48, 48, 48, 0.6));
| |
| }
| |
|
| |
| .ma-item:hover{
| |
| transition: 1s;
| |
| transform: scale(1.10);
| |
| filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
| |
| }
| |
|
| |
| .ma-text{
| |
| width: 80%;
| |
| height: 80%;
| |
| margin: 5px;
| |
| transition: 1s;
| |
| transform: scale(1.20);
| |
| }
| |
|
| |
| .ma-text:hover{
| |
| transition: 1s;
| |
| transform: scale(1.30);
| |
| filter: drop-shadow(2px 2px 2px rgba(34, 34, 34, 0.2));
| |
| }
| |
|
| |
| .ma-title-icon, .qa-title-icon {
| |
| width: 30px;
| |
| height: 30px;
| |
| }
| |
|
| |
| .column {
| |
| width: 25%;
| |
| margin: 1em;
| |
| text-align: center;
| |
| }
| |
|
| |
| .social-media {
| |
| text-align: center;
| |
| width: 100%;
| |
| height: 50px;
| |
| }
| |
|
| |
| .sc-icon {
| |
| filter: grayscale(20%) contrast(100%);
| |
| display: inline-block;
| |
| width: 12.5%;
| |
| margin: -1px;
| |
| height: auto;
| |
| transition: 1s;
| |
| }
| |
|
| |
| .sc-icon:hover {
| |
| filter: grayscale(0%) contrast(115%);
| |
| transition: 1s;
| |
| transform: scale(1.10);
| |
| }
| |
|
| |
| .box-update {
| |
| width: auto;
| |
| height: auto;
| |
| margin: 1.5em 1em;
| |
| padding: 10px;
| |
| border-radius: 10px;
| |
| border: 1px solid rgba(0, 17, 0, 0.10);
| |
| box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| .box-update h3{
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .box-update img {
| |
| margin: 0.5em 0em;
| |
| filter: grayscale(15%);
| |
| transform: scale(.95);
| |
| width: 100%;
| |
| border-radius: 5px;
| |
| transition: 1s;
| |
| }
| |
|
| |
| .box-update img:hover {
| |
| filter: grayscale(0%);
| |
| transform: scale(0.98);
| |
| transition: 1s;
| |
| }
| |
|
| |
| .update-image {
| |
| box-shadow: 0 0 0.6 3em #BBB;
| |
| }
| |
|
| |
| .qa-line {
| |
| display: flex;
| |
| border-bottom: 1px solid rgba(0, 0, 0, 0.150);
| |
| padding: 1rem;
| |
| }
| |
|
| |
| .qa-line-icon img {
| |
| width: 50px;
| |
| height: 50px;
| |
| margin: 1rem;
| |
| border-radius: 12px;
| |
| }
| |
|
| |
| .qa-line-text {
| |
| margin: 0.5rem 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| .qa-line-title {
| |
| margin: 0.5em 0;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| pre, .mw-code {
| |
| color: #000;
| |
| background-color: rgb(234 236 240 / 0%);
| |
| border: 1px solid rgb(234 236 240 / 0%);
| |
| padding: 0; */
| |
| white-space: pre-wrap;
| |
| }
| |
|
| |
| @keyframes moveGradient {
| |
| 50% {
| |
| background-position: 100% 50%;
| |
| }
| |
| }
| |