[aur-dev] [PATCH] Sync CSS with archweb
Lukas Fleischer
archlinux at cryptocrack.de
Tue Sep 3 07:15:21 EDT 2013
Signed-off-by: Lukas Fleischer <archlinux at cryptocrack.de>
---
web/html/css/archnavbar/archlogo.gif | Bin 1845 -> 0 bytes
web/html/css/archnavbar/archnavbar.css | 24 +--
web/html/css/archweb.css | 281 ++++++++++++++++++---------------
3 files changed, 159 insertions(+), 146 deletions(-)
delete mode 100644 web/html/css/archnavbar/archlogo.gif
diff --git a/web/html/css/archnavbar/archlogo.gif b/web/html/css/archnavbar/archlogo.gif
deleted file mode 100644
index e1852a06227557cb0d829109278cec2831c2f6b4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 1845
zcmV-52g>+INk%w1VZHz;0M!5hGcz-pnVBSIh8U2||Ns9nI6HE3a at W__LPA0ugSNG`
zwJb_nT3T8tT5}<9mFDK=Fg`@Y#KePxgHlpb8i&5Et*t6iWM*b&?(Xg_MNuJZgdlgM
zrKP1xN=kcsdo4#(9(=4KZIivdz24s5FgrnJW at e0xj2Vo@DO74FU3mBR_ZO4U%*@Q0
znVBGSoF93nE=N=;N at FfXQ93$0DOYYLVSX8my&-$GBWjH=LQ4Pu000000000000000
z00000A^8La6aWAKEC2ui0KNby000L6K!9*aED}E-qjJe?I-k&}bV{vSp$^A&%k6r<
zU@&PgfP~NJw0g~~tyTiId`_=BDeqIk&hPud7H at A2e`^ynReObt03d=Z35;J8CL$OF
z3{wp!I72d>l5{zbZx*3k3IwW{Qz0v$0C+T~a;~H=v{$LCnNm2fLkl&zYXt+OZ#l$N
zyQ;lWzp%?|Dadaj(^Ac>zQEaQ4%TlZTQdv>5&;1c1|3Z^?nMak+N<2q-rs2C;nvbq
zEL7OD$HG7n2?|CKH~;{F1QwSFNEpI^g9sK6Mu_0x0nw0c698OD7r?^>1WTgnOOs#&
z2?65FP?<2WCV>D%4y-!RLE$R at 42TS{u&D||0FTW$NO)jV!LuR1un8$pLm2=PDPW~=
zkYK=x4FaqVAweTf69_cO3CU20MxGSakV&25f#^UFLv*Toz|`JR5q9nI1h7lNHk%cS
zL>;nW1zP|MR-6EkBY`+mL)=bol1zw;0SlIZNb#ir9ziEwSQ8s1K;Ts@^4e8_;Ba6Q
zgb9r3`&t2!#X=fCj(h?FnFKW~<gg&%G-d#ropc7^hJsomF!gweEAEk&DG^k#;9$bQ
zgpod1dDJ`bK?DgGW)DmZphC?D6-<~=Akf}3-~b3G1aTXjFiR06I1-5v(Q&qdSdD>D
zL}V*Gw?zRbbcYOUPlN>jz&Yu7FaZMnsd9l3>FtG=5JTCcLI4aP(!o*$L@<PXet9Is
z1QDsSA^-pi2$>)-EHTQ1LZI-5bVv$80v at oKmJb&&X-J9-Qy^eMimHgf9svdckm3XM
zAkZE?L(C8WN<!eM3VlVmw#tt|IyT at SO*Dp?k}ELD+6QEyAVfF`D8j`URw5%q6bNu>
zSC}c{HiQ8KJ;j8Z1e|Du1oqIm!dya9c%2fz?75_aixLr64t#QW#V?7HvH=u5y=D)j
z_Gl`E2?Rxfsii`2Iww>sd<TFFb`IHR6Qw43Did#{N(8bAWJsD9IUEx!DWN%m=_<Sp
zgzGB00>FVi9Qf-0pAy3QNbFq54)<(I6*{{t6J$s`L;;qqFzXk{ZcB=UPL#Ni2Pn-L
zE|@6hO2oOV-~`35>~>15vGEE4!@Q){3jm)^<f}vjZ*<#*4BaIlKn?v`W3mz**z*9J
zL(p_<!{idd>nb)*yzZtJ3-Jra$!>fvy_f}Zv=U at IMg$2NLSpC^jajpSp|&7H at Deev
z0%uM)i|OzXb^Szh6BHX!w!1<XJ4D6+e8900%>tlw$OAad*a{#x@=p~MB13@@j#y)%
z5hccEM2`%Mo%0Z8+T)uNPo-VN+5~t?^kZ at _O}EE)GjXK808~>P1Q{L<zzhhqK7&VR
z4^cQWgcPCwG%^b=(IVSJK)lMhCKeIFKpf~Oga;~!aHBmQULG_6Fm0~!+=_uteP(YY
zF+{cl2x_-vqpogF>zT|@t`N5)GxZQrBjddizN^B52^VmX;w8XmT0{qo6YxL)2DpF;
zb|(TvV5)gUz}%0b_qL*4k61}7850Uuq^VfOSO9PZE{qTo1RSCR2oyrgNRhiD^aFQH
zn1I2E5}wAT=zIX6l&#)WALc1RfkS`^mIjrq&N-oO5V%H4PCy3j0ciykm>R!Ua4jNq
za2_Bmf?LF~LnBm45G^6Yfs`OayHr3g`GX+<<n)>mxZ{8~e4Y-65RS*7%yZRyU%-Yz
zgd8;gW)myW9)(`E7LhrzAs+M~5u_xJzX^dmf}j8mQt+=Om|%sg-~buJxP%LQsU{*|
z6B>=s#mwb!1yyY0THdg}I1T{<r=frg1mJ+e%_>7lcoH0zP>n(nK}U!%o*TMT#Udc`
z5iSUy5fH!u-aJ4A3^0>>I1rB!U|>85Yk~npFoOQ5U<6Jf0*<g5J0ZwW1qaYo4MxMp
z1jr-<1K1!Fa4-N1CCD1rf+YYTkbtczVFRFv0){kX&);;10;F4lIgHoMZqf=(L|{OS
znlJ(Ls6m)QU=<ERkb(tVX90#P07S>4Hz!=t8ZJ=XfE>_1_pRileLxf`PT&9wlu`*&
z76?H}1+h_-+B6JVdxHb`D1`-tKwEDx<V}a#g(JPe1+J<B1Wwo_qB^w;0YmB;auC(0
jTJ;KY+dx3UAcMwi^{QZ9LJcY?2N=*XtY~FI5C8x>EZE@=
diff --git a/web/html/css/archnavbar/archnavbar.css b/web/html/css/archnavbar/archnavbar.css
index e8ade28..d10c5f5 100644
--- a/web/html/css/archnavbar/archnavbar.css
+++ b/web/html/css/archnavbar/archnavbar.css
@@ -1,20 +1,12 @@
/*
* 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; }
-
-/* 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; }
+#archnavbarlogo { background: url('archlogo.png') no-repeat !important; }
/* move the heading/paragraph text offscreen */
#archnavbarlogo p { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; }
@@ -28,18 +20,6 @@ html > body #archnavbarlogo { background: url('archlogo.png') no-repeat !importa
#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 */
#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; }
+
diff --git a/web/html/css/archweb.css b/web/html/css/archweb.css
index 905a3ec..b7d6e1e 100644
--- a/web/html/css/archweb.css
+++ b/web/html/css/archweb.css
@@ -1,16 +1,36 @@
/*
- * ARCH LINUX DJANGO (MAIN SITE)
- *
* Font sizing based on 16px browser defaults (use em):
* 14px = 0.875em
* 13px = 0.812em
* 12px = 0.75em
* 11px = 0.6875em
- *
*/
-/* import the global navbar stylesheet */
- at 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 */
* {
@@ -159,22 +179,22 @@ h5 {
}
/* general layout */
-div#content {
+#content {
width: 95%;
margin: 0 auto;
text-align: left;
}
-div#content-left-wrapper {
+#content-left-wrapper {
float: left;
width: 100%; /* req to keep content above sidebar in source code */
}
-div#content-left {
+#content-left {
margin: 0 340px 0 0;
}
-div#content-right {
+#content-right {
float: left;
width: 300px;
margin-left: -300px;
@@ -187,12 +207,12 @@ div.box {
border: 1px solid #bcd;
}
-div#footer {
+#footer {
clear: both;
margin: 2em 0 1em;
}
- div#footer p {
+ #footer p {
margin: 0;
text-align: center;
font-size: 0.85em;
@@ -247,13 +267,13 @@ table.pretty1 {
border: 1px solid #bcd;
}
- table.pretty1 th {
+ .pretty1 th {
padding: 0.35em;
background: #e4eeff;
border: 1px solid #bcd;
}
- table.pretty1 td {
+ .pretty1 td {
padding: 0.35em;
border: 1px dotted #bcd;
}
@@ -266,34 +286,26 @@ table.pretty2 {
border: 1px solid #bbb;
}
- table.pretty2 th {
+ .pretty2 th {
padding: 0.35em;
background: #eee;
border: 1px solid #bbb;
}
- /* additional styles for JS sorting */
- 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 {
+ .pretty2 td {
padding: 0.35em;
border: 1px dotted #bbb;
}
+table.compact {
+ width: auto;
+}
+
+ .compact td {
+ padding: 0.25em 0 0.25em 1.5em;
+ }
+
+
/* definition lists */
dl {
clear: both;
@@ -302,7 +314,7 @@ dl {
dl dt,
dl dd {
margin-bottom: 4px;
- padding: 8px 0px 4px;
+ padding: 8px 0 4px;
font-weight: bold;
border-top: 1px dotted #bbb;
}
@@ -348,24 +360,24 @@ form.general-form textarea {
}
/* archdev navbar */
-div#archdev-navbar {
+#archdev-navbar {
margin: 1.5em 0;
}
- div#archdev-navbar ul {
+ #archdev-navbar ul {
list-style: none;
margin: -0.5em 0;
padding: 0;
}
- div#archdev-navbar li {
+ #archdev-navbar li {
display: inline;
margin: 0;
padding: 0;
font-size: 0.9em;
}
- div#archdev-navbar li a {
+ #archdev-navbar li a {
padding: 0 0.5em;
color: #07b;
}
@@ -388,6 +400,30 @@ ul.errorlist {
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
*/
@@ -454,13 +490,13 @@ ul.errorlist {
h3 span.arrow {
display: block;
- width: 0px;
- height: 0px;
+ width: 0;
+ height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #1794D1;
margin: 0 auto;
- font-size: 0px;
+ font-size: 0;
line-height: 0px;
}
@@ -547,14 +583,14 @@ h3 span.arrow {
}
/* home: sidebar navigation */
-div#nav-sidebar ul {
+#nav-sidebar ul {
list-style: none;
margin: 0.5em 0 0.5em 1em;
padding: 0;
}
/* home: sponsor banners */
-div#arch-sponsors img {
+#arch-sponsors img {
padding: 0.3em 0;
}
@@ -563,6 +599,17 @@ div.widget {
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 */
#rss-feeds .rss {
padding-right: 20px;
@@ -598,21 +645,21 @@ div.news-article .article-info {
}
/* news: add/edit article */
-form#newsform {
+#newsform {
width: 60em;
}
- form#newsform input[type=text],
- form#newsform textarea {
+ #newsform input[type=text],
+ #newsform textarea {
width: 75%;
}
/* donate: donor list */
-div#donor-list ul {
+#donor-list ul {
width: 100%;
}
/* max 4 columns, but possibly fewer if screen size doesn't allow for more */
- div#donor-list li {
+ #donor-list li {
float: left;
width: 25%;
min-width: 20em;
@@ -623,10 +670,6 @@ div#donor-list ul {
border-bottom: 1px dotted #bbb;
}
-table#download-torrents .cpu-arch {
- text-align: center;
-}
-
/* pkglists/devlists */
table.results {
font-size: 0.846em;
@@ -634,50 +677,31 @@ table.results {
border-bottom: 1px dotted #999;
}
- table.results th {
+ .results th {
padding: 0.5em 1em 0.25em 0.25em;
border-bottom: 1px solid #999;
white-space: nowrap;
background-color:#fff;
}
- /* additional styles for JS sorting */
- 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 {
+ .results td {
padding: .3em 1em .3em 3px;
}
- table.results tr.odd {
+ .results tr.odd {
background: #fff;
}
- table.results tr.even {
+ .results tr.even {
background: #e4eeff;
}
- table.results .flagged {
+ .results .flagged {
color: red;
}
/* pkglist: layout */
-div#pkglist-about {
+#pkglist-about {
margin-top: 1.5em;
}
@@ -770,12 +794,12 @@ div#pkglist-about {
}
/* pkgdetails: flag package */
-form#flag-pkg-form label {
+#flag-pkg-form label {
width: 10em;
}
-form#flag-pkg-form textarea,
-form#flag-pkg-form input[type=text] {
+#flag-pkg-form textarea,
+#flag-pkg-form input[type=text] {
width: 45%;
}
@@ -851,54 +875,71 @@ table td.country {
white-space: normal;
}
-form#list-generator div ul {
+#list-generator div ul {
list-style: none;
display: inline;
padding-left: 0;
}
- form#list-generator div ul li {
+ #list-generator div ul li {
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 */
-div#arch-bio-toc {
+#arch-bio-toc {
width: 75%;
margin: 0 auto;
text-align: center;
}
- div#arch-bio-toc a {
+ #arch-bio-toc a {
white-space: nowrap;
}
-table.arch-bio-entry {
+.arch-bio-entry {
width: 75%;
min-width: 640px;
margin: 0 auto;
}
- table.arch-bio-entry td.pic {
+ .arch-bio-entry td.pic {
vertical-align: top;
padding-right: 15px;
padding-top: 2.25em;
}
- table.arch-bio-entry td.pic img {
+ .arch-bio-entry td.pic img {
padding: 4px;
border: 1px solid #ccc;
}
- table.arch-bio-entry td h3 {
+ .arch-bio-entry td h3 {
border-bottom: 1px dotted #ccc;
margin-bottom: 0.5em;
}
- table.arch-bio-entry table.bio {
+ .arch-bio-entry table.bio {
margin-bottom: 2em;
}
- table.arch-bio-entry table.bio th {
+ .arch-bio-entry table.bio th {
color: #666;
font-weight: normal;
text-align: right;
@@ -907,18 +948,19 @@ table.arch-bio-entry {
white-space: nowrap;
}
- table.arch-bio-entry table.bio td {
+ .arch-bio-entry table.bio td {
width: 100%;
padding-bottom: 0.25em;
+ white-space: normal;
}
/* dev: login/out */
-table#dev-login {
+#dev-login {
width: auto;
}
/* dev dashboard: flagged packages */
-form#dash-pkg-notify {
+#dash-pkg-notify {
text-align: right;
padding: 1em 0 0;
margin-top: 1em;
@@ -926,21 +968,21 @@ form#dash-pkg-notify {
border-top: 1px dotted #bbb;
}
- form#dash-pkg-notify label {
+ #dash-pkg-notify label {
width: auto;
font-weight: normal;
}
- form#dash-pkg-notify input {
+ #dash-pkg-notify input {
vertical-align: middle;
margin: 0 0.25em;
}
- form#dash-pkg-notify input[type=submit] {
+ #dash-pkg-notify input[type=submit] {
margin-top: -0.25em;
}
- form#dash-pkg-notify p {
+ #dash-pkg-notify p {
margin: 0;
}
@@ -960,14 +1002,30 @@ ul.admin-actions {
padding-left: 1.5em;
}
-/* todo lists (public and private) */
-.todo-table .complete {
+/* colored yes/no type values */
+.todo-table .complete,
+.signoff-yes,
+#key-status .signed-yes,
+#releng-result .success-yes,
+#release-list .available-yes {
color: green;
}
-.todo-table .incomplete {
+.todo-table .incomplete,
+.signoff-no,
+#key-status .signed-no,
+#releng-result .success-no,
+#release-list .available-no {
color: red;
}
+
+.todo-table .inprogress,
+.signoff-bad {
+ color: darkorange;
+}
+
+
+/* todo lists (public and private) */
.todo-info {
margin: 0; color: #999;
}
@@ -989,18 +1047,9 @@ ul.signoff-list {
}
.signoff-yes {
- color: green;
font-weight: bold;
}
-.signoff-no {
- color: red;
-}
-
-.signoff-bad {
- color: darkorange;
-}
-
.signoff-disabled {
color: gray;
}
@@ -1024,22 +1073,6 @@ ul.signoff-list {
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 */
#archnavbar.anb-home ul li#anb-home a,
#archnavbar.anb-packages ul li#anb-packages a,
--
1.8.4.rc3.500.gc3113b0
More information about the aur-dev
mailing list