Browse Source

fixed styling

master
David Alasow 4 years ago
parent
commit
c417deaa01
  1. 28
      static/stylesheet.css
  2. 2
      templates/components/base.gohtml
  3. 2
      templates/pages/list.gohtml

28
static/stylesheet.css

@ -1,6 +1,8 @@
body {
background: #FFF;
color: #333;
margin: 0px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
a {
@ -8,24 +10,32 @@ a {
color: #7331e8;
}
a:visited {
color: #7331e8;
}
a:hover {
color: #a06cfc;
td, th {
padding: 15px 5px;
}
#list {
margin: auto;
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) {
background: #F5F5F5;
tr {
border-bottom: 1px solid rgba(0,0,0,0.12);
}
h1 {
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;
}

2
templates/components/base.gohtml

@ -8,11 +8,13 @@
<title>Thing</title>
<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>
<body>
<div id="content">
{{ block "body" . }}{{ end }}
</div>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>-->
</body>
</html>
{{ end }}

2
templates/pages/list.gohtml

@ -3,7 +3,7 @@
<table id="list">
<tr>
<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">Type</th>
<th width="30" align="center">Progress</th>

Loading…
Cancel
Save