2 * Font sizing based on 16px browser defaults (use em):
11 * We're forcing all generic selectors with !important
12 * to help prevent other stylesheets from interfering.
15 /* container for the entire bar */
16 #archnavbar { min-height: 40px !important
; padding: 10px 15px !important
; background: #333 !important
; border-bottom: 5px #08c solid
!important
; }
17 #archnavbarlogo { float: left
!important
; margin: 0 !important
; padding: 0 !important
; height: 40px !important
; width: 190px !important
; background: url
('archnavbar/archlogo.png') no-repeat
!important
; }
18 @media (-webkit-min-device-pixel-ratio: 1.2), (min--moz-device-pixel-ratio: 1.2), (-o-min-device-pixel-ratio: 2/1) {
19 #archnavbarlogo { float: left
!important
; margin: 0 !important
; padding: 0 !important
; height: 40px !important
; width: 190px !important
; background: url
(archnavbar/archlogo.svg) no-repeat
!important
;background-size:100% !important
;
23 /* move the heading text offscreen */
24 #archnavbarlogo h1
{ margin: 0 !important
; padding: 0 !important
; text-indent: -9999px !important
; }
26 /* make the link the same size as the logo */
27 #archnavbarlogo a
{ display: block
!important
; height: 40px !important
; width: 190px !important
; }
29 /* display the list inline, float it to the right and style it */
30 #archnavbarlist { display: block
!important
; list-style: none
!important
; margin: 0 !important
; padding: 0 !important
; font-size: 0px !important
; text-align: right
!important
; }
31 #archnavbarlist li
{ display: inline-block
!important
; font-size: 14px !important
; font-family: sans-serif
!important
; line-height: 14px !important
; padding: 14px 15px 0px !important
; }
34 #archnavbarlist li a
{ color: #999; font-weight: bold
!important
; text-decoration: none
!important
; }
35 #archnavbarlist li
a:hover
{ color: white
!important
; text-decoration: underline
!important
; }
37 /* END ARCH GLOBAL NAVBAR */
51 font: normal
100% sans-serif
;
70 font: 1.2em monospace
;
72 padding: 0.15em 0.25em;
76 font: 1.2em monospace
;
77 border: 1px solid
#bdb;
94 vertical-align: middle
;
101 select
[multiple
] option
{
102 padding: 0 0.5em 0 0.3em;
119 border-top: 1px solid
#888;
126 /* scale fonts down to a sane default (16 * .812 = 13px) */
133 text-decoration: none
;
146 text-decoration: underline
;
154 /* special anchor elements */
160 h3:hover
> a
.headerlink
{
167 margin-bottom: 0.5em;
168 border-bottom: 1px solid
#888;
193 #content-left-wrapper {
195 width: 100%; /* req to keep content above sidebar in source code */
209 margin-bottom: 1.5em;
212 border: 1px solid
#bcd;
244 border-collapse: collapse
;
258 vertical-align: middle
;
266 /* table pretty styles */
270 margin-bottom: 0.5em;
271 border-collapse: collapse
;
272 border: 1px solid
#bcd;
278 border: 1px solid
#bcd;
283 border: 1px dotted
#bcd;
289 margin-bottom: 0.5em;
290 border-collapse: collapse
;
291 border: 1px solid
#bbb;
297 border: 1px solid
#bbb;
302 border: 1px dotted
#bbb;
310 padding: 0.25em 0 0.25em 1.5em;
314 /* definition lists */
324 border-top: 1px dotted
#bbb;
333 /* forms and input styling */
345 display: inline-block
;
350 input
[type
=password
],
355 form
.general-form label
,
356 form
.general-form
.form-help
{
359 display: inline-block
;
362 form
.general-form input
[type
=text
],
363 form
.general-form textarea
{
385 #archdev-navbar li a
{
390 /* error/info messages (x pkg is already flagged out-of-date, etc) */
397 border: 1px solid
#f00;
412 /* JS sorting via tablesorter */
413 table th
.tablesorter-header
{
415 background-image: url
(data:image
/gif
;base64
,R0lGODlhFQAJAIAAACMtMP
///yH5BAEAAAEALAAAAAAVAAkAAAIXjI
+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw
==);
416 background-repeat: no-repeat
;
417 background-position: center right
;
421 table thead th
.tablesorter-headerAsc
{
422 background-color: #e4eeff;
423 background-image: url
(data:image
/gif
;base64
,R0lGODlhFQAEAIAAACMtMP
///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7
);
426 table thead th
.tablesorter-headerDesc
{
427 background-color: #e4eeff;
428 background-image: url
(data:image
/gif
;base64
,R0lGODlhFQAEAIAAACMtMP
///yH5BAEAAAEALAAAAAAVAAQAAAINjB
+gC
+jP2ptn0WskLQA7
);
431 table thead th
.sorter-false
{
432 background-image: none
;
437 * PAGE SPECIFIC STYLES
440 /* home: introduction */
442 margin: -0.5em 0 0 0;
462 margin-bottom: 0.5em;
478 border-bottom: 1px dotted
#bbb;
484 margin: -1.8em 0.5em 0 0;
487 /* home: arrowed headings */
504 border-left: 6px solid transparent
;
505 border-right: 6px solid transparent
;
506 border-top: 6px solid
#1794D1;
512 /* home: pkgsearch box */
517 border: 1px solid
#08b;
531 border: 1px solid
#09c;
534 .pkgsearch-typeahead {
541 padding: 0.15em 0.1em;
547 background-color: #f6f9fc;
548 border: 1px solid
#09c;
551 .pkgsearch-typeahead li a {
555 .pkgsearch-typeahead li.active a {
559 /* home: recent pkg updates */
568 #pkg-updates .rss-icon
{
577 #pkg-updates td
.pkg-name
{
581 #pkg-updates td
.pkg-arch
{
585 #pkg-updates span
.testing
{
589 #pkg-updates span
.staging
{
594 /* home: sidebar navigation */
597 margin: 0.5em 0 0.5em 1em;
601 /* home: sponsor banners */
606 /* home: sidebar components (navlist, sponsors, pkgsearch, etc) */
608 margin-bottom: 1.5em;
611 /* home: other stuff */
625 background: url
(rss.png) top right no-repeat
;
628 /* artwork: logo images */
629 #artwork img
.inverted
{
634 #artwork div
.imagelist img
{
639 /* news: article list */
650 /* news: article pages */
651 div
.news-article
.article-info
{
656 /* news: add/edit article */
661 #newsform input
[type
=text
],
666 /* todolists: list */
673 .todolist-nav .next {
677 /* donate: donor list */
681 /* max 4 columns, but possibly fewer if screen size doesn't allow for more */
690 border-bottom: 1px dotted
#bbb;
693 /* pkglists/devlists */
696 border-top: 1px dotted
#999;
697 border-bottom: 1px dotted
#999;
701 padding: 0.5em 1em 0.25em 0.25em;
702 border-bottom: 1px solid
#999;
704 background-color:#fff;
708 padding: .3em 1em .3em 3px;
723 .results tr.empty td {
727 /* pkglist: layout */
732 /* pkglist: results navigation */
737 #pkglist-results .pkglist-nav
{
750 /* search fields and other filter selections */
755 .filter-criteria h3 {
760 .filter-criteria div {
762 margin-right: 1.65em;
766 .filter-criteria legend {
770 .filter-criteria label {
776 /* pkgdetails: details links that float on the right */
777 #pkgdetails #detailslinks
{
781 #pkgdetails #detailslinks h4
{
783 margin-bottom: 0.25em;
786 #pkgdetails #detailslinks ul
{
793 #pkgdetails #detailslinks
> div
{
797 border: 1px solid
#bbb;
800 #pkgdetails #actionlist
.flagged
{
806 /* pkgdetails: pkg info */
807 #pkgdetails #pkginfo
{
811 #pkgdetails #pkginfo td
{
812 padding: 0.25em 0 0.25em 1.5em;
815 #pkgdetails #pkginfo
.userdata
{
820 /* pkgdetails: flag package */
821 #flag-pkg-form label
{
825 #flag-pkg-form textarea
,
826 #flag-pkg-form input
[type
=text
] {
830 /* pkgdetails: deps, required by and file lists */
831 #pkgdetails #metadata
{
835 #pkgdetails #metadata h3
{
839 margin-bottom: 0.5em;
840 padding: 0.2em 0.35em;
843 #pkgdetails #metadata ul
{
849 #pkgdetails #metadata li
{
853 #pkgdetails #metadata p
{
857 #pkgdetails #metadata
.message
{
861 #pkgdetails #metadata br
{
865 #pkgdetails #pkgdeps
{
871 #pkgdetails #metadata
.virtual-dep
,
872 #pkgdetails #metadata
.testing-dep
,
873 #pkgdetails #metadata
.staging-dep
,
874 #pkgdetails #metadata
.opt-dep
,
875 #pkgdetails #metadata
.make-dep
,
876 #pkgdetails #metadata
.check-dep
,
877 #pkgdetails #metadata
.dep-desc
{
880 #pkgdetails #pkgreqs
{
885 #pkgdetails #pkgfiles
{
902 #list-generator div ul
{
908 #list-generator div ul li
{
912 .visualize-mirror
.axis path
,
913 .visualize-mirror .axis line {
917 shape-rendering: crispEdges
;
920 .visualize-mirror .url-dot {
924 .visualize-mirror .url-line {
929 /* dev/TU biographies */
946 .arch-bio-entry td.pic {
952 .arch-bio-entry td.pic img {
954 border: 1px solid
#ccc;
957 .arch-bio-entry td h3 {
958 border-bottom: 1px dotted
#ccc;
959 margin-bottom: 0.5em;
962 .arch-bio-entry table.bio {
966 .arch-bio-entry table.bio th {
970 padding-right: 0.5em;
975 .arch-bio-entry table.bio td {
977 padding-bottom: 0.25em;
986 /* dev: dashboard: dashboard and stats area */
987 #dev-dashboard tr:hover
,
988 #stats-area tr:hover
{
992 /* dev dashboard: flagged packages */
998 border-top: 1px dotted
#bbb;
1001 #dash-pkg-notify label
{
1003 font-weight: normal
;
1006 #dash-pkg-notify input
{
1007 vertical-align: middle
;
1011 #dash-pkg-notify input
[type
=submit
] {
1012 margin-top: -0.25em;
1015 #dash-pkg-notify p
{
1019 table
.dash-stats
.key
{
1023 /* dev dashboard: admin actions (add news items, todo list, etc) */
1030 ul
.admin-actions li
{
1032 padding-left: 1.5em;
1035 /* colored yes/no type values */
1036 .todo-table
.complete
,
1038 #key-status .signed-yes
,
1039 #releng-result .success-yes
,
1040 #release-list .available-yes
{
1044 .todo-table
.incomplete
,
1046 #key-status .signed-no
,
1047 #releng-result .success-no
,
1048 #release-list .available-no
{
1052 .todo-table
.inprogress
,
1058 /* todo lists (public and private) */
1061 border-bottom: 1px dotted
#bbb;
1071 border-top: 1px dotted
#bbb;
1076 margin-bottom: 0.4em;
1079 /* dev: signoff page */
1080 #dev-signoffs tr:hover
{
1098 /* iso testing feedback form */
1099 #releng-feedback label
{
1102 font-weight: normal
;
1105 #releng-feedback ul
{
1109 #releng-feedback li
{
1113 #releng-feedback ul
+.helptext
{
1114 position: relative
; top: -0.9em;
1117 /* highlight current website in the navbar */
1118 #archnavbar.anb-home ul li#anb-home a
,
1119 #archnavbar.anb-packages ul li#anb-packages a
,
1120 #archnavbar.anb-download ul li#anb-download a
{
1121 color: white
!important
;
1124 /* visualizations page */
1125 .visualize-buttons {
1126 margin: 0.5em 0.33em;
1129 .visualize-buttons button.active {
1139 #visualize-archrepo .treemap-cell
{
1140 border: solid
1px white
;
1145 #visualize-archrepo .treemap-cell span
{
1151 #visualize-keys svg
{