Awesome-Mirrors/awesome-docker
1
0
Fork 0
mirror of https://github.com/veggiemonk/awesome-docker.git synced 2025-01-03 03:31:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

Improve css of the table (beta)

Browse Source
This commit is contained in:
Julien Bisconti 2018-09-14 14:09:57 +02:00 committed by Andreas Gebhardt
parent 22160203d4
commit 015b55e2d5
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
website/table.tmpl.html
View File

@ -7,15 +7,15 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Awesome-docker</title> <title>Awesome-docker</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <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="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="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" /> <meta name="google-site-verification" content="_yiugvz0gCtfsBLyLl1LnkALXb6D4ofiwCyV1XOlYBM" />
<link rel="icon" type="image/png" href="favicon.png"> <link rel="icon" type="image/png" href="favicon.png">
<style> <style>
:root { :root {
--main-list-header: #5dbcd2; --main-list-header: #3685b3;
--main-list-footer: #5dbcd2; --main-list-footer: #3685b3;
} }
* { * {
box-sizing: border-box box-sizing: border-box
@ -42,7 +42,7 @@ section {
a { a {
background-color: transparent; background-color: transparent;
color: #5DBCD2; color: #3685b3;
text-decoration: none text-decoration: none
} }
@ -70,7 +70,7 @@ img {
.page-header { .page-header {
color: #fff; color: #fff;
text-align: center; text-align: center;
background-color: #5DBCD2; background-color: #3685b3;
background-image: linear-gradient(120deg, #155799, #5DBCD2) background-image: linear-gradient(120deg, #155799, #5DBCD2)
} }
.project-name { .project-name {
@ -214,7 +214,7 @@ li > .updated {
.list li > :first-child { .list li > :first-child {
color: white; color: white;
background-color: var(--main-list-header); background-color: var(--main-list-header);
border-radius: 1rem 1rem 0 0; border-radius: .4rem .4rem 0 0;
} }
.list li > .description { .list li > .description {
border-bottom: 1px solid var(--main-list-header); border-bottom: 1px solid var(--main-list-header);
@ -233,14 +233,23 @@ li > .updated {
.list > li > :last-child { .list > li > :last-child {
color: white; color: white;
background-color: var(--main-list-footer); background-color: var(--main-list-footer);
border-radius: 0 0 1rem 0; border-radius: 0 0 .4rem 0;
padding: .5rem 0 .5rem 0; padding: .5rem 0 .5rem 0;
} }
.list > li > :nth-last-child(2) { .list > li > :nth-last-child(2) {
color: white; color: lightgoldenrodyellow;
background-color: var(--main-list-footer); background-color: var(--main-list-footer);
border-radius: 0 0 0 1rem; border-radius: 0 0 0 .4rem;
padding: .5rem 0 .5rem 0; padding: .5rem 0 .5rem 0;
font-weight: bold;
}
.name {
font-size: x-large;
text-decoration: underline;
}
.star {
font-weight: bold;
} }
/*******************************************************/ /*******************************************************/