[Communities] Removed inline CSS. Classes more consistent now.

This commit is contained in:
Eliseu Amaro 2021-09-11 17:13:23 +01:00 committed by Diogo Peralta Cordeiro
parent e91012f240
commit ba290a956a
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 28 additions and 36 deletions

View File

@ -262,6 +262,28 @@ header * {
flex: 0.5;
}
#nodes {
border-collapse: collapse;
width: 100%;
}
#nodes td, #nodes th {
border: 1px solid #ddd;
padding: 8px;
}
#nodes tr:nth-child(even){background-color: #F6F4F6;}
#nodes tr:hover {background-color: #e9eaed;}
#nodes th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A22430;
color: white;
}
.footer {
padding: 1rem;
background-color: #333333;

View File

@ -6,37 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; Some public communities</title>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="/assets/css/style.css">
<style>
.content-wrapper {
top: 2em;
}
#nodes {
font-family: Helvetica, Arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
#nodes td, #nodes th {
border: 1px solid #ddd;
padding: 8px;
}
#nodes tr:nth-child(even){background-color: #f2f2f2;}
#nodes tr:hover {background-color: #ddd;}
#nodes th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A22430;
color: white;
}
</style>
<?php
$query = urlencode('
{
@ -61,12 +31,12 @@
<body>
<header class="header">
<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<a class="pure-menu-heading" href="/">GNU social</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="/" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="/v2" class="pure-menu-link">Version 2</a></li>
<li class="pure-menu-item"><a href="/v3" class="pure-menu-link">Version 3</a></li>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="/">GNU social</a>
<ul class="menu-list">
<li class="menu-item"><a href="/" class=" menu-link">Home</a></li>
<li class="menu-item"><a href="/v2" class=" menu-link">Version 2</a></li>
<li class="menu-item"><a href="/v3" class=" menu-link">Version 3</a></li>
</ul>
</div>
</header>