IDeletedSystem64
/
system64.dev
1
0
Fork 0
Code Issues 4 Pull Requests Releases 2 Activity

Add menu buttons

This commit is contained in:
Sophie Marie 2023-04-28 20:31:10 -05:00
parent bceccea001
commit 6969960b73
Signed by: IDeletedSystem64
GPG Key ID: F5D997A1BEF778ED
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -8,7 +8,11 @@
</head> </head>
<body> <body>
<div class="taskbar"> <div class="taskbar">
<input class="taskbar" type="button" onclick="location.href='https://system64.dev';" value="system64.dev"> <input class="taskbar" type="button" onclick="location.href='https://system64.dev';" value="system64.dev" style="min-width: 130px; background: url(/img/taskbar/blueberry_pt.png) left no-repeat; padding-left: 25px; background-position: 3px;"> <!-- this looks nasty -->
<input class="taskbar" type="button" onclick="location.href='/artwork/index.html';" value="Artwork">
<input class="taskbar" type="button" onclick="location.href='/projects/index.html';" value="Projects">
<input class="taskbar" type="button" onclick="location.href='/ocs/index.html';" value="OC Refsheets">
<input class="taskbar" type="button" onclick="location.href='https://git.system64.dev'" value="Code (Gitea)">
</div> </div>
<div class="container"> <div class="container">
<div class="main"> <div class="main">

9
styles/buttons.css
View File

@ -18,15 +18,16 @@ input {
font-family: 'Share Tech Mono', monospace; font-family: 'Share Tech Mono', monospace;
} }
input.taskbar { input.taskbar {
background: #c3c3c3 url(/img/taskbar/blueberry_pt.png) left no-repeat;
background-position: 2px; background: #c3c3c3;
padding-left: 25px;
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
font-family: 'Share Tech Mono', monospace; font-family: 'Share Tech Mono', monospace;
font-size: 13pt; font-size: 13pt;
min-width: 130px; height: 27px;
min-width: 170px;
max-width: 230px;
margin-top: 1px; margin-top: 1px;
margin-left: 2px; margin-left: 2px;
} }