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

Move 'start' button CSS to buttons.css

This commit is contained in:
Sophie Marie 2023-06-07 14:40:20 -05:00
parent 57053cf3f3
commit bd20e6d9b6
Signed by: IDeletedSystem64
GPG Key ID: F5D997A1BEF778ED
3 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -12,9 +12,7 @@
</head>
<body>
<div class="taskbar">
<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;
input.taskbar:active { background: #acacac url(/img/taskbar/blueberry_pt.png) left no-repeat; }; >
}"> <!-- this looks nasty, i'll fix this disgust later. -->
<input class="start" type="button" onclick="location.href='/';" value="system64.dev">
<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">

27
styles/button_style.css
View File

@ -7,7 +7,7 @@
input {
-webkit-appearance: none;
appearance: none;
background: #dad9d9;
background: #c3c3c3;
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
min-width: 200px;
@ -18,7 +18,8 @@ input {
font-family: 'Share Tech Mono', monospace;
}
input.taskbar {
-webkit-appearance: none;
appearance: none;
background: #c3c3c3;
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
@ -26,7 +27,7 @@ input.taskbar {
font-size: 13pt;
font-weight: bold;
height: 27px;
height: 26px;
min-width: 170px;
max-width: 230px;
margin-top: 1px;
@ -37,6 +38,26 @@ input.taskbar:active {
background: #acacac;
background-position: 2px;
}
input.start {
height: 28px;
min-width: 130px;
max-width: 230px;
margin-top: 1px;
margin-left: 2px;
background: url(/img/taskbar/blueberry_pt.png) left no-repeat;
padding-left: 25px;
background-position: 3px;
font-size: 17px;
font-weight: bold;
}
input.start:active {
background-color: #acacac;
background-image: url(/img/taskbar/blueberry_pt.png) left no-repeat;
}
input:active {
background: #acacac;
box-shadow: inset 0em 0em

1
styles/main_style.css
View File

@ -64,6 +64,7 @@ div.taskbar {
background-color: #c3c3c3;
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #c3c3c3,inset -2px -2px grey,inset 2px 2px #dfdfdf;
}
/* Website layout */
img.webbutton{