Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
| Comment: | Moved most of the sidebar implementation up into default.css in a generic form so all skins share it, including Étienne. What remains behind in the new default skin are the accent colors for the background and the left border. The generic form simply applies a tint darkening to whatever background it finds itself on, which works for most of the stock skins. |
|---|---|
| Downloads: | Tarball | ZIP archive |
| Timelines: | family | ancestors | descendants | both | inskinerator-modern-backport |
| Files: | files | file ages | folders |
| SHA3-256: |
bcbd1c1e90483716e29e9919837e4c13 |
| User & Date: | wyoung 2024-02-10 10:20:34.784 |
References
|
2024-02-10
| ||
| 14:29 | Removed redundant sidebar styling; should've been done as part of [bcbd1c1e]. ... (Closed-Leaf check-in: 8aff48548a user: wyoung tags: inskinerator-modern-backport) | |
Context
|
2024-02-10
| ||
| 10:28 | Copied table formatting over to Étienne skin, but in monochrome form and without any of the extra whitespace in the default version. ... (check-in: f6897ff2bc user: wyoung tags: inskinerator-modern-backport) | |
| 10:20 | Moved most of the sidebar implementation up into default.css in a generic form so all skins share it, including Étienne. What remains behind in the new default skin are the accent colors for the background and the left border. The generic form simply applies a tint darkening to whatever background it finds itself on, which works for most of the stock skins. ... (check-in: bcbd1c1e90 user: wyoung tags: inskinerator-modern-backport) | |
| 10:17 | Applied Vim filetype modeline to the new Étienne skin so we don't lose syntax highlighting when bouncing between this and default. ... (check-in: 89ceba160c user: wyoung tags: inskinerator-modern-backport) | |
Changes
Changes to skins/default/css.txt.
| ︙ | ︙ | |||
180 181 182 183 184 185 186 |
}
.forum form input {
margin: 0.5em 0;
}
| | | < < < < < < < < < < < | < < > | < < < < < < < < < < < | 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 |
}
.forum form input {
margin: 0.5em 0;
}
/* Markdown and Wiki-formatted pages: /wiki, /doc, /file... */
.markdown blockquote, p.blockquote, .sidebar {
/* Override default.css version with our accent colors. */
background-color: rgba(65, 131, 196, 0.1);
border-left-color: #4183c4;
}
/* Mark inline code fragments in the near-universal manner pioneered by
* Stack Overflow, then picked up by approximately everyone, including
* us, now.
*
* This combinatoric selector explosion results from a need to apply
|
| ︙ | ︙ |
Changes to src/default.css.
| ︙ | ︙ | |||
1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 |
}
blockquote.file-content {
/* file content block in the /file page */
margin: 0 1em;
}
/**
Circular "help" buttons intended to be placed to the right of
another element and hold text text for it. These typically get
initialized automatically at page startup via
fossil.popupwidget.js, and can be manually initialized/created
using window.fossil.helpButtonlets.setup/create(). All of their
| > > > > > > > > > > > > > > > > > > > > > > > > | 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 |
}
blockquote.file-content {
/* file content block in the /file page */
margin: 0 1em;
}
/* Generic sidebar styling inherited by skins that don't make their own
* arrangements. */
.markdown blockquote, p.blockquote, .sidebar {
background-color: rgba(0, 0, 0, 0.05);
border-left: 3px solid #777;
padding: 0.1em 1em;
}
.sidebar {
font-size: 90%;
}
.sidebar {
/* Generic form that can be applied to any block element. */
font-size: 0.9em;
}
div.sidebar {
/* Special exception for div-type sidebars, where there is no p
* wrapper inside to give us the extra padding we want. */
padding: 1em;
}
div.sidebar:not(.no-label):before {
content: "Sidebar: ";
font-weight: bold;
}
/**
Circular "help" buttons intended to be placed to the right of
another element and hold text text for it. These typically get
initialized automatically at page startup via
fossil.popupwidget.js, and can be manually initialized/created
using window.fossil.helpButtonlets.setup/create(). All of their
|
| ︙ | ︙ | |||
1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 |
}
/* Objects in the "desktoponly" class are invisible on mobile */
@media screen and (max-width: 600px) {
.desktoponly {
display: none;
}
}
/* Objects in the "wideonly" class are invisible only on wide-screen desktops */
@media screen and (max-width: 1200px) {
.wideonly {
display: none;
}
}
| > > > > > > > > | 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 |
}
/* Objects in the "desktoponly" class are invisible on mobile */
@media screen and (max-width: 600px) {
.desktoponly {
display: none;
}
}
/* Float sidebars to the right of the main content only if there's room. */
@media screen and (min-width: 600px) {
.sidebar {
float: right;
max-width: 33%;
margin-left: 1em;
}
}
/* Objects in the "wideonly" class are invisible only on wide-screen desktops */
@media screen and (max-width: 1200px) {
.wideonly {
display: none;
}
}
|