Chris Morgan
›
Git
›
gitweb
› blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
commit
grep
author
committer
pickaxe
?
search:
re
More miscellaneous style updates
[gitweb]
/
static
/
gitweb.css
diff --git
a/static/gitweb.css
b/static/gitweb.css
index 0cd760a2df44088405ea9c952dbf99090952494f..025f996de2841f5c758c88af5c10d2154e8b9e4c 100644
(file)
--- a/
static/gitweb.css
+++ b/
static/gitweb.css
@@
-8,8
+8,28
@@
body {
margin: 0;
background-color: #ffffff;
color: #000000;
margin: 0;
background-color: #ffffff;
color: #000000;
+ /*display: flex;
+ flex-direction: column;*/
+}
+
+.cards {
display: flex;
flex-direction: column;
display: flex;
flex-direction: column;
+ gap: 1rem;
+ margin: 1rem;
+}
+
+.cards > article {
+ border: 1px solid #ddd;
+}
+
+.cards > article > .header > .title {
+ --card-title-pad-left: 0.5rem;
+ padding: 0.25rem 0.5rem;
+}
+
+.cards > article > table {
+ padding: 0;
}
a {
}
a {
@@
-46,13
+66,17
@@
a.list img.avatar {
}
.page_header {
}
.page_header {
- padding: 1rem;
+ /* Subtracting the border-top, because otherwise the underlines on/below links start to unbalance it. */
+ padding: 0.75rem 1rem 1rem;
font-size: 150%;
font-size: 150%;
- font-weight: bold;
border-top: 0.25rem solid #f71;
background-color: #f716;
}
border-top: 0.25rem solid #f71;
background-color: #f716;
}
+.page_header a {
+ font-weight: bold;
+}
+
.page_header a:visited, a.header {
color: #0000cc;
}
.page_header a:visited, a.header {
color: #0000cc;
}
@@
-81,17
+105,18
@@
div.page_nav a:visited {
}
div.page_path {
}
div.page_path {
- padding:
8px
;
+ padding:
0.5rem 1rem
;
font-weight: bold;
font-weight: bold;
- border: solid #d
9d8d1
;
+ border: solid #d
dd
;
border-width: 0px 0px 1px;
}
border-width: 0px 0px 1px;
}
-footer {
+
.page_
footer {
margin-top: auto;
margin-top: auto;
+ margin-top: 2rem;
display: flex;
display: flex;
- padding:
4px 8px
;
- background-color: #d
9d8d1
;
+ padding:
0.5rem 1rem
;
+ background-color: #d
dd
;
justify-content: flex-end;
}
justify-content: flex-end;
}
@@
-103,22
+128,22
@@
div.page_footer_text {
}
div#generating_info {
}
div#generating_info {
- margin:
4px
;
+ margin:
0.5rem 1rem
;
font-size: smaller;
text-align: center;
color: #505050;
}
div.page_body {
font-size: smaller;
text-align: center;
color: #505050;
}
div.page_body {
- padding:
8px
;
+ padding:
0.5rem 1rem
;
font-family: monospace;
}
div.title, a.title {
display: block;
font-family: monospace;
}
div.title, a.title {
display: block;
- padding:
6px 8px
;
+ padding:
0.5rem 1rem
;
font-weight: bold;
font-weight: bold;
- background-color: #
edece6
;
+ background-color: #
ddd
;
text-decoration: none;
color: #000000;
}
text-decoration: none;
color: #000000;
}
@@
-128,17
+153,22
@@
div.readme {
}
a.title:hover {
}
a.title:hover {
- background-color: #
d9d8d1
;
+ background-color: #
ccc
;
}
div.title_text {
}
div.title_text {
- padding:
6px 0px
;
- border: solid #
d9d8d1
;
+ padding:
0
;
+ border: solid #
ccc
;
border-width: 0px 0px 1px;
}
border-width: 0px 0px 1px;
}
+:root {
+ /* FIXME: not good, too tied to the font, restructure */
+ --log-sidebar-width: 10rem;
+}
+
div.log_body {
div.log_body {
- padding: 8px 8px 8px
150px
;
+ padding: 8px 8px 8px
var(--log-sidebar-width)
;
}
time {
}
time {
@@
-147,7
+177,8
@@
time {
time.age {
float: left;
time.age {
float: left;
- width: 142px;
+ /* From .cards > article > .header > .title padding-left; eww, TODO tidy all this up */
+ width: calc(var(--log-sidebar-width) - var(--card-title-pad-left));
}
span.signoff {
}
span.signoff {
@@
-155,18
+186,18
@@
span.signoff {
}
div.log_link {
}
div.log_link {
- padding: 0
px 8px
;
- font-size:
7
0%;
+ padding: 0
0.5rem
;
+ font-size:
8
0%;
font-family: sans-serif;
font-style: normal;
position: relative;
float: left;
font-family: sans-serif;
font-style: normal;
position: relative;
float: left;
- width:
136px
;
+ width:
calc(var(--log-sidebar-width) - 0.5rem - 0.5rem)
;
}
div.list_head {
padding: 6px 8px 4px;
}
div.list_head {
padding: 6px 8px 4px;
- border: solid #d
9d8d1
;
+ border: solid #d
dd
;
border-width: 1px 0px 0px;
font-style: italic;
}
border-width: 1px 0px 0px;
font-style: italic;
}
@@
-177,7
+208,7
@@
div.list_head {
div.author_date {
padding: 8px;
div.author_date {
padding: 8px;
- border: solid #d
9d8d1
;
+ border: solid #d
dd
;
border-width: 0px 0px 1px 0px;
}
border-width: 0px 0px 1px 0px;
}
@@
-215,9
+246,12
@@
a.text:hover {
}
table {
}
table {
- padding:
8px 4px
;
+ padding:
0.5rem 1rem
;
border-spacing: 0;
}
border-spacing: 0;
}
+table.tree {
+ padding: 0;
+}
table.diff_tree {
font-family: monospace,m;
table.diff_tree {
font-family: monospace,m;
@@
-254,26
+288,23
@@
table.blame td {
vertical-align: top;
}
vertical-align: top;
}
-th {
- padding: 2px 5px;
+th,
+table.project_list th:first-child {
+ padding: 0.25rem 0.5rem;
text-align: left;
}
text-align: left;
}
-/* do not change row style on hover for 'blame' view */
-tr.light,
-table.blame .light:hover {
- background-color: #ffffff;
+th:first-child {
+ padding-left: 0;
}
}
-tr.dark,
-t
able.blame .dark:hover
{
- background-color: #f
6f6f0
;
+/* do not change row style on hover for 'blame' view */
+t
r.light
{
+ background-color: #f
fffff
;
}
}
-/* currently both use the same, but it can change */
-tr.light:hover,
-tr.dark:hover {
- background-color: #edece6;
+tr.dark {
+ background-color: #f6f6f6;
}
/* boundary commits in 'blame' view */
}
/* boundary commits in 'blame' view */
@@
-289,14
+320,13
@@
tr.color2 { background-color: #f6f6ff; }
tr.color3 { background-color: #fff6f6; }
td {
tr.color3 { background-color: #fff6f6; }
td {
- padding: 2px 5px;
- vertical-align: top;
+ padding: 0.25rem 0.5rem;
}
td.link, td.selflink {
padding: 2px 5px;
font-family: sans-serif;
}
td.link, td.selflink {
padding: 2px 5px;
font-family: sans-serif;
- font-size:
7
0%;
+ font-size:
8
0%;
}
td.selflink {
}
td.selflink {
@@
-317,12
+347,16
@@
td.current_head {
}
td.category {
}
td.category {
- background-color: #d
9d8d1
;
- border-top:
1px solid #000000
;
- bo
rder-left: 1px solid #000000
;
+ background-color: #d
dd
;
+ border-top:
0.5rem solid #fff
;
+ bo
x-shadow: inset 0 1px #bbb
;
font-weight: bold;
}
font-weight: bold;
}
+table.project_list tr:nth-child(2) > td.category {
+ border-top-width: 0.25rem;
+}
+
table.diff_tree span.file_status.new {
color: #008000;
}
table.diff_tree span.file_status.new {
color: #008000;
}
@@
-388,7
+422,7
@@
td.mode {
div#progress_bar {
height: 2px;
margin-bottom: -2px;
div#progress_bar {
height: 2px;
margin-bottom: -2px;
- background-color: #d
8d9d0
;
+ background-color: #d
dd
;
}
div#progress_info {
float: right;
}
div#progress_info {
float: right;
@@
-409,13
+443,8
@@
div.diff.extended_header {
div.diff.header {
font-weight: bold;
div.diff.header {
font-weight: bold;
-
- background-color: #edece6;
-
- margin-top: 4px;
- padding: 4px 0px 2px 0px;
- border: solid #d9d8d1;
- border-width: 1px 0px 1px 0px;
+ background-color: #eee;
+ box-shadow: inset 0 1px #0003;
}
div.diff.header a.path {
}
div.diff.header a.path {
@@
-425,16
+454,17
@@
div.diff.header a.path {
div.diff.extended_header,
div.diff.extended_header a.path,
div.diff.extended_header a.hash {
div.diff.extended_header,
div.diff.extended_header a.path,
div.diff.extended_header a.hash {
- color: #
777777
;
+ color: #
333
;
}
div.diff.extended_header .info {
}
div.diff.extended_header .info {
-
color: #b0b0b0
;
+
opacity: 0.5
;
}
}
-div.diff.extended_header {
- background-color: #f6f5ee;
- padding: 2px 0px 2px 0px;
+div.diff.extended_header,
+div.diff.from_file,
+div.diff.to_file {
+ background-color: #eee;
}
div.diff a.list,
}
div.diff a.list,
@@
-451,28
+481,28
@@
div.diff a.hash:hover {
div.diff.to_file a.path,
div.diff.to_file {
div.diff.to_file a.path,
div.diff.to_file {
- color: #0
0700
0;
+ color: #0
6
0;
}
div.diff.add {
}
div.diff.add {
-
color: #008800
;
+
background-color: #dfd
;
}
}
-div.diff.add
span.marked
{
- background-color: #a
affa
a;
+div.diff.add
mark
{
+ background-color: #a
f
a;
}
div.diff.from_file a.path,
div.diff.from_file {
}
div.diff.from_file a.path,
div.diff.from_file {
- color: #
aa00
00;
+ color: #
9
00;
}
div.diff.rem {
}
div.diff.rem {
-
color: #cc0000
;
+
background-color: #fdd
;
}
}
-div.diff.rem
span.marked
{
- background-color: #f
faa
aa;
+div.diff.rem
mark
{
+ background-color: #faa;
}
div.diff.chunk_header a,
}
div.diff.chunk_header a,
@@
-481,9
+511,6
@@
div.diff.chunk_header {
}
div.diff.chunk_header {
}
div.diff.chunk_header {
- border: dotted #ffe0ff;
- border-width: 1px 0px 0px 0px;
- margin-top: 2px;
}
div.diff.chunk_header span.chunk_info {
}
div.diff.chunk_header span.chunk_info {
@@
-492,6
+519,7
@@
div.diff.chunk_header span.chunk_info {
div.diff.chunk_header span.section {
color: #aa22aa;
div.diff.chunk_header span.section {
color: #aa22aa;
+ font-style: italic;
}
div.diff.incomplete {
}
div.diff.incomplete {
@@
-562,7
+590,7
@@
a.linenr {
user-select: none;
}
user-select: none;
}
-a.
rss
_logo {
+a.
feed
_logo {
padding: 3px 5px;
border: 1px solid;
border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
padding: 3px 5px;
border: 1px solid;
border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
@@
-570,26
+598,26
@@
a.rss_logo {
background-color: #ff6600;
font-weight: bold;
font-family: sans-serif;
background-color: #ff6600;
font-weight: bold;
font-family: sans-serif;
- font-size:
7
0%;
+ font-size:
8
0%;
text-align: center;
text-decoration: none;
}
text-align: center;
text-decoration: none;
}
-a.
rss
_logo:hover {
+a.
feed
_logo:hover {
background-color: #ee5500;
}
background-color: #ee5500;
}
-a.
rss
_logo.generic {
+a.
feed
_logo.generic {
background-color: #ff8800;
}
background-color: #ff8800;
}
-a.
rss
_logo.generic:hover {
+a.
feed
_logo.generic:hover {
background-color: #ee7700;
}
span.refs span {
padding: 0px 4px;
background-color: #ee7700;
}
span.refs span {
padding: 0px 4px;
- font-size:
7
0%;
+ font-size:
8
0%;
font-weight: normal;
border: 1px solid;
background-color: #ffaaff;
font-weight: normal;
border: 1px solid;
background-color: #ffaaff;
@@
-624,17
+652,13
@@
span.refs span.head {
border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
}
border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
}
-span.match {
- color: #e00000;
-}
-
div.binary {
font-style: italic;
}
div.remote {
margin: .5em;
div.binary {
font-style: italic;
}
div.remote {
margin: .5em;
- border: 1px solid #d
9d8d1
;
+ border: 1px solid #d
dd
;
display: inline-block;
}
display: inline-block;
}