fixed styling

This commit is contained in:
David Alasow 2018-12-13 10:25:44 +01:00
parent 8c9355ffbb
commit c417deaa01
3 changed files with 22 additions and 10 deletions

View File

@ -1,6 +1,8 @@
body { body {
background: #FFF; background: #FFF;
color: #333; color: #333;
margin: 0px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
} }
a { a {
@ -8,24 +10,32 @@ a {
color: #7331e8; color: #7331e8;
} }
a:visited { td, th {
color: #7331e8; padding: 15px 5px;
}
a:hover {
color: #a06cfc;
} }
#list { #list {
margin: auto; margin: auto;
border-collapse:collapse; border-collapse:collapse;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); width: 100%;
/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
} }
#list tr:nth-child(odd) { tr {
background: #F5F5F5; border-bottom: 1px solid rgba(0,0,0,0.12);
} }
h1 { h1 {
text-align: center; text-align: center;
font-size: 4.2rem;
line-height: 110%;
font-weight: 100;
}
#title {
background: #42a5f5;
color: white;
margin: 0px;
padding-top: 42px;
padding-bottom: 25px;
} }

View File

@ -8,11 +8,13 @@
<title>Thing</title> <title>Thing</title>
<link rel="stylesheet" href="/static/stylesheet.css"> <link rel="stylesheet" href="/static/stylesheet.css">
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">-->
</head> </head>
<body> <body>
<div id="content"> <div id="content">
{{ block "body" . }}{{ end }} {{ block "body" . }}{{ end }}
</div> </div>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>-->
</body> </body>
</html> </html>
{{ end }} {{ end }}

View File

@ -3,7 +3,7 @@
<table id="list"> <table id="list">
<tr> <tr>
<th width="30">ID</th> <th width="30">ID</th>
<th width="60">Title</th> <th width="60" align="left">Title</th>
<th width="30" align="center">Score</th> <th width="30" align="center">Score</th>
<th width="30" align="center">Type</th> <th width="30" align="center">Type</th>
<th width="30" align="center">Progress</th> <th width="30" align="center">Progress</th>