* totals were displayed too low
* personal notes were too low
* text for points for person on the bottom was on top of the div for the card instead of at the bottom
position: absolute;
background-color: #fff;
width: 20%;
position: absolute;
background-color: #fff;
width: 20%;
- top:19em;
- left:40%;
- right:40%;
+ top: 30%;
+ margin: auto;
text-align: center;
z-index:22;
}
.total {
text-align: center;
z-index:22;
}
.total {
left: -12em;
top:8em;
background-color: #eee;
left: -12em;
top:8em;
background-color: #eee;
z-index:15;
}
.total .contra {
z-index:15;
}
.total .contra {
right: -14em;
top:8em;
background-color: #eee;
right: -14em;
top:8em;
background-color: #eee;
left:47%;
right:47%;
height: 40%;
left:47%;
right:47%;
height: 40%;
+.tricks div div.card3 .score, .vorbehalt3{
left:45%;
right:45%;
width:10%;
left:45%;
right:45%;
width:10%;
text-align:center;
}
.tricks div div.card3 span.comment{
text-align:center;
}
.tricks div div.card3 span.comment{
.notes {
position:absolute;
.notes {
position:absolute;
left:0;
margin:1em;
margin-top:0em;
left:0;
margin:1em;
margin-top:0em;
- border: 2px solid gray;
+ border: 2px solid gray;
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<link rel="shortcut icon" href="pics/edoko-favicon.png" />
<link rel="stylesheet" href="css/normalize.css?v=1" />
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<link rel="shortcut icon" href="pics/edoko-favicon.png" />
<link rel="stylesheet" href="css/normalize.css?v=1" />
- <link rel="stylesheet" href="css/standard.css?v=38" />
+ <link rel="stylesheet" href="css/standard.css?v=39" />
<link rel="stylesheet" href="css/dateinput.css?v=1"/>
<script type="text/javascript" src="include/jquery.js"> </script>
<script type="text/javascript" src="include/jquery.tablesorter.js"></script>
<link rel="stylesheet" href="css/dateinput.css?v=1"/>
<script type="text/javascript" src="include/jquery.js"> </script>
<script type="text/javascript" src="include/jquery.tablesorter.js"></script>