external/aurweb
0
0
Fork 0
mirror of https://gitlab.archlinux.org/archlinux/aurweb.git synced 2025-02-03 10:43:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sync CSS with archweb

Browse source 
Signed-off-by: Lukas Fleischer <archlinux@cryptocrack.de>
This commit is contained in:
Lukas Fleischer 2013-09-03 13:13:22 +02:00
parent 54ad28369a
commit 77f1b264ca
3 changed files with 159 additions and 146 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
web/html/css/archnavbar/archlogo.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.8 KiB

24
web/html/css/archnavbar/archnavbar.css
View file

@ -1,20 +1,12 @@
/* /*
* ARCH GLOBAL NAVBAR * ARCH GLOBAL NAVBAR
*
* We're forcing all generic selectors with !important * We're forcing all generic selectors with !important
* to help prevent other stylesheets from interfering. * to help prevent other stylesheets from interfering.
*
*/ */
/* container for the entire bar */ /* container for the entire bar */
#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } #archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
#archnavbarlogo { background: url('archlogo.png') no-repeat !important; }
/* logo trickery -- GIF for IE6 and PNG for the rest */
#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; }
/* IE6 doesn't support alpha PNGs so we serve it a GIF */
#archnavbarlogo { background: url('archlogo.gif') no-repeat !important; }
/* and use a proper PNG for all other modern browsers */
html > body #archnavbarlogo { background: url('archlogo.png') no-repeat !important; }
/* move the heading/paragraph text offscreen */ /* move the heading/paragraph text offscreen */
#archnavbarlogo p { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } #archnavbarlogo p { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; }
@ -27,19 +19,7 @@ html > body #archnavbarlogo { background: url('archlogo.png') no-repeat !importa
#archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } #archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
#archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; } #archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; }
/* style the links */
#archnavbar ul#archnavbarlist li a { color: #999; font-weight: normal !important; text-decoration: none !important; }
#archnavbar ul li a:hover { color: white !important; text-decoration: underline !important; }
/* archdev navbar */
div#archdev-navbar { margin: 1.5em 25px; }
div#archdev-navbar ul { list-style: none; margin: -0.5em 0; padding: 0; }
div#archdev-navbar li { display: inline; margin: 0; padding: 0; font-size: 0.9em; }
div#archdev-navbar li a { padding: 0 0.5em; color: #07b; }
/* highlight current website */
#archnavbar.anb-aur ul li#anb-aur a { color: white !important; }
/* style the links */ /* style the links */
#archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; } #archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; }
#archnavbar ul li a:hover { color: white !important; text-decoration: underline !important; } #archnavbar ul li a:hover { color: white !important; text-decoration: underline !important; }

281
web/html/css/archweb.css
View file

@ -1,16 +1,36 @@
/* /*
* ARCH LINUX DJANGO (MAIN SITE)
*
* Font sizing based on 16px browser defaults (use em): * Font sizing based on 16px browser defaults (use em):
* 14px = 0.875em * 14px = 0.875em
* 13px = 0.812em * 13px = 0.812em
* 12px = 0.75em * 12px = 0.75em
* 11px = 0.6875em * 11px = 0.6875em
*
*/ */
/* import the global navbar stylesheet */ /*
@import url('archnavbar/archnavbar.css'); * ARCH GLOBAL NAVBAR
* We're forcing all generic selectors with !important
* to help prevent other stylesheets from interfering.
*/
/* container for the entire bar */
#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; }
#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url('archnavbar/archlogo.png') no-repeat !important; }
/* move the heading text offscreen */
#archnavbarlogo h1 { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; }
/* make the link the same size as the logo */
#archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; }
/* display the list inline, float it to the right and style it */
#archnavbarlist { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
#archnavbarlist li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; }
/* style the links */
#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; }
#archnavbarlist li a:hover { color: white !important; text-decoration: underline !important; }
/* END ARCH GLOBAL NAVBAR */
/* simple reset */ /* simple reset */
* { * {
@ -159,22 +179,22 @@ h5 {
} }
/* general layout */ /* general layout */
div#content { #content {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
text-align: left; text-align: left;
} }
div#content-left-wrapper { #content-left-wrapper {
float: left; float: left;
width: 100%; /* req to keep content above sidebar in source code */ width: 100%; /* req to keep content above sidebar in source code */
} }
div#content-left { #content-left {
margin: 0 340px 0 0; margin: 0 340px 0 0;
} }
div#content-right { #content-right {
float: left; float: left;
width: 300px; width: 300px;
margin-left: -300px; margin-left: -300px;
@ -187,12 +207,12 @@ div.box {
border: 1px solid #bcd; border: 1px solid #bcd;
} }
div#footer { #footer {
clear: both; clear: both;
margin: 2em 0 1em; margin: 2em 0 1em;
} }
div#footer p { #footer p {
margin: 0; margin: 0;
text-align: center; text-align: center;
font-size: 0.85em; font-size: 0.85em;
@ -247,13 +267,13 @@ table.pretty1 {
border: 1px solid #bcd; border: 1px solid #bcd;
} }
table.pretty1 th { .pretty1 th {
padding: 0.35em; padding: 0.35em;
background: #e4eeff; background: #e4eeff;
border: 1px solid #bcd; border: 1px solid #bcd;
} }
table.pretty1 td { .pretty1 td {
padding: 0.35em; padding: 0.35em;
border: 1px dotted #bcd; border: 1px dotted #bcd;
} }
@ -266,34 +286,26 @@ table.pretty2 {
border: 1px solid #bbb; border: 1px solid #bbb;
} }
table.pretty2 th { .pretty2 th {
padding: 0.35em; padding: 0.35em;
background: #eee; background: #eee;
border: 1px solid #bbb; border: 1px solid #bbb;
} }
/* additional styles for JS sorting */ .pretty2 td {
table.pretty2 th.tablesorter-header {
padding-right: 20px;
background-image: url(nosort.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.pretty2 th.tablesorter-headerSortDown {
background-image: url(desc.gif);
}
table.pretty2 th.tablesorter-headerSortUp {
background-image: url(asc.gif);
}
table.pretty2 td {
padding: 0.35em; padding: 0.35em;
border: 1px dotted #bbb; border: 1px dotted #bbb;
} }
table.compact {
width: auto;
}
.compact td {
padding: 0.25em 0 0.25em 1.5em;
}
/* definition lists */ /* definition lists */
dl { dl {
clear: both; clear: both;
@ -302,7 +314,7 @@ dl {
dl dt, dl dt,
dl dd { dl dd {
margin-bottom: 4px; margin-bottom: 4px;
padding: 8px 0px 4px; padding: 8px 0 4px;
font-weight: bold; font-weight: bold;
border-top: 1px dotted #bbb; border-top: 1px dotted #bbb;
} }
@ -348,24 +360,24 @@ form.general-form textarea {
} }
/* archdev navbar */ /* archdev navbar */
div#archdev-navbar { #archdev-navbar {
margin: 1.5em 0; margin: 1.5em 0;
} }
div#archdev-navbar ul { #archdev-navbar ul {
list-style: none; list-style: none;
margin: -0.5em 0; margin: -0.5em 0;
padding: 0; padding: 0;
} }
div#archdev-navbar li { #archdev-navbar li {
display: inline; display: inline;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 0.9em; font-size: 0.9em;
} }
div#archdev-navbar li a { #archdev-navbar li a {
padding: 0 0.5em; padding: 0 0.5em;
color: #07b; color: #07b;
} }
@ -388,6 +400,30 @@ ul.errorlist {
color: red; color: red;
} }
/* JS sorting via tablesorter */
table th.tablesorter-header {
padding-right: 20px;
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table thead th.tablesorter-headerAsc {
background-color: #e4eeff;
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
table thead th.tablesorter-headerDesc {
background-color: #e4eeff;
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
table thead th.sorter-false {
background-image: none;
cursor: default;
}
/** /**
* PAGE SPECIFIC STYLES * PAGE SPECIFIC STYLES
*/ */
@ -454,13 +490,13 @@ ul.errorlist {
h3 span.arrow { h3 span.arrow {
display: block; display: block;
width: 0px; width: 0;
height: 0px; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 6px solid transparent; border-right: 6px solid transparent;
border-top: 6px solid #1794D1; border-top: 6px solid #1794D1;
margin: 0 auto; margin: 0 auto;
font-size: 0px; font-size: 0;
line-height: 0px; line-height: 0px;
} }
@ -547,14 +583,14 @@ h3 span.arrow {
} }
/* home: sidebar navigation */ /* home: sidebar navigation */
div#nav-sidebar ul { #nav-sidebar ul {
list-style: none; list-style: none;
margin: 0.5em 0 0.5em 1em; margin: 0.5em 0 0.5em 1em;
padding: 0; padding: 0;
} }
/* home: sponsor banners */ /* home: sponsor banners */
div#arch-sponsors img { #arch-sponsors img {
padding: 0.3em 0; padding: 0.3em 0;
} }
@ -563,6 +599,17 @@ div.widget {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
/* home: other stuff */
#konami {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0.6;
}
/* feeds page */ /* feeds page */
#rss-feeds .rss { #rss-feeds .rss {
padding-right: 20px; padding-right: 20px;
@ -598,21 +645,21 @@ div.news-article .article-info {
} }
/* news: add/edit article */ /* news: add/edit article */
form#newsform { #newsform {
width: 60em; width: 60em;
} }
form#newsform input[type=text], #newsform input[type=text],
form#newsform textarea { #newsform textarea {
width: 75%; width: 75%;
} }
/* donate: donor list */ /* donate: donor list */
div#donor-list ul { #donor-list ul {
width: 100%; width: 100%;
} }
/* max 4 columns, but possibly fewer if screen size doesn't allow for more */ /* max 4 columns, but possibly fewer if screen size doesn't allow for more */
div#donor-list li { #donor-list li {
float: left; float: left;
width: 25%; width: 25%;
min-width: 20em; min-width: 20em;
@ -623,10 +670,6 @@ div#donor-list ul {
border-bottom: 1px dotted #bbb; border-bottom: 1px dotted #bbb;
} }
table#download-torrents .cpu-arch {
text-align: center;
}
/* pkglists/devlists */ /* pkglists/devlists */
table.results { table.results {
font-size: 0.846em; font-size: 0.846em;
@ -634,50 +677,31 @@ table.results {
border-bottom: 1px dotted #999; border-bottom: 1px dotted #999;
} }
table.results th { .results th {
padding: 0.5em 1em 0.25em 0.25em; padding: 0.5em 1em 0.25em 0.25em;
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
white-space: nowrap; white-space: nowrap;
background-color:#fff; background-color:#fff;
} }
/* additional styles for JS sorting */ .results td {
table.results th.tablesorter-header {
padding-right: 20px;
background-image: url(nosort.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.results th.tablesorter-headerSortDown {
background-color: #e4eeff;
background-image: url(desc.gif);
}
table.results th.tablesorter-headerSortUp {
background-color: #e4eeff;
background-image: url(asc.gif);
}
table.results td {
padding: .3em 1em .3em 3px; padding: .3em 1em .3em 3px;
} }
table.results tr.odd { .results tr.odd {
background: #fff; background: #fff;
} }
table.results tr.even { .results tr.even {
background: #e4eeff; background: #e4eeff;
} }
table.results .flagged { .results .flagged {
color: red; color: red;
} }
/* pkglist: layout */ /* pkglist: layout */
div#pkglist-about { #pkglist-about {
margin-top: 1.5em; margin-top: 1.5em;
} }
@ -770,12 +794,12 @@ div#pkglist-about {
} }
/* pkgdetails: flag package */ /* pkgdetails: flag package */
form#flag-pkg-form label { #flag-pkg-form label {
width: 10em; width: 10em;
} }
form#flag-pkg-form textarea, #flag-pkg-form textarea,
form#flag-pkg-form input[type=text] { #flag-pkg-form input[type=text] {
width: 45%; width: 45%;
} }
@ -851,54 +875,71 @@ table td.country {
white-space: normal; white-space: normal;
} }
form#list-generator div ul { #list-generator div ul {
list-style: none; list-style: none;
display: inline; display: inline;
padding-left: 0; padding-left: 0;
} }
form#list-generator div ul li { #list-generator div ul li {
display: inline; display: inline;
} }
.visualize-mirror .axis path,
.visualize-mirror .axis line {
fill: none;
stroke: #000;
stroke-width: 3px;
shape-rendering: crispEdges;
}
.visualize-mirror .url-dot {
stroke: #000;
}
.visualize-mirror .url-line {
fill: none;
stroke-width: 1.5px;
}
/* dev/TU biographies */ /* dev/TU biographies */
div#arch-bio-toc { #arch-bio-toc {
width: 75%; width: 75%;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
div#arch-bio-toc a { #arch-bio-toc a {
white-space: nowrap; white-space: nowrap;
} }
table.arch-bio-entry { .arch-bio-entry {
width: 75%; width: 75%;
min-width: 640px; min-width: 640px;
margin: 0 auto; margin: 0 auto;
} }
table.arch-bio-entry td.pic { .arch-bio-entry td.pic {
vertical-align: top; vertical-align: top;
padding-right: 15px; padding-right: 15px;
padding-top: 2.25em; padding-top: 2.25em;
} }
table.arch-bio-entry td.pic img { .arch-bio-entry td.pic img {
padding: 4px; padding: 4px;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
table.arch-bio-entry td h3 { .arch-bio-entry td h3 {
border-bottom: 1px dotted #ccc; border-bottom: 1px dotted #ccc;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
table.arch-bio-entry table.bio { .arch-bio-entry table.bio {
margin-bottom: 2em; margin-bottom: 2em;
} }
table.arch-bio-entry table.bio th { .arch-bio-entry table.bio th {
color: #666; color: #666;
font-weight: normal; font-weight: normal;
text-align: right; text-align: right;
@ -907,18 +948,19 @@ table.arch-bio-entry {
white-space: nowrap; white-space: nowrap;
} }
table.arch-bio-entry table.bio td { .arch-bio-entry table.bio td {
width: 100%; width: 100%;
padding-bottom: 0.25em; padding-bottom: 0.25em;
white-space: normal;
} }
/* dev: login/out */ /* dev: login/out */
table#dev-login { #dev-login {
width: auto; width: auto;
} }
/* dev dashboard: flagged packages */ /* dev dashboard: flagged packages */
form#dash-pkg-notify { #dash-pkg-notify {
text-align: right; text-align: right;
padding: 1em 0 0; padding: 1em 0 0;
margin-top: 1em; margin-top: 1em;
@ -926,21 +968,21 @@ form#dash-pkg-notify {
border-top: 1px dotted #bbb; border-top: 1px dotted #bbb;
} }
form#dash-pkg-notify label { #dash-pkg-notify label {
width: auto; width: auto;
font-weight: normal; font-weight: normal;
} }
form#dash-pkg-notify input { #dash-pkg-notify input {
vertical-align: middle; vertical-align: middle;
margin: 0 0.25em; margin: 0 0.25em;
} }
form#dash-pkg-notify input[type=submit] { #dash-pkg-notify input[type=submit] {
margin-top: -0.25em; margin-top: -0.25em;
} }
form#dash-pkg-notify p { #dash-pkg-notify p {
margin: 0; margin: 0;
} }
@ -960,14 +1002,30 @@ ul.admin-actions {
padding-left: 1.5em; padding-left: 1.5em;
} }
/* todo lists (public and private) */ /* colored yes/no type values */
.todo-table .complete { .todo-table .complete,
.signoff-yes,
#key-status .signed-yes,
#releng-result .success-yes,
#release-list .available-yes {
color: green; color: green;
} }
.todo-table .incomplete { .todo-table .incomplete,
.signoff-no,
#key-status .signed-no,
#releng-result .success-no,
#release-list .available-no {
color: red; color: red;
} }
.todo-table .inprogress,
.signoff-bad {
color: darkorange;
}
/* todo lists (public and private) */
.todo-info { .todo-info {
margin: 0; color: #999; margin: 0; color: #999;
} }
@ -989,18 +1047,9 @@ ul.signoff-list {
} }
.signoff-yes { .signoff-yes {
color: green;
font-weight: bold; font-weight: bold;
} }
.signoff-no {
color: red;
}
.signoff-bad {
color: darkorange;
}
.signoff-disabled { .signoff-disabled {
color: gray; color: gray;
} }
@ -1024,22 +1073,6 @@ ul.signoff-list {
position: relative; top: -0.9em; position: relative; top: -0.9em;
} }
#releng-result .success-yes {
color: green;
}
#releng-result .success-no {
color: red;
}
#key-status .signed-yes {
color: green;
}
#key-status .signed-no {
color: red;
}
/* highlight current website in the navbar */ /* highlight current website in the navbar */
#archnavbar.anb-home ul li#anb-home a, #archnavbar.anb-home ul li#anb-home a,
#archnavbar.anb-packages ul li#anb-packages a, #archnavbar.anb-packages ul li#anb-packages a,