diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 22:05:09 +01:00
Code Issues Releases Wiki Activity

Started fleshing out digui

Browse Source
This commit is contained in:
Michiel Scholten
2025-05-06 15:57:27 +02:00
parent 72b131c77f
commit d073bc079a
2 changed files with 78 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/digimarks/static/css/digimarks.css
View File

@@ -2,83 +2,12 @@
* digimarks styling
*/
/** Navigation **/
nav {
/*background: #666;*/
}
nav ul {
}
body {
height: 125vh;
font-family: sans-serif;
margin-top: 3rem;
padding: 30px;
}
main {
color: black;
}
header {
background-color: white;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 3rem;
display: flex;
align-items: center;
box-shadow: 0 0 6px 0 #666666;
}
header * {
display: inline;
}
header li {
margin: 20px;
}
header li a {
color: black;
text-decoration: none;
}
/* Active element, e.g. a button */
.active {
background-color: #fb8c00;
}
button {
background-color: #fff;
border: 1px solid #d5d9d9;
border-radius: 8px;
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
box-sizing: border-box;
color: #0f1111;
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: 29px;
padding: 0 10px 0 11px;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
/*width: 100px;*/
}
button:hover {
background-color: #f7fafa;
}
button:focus {
border-color: #008296;
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
outline: 0;
border-color: #d57803;
}

75
src/digimarks/static/css/digui.css
View File

@@ -1,3 +1,78 @@
/**
* digui structure
* v0.0.1
*/
body {
height: 125vh;
font-family: sans-serif;
margin-top: 3rem;
padding: 30px;
}
main {
color: black;
}
header {
background-color: white;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 3rem;
display: flex;
align-items: center;
/*box-shadow: 0 0 5px 0 rgba(213, 217, 217, .5);*/
box-shadow: 0 0 5px 0 #999;
}
header * {
display: inline;
}
header li {
margin: 20px;
}
header li a {
color: black;
text-decoration: none;
}
/* Active element, e.g. a button */
.active {
background-color: #cccccc;
}
button {
background-color: #fff;
border: 1px solid #d5d9d9;
border-radius: 8px;
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
box-sizing: border-box;
color: #0f1111;
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: 29px;
padding: 0 10px 0 11px;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
/*width: 100px;*/
}
button:hover {
background-color: #f7fafa;
}
button:focus {
border-color: #008296;
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
outline: 0;
}