mirror of
https://gitlab.archlinux.org/archlinux/aurweb.git
synced 2025-02-03 10:43:03 +01:00
021a1c8fb6
Slight markup changes, same style overall and same
form parameters as the PHP implementation.
In addition, we've disabled the "left" and "right"
navigation buttons when we're at the border of the
table.
CSS Changes:
- Added similar styling to submit `<buttons>` that submit `<input>` had.
- Added .results tr td[align="{left,right}"] styling to align
the result table's `More -->` button to the right of the table.
Signed-off-by: Kevin Morris <kevr@0cost.org>
224 lines
3.1 KiB
CSS
224 lines
3.1 KiB
CSS
/* aurweb-specific customizations to archweb.css */
|
|
|
|
#archnavbar.anb-aur ul li#anb-aur a {
|
|
color: white !important;
|
|
}
|
|
|
|
#archnavbarlogo {
|
|
background: url('archnavbar/aurlogo.png') !important;
|
|
}
|
|
|
|
#lang_sub {
|
|
float: right;
|
|
}
|
|
|
|
.pkglist-nav .page {
|
|
margin: 0 .25em;
|
|
}
|
|
|
|
#pkg-stats td.stat-desc {
|
|
white-space: normal;
|
|
}
|
|
|
|
#actionlist form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.arch-bio-entry ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#pkg-updates table {
|
|
table-layout: fixed;
|
|
width:100%;
|
|
}
|
|
|
|
#pkg-updates td.pkg-name {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#pkg-updates td.pkg-date {
|
|
text-align:right;
|
|
}
|
|
|
|
.keyword:link, .keyword:visited {
|
|
float: left;
|
|
margin: 1px .5ex 1px 0;
|
|
padding: 0 1em;
|
|
color: white;
|
|
background-color: #36a;
|
|
border: 1px solid transparent;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.keyword:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.keyword:focus {
|
|
border: 1px dotted #000;
|
|
}
|
|
|
|
.text-button {
|
|
background: transparent;
|
|
border: none !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
font: normal 100% sans-serif;
|
|
text-decoration: none;
|
|
color: #07b;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.text-button:hover {
|
|
text-decoration: underline;
|
|
color: #666;
|
|
}
|
|
|
|
.text-button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.comment-deleted {
|
|
color: #999;
|
|
}
|
|
|
|
.edited {
|
|
font-size: 0.9em;
|
|
color: #999;
|
|
}
|
|
|
|
.delete-comment-form, .undelete-comment-form, .pin-comment-form, .edit-comment {
|
|
float: right;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.edit-comment {
|
|
height: 11px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.comment-enable-notifications {
|
|
display: inline-block;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.rss-icon, .delete-comment, .undelete-comment, .edit-comment, .pin-comment {
|
|
-webkit-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.rss-icon:hover, .delete-comment:hover, .undelete-comment:hover, .edit-comment:hover, .pin-comment:hover {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.ajax-loader {
|
|
float: right;
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
.flagged a {
|
|
color: inherit;
|
|
}
|
|
|
|
legend {
|
|
padding: 1em 0;
|
|
}
|
|
|
|
p.important {
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.hover-help {
|
|
border-bottom: 1px dotted black;
|
|
cursor:help;
|
|
}
|
|
|
|
label.confirmation,
|
|
#merge-into {
|
|
width: auto;
|
|
}
|
|
|
|
#pkgdepslist .broken {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.package-comments {
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.comments-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
/* arrowed headings */
|
|
.comments-header h3 span.text {
|
|
display: block;
|
|
background: #1794D1;
|
|
font-size: 15px;
|
|
padding: 2px 10px;
|
|
color: white;
|
|
}
|
|
|
|
.comments-header .comments-header-nav {
|
|
align-self: flex-end;
|
|
}
|
|
|
|
.comment-header {
|
|
clear: both;
|
|
font-size: 1em;
|
|
margin-top: 1.5em;
|
|
border-bottom: 1px dotted #bbb;
|
|
}
|
|
|
|
.comments div {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.comments div p {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.comments .more {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.error {
|
|
color: red;
|
|
}
|
|
|
|
.article-content > div {
|
|
overflow: hidden;
|
|
transition: height 1s;
|
|
}
|
|
|
|
.proposal.details {
|
|
margin: .33em 0 1em;
|
|
}
|
|
|
|
button[type="submit"],
|
|
button[type="reset"] {
|
|
padding: 0 0.6em;
|
|
}
|
|
|
|
.results tr td[align="left"] fieldset {
|
|
text-align: left;
|
|
}
|
|
|
|
.results tr td[align="right"] fieldset {
|
|
text-align: right;
|
|
}
|
|
|