~gitpocket/gitpocket

1
266053a6e7bb9c2b05622beea635d12c2088a60d
mainfeed-discovery
gitpocket/static/style.css -rw-r--r--7.4 KiB ViewLogBlameView rawPermalink 266053a6e7 feat(basin): light theme, highlighting, latex, avatar crop, rate limits 3 days ago
  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
111
112
113
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter.woff2) format('woff2')}
@font-face{font-family:Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/mono.woff2) format('woff2')}
:root{--bg:#fff;--fg:#212529;--muted:#6c757d;--line:#dee2e6;--soft:#f8f9fa;--link:#0b5ab0;--add:#1a7f37;--del:#c0392b;--addbg:#e6ffec;--delbg:#ffebe9;--code:#f6f8fa;--accent:#212529}
*{box-sizing:border-box}
html{font:15px/1.5 Inter,system-ui,sans-serif;font-feature-settings:"cv05","ss03";background:var(--bg);color:var(--fg)}
body{margin:0}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
code,pre,.hash,.tree .mode,.blob,.hunk,.code,textarea{font-family:Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px}
pre{background:var(--code);padding:.6rem .8rem;overflow-x:auto;border:1px solid var(--line);border-radius:3px}
h1{font-size:1.35rem;margin:0 0 .4rem;font-weight:600}
h2{font-size:1.1rem;margin:1.4rem 0 .6rem;font-weight:600}
h3{font-size:.95rem;margin:1rem 0 .4rem;font-weight:600}
h2:first-child,h3:first-child{margin-top:0}
.muted,.when,.who{color:var(--muted)}
.tag{font-size:.75rem;border:1px solid var(--line);border-radius:3px;padding:0 .3rem;color:var(--muted);vertical-align:middle}
.error{color:var(--del);border:1px solid var(--del);border-radius:3px;padding:.4rem .6rem}
.notice{border:1px solid var(--add);border-radius:3px;padding:.4rem .6rem;background:var(--addbg)}
header{background:var(--soft);border-bottom:1px solid var(--line)}
nav.site{max-width:1100px;margin:0 auto;padding:.55rem 1rem;display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
nav.site .brand{font-weight:700;color:var(--fg)}
nav.site .spacer{flex:1}
nav.site a{color:var(--fg)}
nav.site form{display:inline}
nav.site button{background:none;border:0;color:var(--fg);cursor:pointer;font:inherit;padding:0}
.repohead{max-width:1100px;margin:0 auto;padding:1rem 1rem 0}
.repohead h1{margin:0;font-size:1.3rem}
.repohead h1 a{color:var(--fg)}
.repohead .desc{margin:.2rem 0 .6rem;color:var(--muted)}
nav.tabs{display:flex;gap:0;margin-top:.5rem}
nav.tabs a{color:var(--fg);padding:.4rem .9rem;border:1px solid transparent;border-bottom:0;margin-bottom:-1px}
nav.tabs a:hover{text-decoration:none;background:#fff;border-color:var(--line)}
main{max-width:1100px;margin:0 auto;padding:1.2rem 1rem 3rem}
.hero{padding:1rem 0 1.5rem;border-bottom:1px solid var(--line);margin-bottom:1rem;max-width:44rem}
.hero h1{font-size:1.8rem}
.hero p{margin:.4rem 0}
.row{display:flex;justify-content:space-between;align-items:baseline}
.row h2{margin-top:0}
.button{display:inline-block;background:var(--accent);color:#fff;padding:.4rem .9rem;border-radius:3px;font-size:.9rem}
.button:hover{text-decoration:none;opacity:.9}
.button.secondary{background:#fff;color:var(--fg);border:1px solid var(--line)}
ul.repos,ul.commits,ul.side,ul.files,ul.facts{list-style:none;padding:0;margin:0}
ul.repos li{display:grid;grid-template-columns:minmax(10rem,1fr) 2fr auto;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line);align-items:baseline}
ul.repos .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.repos .when{white-space:nowrap}
ul.commits li{display:grid;grid-template-columns:7em 1fr auto auto;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line)}
ul.commits .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.side li{padding:.3rem 0;border-bottom:1px solid var(--line)}
ul.side li:last-child{border-bottom:0}
ul.side .muted{font-size:.85rem}
.columns{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:2.5rem;align-items:start}
.columns.user{grid-template-columns:16rem minmax(0,1fr)}
aside h3 a{color:var(--fg)}
.profile .avatar{display:block;width:16rem;height:16rem;margin-bottom:.8rem}
.avatar{width:128px;height:128px;object-fit:cover;border:1px solid var(--line);border-radius:3px;background:var(--soft)}
.bio{white-space:pre-wrap;margin:.3rem 0 .6rem}
ul.facts li{padding:.15rem 0}
@media(max-width:800px){.columns,.columns.user{grid-template-columns:1fr}ul.commits li{grid-template-columns:7em 1fr}ul.commits .who,ul.commits .when{display:none}ul.repos li{grid-template-columns:1fr auto}ul.repos .muted{grid-column:1/-1}.profile .avatar{width:128px;height:128px}}
dl.clone{margin:0 0 1rem}
dl.clone dt{color:var(--muted);font-size:.85rem}
dl.clone dd{margin:0 0 .4rem;overflow-wrap:anywhere}
dl.meta{display:grid;grid-template-columns:6em 1fr;gap:.15rem .5rem;margin:0 0 .8rem}
dl.meta dt{color:var(--muted)}
dl.meta dd{margin:0;overflow-wrap:anywhere}
.readme img{max-width:100%}
.readme table{border-collapse:collapse}
.readme td,.readme th{border:1px solid var(--line);padding:.2rem .5rem}
.readme code{background:var(--code);padding:.05rem .25rem;border-radius:3px}
.readme pre code{padding:0;background:none}
.readme h1{font-size:1.5rem;margin:.6rem 0 .6rem}
.readme h2{font-size:1.2rem;border-bottom:1px solid var(--line);padding-bottom:.2rem}
.readme blockquote{border-left:3px solid var(--line);margin:0;padding:0 1rem;color:var(--muted)}
table{border-collapse:collapse}
table.tree{width:100%}
table.tree td{padding:.3rem .8rem .3rem 0;border-bottom:1px solid var(--line);white-space:nowrap}
table.tree .mode{color:var(--muted)}
table.tree .size{color:var(--muted);text-align:right}
table.tree .last{max-width:30rem;overflow:hidden;text-overflow:ellipsis;width:100%}
table.tree .when{text-align:right}
table.refs td,table.keys td{padding:.3rem 1rem .3rem 0;border-bottom:1px solid var(--line)}
table.blob,.code table{width:100%;background:var(--code);border:1px solid var(--line);border-radius:3px}
table.hunk{width:100%;background:#fff;border:1px solid var(--line);border-radius:3px}
table.blob td,table.hunk td,.code td{padding:0 .5rem;white-space:pre;vertical-align:top}
td.n{text-align:right;color:var(--muted);user-select:none;width:1%}
td.n a{color:var(--muted)}
td.l{white-space:pre-wrap;overflow-wrap:anywhere;width:100%}
tr:target td{background:#fff8c5}
.code pre{background:none;border:0;padding:0;margin:0}
.code .lntd:first-child{width:1%;user-select:none}
.code .lnt,.code .ln{color:var(--muted);margin-right:0;padding:0 .4rem 0 .2rem}
.code .lntd a{color:var(--muted)}
.code .line:target,.code .line:target .cl{background:#fff8c5}
.hunk .head td{color:var(--muted);background:var(--soft)}
.hunk tr.add td{background:var(--addbg)}
.hunk tr.del td{background:var(--delbg)}
.hunk tr.meta td{color:var(--muted)}
.add{color:var(--add)}
.del{color:var(--del)}
.diff{margin-bottom:1.5rem}
.files{margin-bottom:1.2rem}
.files li{padding:.1rem 0}
.crumbs{margin:0 0 .8rem}
form.stack{display:flex;flex-direction:column;gap:.7rem;max-width:32rem;margin-bottom:1rem}
form.stack label{display:flex;flex-direction:column;gap:.25rem;color:var(--muted);font-size:.9rem}
form.stack label.check{flex-direction:row;align-items:center;gap:.5rem}
input,textarea{font:inherit;color:var(--fg);background:#fff;border:1px solid var(--line);border-radius:3px;padding:.4rem .55rem}
input:focus,textarea:focus{outline:2px solid #b6d4fe;border-color:#86b7fe}
input[type=file]{border:0;padding:0}
button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:3px;padding:.4rem .9rem;cursor:pointer;align-self:flex-start}
button.danger{background:#fff;color:var(--del);border:1px solid var(--del);padding:.15rem .5rem}
pre.body{white-space:pre-wrap}
.cropper canvas{display:block;max-width:100%;border:1px solid var(--line);cursor:move;touch-action:none}
.cropper input[type=range]{width:100%;padding:0}