Spaces:
Runtime error
Runtime error
| /* CSS Inspirado na Wikipédia */ | |
| body { | |
| background-color: #f6f6f6; | |
| color: #202122; | |
| font-family: sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 1.6; | |
| } | |
| /* Header */ | |
| #mw-header { | |
| background-color: #fff; | |
| border-bottom: 1px solid #a2a9b1; | |
| padding: 15px 20px; | |
| } | |
| .header-content { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| #firstHeading { | |
| font-family: 'Linux Libertine', 'Georgia', 'Times', serif; | |
| font-weight: normal; | |
| font-size: 28px; | |
| margin: 0; | |
| border-bottom: none; | |
| } | |
| /* Busca */ | |
| .search-box { | |
| display: flex; | |
| border: 1px solid #a2a9b1; | |
| background: #fff; | |
| } | |
| #search-input { | |
| padding: 8px; | |
| border: none; | |
| width: 300px; | |
| outline: none; | |
| } | |
| #searchButton { | |
| background-color: #f8f9fa; | |
| border: none; | |
| border-left: 1px solid #a2a9b1; | |
| padding: 0 15px; | |
| cursor: pointer; | |
| font-weight: bold; | |
| } | |
| #searchButton:hover { | |
| background-color: #eee; | |
| } | |
| /* Layout Principal */ | |
| #mw-wrapper { | |
| max-width: 1200px; | |
| margin: 20px auto; | |
| display: grid; | |
| grid-template-columns: 250px 1fr; | |
| gap: 20px; | |
| padding: 0 20px; | |
| } | |
| /* Barra Lateral / Infobox */ | |
| #mw-sidebar { | |
| font-size: 0.85em; | |
| } | |
| .sidebar-box { | |
| background-color: #fff; | |
| border: 1px solid #a2a9b1; | |
| padding: 10px; | |
| margin-bottom: 20px; | |
| } | |
| .sidebar-box h3 { | |
| margin-top: 0; | |
| font-size: 14px; | |
| border-bottom: 1px solid #a2a9b1; | |
| padding-bottom: 5px; | |
| } | |
| .infobox { | |
| width: 100%; | |
| border-collapse: collapse; | |
| } | |
| .infobox th { | |
| text-align: left; | |
| font-weight: bold; | |
| padding: 3px 0; | |
| } | |
| .wiki-logs { | |
| max-height: 200px; | |
| overflow-y: auto; | |
| color: #54595d; | |
| font-family: monospace; | |
| } | |
| /* Área de Conteúdo */ | |
| #content { | |
| background-color: #fff; | |
| border: 1px solid #a2a9b1; | |
| padding: 30px; | |
| } | |
| #siteSub { | |
| font-size: 12.8px; | |
| color: #54595d; | |
| margin-bottom: 20px; | |
| } | |
| /* Cards de Snippet */ | |
| .card-item { | |
| border-bottom: 1px solid #a2a9b1; | |
| padding: 15px 0; | |
| margin-bottom: 10px; | |
| } | |
| .card-item:last-child { | |
| border-bottom: none; | |
| } | |
| .card-header { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| } | |
| .title { | |
| color: #0645ad; | |
| font-size: 18px; | |
| margin: 0; | |
| cursor: pointer; | |
| } | |
| .title:hover { | |
| text-decoration: underline; | |
| } | |
| .url { | |
| font-size: 11px; | |
| color: #008000; | |
| margin: 0; | |
| } | |
| .badge { | |
| background-color: #eaecf0; | |
| color: #202122; | |
| padding: 2px 6px; | |
| font-size: 11px; | |
| border: 1px solid #a2a9b1; | |
| border-radius: 2px; | |
| } | |
| .btn-copy { | |
| background-color: #3366cc; | |
| color: #fff; | |
| border: none; | |
| padding: 5px 12px; | |
| font-size: 12px; | |
| border-radius: 2px; | |
| cursor: pointer; | |
| } | |
| .btn-copy:hover { | |
| background-color: #2a4b8d; | |
| } | |
| /* Área de Código */ | |
| .code-body { | |
| margin-top: 15px; | |
| border: 1px solid #eaecf0; | |
| background-color: #f8f9fa; | |
| } | |
| .hidden { | |
| display: none; | |
| } |