github/QC14-Badge-Webview
1
0
Fork 0
mirror of https://github.com/Queercon/QC14-Badge-Webview.git synced 2025-08-20 13:23:36 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Expanded CSS, covering list view better now.

Browse source
This commit is contained in:
Jonathan Nelson 2017-07-23 16:34:55 -07:00 • committed by GitHub
commit d89d7c573b
1 changed files with 43 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

50
qcbadge/wwwroot/css/site.css
View file

@ -1,4 +1,5 @@
/*mainold {
/*mainold {
background-color: white; background-color: white;
width: 600px; width: 600px;
border: 5px solid black; border: 5px solid black;
@ -18,27 +19,62 @@ disclaim {
body { body {
font-size: 32pt; margin: 0;
padding: 0;
font-family: sans-serif;
background-color: black; background-color: black;
color: white; color: white;
} }
iframe {
margin: 0;
padding: 0;
border: 0px;
}
.square { .square {
float: left; float: left;
position: relative; position: relative;
width: 4.545%; width: 4.7619%; /* 21 segments */
padding-bottom: 4.545%; /* = width for a 1:1 aspect ratio */ padding-bottom: 4.7619%; /* = width for a 1:1 aspect ratio */
margin: 0%; margin: 0%;
overflow: hidden; overflow: hidden;
} }
.content { .content {
position: absolute; position: absolute;
height: 100%; /* = 100% - 2*10% padding */ height: 100%;
width: 100%; /* = 100% - 2*5% padding */ width: 100%;
padding: 0% 0%; padding: 0% 0%;
text-align: center;
} }
img { img.icon {
width: 80%;
}
img.arrow {
width: 80%;
}
.list-column {
float: left;
width: 40%;
}
.list-row {
padding-top: 5px;
padding-bottom: 5px;
}
.list-timestamp {
float: left;
width: 100%; width: 100%;
} }
img.list-icon {
text-align: center;
vertical-align: middle;
width: 36px;
padding-right: 15px;
}