Commit a4f06a4c authored by Michał Woźniak's avatar Michał Woźniak
Browse files

site select styled now

parent bb85be85
Pipeline #84 passed with stage
in 2 seconds
......@@ -61,16 +61,15 @@
font-family: "Play Bold";
}
#covid-stats h2,
#site-data h2 {
#site-data-container h2 {
font-size: 140%;
font-family: "Play Regular";
opacity: 0.4;
font-weight: bold;
text-transform: uppercase;
align-self:center;
}
#covid-stats h2 {
color: #444;
opacity: 0.4;
}
.sources {
font-size: 80%;
......@@ -109,8 +108,8 @@
#site-data-container {
flex-grow:1;
display: flex;
flex-direction: row;
align-items:flex-start;
flex-direction: column;
align-items:center;
}
footer {
font-size: 70%;
......@@ -120,6 +119,29 @@
font-family: Monospace;
background: black;
}
#site-data-container #sites {
display: inline;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border:dotted 1px springgreen;
padding:0.25em;
background:none;
color:springgreen;
font-family: inherit;
font-size:inherit;
}
#site-data-container h2 {
position:relative;
}
#site-data-container h2::after {
position:absolute;
right:0.5em;
top:0.25em;
content: "▾";
display: block;
color: springgreen;
}
</style>
</head>
<body>
......@@ -135,7 +157,7 @@
<div class="sources"><a href="https://en.wikipedia.org/wiki/2019%E2%80%9320_coronavirus_pandemic">source</a></div>
<div id="site-data-container">
<h2><select id="sites" tabindex="1">
<option value="select one">(select one)</option>
<option value="select one">(select an area)</option>
</select></h2>
<div id="site-data">
</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment