blogger/styles.css at main · naiaddd/blogger · GitHub

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
102
103
104
105
106
107
108
109
110
/* Set the background color to dark slate and text color to green */


@import url('https://cdn.jsdelivr.net/gh/source-foundry/Hack@latest/build/web/hack.css');


body {
    background-color: black; /* Dark Slate */
    color: #32CD32; /* Green */
    font-family: 'Hack', monospace;
    margin: 0;
    padding: 0;

}

.dataset-link {
    color: #32CD32;
}

header {
    text-align: center;
    padding: 50px 0;
}

h1 {
    font-size: 2.5rem;
}

main {
    text-align: center;
    padding: 20px;
}

.preview-popup {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px;
    border-radius: 5px;
    max-width: 300px;
    font-size: 14px;
    display: none;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


/* Inline popup styles */
alert-message {
    position: absolute;
    background: rgba(171, 171, 171, 0.8);
    color: blue;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    display: none;
    font-size: 14px;
    opacity: 0;  /* Start as invisible */
    transition: opacity 2s ease-in-out;  /* Fade effect */
}

/* Hidden class to initially hide the alert */
.hidden {
    opacity: 0;
}


button {
    background-color: #008CBA;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 5px;
}

button:hover {
    background-color: #005f73;
}


/* --- Project / Backlog pages (generated by build_projects.py) --- */
.doc-main { text-align: left; padding: 0 15px 60px; max-width: 900px; }
.topnav { padding: 0 15px 12px; }
body.doc a, .topnav a { color: #32CD32; }
.doc-main .lead { opacity: 0.6; }
.timeline h2 { font-size: 1.2rem; }
.timeline ul, .backlog { list-style: none; padding-left: 0; }
.timeline li, .backlog li { margin: 4px 0; }

details.project { border-left: 2px solid #1f5d1f; margin: 8px 0; padding: 4px 0 4px 10px; }
summary { cursor: pointer; }
.pname { font-weight: bold; }
.codename { opacity: 0.7; }
.meta { opacity: 0.6; font-size: 0.85em; }
.date { color: #7CFC00; }
.ver { color: #9ACD32; }
.milestones { margin: 6px 0; padding-left: 18px; }
.milestones li { margin: 2px 0; }
.roadmap { opacity: 0.7; font-style: italic; margin: 4px 0 4px 18px; }
.experiments summary { opacity: 0.85; }
.backlog .tag { opacity: 0.6; }

/* status accent on the card's left border */
details.status-active   { border-left-color: #32CD32; }
details.status-shipped  { border-left-color: #1E90FF; }
details.status-latent   { border-left-color: #B8860B; }
details.status-archived { border-left-color: #555; }