Improve css of the table (beta)

This commit is contained in:
Julien Bisconti 2018-09-14 14:09:57 +02:00 committed by Andreas Gebhardt
parent 22160203d4
commit 015b55e2d5

View File

@ -7,15 +7,15 @@
<meta charset="UTF-8">
<title>Awesome-docker</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#5DBCD2">
<meta name="theme-color" content="#3685b3">
<meta name="description" content="A curated list of Docker resources and projects.">
<meta name="keywords" content="free and open-source open source projects for docker moby kubernetes linux awesome awesome-list container tools dockerfile list moby docker-container docker-image docker-environment docker-deployment docker-swarm docker-api docker-monitoring docker-machine docker-security docker-registry">
<meta name="google-site-verification" content="_yiugvz0gCtfsBLyLl1LnkALXb6D4ofiwCyV1XOlYBM" />
<link rel="icon" type="image/png" href="favicon.png">
<style>
:root {
--main-list-header: #5dbcd2;
--main-list-footer: #5dbcd2;
--main-list-header: #3685b3;
--main-list-footer: #3685b3;
}
* {
box-sizing: border-box
@ -42,7 +42,7 @@ section {
a {
background-color: transparent;
color: #5DBCD2;
color: #3685b3;
text-decoration: none
}
@ -70,7 +70,7 @@ img {
.page-header {
color: #fff;
text-align: center;
background-color: #5DBCD2;
background-color: #3685b3;
background-image: linear-gradient(120deg, #155799, #5DBCD2)
}
.project-name {
@ -214,7 +214,7 @@ li > .updated {
.list li > :first-child {
color: white;
background-color: var(--main-list-header);
border-radius: 1rem 1rem 0 0;
border-radius: .4rem .4rem 0 0;
}
.list li > .description {
border-bottom: 1px solid var(--main-list-header);
@ -233,14 +233,23 @@ li > .updated {
.list > li > :last-child {
color: white;
background-color: var(--main-list-footer);
border-radius: 0 0 1rem 0;
border-radius: 0 0 .4rem 0;
padding: .5rem 0 .5rem 0;
}
.list > li > :nth-last-child(2) {
color: white;
color: lightgoldenrodyellow;
background-color: var(--main-list-footer);
border-radius: 0 0 0 1rem;
border-radius: 0 0 0 .4rem;
padding: .5rem 0 .5rem 0;
font-weight: bold;
}
.name {
font-size: x-large;
text-decoration: underline;
}
.star {
font-weight: bold;
}
/*******************************************************/