GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — Directional-Boring/style.css at main · CodingTrain/Directional-Boring

Expand file tree

/

style.css

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
101 lines (82 loc) · 1.63 KB
/

style.css

Copy path

File metadata and controls

101 lines (82 loc) · 1.63 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
/* CSS Reset */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Setting up CSS grid */
body {
font-family: 'Roboto Mono', monospace;
color: #3C3C3C;
font-size: 0.9rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: min(420px, 70vw) 1.2rem 3.2rem 5rem 1rem 1rem 5rem 5rem;
/* grid-template-rows: min(400px, 100vw) 1.2rem 3.2rem 5rem 1rem 1rem 5rem 5rem; */
align-items: center;
justify-items: center;
justify-content: center;
margin: 0 max(0px, calc(50% - 300px));
margin-bottom: 1rem;
-webkit-text-size-adjust: none;
/* touch-action: manipulation; */
}
/* main only contains canvas */
main {
grid-column-start: 1;
grid-column-end: 4;
}
div {
text-align: center;
}
.copyright {
grid-column-start: 1;
grid-column-end: 4;
text-align: center;
}
canvas {
display: block;
}
input[type='checkbox'] {
margin-right: 0.5rem;
}
/* Button styling */
button {
font-family: inherit;
font-size: inherit;
width: 8em;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
border: 0.1rem solid #666666;
color: #3C3C3C;
background-color: #EDEDED;
}
button:hover{
background-color: #D8D8D8;
color: #727272;
border: 0.1rem solid #8F8F8F;
}
/* A few adjustments commented out */
/* #visual-instructions {
grid-row: 4 / 5;
grid-column: 1 / 2;
text-align: center;
} */
/* #copyright {
grid-row: 5 / 6;
grid-column: 1 / 4;
text-align: center;
align-self: end;
} */
/* Cursor for buttons, sliders and checkboxes*/
button,
input[type='range'],
input[type='checkbox'] {
cursor: pointer;
}
/* Link styling */
a:not([class]) {
color: #8F8F8F;
}
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.