chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nav fixes

Browse Source
This commit is contained in:
chris 2021-11-27 14:54:58 -05:00
parent 495dc486e1
commit 4cbbf64a20
3 changed files with 52 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
MTG/style.css
View File

@ -7,7 +7,7 @@
} }
body { body {
background-color: darkslategray; background-color: rgb(73, 109, 109);
/* height: 100vh; */ /* height: 100vh; */
/* width: 100vw; */ /* width: 100vw; */
/* margin: 0 auto; */ /* margin: 0 auto; */

58
menu/menu.css
View File

@ -1,9 +1,46 @@
#ham{position:absolute; top:0px; left:0px; background-color:#999999 ; margin-right: 5%; } *,
#menu{color:blue; background-color:white;width:50px;height:50px;box-shadow: 5px 5px 2.5px #5F5F5F;position:relative; z-index:5; margin-right: 5%;} *:after,
#bars, #bigx{height:50px; width:50px} *:before {
.ham-menu {height:100%; width:0%;display:none; border:black solid 2px;box-shadow: 10px 10px 5px #5F5F5F -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
} }
.ham-menu2 {display:inline;border:black solid 2px;box-shadow: 10px 10px 5px #5F5F5F;position:absolute; top:5px; left:5px; z-index:5; margin-right: 5%;} #ham{
background-color:#999999 ;
/* margin-right: 20px; */
padding: 5px;
}
#menu{
background-color:white;
width:50px;
height:50px;
/* box-shadow: 5px 5px 2.5px #5F5F5F; */
/* position:relative; */
display: flex;
align-self: center;
margin-top: 5px;
margin-left: 5px;
/* padding: 20px; */
z-index:5;
border-radius: 25%;
/* margin-right: 5%; */
}
#bars, #bigx{
height:50px;
width:50px}
.ham-menu {
height:100%;
width:0%;
display:none;
border:black solid 2px;
/* box-shadow: 10px 10px 5px #5F5F5F */
}
.ham-menu2 {display:inline;border:black solid 2px;
/* box-shadow: 10px 10px 5px #5F5F5F; */
position:absolute; top:5px; left:5px; z-index:5; margin-right: 5%;}
#ham a {color:white; text-decoration:none; z-index:10 !important; } #ham a {color:white; text-decoration:none; z-index:10 !important; }
#ham ul{ list-style-type: none; margin-right: 15%;} #ham ul{ list-style-type: none; margin-right: 15%;}
#ham:focus{outline-color:black; } #ham:focus{outline-color:black; }
@ -24,11 +61,16 @@
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0%;} padding: 0%;}
#nav-menu{
display: flex;
align-self: center;
}
nav{ nav{
/* background-color: #dd1d1d; */ background-color: #666666;
min-width: 100%; min-width: 100%;
height: 100px; height: 60px;
position: absolute; position: absolute;
left: 0;
top: 0;
} }

2
yatzee/index.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" href="/menu/menu.css"> <link rel="stylesheet" type="text/css" href="/menu/menu.css">
<link rel="stylesheet" href="yatzee.css"> <link rel="stylesheet" href="yatzee.css">
<!-- <link rel="icon" type="image/ico" href="yatzee.ico"> --> <!-- <link rel="icon" type="image/ico" href="yatzee.ico"> -->
<img rel="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABfklEQVRYR+2YsS6EQRDHf1e4CM0lNBIknkCl5TVoNDQq7gFoPAA6xWk07jVoVV4BQaFQidBcJtmTy2a/3W83811GfNtccTM7v/xnZveb7WB4dQyz0cKVZiemXBeYA2aBmdIAEb8f4Av4BL5DdlVwS8AxsAP0GgAbb/kB3ACnwKsfJwQnip0DBw1C+VtfAoe+giE4UeoZmJ8inCi4Bsjv7wrBLQNPEzYCudAA6Lurt/HWUkpvKbgV4HHCaNWD1eJMxgkpF3OSrt11dNeAdFxqVfmowkmQe2Dd0TwAGwnAmI8q3B4w8GTaB64i0sV8/g+c6bRK9sw2RKorc/9XrTkJLlfMkaOQK+6iBlGVjyrcJnDrwWwBdxHAmI8qnCh25oH03UdCFV/MRxXOtHKma65G7WeZqKbV9Dln+oZoL/7SL2HTaTXdEFnnRA1jlaNEpv7FGsFyTYqmL9Nzq+mJX9IjA+4JsD2Ft5Kheyt58eviT74y5RZ3I/bty2aprKaVGwHPGcQoCqTT+gAAAABJRU5ErkJggg=="/> <!-- <img rel="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABfklEQVRYR+2YsS6EQRDHf1e4CM0lNBIknkCl5TVoNDQq7gFoPAA6xWk07jVoVV4BQaFQidBcJtmTy2a/3W83811GfNtccTM7v/xnZveb7WB4dQyz0cKVZiemXBeYA2aBmdIAEb8f4Av4BL5DdlVwS8AxsAP0GgAbb/kB3ACnwKsfJwQnip0DBw1C+VtfAoe+giE4UeoZmJ8inCi4Bsjv7wrBLQNPEzYCudAA6Lurt/HWUkpvKbgV4HHCaNWD1eJMxgkpF3OSrt11dNeAdFxqVfmowkmQe2Dd0TwAGwnAmI8q3B4w8GTaB64i0sV8/g+c6bRK9sw2RKorc/9XrTkJLlfMkaOQK+6iBlGVjyrcJnDrwWwBdxHAmI8qnCh25oH03UdCFV/MRxXOtHKma65G7WeZqKbV9Dln+oZoL/7SL2HTaTXdEFnnRA1jlaNEpv7FGsFyTYqmL9Nzq+mJX9IjA+4JsD2Ft5Kheyt58eviT74y5RZ3I/bty2aprKaVGwHPGcQoCqTT+gAAAABJRU5ErkJggg=="/> -->
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Yatzee!</title> <title>Yatzee!</title>
</head> </head>