guilhermemfbastos/CodeSearch_Engine

1/* CSS Inspirado na Wikipédia */2body {3    background-color: #f6f6f6;4    color: #202122;5    font-family: sans-serif;6    margin: 0;7    padding: 0;8    line-height: 1.6;9}10 11/* Header */12#mw-header {13    background-color: #fff;14    border-bottom: 1px solid #a2a9b1;15    padding: 15px 20px;16}17 18.header-content {19    max-width: 1200px;20    margin: 0 auto;21    display: flex;22    justify-content: space-between;23    align-items: center;24}25 26#firstHeading {27    font-family: 'Linux Libertine', 'Georgia', 'Times', serif;28    font-weight: normal;29    font-size: 28px;30    margin: 0;31    border-bottom: none;32}33 34/* Busca */35.search-box {36    display: flex;37    border: 1px solid #a2a9b1;38    background: #fff;39}40 41#search-input {42    padding: 8px;43    border: none;44    width: 300px;45    outline: none;46}47 48#searchButton {49    background-color: #f8f9fa;50    border: none;51    border-left: 1px solid #a2a9b1;52    padding: 0 15px;53    cursor: pointer;54    font-weight: bold;55}56 57#searchButton:hover {58    background-color: #eee;59}60 61/* Layout Principal */62#mw-wrapper {63    max-width: 1200px;64    margin: 20px auto;65    display: grid;66    grid-template-columns: 250px 1fr;67    gap: 20px;68    padding: 0 20px;69}70 71/* Barra Lateral / Infobox */72#mw-sidebar {73    font-size: 0.85em;74}75 76.sidebar-box {77    background-color: #fff;78    border: 1px solid #a2a9b1;79    padding: 10px;80    margin-bottom: 20px;81}82 83.sidebar-box h3 {84    margin-top: 0;85    font-size: 14px;86    border-bottom: 1px solid #a2a9b1;87    padding-bottom: 5px;88}89 90.infobox {91    width: 100%;92    border-collapse: collapse;93}94 95.infobox th {96    text-align: left;97    font-weight: bold;98    padding: 3px 0;99}100 101.wiki-logs {102    max-height: 200px;103    overflow-y: auto;104    color: #54595d;105    font-family: monospace;106}107 108/* Área de Conteúdo */109#content {110    background-color: #fff;111    border: 1px solid #a2a9b1;112    padding: 30px;113}114 115#siteSub {116    font-size: 12.8px;117    color: #54595d;118    margin-bottom: 20px;119}120 121/* Cards de Snippet */122.card-item {123    border-bottom: 1px solid #a2a9b1;124    padding: 15px 0;125    margin-bottom: 10px;126}127 128.card-item:last-child {129    border-bottom: none;130}131 132.card-header {133    display: flex;134    justify-content: space-between;135    align-items: flex-start;136}137 138.title {139    color: #0645ad;140    font-size: 18px;141    margin: 0;142    cursor: pointer;143}144 145.title:hover {146    text-decoration: underline;147}148 149.url {150    font-size: 11px;151    color: #008000;152    margin: 0;153}154 155.badge {156    background-color: #eaecf0;157    color: #202122;158    padding: 2px 6px;159    font-size: 11px;160    border: 1px solid #a2a9b1;161    border-radius: 2px;162}163 164.btn-copy {165    background-color: #3366cc;166    color: #fff;167    border: none;168    padding: 5px 12px;169    font-size: 12px;170    border-radius: 2px;171    cursor: pointer;172}173 174.btn-copy:hover {175    background-color: #2a4b8d;176}177 178/* Área de Código */179.code-body {180    margin-top: 15px;181    border: 1px solid #eaecf0;182    background-color: #f8f9fa;183}184 185.hidden {186    display: none;187}