[aur-dev] Some optimization patches
*sigh* Forgot to change the setting for format-patch and resent the same patches. Trying to send these patches one final time, using 'inline' at Aaron's suggestion. Here goes. --- My apologies for splitting these changes into so many patches, but apparently the Arch mailman instance will not let anything larger than 40k though (and I got feedback that there is something amiss regarding the mailman setup -- this is here nor there though). These patches are mostly optimizations for content delivery. - merge css into fewer files to reduce number of files. this makes for faster end user delivery as there are fewer http requests (fewer tcp connections, whether the response is 200/ok or 304/not-modified). - created minimized versions of css. this reduced css size by 3.3K (24%) the originals are retained for ease of editing and reference - split out ie6 css into a separate file, and use 'conditional stylesheet inclusion' so that only ie6 fetches that stylesheet. - optimize logo png file -- this was a 22% (1K)
--- web/html/css/arch.css | 424 -------------------------- web/html/css/aur.css | 701 +++++++++++++++++++++++++++++++++++++++++++ web/html/css/containers.css | 188 ------------ web/html/css/fonts.css | 115 ------- 4 files changed, 701 insertions(+), 727 deletions(-) delete mode 100644 web/html/css/arch.css create mode 100644 web/html/css/aur.css delete mode 100644 web/html/css/containers.css delete mode 100644 web/html/css/fonts.css diff --git a/web/html/css/arch.css b/web/html/css/arch.css deleted file mode 100644 index eec02ee..0000000 --- a/web/html/css/arch.css +++ /dev/null @@ -1,424 +0,0 @@ -* { margin: 0; padding: 0; } -* ul { padding: 20px; } -body { - min-width: 600px; - background-color: white; - color: #555; - font-family: "DejaVu Sans", sans-serif; - font-size: 12px; -} -/* Divs */ -#title { - display: block; - position: relative; - height: 123px; -} -#main_nav, -#sub_nav { - list-style: none; - font-size: 13px; - line-height: 26px; - padding: 0 32px; -} -#main_nav { - background-color: #333; - text-align: right; -} -#sub_nav { - min-width: 700px; - background-color: #1793d1; - text-align: right; -} -#main_nav a.selected { - background-color: #1793d1; -} -#sub_nav a.selected { - background-color: #333; -} -#main_nav a, -#sub_nav a { - padding: 5px 9px; - line-height: 26px; - color: #fff; - font-weight: bold; - text-decoration: none; -} -#main_nav a:hover { - background-color: #1793d1; -} -#sub_nav a:hover { - background-color: #333; -} -#lang_sub { - display: block; - font-size: 10pt; - text-align: right; - margin-bottom: 40px; - margin-right: 35px; - margin-left: 35px; -} -#lang_sub ul { - list-style: none; - padding: 0px; -} -#lang_sub ul a { - text-decoration: none; -} -#lang_sub ul a:hover { - text-decoration: underline; -} -#lang_sub ul li { - display: inline; - padding-right: 1px; -} -#login_bar { - display: block; - margin-bottom: 10px; -} -#login_bar input { - margin-right: 5px; -} -#login_bar .button { - margin: 2px; -} -#updates { - font-size: small; - /*position: relative;*/ - top: 0px; - background-color: #e7f0f6; - border: 1px solid #92cbe8; - padding: 10px; -} -#logo { - z-index: 1; - position: relative; - top: 10px; - left: 25px; - width: 350px; -} -#logo h1#archtitle { - background: transparent url("../images/titlelogo.png") no-repeat top left; - margin: 0px; - padding: 0px; -} -#logo h1#archtitle a { - color: transparent; - display: block; - width: 350px; - height: 103px; -} -.clear { - clear: both; - margin: 0px; - padding: 0px; -} -.right { - float: right; - width: 320px; - padding: 0px 10px 10px 0px; -} -.left { - padding: 10px; - margin-right: 360px; -} -.left p { - padding-bottom: 10px; -} -.box { - padding: 10px; -} -.greybox { - padding: 10px; - background-color: #f6f3dd; - border: 1px solid #d9d6c2; -} -div.listing { - padding-right: 10px; -} -.error { - color: #dd0000; - font-size: small; -} -.foot { - clear: both; - text-align: center; - font-size: 0.75em; -} -#search { - float: right; - position: relative; - top: -2em; - font-size: 0.8em; -} -#search input { - background-color: #f6f3dd; - border: 1px solid #d9d6c2; -} -.smalltext { - text-align: right; - font-size: x-small; -} -/* Headers */ -h2 { - margin: 20px 0px 10px 0px; -} -h2.title { - border-bottom: 1px solid #46494d; -} -h3 { - margin-bottom: 10px; -} -h3.title { - text-align: right; - border-bottom: 1px solid #46494d; -} -h4.title { - border-bottom: 1px solid #46494d; -} -h4.news { - border-bottom: 1px dotted #0771a6; - margin-bottom: .25em; - padding-bottom: .2em; -} -div.listing h4 { - color: #fff; - background-color: #0771a6; - padding: 3px; -} -/* Paragraphs, Anchors, Images */ -p { - padding-bottom: 20px; -} -p.news { - font-size: small; -} -a { - color: #0771a6; -} -a:hover { - color: #333; -} -#about { - position: relative; - top: -9px; -} -ol { - padding-left: 45px; -} -ul.small { - list-style: none; - font-size: x-small; -} -ul.links { - list-style: none; - font-size: small; - padding: 0px 0px 20px 20px; -} -img { - border: none; -} -hr { - border: none; - border-top: 1px solid #46494d; -} -.greybox input, -button, -textarea, -select { - background-color: #e1e3e6; - border: 1px solid #8faecd; -} -.box input, button { - padding: 2px; - background-color: #c1c3f6; - font-size: x-small; - border: 1px solid #8faecd; -} -button#f_trigger { - background-color: #e1e3e6; -} -/* Table stuff */ -table.center { - margin-left: auto; - margin-right: auto; -} -table.results { - padding: 0px; - border-collapse: collapse; -} -.results th { - background-color: #e1e3e6; - border-bottom: 1px solid #46494d; - border-top: 1px solid #46494d; - padding: 0px 5px 0px 0px; -} -.results th>a { - text-decoration: none; - color: #46494d; -} -.results td { - padding-right: 5px; - vertical-align: top; - font-size: 0.8em; -} -.listing th { - font-size: small; - vertical-align: top; - padding: 2px; -} -.listing td { - font-size: small; - padding: 2px; -} -blockquote.code { - background-color: #f3f3f3; - border: 1px solid #ccc; - margin-left: auto; - margin-right: auto; - white-space: nowrap; - padding: 5px; - font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace; - color: #333; - font-size: .95em; -} -.pkg_search_results_footer { - overflow: auto; -} -.pkg_search_results_footer .legend_and_actions { - float: left; -} -.pkg_search_results_footer .legend { - margin-bottom: 3px; -} -.pkg_search_results_footer .page_links { - float: right; - margin: 0 0; - padding: 0 0; -} - - -/* AUR Styles */ -.pgbox { - margin: 0 25px; - margin-bottom: 1%; - background-color: #fff; - border: 2px solid #ddd; - padding: 3px; -} -.frontpgboxbody { - padding: 10px; -} -.frontpgboxbody > table { - width: 100%; -} -.pgboxtitle { - border: 2px solid #ddd; - border-top: 1px solid #fff; - border-left: 1px solid #fff; - background-color: #f1f2f4; - padding: 2px 10px 2px 10px; -} -.pgboxbody, -.pgboxbody-comment { - padding: 10px; -} -.pgboxbody input { - margin-right: 10px; -} -.pgboxbody-comment > table { - border-collapse: separate; - border-spacing: 0px 15px; -} - -#advanced-search li { - font-size: 11px; - list-style: none; - display: inline; - padding-right: 15px; - text-decoration: none; -} - -.page_nav { - margin: 5px 0; -} -.page_nav .page_num { - border: 1px solid #ddd; - padding: 2px; - color: #0771a6; -} -.page_nav .page_num:hover { - border: 1px solid #8faecd; - color: #333; -} -.page_nav .page_sel { - border: 1px solid #8faecd; - padding: 2px; - color: #333; - font-weight: bold; -} - -.comment-header { - background-color: #f1f2f4; - color: #888; - font-size: 14px; - font-weight: bold; - margin-left: 5px; - margin-top: 5px; - padding: 2px; -} - -.comment-body { - margin-left: 5px; - padding: 2px; - font-family: monospace; -} - -.pkgoutput { - margin: 0 25px; - font-size: 18px; - font-weight: bold; -} - -div.version { - font-weight:bold; - font-size:14px; - text-align:right; -} - - - - -/** - * - * =============== Language-specific declarations ====================== - * - * (e.g. right-to-left texts for Hebrew) - * - * */ - - -/** - * RIGHT - TO - LEFT - * - * Too add a language, just add it's language code to all - * :lang()-pseudo-classes, delimited by a hyphen ("-"). - * */ - -body:lang(he) { - direction: rtl; -} -th:lang(he) { - text-align: right; -} -#lang_sub:lang(he) { - text-align: left; -} -.pkg_search_results_footer:lang(he) .legend_and_actions { - float: right; -} -.pkg_search_results_footer:lang(he) .page_links { - float: left; -} -div.version:lang(he) { - text-align: left; -} diff --git a/web/html/css/aur.css b/web/html/css/aur.css new file mode 100644 index 0000000..e682797 --- /dev/null +++ b/web/html/css/aur.css @@ -0,0 +1,701 @@ +/***** Fonts *****/ +/* Standard Fonts */ +span { /* Applicable by default in all fonts */ + color: #555; + font-family: Bitstream Vera Sans, Lucida Grande, Arial, sans-serif; +} +span.f1 { /* Important */ + font-size: 20px; + letter-spacing: 1px; +} +span.f2 { /* Title */ + font-size: 14px; + color: #6c83b0; + font-weight: bold; +} +span.f3 { /* Sub Title */ + color: #888; + font-size: 14px; + font-weight: bold; + padding-right: 2px; +} +span.f4 { /* Content Text */ + color: #444; + font-size: 12px; +} +span.f5 { /* Content Small */ + color: #333; + font-size: 11px; +} +span.f6 { /* Red Message */ + color: #b06d6e; + font-size: 14px; + font-weight: bold; +} +span.f7 { /* Green Message */ + color: #6db06d; + font-size: 14px; + font-weight: bold; +} +span.f8 { /* Internal Sources in Package Details */ + color: #888; + font-size: 12px; + font-weight: bold; +} +span.fix { /* Monospace fixed-font */ + color: #000; + font-family: monospace, fixed, terminal; + font-size: 12px; +} +span.error { /* Content Text */ + color: #900; + font-size: 12px; +} +span.warning { /* Content Text */ + color: #c0c000; + font-size: 12px; +} +/* Font Attribute Change (#6c83b0)*/ +.blue { color: #6c83b0; } +.white { color: #fff; } +.black { color: #000; } +.green { color: #6db06d; } +/* Better contrast on out-of-date rows (FS#20514) */ +.outofdate .blue { color: #444; } +.link { + color: #6c83b0; + font-weight: bold; +} +/* Misc (c9d1e2) */ +span.preHeader { + color: #c9d1e2; + font-weight: bold; + font-size: 11px; + padding-right: 8px; + word-spacing: 8px; +} +span.sideBarSmallHeader { + color: #fff; + font-weight: bold; + font-size: 11px; + padding-right: 8px; +} +a { + color: #0771a6; + text-decoration: none; + font-weight: bold; +} +a:hover { + color: #333; + text-decoration: none; + font-weight: bold; +} +h1, h2, h3, h4 { + font-size: 16pt; +} +.important { + font-weight: bold; + color: #f00; +} +/***** containers *****/ +body, table, td, img { + border: none; + margin: 0; + padding: 0; +} +/* Main Wrapper Data Format */ +td.preHeader { + background-color: #000; + border-bottom: 1px solid #455471; + height: 16px; + text-align: right; +} +td.headerFill { + background-color: #6c83b0; + border-bottom: 1px solid #000; +} +td.headerDisplay { + background-color: #6c83b0; + padding-left: 16px; +} +td.mainLinks { + background-color: #eee; + border-bottom: 1px solid #000; + height: 22px; + padding-left: 12px; +} +td.sideBar { + background-color: #fff; + text-align: center; + vertical-align: top; + width: 150px; +} +td.sideBarGrey { + background-color: #eee; + border-bottom: 1px solid #000; + vertical-align: top; + width: 150px; +} +td.sideBarSmall { + background-color: #6c83b0; + border-bottom: 1px solid #000; + height: 16px; + text-align: right; + width: 150px; +} +td.sideBarSmallHeader { + background-color: #6c83b0; + vertical-align: top; + height: 16px; + padding-top: 1px; + padding-bottom: 2px; + text-align: right; + width: 150px; +} +td.subLinks { + background-color: #ffe4e8; + border-right: 1px solid #000; + color: #787878; + padding-left: 12px; + height: 19px; +} +td.contentDisplay { + background-color: #fff; + border: 1px solid #000; + border-top: none; + text-align: center; + vertical-align: top; + padding: 10px; +} +td.footerDisplay { + background-color: #eee; + border-bottom: 1px solid #000; + text-align: center; +} +/* Containers Used Globally */ +table.boxSoft { + width: 90%; + background-color: #ddd; +} +td.boxSoft { + background-color: #fff; + padding: 2px; +} +td.boxSoftColumn { + padding-left: 16px; + padding-right: 16px; + text-align: justify; + vertical-align: top; + text-indent: 20px; +} +td.div { + background-color: #eee; + width: 3px; +} +.boxSoftTitle { + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; + background-color: #f1f2f4; + padding: 1px 0 0 3px; +} +table.boxSoftSmall { + width: 94px; + background-color: #ddd; +} +td.boxSoftSmall { + background-color: #fff; + text-align: center; + padding-top: 2px; + padding-bottom: 2px; +} +td.boxSoftSmallTitle { + border-bottom: 1px solid #ccc; + background-color: #f1f2f4; + padding-left: 10px; +} +/* ss = small space */ +td.ss { + padding-left: 6px; + vertical-align: top; +} +td.display { + border-bottom: 1px solid #000; + padding-bottom: 6px; +} +td.features { + padding: 4px; + text-align: justify; + vertical-align:top; +} +td.formLeft { + padding: 6px; + vertical-align: top; +} +td.data1 { + background-color: #eee; + vertical-align: top; + padding-left: .3em; +} +td.data2 { + background-color: #ddd; + vertical-align: top; + padding-left: .3em; +} +.outofdate { + background-color: #faa; + padding-left: .3em; +} +.legend span { + padding: 1px; + margin-left: .3em; + border: solid 1px #888; +} +td.text { + color: #000; + font-size: 12px; +} +th { + text-align: left; +} +th.header { + border-bottom: #666 1px solid; + vertical-align: bottom; +} +fieldset { + border: none; +} +input, textarea, select { + background-color: #6c83b0; + font-family: monospace; + font-size: 12px; + background-color: #ccc; + border: #000 1px solid; + color: #111; +} +input.button { + background-color: #fff; + color: #6c83b0; + border: 1px solid #6c83b0; + font-size: 12px; + padding: 2px 8px; +} +input[type=image] { + border: 0; + background: none; +} + +/***** arch.css *****/ +* { margin: 0; padding: 0; } +* ul { padding: 20px; } +body { + min-width: 600px; + background-color: white; + color: #555; + font-family: "DejaVu Sans", sans-serif; + font-size: 12px; +} +/* Divs */ +#title { + display: block; + position: relative; + height: 123px; +} +#main_nav, #sub_nav { + list-style: none; + font-size: 13px; + line-height: 26px; + padding: 0 32px; +} +#main_nav { + background-color: #333; + text-align: right; +} +#sub_nav { + min-width: 700px; + background-color: #1793d1; + text-align: right; +} +#main_nav a.selected { + background-color: #1793d1; +} +#sub_nav a.selected { + background-color: #333; +} +#main_nav a, #sub_nav a { + padding: 5px 9px; + line-height: 26px; + color: #fff; + font-weight: bold; + text-decoration: none; +} +#main_nav a:hover { + background-color: #1793d1; +} +#sub_nav a:hover { + background-color: #333; +} +#lang_sub { + display: block; + font-size: 10pt; + text-align: right; + margin-bottom: 40px; + margin-right: 35px; + margin-left: 35px; +} +#lang_sub ul { + list-style: none; + padding: 0px; +} +#lang_sub ul a { + text-decoration: none; +} +#lang_sub ul a:hover { + text-decoration: underline; +} +#lang_sub ul li { + display: inline; + padding-right: 1px; +} +#login_bar { + display: block; + margin-bottom: 10px; +} +#login_bar input { + margin-right: 5px; +} +#login_bar .button { + margin: 2px; +} +#updates { + font-size: small; + /*position: relative;*/ + top: 0px; + background-color: #e7f0f6; + border: 1px solid #92cbe8; + padding: 10px; +} +#logo { + z-index: 1; + position: relative; + top: 10px; + left: 25px; + width: 350px; +} +#logo h1#archtitle { + background: transparent url("../images/titlelogo.png") no-repeat top left; + margin: 0px; + padding: 0px; +} +#logo h1#archtitle a { + color: transparent; + display: block; + width: 350px; + height: 103px; +} +.clear { + clear: both; + margin: 0px; + padding: 0px; +} +.right { + float: right; + width: 320px; + padding: 0px 10px 10px 0px; +} +.left { + padding: 10px; + margin-right: 360px; +} +.left p { + padding-bottom: 10px; +} +.box { + padding: 10px; +} +.greybox { + padding: 10px; + background-color: #f6f3dd; + border: 1px solid #d9d6c2; +} +div.listing { + padding-right: 10px; +} +.error { + color: #dd0000; + font-size: small; +} +.foot { + clear: both; + text-align: center; + font-size: 0.75em; +} +#search { + float: right; + position: relative; + top: -2em; + font-size: 0.8em; +} +#search input { + background-color: #f6f3dd; + border: 1px solid #d9d6c2; +} +.smalltext { + text-align: right; + font-size: x-small; +} +/* Headers */ +h2 { + margin: 20px 0px 10px 0px; +} +h2.title { + border-bottom: 1px solid #46494d; +} +h3 { + margin-bottom: 10px; +} +h3.title { + text-align: right; + border-bottom: 1px solid #46494d; +} +h4.title { + border-bottom: 1px solid #46494d; +} +h4.news { + border-bottom: 1px dotted #0771a6; + margin-bottom: .25em; + padding-bottom: .2em; +} +div.listing h4 { + color: #fff; + background-color: #0771a6; + padding: 3px; +} +/* Paragraphs, Anchors, Images */ +p { + padding-bottom: 20px; +} +p.news { + font-size: small; +} +a { + color: #0771a6; +} +a:hover { + color: #333; +} +#about { + position: relative; + top: -9px; +} +ol { + padding-left: 45px; +} +ul.small { + list-style: none; + font-size: x-small; +} +ul.links { + list-style: none; + font-size: small; + padding: 0px 0px 20px 20px; +} +img { + border: none; +} +hr { + border: none; + border-top: 1px solid #46494d; +} +.greybox input, button, textarea, select { + background-color: #e1e3e6; + border: 1px solid #8faecd; +} +.box input, button { + padding: 2px; + background-color: #c1c3f6; + font-size: x-small; + border: 1px solid #8faecd; +} +button#f_trigger { + background-color: #e1e3e6; +} +/* Table stuff */ +table.center { + margin-left: auto; + margin-right: auto; +} +table.results { + padding: 0px; + border-collapse: collapse; +} +.results th { + background-color: #e1e3e6; + border-bottom: 1px solid #46494d; + border-top: 1px solid #46494d; + padding: 0px 5px 0px 0px; +} +.results th>a { + text-decoration: none; + color: #46494d; +} +.results td { + padding-right: 5px; + vertical-align: top; + font-size: 0.8em; +} +.listing th { + font-size: small; + vertical-align: top; + padding: 2px; +} +.listing td { + font-size: small; + padding: 2px; +} +blockquote.code { + background-color: #f3f3f3; + border: 1px solid #ccc; + margin-left: auto; + margin-right: auto; + white-space: nowrap; + padding: 5px; + font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace; + color: #333; + font-size: .95em; +} +.pkg_search_results_footer { + overflow: auto; +} +.pkg_search_results_footer .legend_and_actions { + float: left; +} +.pkg_search_results_footer .legend { + margin-bottom: 3px; +} +.pkg_search_results_footer .page_links { + float: right; + margin: 0 0; + padding: 0 0; +} + + +/* AUR Styles */ +.pgbox { + margin: 0 25px; + margin-bottom: 1%; + background-color: #fff; + border: 2px solid #ddd; + padding: 3px; +} +.frontpgboxbody { + padding: 10px; +} +.frontpgboxbody > table { + width: 100%; +} +.pgboxtitle { + border: 2px solid #ddd; + border-top: 1px solid #fff; + border-left: 1px solid #fff; + background-color: #f1f2f4; + padding: 2px 10px 2px 10px; +} +.pgboxbody, .pgboxbody-comment { + padding: 10px; +} +.pgboxbody input { + margin-right: 10px; +} +.pgboxbody-comment > table { + border-collapse: separate; + border-spacing: 0px 15px; +} + +#advanced-search li { + font-size: 11px; + list-style: none; + display: inline; + padding-right: 15px; + text-decoration: none; +} + +.page_nav { + margin: 5px 0; +} +.page_nav .page_num { + border: 1px solid #ddd; + padding: 2px; + color: #0771a6; +} +.page_nav .page_num:hover { + border: 1px solid #8faecd; + color: #333; +} +.page_nav .page_sel { + border: 1px solid #8faecd; + padding: 2px; + color: #333; + font-weight: bold; +} + +.comment-header { + background-color: #f1f2f4; + color: #888; + font-size: 14px; + font-weight: bold; + margin-left: 5px; + margin-top: 5px; + padding: 2px; +} + +.comment-body { + margin-left: 5px; + padding: 2px; + font-family: monospace; +} + +.pkgoutput { + margin: 0 25px; + font-size: 18px; + font-weight: bold; +} + +div.version { + font-weight:bold; + font-size:14px; + text-align:right; +} + + + + +/** + * + * =============== Language-specific declarations ====================== + * + * (e.g. right-to-left texts for Hebrew) + * + * RIGHT - TO - LEFT + * + * Too add a language, just add it's language code to all + * :lang()-pseudo-classes, delimited by a hyphen ("-"). + * */ + +body:lang(he) { + direction: rtl; +} +th:lang(he) { + text-align: right; +} +#lang_sub:lang(he) { + text-align: left; +} +.pkg_search_results_footer:lang(he) .legend_and_actions { + float: right; +} +.pkg_search_results_footer:lang(he) .page_links { + float: left; +} +div.version:lang(he) { + text-align: left; +} diff --git a/web/html/css/containers.css b/web/html/css/containers.css deleted file mode 100644 index 237950f..0000000 --- a/web/html/css/containers.css +++ /dev/null @@ -1,188 +0,0 @@ -body,table,td,img { - border: none; - margin: 0; - padding: 0; -} -/* Main Wrapper Data Format */ -td.preHeader { - background-color: #000; - border-bottom: 1px solid #455471; - height: 16px; - text-align: right; -} -td.headerFill { - background-color: #6c83b0; - border-bottom: 1px solid #000; -} -td.headerDisplay { - background-color: #6c83b0; - padding-left: 16px; -} -td.mainLinks { - background-color: #eee; - border-bottom: 1px solid #000; - height: 22px; - padding-left: 12px; -} -td.sideBar { - background-color: #fff; - text-align: center; - vertical-align: top; - width: 150px; -} -td.sideBarGrey { - background-color: #eee; - border-bottom: 1px solid #000; - vertical-align: top; - width: 150px; -} -td.sideBarSmall { - background-color: #6c83b0; - border-bottom: 1px solid #000; - height: 16px; - text-align: right; - width: 150px; -} -td.sideBarSmallHeader { - background-color: #6c83b0; - vertical-align: top; - height: 16px; - padding-top: 1px; - padding-bottom: 2px; - text-align: right; - width: 150px; -} -td.subLinks { - background-color: #ffe4e8; - border-right: 1px solid #000; - color: #787878; - padding-left: 12px; - height: 19px; -} -td.contentDisplay { - background-color: #fff; - border: 1px solid #000; - border-top: none; - text-align: center; - vertical-align: top; - padding: 10px; -} -td.footerDisplay { - background-color: #eee; - border-bottom: 1px solid #000; - text-align: center; -} -/* Containers Used Globally */ -table.boxSoft { - width: 90%; - background-color: #ddd; -} -td.boxSoft { - background-color: #fff; - padding: 2px; -} -td.boxSoftColumn { - padding-left: 16px; - padding-right: 16px; - text-align: justify; - vertical-align: top; - text-indent: 20px; -} -td.div { - background-color: #eee; - width: 3px; -} -.boxSoftTitle { - border-bottom: 1px solid #fff; - border-top: 1px solid #fff; - background-color: #f1f2f4; - padding: 1px 0 0 3px; -} -table.boxSoftSmall { - width: 94px; - background-color: #ddd; -} -td.boxSoftSmall { - background-color: #fff; - text-align: center; - padding-top: 2px; - padding-bottom: 2px; -} -td.boxSoftSmallTitle { - border-bottom: 1px solid #ccc; - background-color: #f1f2f4; - padding-left: 10px; -} -/* ss = small space */ -td.ss { - padding-left: 6px; - vertical-align: top; -} -td.display { - border-bottom: 1px solid #000; - padding-bottom: 6px; -} -td.features { - padding: 4px; - text-align: justify; - vertical-align:top; -} -td.formLeft { - padding: 6px; - vertical-align: top; -} -td.data1 { - background-color: #eee; - vertical-align: top; - padding-left: .3em; -} -td.data2 { - background-color: #ddd; - vertical-align: top; - padding-left: .3em; -} -.outofdate { - background-color: #faa; - padding-left: .3em; -} -.legend span { - padding: 1px; - margin-left: .3em; - border: solid 1px #888; -} -td.text { - color: #000; - font-size: 12px; -} -th { - text-align: left; -} -th.header { - border-bottom: #666 1px solid; - vertical-align: bottom; -} -fieldset { - border: none; -} -input, -textarea, -select { - background-color: #6c83b0; - font-family: monospace; - font-size: 12px; - background-color: #ccc; - border: #000 1px solid; - color: #111; -} -input.button { - background-color: #fff; - color: #6c83b0; - border: 1px solid #6c83b0; - font-size: 12px; - padding: 2px 8px; -} -input[type=image] { - border: 0; - background: none; -} - diff --git a/web/html/css/fonts.css b/web/html/css/fonts.css deleted file mode 100644 index 9dea935..0000000 --- a/web/html/css/fonts.css +++ /dev/null @@ -1,115 +0,0 @@ -/* Standard Fonts */ -span /* Applicable by default in all fonts */ -{ - color: #555; - font-family: Bitstream Vera Sans, Lucida Grande, Arial, sans-serif; -} -span.f1 /* Important */ -{ - font-size: 20px; - letter-spacing: 1px; -} -span.f2 /* Title */ -{ - font-size: 14px; - color: #6c83b0; - font-weight: bold; -} -span.f3 /* Sub Title */ -{ - color: #888; - font-size: 14px; - font-weight: bold; - padding-right: 2px; -} -span.f4 /* Content Text */ -{ - color: #444; - font-size: 12px; -} -span.f5 /* Content Small */ -{ - color: #333; - font-size: 11px; -} -span.f6 /* Red Message */ -{ - color: #b06d6e; - font-size: 14px; - font-weight: bold; -} -span.f7 /* Green Message */ -{ - color: #6db06d; - font-size: 14px; - font-weight: bold; -} -span.f8 /* Internal Sources in Package Details */ -{ - color: #888; - font-size: 12px; - font-weight: bold; -} -span.fix /* Monospace fixed-font */ -{ - color: #000; - font-family: monospace, fixed, terminal; - font-size: 12px; -} -span.error /* Content Text */ -{ - color: #900; - font-size: 12px; -} -span.warning /* Content Text */ -{ - color: #c0c000; - font-size: 12px; -} -/* Font Attribute Change (#6c83b0)*/ -.blue { color: #6c83b0; } -.white { color: #fff; } -.black { color: #000; } -.green { color: #6db06d; } -/* Better contrast on out-of-date rows (FS#20514) */ -.outofdate .blue { color: #444; } -.link -{ - color: #6c83b0; - font-weight: bold; -} -/* Misc (c9d1e2) */ -span.preHeader -{ - color: #c9d1e2; - font-weight: bold; - font-size: 11px; - padding-right: 8px; - word-spacing: 8px; -} -span.sideBarSmallHeader -{ - color: #fff; - font-weight: bold; - font-size: 11px; - padding-right: 8px; -} -a { - color: #0771a6; - text-decoration: none; - font-weight: bold; -} -a:hover { - color: #333; - text-decoration: none; - font-weight: bold; -} -h1, h2, h3, h4 { - font-size: 16pt; -} - -.important { - font-weight: bold; - color: #f00; -} - -- 1.7.4.1
--- web/html/css/aur.min.css | 148 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 148 insertions(+), 0 deletions(-) create mode 100644 web/html/css/aur.min.css diff --git a/web/html/css/aur.min.css b/web/html/css/aur.min.css new file mode 100644 index 0000000..51380bb --- /dev/null +++ b/web/html/css/aur.min.css @@ -0,0 +1,148 @@ +span{color:#555;font-family:Bitstream Vera Sans, Lucida Grande, Arial, sans-serif;} +span.f1{font-size:20px;letter-spacing:1px;} +span.f2{font-size:14px;color:#6c83b0;font-weight:bold;} +span.f3{color:#888;font-size:14px;font-weight:bold;padding-right:2px;} +span.f4{color:#444;font-size:12px;} +span.f5{color:#333;font-size:11px;} +span.f6{color:#b06d6e;font-size:14px;font-weight:bold;} +span.f7{color:#6db06d;font-size:14px;font-weight:bold;} +span.f8{color:#888;font-size:12px;font-weight:bold;} +span.fix{color:#000;font-family:monospace, fixed, terminal;font-size:12px;} +span.error{color:#900;font-size:12px;} +span.warning{color:#c0c000;font-size:12px;} +.blue{color:#6c83b0;} +.white{color:#fff;} +.black{color:#000;} +.green{color:#6db06d;} +.outofdate .blue{color:#444;} +.link{color:#6c83b0;font-weight:bold;} +span.preHeader{color:#c9d1e2;font-weight:bold;font-size:11px;padding-right:8px;word-spacing:8px;} +span.sideBarSmallHeader{color:#fff;font-weight:bold;font-size:11px;padding-right:8px;} +a{color:#0771a6;text-decoration:none;font-weight:bold;} +a:hover{color:#333;text-decoration:none;font-weight:bold;} +h1, h2, h3, h4{font-size:16pt;} +.important{font-weight:bold;color:#f00;} +body, table, td, img{border:none;margin:0;padding:0;} +td.preHeader{background-color:#000;border-bottom:1px solid #455471;height:16px;text-align:right;} +td.headerFill{background-color:#6c83b0;border-bottom:1px solid #000;} +td.headerDisplay{background-color:#6c83b0;padding-left:16px;} +td.mainLinks{background-color:#eee;border-bottom:1px solid #000;height:22px;padding-left:12px;} +td.sideBar{background-color:#fff;text-align:center;vertical-align:top;width:150px;} +td.sideBarGrey{background-color:#eee;border-bottom:1px solid #000;vertical-align:top;width:150px;} +td.sideBarSmall{background-color:#6c83b0;border-bottom:1px solid #000;height:16px;text-align:right;width:150px;} +td.sideBarSmallHeader{background-color:#6c83b0;vertical-align:top;height:16px;padding-top:1px;padding-bottom:2px;text-align:right;width:150px;} +td.subLinks{background-color:#ffe4e8;border-right:1px solid #000;color:#787878;padding-left:12px;height:19px;} +td.contentDisplay{background-color:#fff;border:1px solid #000;border-top:none;text-align:center;vertical-align:top;padding:10px;} +td.footerDisplay{background-color:#eee;border-bottom:1px solid #000;text-align:center;} +table.boxSoft{width:90%;background-color:#ddd;} +td.boxSoft{background-color:#fff;padding:2px;} +td.boxSoftColumn{padding-left:16px;padding-right:16px;text-align:justify;vertical-align:top;text-indent:20px;} +td.div{background-color:#eee;width:3px;} +.boxSoftTitle{border-bottom:1px solid #fff;border-top:1px solid #fff;background-color:#f1f2f4;padding:1px 0 0 3px;} +table.boxSoftSmall{width:94px;background-color:#ddd;} +td.boxSoftSmall{background-color:#fff;text-align:center;padding-top:2px;padding-bottom:2px;} +td.boxSoftSmallTitle{border-bottom:1px solid #ccc;background-color:#f1f2f4;padding-left:10px;} +td.ss{padding-left:6px;vertical-align:top;} +td.display{border-bottom:1px solid #000;padding-bottom:6px;} +td.features{padding:4px;text-align:justify;vertical-align:top;} +td.formLeft{padding:6px;vertical-align:top;} +td.data1{background-color:#eee;vertical-align:top;padding-left:.3em;} +td.data2{background-color:#ddd;vertical-align:top;padding-left:.3em;} +.outofdate{background-color:#faa;padding-left:.3em;} +.legend span{padding:1px;margin-left:.3em;border:solid 1px #888;} +td.text{color:#000;font-size:12px;} +th{text-align:left;} +th.header{border-bottom:#666 1px solid;vertical-align:bottom;} +fieldset{border:none;} +input, textarea, select{background-color:#6c83b0;font-family:monospace;font-size:12px;background-color:#ccc;border:#000 1px solid;color:#111;} +input.button{background-color:#fff;color:#6c83b0;border:1px solid #6c83b0;font-size:12px;padding:2px 8px;} +input[type=image]{border:0;background:none;}*{margin:0;padding:0;} +* ul{padding:20px;} +body{min-width:600px;background-color:white;color:#555;font-family:"DejaVu Sans", sans-serif;font-size:12px;} +#title{display:block;position:relative;height:123px;} +#main_nav, #sub_nav{list-style:none;font-size:13px;line-height:26px;padding:0 32px;} +#main_nav{background-color:#333;text-align:right;} +#sub_nav{min-width:700px;background-color:#1793d1;text-align:right;} +#main_nav a.selected{background-color:#1793d1;} +#sub_nav a.selected{background-color:#333;} +#main_nav a, #sub_nav a{padding:5px 9px;line-height:26px;color:#fff;font-weight:bold;text-decoration:none;} +#main_nav a:hover{background-color:#1793d1;} +#sub_nav a:hover{background-color:#333;} +#lang_sub{display:block;font-size:10pt;text-align:right;margin-bottom:40px;margin-right:35px;margin-left:35px;} +#lang_sub ul{list-style:none;padding:0px;} +#lang_sub ul a{text-decoration:none;} +#lang_sub ul a:hover{text-decoration:underline;} +#lang_sub ul li{display:inline;padding-right:1px;} +#login_bar{display:block;margin-bottom:10px;} +#login_bar input{margin-right:5px;} +#login_bar .button{margin:2px;} +#updates{font-size:small;top:0px;background-color:#e7f0f6;border:1px solid #92cbe8;padding:10px;} +#logo{z-index:1;position:relative;top:10px;left:25px;width:350px;} +#logo h1#archtitle{background:transparent url("../images/titlelogo.png") no-repeat top left;margin:0px;padding:0px;} +#logo h1#archtitle a{color:transparent;display:block;width:350px;height:103px;} +.clear{clear:both;margin:0px;padding:0px;} +.right{float:right;width:320px;padding:0px 10px 10px 0px;} +.left{padding:10px;margin-right:360px;} +.left p{padding-bottom:10px;} +.box{padding:10px;} +.greybox{padding:10px;background-color:#f6f3dd;border:1px solid #d9d6c2;} +div.listing{padding-right:10px;} +.error{color:#dd0000;font-size:small;} +.foot{clear:both;text-align:center;font-size:0.75em;} +#search{float:right;position:relative;top:-2em;font-size:0.8em;} +#search input{background-color:#f6f3dd;border:1px solid #d9d6c2;} +.smalltext{text-align:right;font-size:x-small;} +h2{margin:20px 0px 10px 0px;} +h2.title{border-bottom:1px solid #46494d;} +h3{margin-bottom:10px;} +h3.title{text-align:right;border-bottom:1px solid #46494d;} +h4.title{border-bottom:1px solid #46494d;} +h4.news{border-bottom:1px dotted #0771a6;margin-bottom:.25em;padding-bottom:.2em;} +div.listing h4{color:#fff;background-color:#0771a6;padding:3px;} +p{padding-bottom:20px;} +p.news{font-size:small;} +a{color:#0771a6;} +a:hover{color:#333;} +#about{position:relative;top:-9px;} +ol{padding-left:45px;} +ul.small{list-style:none;font-size:x-small;} +ul.links{list-style:none;font-size:small;padding:0px 0px 20px 20px;} +img{border:none;} +hr{border:none;border-top:1px solid #46494d;} +.greybox input, button, textarea, select{background-color:#e1e3e6;border:1px solid #8faecd;} +.box input, button{padding:2px;background-color:#c1c3f6;font-size:x-small;border:1px solid #8faecd;} +button#f_trigger{background-color:#e1e3e6;} +table.center{margin-left:auto;margin-right:auto;} +table.results{padding:0px;border-collapse:collapse;} +.results th{background-color:#e1e3e6;border-bottom:1px solid #46494d;border-top:1px solid #46494d;padding:0px 5px 0px 0px;} +.results th>a{text-decoration:none;color:#46494d;} +.results td{padding-right:5px;vertical-align:top;font-size:0.8em;} +.listing th{font-size:small;vertical-align:top;padding:2px;} +.listing td{font-size:small;padding:2px;} +blockquote.code{background-color:#f3f3f3;border:1px solid #ccc;margin-left:auto;margin-right:auto;white-space:nowrap;padding:5px;font-family:"DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, "Courier New", Monospace;color:#333;font-size:.95em;} +.pkg_search_results_footer{overflow:auto;} +.pkg_search_results_footer .legend_and_actions{float:left;} +.pkg_search_results_footer .legend{margin-bottom:3px;} +.pkg_search_results_footer .page_links{float:right;margin:0 0;padding:0 0;} +.pgbox{margin:0 25px;margin-bottom:1%;background-color:#fff;border:2px solid #ddd;padding:3px;} +.frontpgboxbody{padding:10px;} +.frontpgboxbody > table{width:100%;} +.pgboxtitle{border:2px solid #ddd;border-top:1px solid #fff;border-left:1px solid #fff;background-color:#f1f2f4;padding:2px 10px 2px 10px;} +.pgboxbody, .pgboxbody-comment{padding:10px;} +.pgboxbody input{margin-right:10px;} +.pgboxbody-comment > table{border-collapse:separate;border-spacing:0px 15px;} +#advanced-search li{font-size:11px;list-style:none;display:inline;padding-right:15px;text-decoration:none;} +.page_nav{margin:5px 0;} +.page_nav .page_num{border:1px solid #ddd;padding:2px;color:#0771a6;} +.page_nav .page_num:hover{border:1px solid #8faecd;color:#333;} +.page_nav .page_sel{border:1px solid #8faecd;padding:2px;color:#333;font-weight:bold;} +.comment-header{background-color:#f1f2f4;color:#888;font-size:14px;font-weight:bold;margin-left:5px;margin-top:5px;padding:2px;} +.comment-body{margin-left:5px;padding:2px;font-family:monospace;} +.pkgoutput{margin:0 25px;font-size:18px;font-weight:bold;} +div.version{font-weight:bold;font-size:14px;text-align:right;} +body:lang(he){direction:rtl;} +th:lang(he){text-align:right;} +#lang_sub:lang(he){text-align:left;} +.pkg_search_results_footer:lang(he) .legend_and_actions{float:right;} +.pkg_search_results_footer:lang(he) .page_links{float:left;} +div.version:lang(he){text-align:left;} \ No newline at end of file -- 1.7.4.1
On Mon, Apr 04, 2011 at 02:44:06PM -0700, elij wrote:
--- web/html/css/aur.min.css | 148 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 148 insertions(+), 0 deletions(-) create mode 100644 web/html/css/aur.min.css
diff --git a/web/html/css/aur.min.css b/web/html/css/aur.min.css new file mode 100644 index 0000000..51380bb --- /dev/null +++ b/web/html/css/aur.min.css @@ -0,0 +1,148 @@ +span{color:#555;font-family:Bitstream Vera Sans, Lucida Grande, Arial, sans-serif;} +span.f1{font-size:20px;letter-spacing:1px;} +span.f2{font-size:14px;color:#6c83b0;font-weight:bold;} +span.f3{color:#888;font-size:14px;font-weight:bold;padding-right:2px;} +span.f4{color:#444;font-size:12px;} +span.f5{color:#333;font-size:11px;} +span.f6{color:#b06d6e;font-size:14px;font-weight:bold;} +span.f7{color:#6db06d;font-size:14px;font-weight:bold;} +span.f8{color:#888;font-size:12px;font-weight:bold;} +span.fix{color:#000;font-family:monospace, fixed, terminal;font-size:12px;} [...]
Imho, we should at least add some comments and split stuff into sections (7 or 8 additional bytes shouldn't make a difference). Otherwise this becomes confusing...
On Wed, Apr 6, 2011 at 2:15 PM, Lukas Fleischer <archlinux@cryptocrack.de> wrote:
On Mon, Apr 04, 2011 at 02:44:06PM -0700, elij wrote:
--- web/html/css/aur.min.css | 148 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 148 insertions(+), 0 deletions(-) create mode 100644 web/html/css/aur.min.css
diff --git a/web/html/css/aur.min.css b/web/html/css/aur.min.css new file mode 100644 index 0000000..51380bb --- /dev/null +++ b/web/html/css/aur.min.css @@ -0,0 +1,148 @@ +span{color:#555;font-family:Bitstream Vera Sans, Lucida Grande, Arial, sans-serif;} +span.f1{font-size:20px;letter-spacing:1px;} +span.f2{font-size:14px;color:#6c83b0;font-weight:bold;} +span.f3{color:#888;font-size:14px;font-weight:bold;padding-right:2px;} +span.f4{color:#444;font-size:12px;} +span.f5{color:#333;font-size:11px;} +span.f6{color:#b06d6e;font-size:14px;font-weight:bold;} +span.f7{color:#6db06d;font-size:14px;font-weight:bold;} +span.f8{color:#888;font-size:12px;font-weight:bold;} +span.fix{color:#000;font-family:monospace, fixed, terminal;font-size:12px;} [...]
Imho, we should at least add some comments and split stuff into sections (7 or 8 additional bytes shouldn't make a difference). Otherwise this becomes confusing...
I'm not sure I agree with the patchset (this is minimal gain here; our CSS is not extensive), but your point is a tad off base. The whole point of minified CSS is it is generated and not meant for human consumption ever. It should always be generated via some compressor program. Of course, the commit message should be saying this to ease these concerns before they are even raised, not me... -Dan
On Wed, Apr 06, 2011 at 02:18:22PM -0500, Dan McGee wrote:
On Wed, Apr 6, 2011 at 2:15 PM, Lukas Fleischer <archlinux@cryptocrack.de> wrote:
On Mon, Apr 04, 2011 at 02:44:06PM -0700, elij wrote:
--- web/html/css/aur.min.css | 148 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 148 insertions(+), 0 deletions(-) create mode 100644 web/html/css/aur.min.css
diff --git a/web/html/css/aur.min.css b/web/html/css/aur.min.css new file mode 100644 index 0000000..51380bb --- /dev/null +++ b/web/html/css/aur.min.css @@ -0,0 +1,148 @@ +span{color:#555;font-family:Bitstream Vera Sans, Lucida Grande, Arial, sans-serif;} +span.f1{font-size:20px;letter-spacing:1px;} +span.f2{font-size:14px;color:#6c83b0;font-weight:bold;} +span.f3{color:#888;font-size:14px;font-weight:bold;padding-right:2px;} +span.f4{color:#444;font-size:12px;} +span.f5{color:#333;font-size:11px;} +span.f6{color:#b06d6e;font-size:14px;font-weight:bold;} +span.f7{color:#6db06d;font-size:14px;font-weight:bold;} +span.f8{color:#888;font-size:12px;font-weight:bold;} +span.fix{color:#000;font-family:monospace, fixed, terminal;font-size:12px;} [...]
Imho, we should at least add some comments and split stuff into sections (7 or 8 additional bytes shouldn't make a difference). Otherwise this becomes confusing...
I'm not sure I agree with the patchset (this is minimal gain here; our CSS is not extensive), but your point is a tad off base. The whole point of minified CSS is it is generated and not meant for human consumption ever. It should always be generated via some compressor program.
Of course, the commit message should be saying this to ease these concerns before they are even raised, not me...
Oh, yeah. I missed the point here and tought this was some reformatting applied to the main stylesheet. The commit message should definitely contain some note on how this was achieved. After all, I don't think I'm gonna push this one anyways. As Dan said, it's minimal gain and adds extra work to every patch affecting the stylesheets (or at least before each release, in case we would decide to re-create minimal stylesheets before releasing).
--- web/html/css/archnavbar/archnavbar.min.css | 16 ++++++++++++++++ 1 files changed, 16 insertions(+), 0 deletions(-) create mode 100644 web/html/css/archnavbar/archnavbar.min.css diff --git a/web/html/css/archnavbar/archnavbar.min.css b/web/html/css/archnavbar/archnavbar.min.css new file mode 100644 index 0000000..b4448cf --- /dev/null +++ b/web/html/css/archnavbar/archnavbar.min.css @@ -0,0 +1,16 @@ +#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('archlogo.png') no-repeat !important;} +#archnavbarlogo p{margin:0 !important;padding:0 !important;text-indent:-9999px !important;} +#archnavbarlogo h1{margin:0 !important;padding:0 !important;text-indent:-9999px !important;} +#archnavbarlogo a{display:block !important;height:40px !important;width:190px !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#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;} +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;} +#archnavbar.anb-aur ul li#anb-aur a{color:white !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;} \ No newline at end of file -- 1.7.4.1
--- web/html/css/archnavbar/archnavbar.css | 6 +----- web/html/css/archnavbar/ie6.css | 2 ++ 2 files changed, 3 insertions(+), 5 deletions(-) create mode 100644 web/html/css/archnavbar/ie6.css diff --git a/web/html/css/archnavbar/archnavbar.css b/web/html/css/archnavbar/archnavbar.css index e8ade28..dd69382 100644 --- a/web/html/css/archnavbar/archnavbar.css +++ b/web/html/css/archnavbar/archnavbar.css @@ -10,11 +10,7 @@ #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 { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; 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; } diff --git a/web/html/css/archnavbar/ie6.css b/web/html/css/archnavbar/ie6.css new file mode 100644 index 0000000..3f5b072 --- /dev/null +++ b/web/html/css/archnavbar/ie6.css @@ -0,0 +1,2 @@ +/* IE6 doesn't support alpha PNGs so we serve it a GIF */ +#archnavbarlogo { background: url('archlogo.gif') no-repeat !important; } -- 1.7.4.1
--- web/template/header.php | 9 +++++---- 1 files changed, 5 insertions(+), 4 deletions(-) diff --git a/web/template/header.php b/web/template/header.php index 0f0e362..5862852 100644 --- a/web/template/header.php +++ b/web/template/header.php @@ -5,10 +5,11 @@ xml:lang="<?php print "$LANG\" lang=\"$LANG"; ?>"> <head> <title>AUR (<?php print $LANG; ?>)<?php if ($title != "") { print " - " . $title; } ?></title> - <link rel='stylesheet' type='text/css' href='css/fonts.css' /> - <link rel='stylesheet' type='text/css' href='css/containers.css' /> - <link rel='stylesheet' type='text/css' href='css/arch.css' /> - <link rel='stylesheet' type='text/css' href='css/archnavbar/archnavbar.css' /> + <link rel='stylesheet' type='text/css' href='css/aur.min.css' /> + <link rel='stylesheet' type='text/css' href='css/archnavbar/archnavbar.min.css' /> + <!--[if IE 6]> + <link rel='stylesheet' type='text/css' href='css/archnavbar/ie6.css' /> + <![endif]--> <link rel='shortcut icon' href='images/favicon.ico' /> <link rel='alternate' type='application/rss+xml' title='Newest Packages RSS' href='rss.php' /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -- 1.7.4.1
On Mon, Apr 04, 2011 at 02:44:09PM -0700, elij wrote:
--- web/template/header.php | 9 +++++---- 1 files changed, 5 insertions(+), 4 deletions(-)
You should split and merge this into the patches addressing the CSS file merging and the creation of the IE6 stylesheet. Keep changesets atomic.
- savings of about 1K (22%) --- web/html/css/archnavbar/archlogo.png | Bin 4192 -> 3258 bytes 1 files changed, 0 insertions(+), 0 deletions(-) diff --git a/web/html/css/archnavbar/archlogo.png b/web/html/css/archnavbar/archlogo.png index e873e94b1a38b58963e15252f6e175fc1c6f1ec7..b4cf35f169d8e0848a62f2173ea8cfc0f2ba4e90 100644 GIT binary patch delta 3255 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 literal 4192 zcmV-m5TEafP)<h;3K|Lk000e1NJLTq006!K001Zm1^@s6KubWw00004b3#c}2nYxW zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H158X*bK~#90?VNjjRn?WpzxyO4+WI7toFEQXKzW1{6sdl6#-eR4 zw$nN~gI0@*en!)V8*$V!(+AZQ@$D$&1i?6;S_*9yY&-3U(@tmFsal^%a-b<Hj9_`( zfRCvtkL2d;`D2~?$hqg<bMAxD();^-?kCAUd#}Au&f4p&^;>ISrM0G9Fm31KfDw;b z&y`JR1r;0wRF_#^45$IVSZ28uR8Ur^a#?)Sc18ey0IGnG#begCvIwrAf`b5~jIyo; zYLT}{tc-FisG#g9i^Vr>rwVu-IKgXr2N)HPS$j(sUO@#10p+sz7m`+bfMbCx%Ov~H z0Ve}TmP^>N4|E?>E?I{v%BA>0uFYK2c2t?<A8MEY+ywj>*af@-oK&jNM%!sMZ6{t^ zZQPpKZrbZ7o1M-g)m~QD_D>omvpS~jOajggxHKO44Dj!z&T$B09x&V2Rt_UE8E8PI zWi_?;)=;N^hGumAaAz%8%gZp&pFGN80rCa1|4;_`6-0$b0yeEuiofBOiT$pjXKAHx z+0|x!?*m)ghYTfIeA9N02Cm4{<$Tk2CdOk{Zz=OsP$=9XZ;xHA%})bQe?W`*P@+_e zKO6XHNT0bS&T%NBeChHGxJu+|T^6_LkVdIK{?rJ4t}t!qTk)9HSK?ejI2>pO8i9K6 zqk*{hSqtopC~Fun64)AWts1C9l5;ysTk=7K)*7Wisfyx<plHQ6ZN~)u9tp~3<>`7j z@O8>-`3>M#z?n#iL@v0%Z-BdjCj+j31^5KegiwmTz!cyZ;4<&i<o&IHYk==$jQ==r zDKHAzG$Vn%z-I5W7FZ4RN4Tc}<azuhaH1!(7I@A3Y((-Sp)ks1@m2e;tMx6@6XlTg zVM9@hZ`zIl{1SP%*8y9AZ{``&V%pBV@tF08V&)6LSm2xp{S06_qTCCC`TlhwZ;VX* z1#)lWeC>U}_dS_^1KbFlonzjnjNktm=tMT(0k6&P>fDPc{4bEr6NCitnAdk*PzU9? zI+?5vzzO&F4j-sad|6{W+Sk^!8DLcB#=3;t|0N8@#OGLZK^UMn>k?l<>1k+XHPj6s zZ`#hg3SQFil3^GtceFPB-al_+$GQ=&Va!lkO^C;=ujg2Q7Djfi8$IY&eWJQ{V9oaH zroNeMukYwNbyr(+;5`nx--p%?)7MQMh&o>;iuLiY044!n05%|8bPRboL8v8L=}LiL zS;L@^jX5)<-*LcGWGg+u666iC3V58{O7BMl@NFcxJTc(<qsV4kN^YeGF;bTUFC!Z% z;Mp1C<NI8l{$Ys~C>H9fL@G%(=ngcYScK+MfX2?ANpIE-yZ}6aR$oG>(P2QH7Fzln zuIs+g(AjfQ_Ow->Raz|vTJx+w3$Cu(q7>hyzvegq1*)ObS!F2oe8b`mXXP8))ZSau z&_C?Ajh*Y~6f$RO$%PIuZKoD_kVzZ|EJhUTKY_s<L$5Y%XH3B>3`U`fpM>At^1B4b zBTDGUe&9jiA>iU7=RO_yJ73$Yz%<~J0%f%VD{@}dZm6rHjPzS)REIN4qn-uTtl?#) z)ITZh{<UjVkJIQG3feVn1CCHyJ>F=qzaUeV>n3Ft99zgnHDsIytz6Xu3{!@?s$tQF zhFk-8*9|NHPS;w`A94391!ujBadlb=Ru0qq<eTeO^3$JD(G0u?JdgP0o4n5!BnX`Z z+yI>78#fJ!Irc@IXDiSHtU=tD*&+Q05qIVz0oVQoaZ@1e>Wn4Z`0N0Firf##z0L#< z^Yyz7xXW9gKxrMs7b%pR<z2aH?k8ce1Wmuv>gv9?Cok8x;AZsP1pK^V(S`@9a(@Dx z>7s8VGiFlSEhYb^2M1Dv``RWithb%B6kI@+`<QC~^(Xyt#>md~=P1<8fL5rhch5Uz zPoZ-bWbsYgISL6>i^b($rngkwhy<LU0=f`uG#YWeP6YlN34H(P8&|_nCMws{dIM3c zlaM;3W#qo^eZXy=+#?Wr_jsgQb+gy!7r>VT#`^#N-v-7YLHB*$=SoER|2JU#gy1Fl zEpK)uVxlV5R*&Xf17pU{w#kq9ls<*NxlMhBVO#@f1*eVZ>^V6t-tb}zU6jSgFjPi^ z9;Rxp0Nzk=PQ&ow_hb$j{?OW^U9Fb`28xcIvB^QCMJNh&b-s$YHpRkVsGC$Q-U4n$ z;tL1yxt9QU0LziLz(WL6lShZh-U9p;@Iy!`!Ehu<_G2^hR+*3Z-uu1w9l*nYg#^_z z$sPYB@gQ(ZhKx+SiUi5|k;>fqHnhrq4=6XK_)070?T9tK6efO0Yt!$wSAt?_K9-WD za?BeJadifVZq#ja#=oVso(c4$xWVjnQU{xA`fF^&$gMxp{m8rm=Sv~7;+wY9KzT|K zE;4QBv=YXfNC0{#;?m^8Ohobg2y^ciAr?Oq(*wp0Aa8|yOx0c__IWpCPRQr83&Qgt zI+)eL4Y1;Fb$T--j30$B4^K3&0vH%+-6_7d-Lv@FvBA!^<`<M!H+j7tHWxchjh#K0 zfSv{H$K~?Z+QuI6kBf>zEdG4Lv$Rp55Z9m>j6~d+iDg(vaxH#z2egd}X!{NDVv+L( zDa!jHV**`}K=>0_D!*d(&21_?xtO`R(t&bOj=ru64vKfSO}3FY??*B8kF{1y0hCr> zjbCqVC}yrCA}PLUJ0~H0eYtRfX**Hrz)akVB$|SdARQ3qLowDVh-O?{gq(Z`TUWT^ zClx%4)iJVVr+s`>F$(Jrrp73A^i4Swq0hoKs;>n$f*K1P3+f4PLzIN57XLPc(=8_o zwfYL-vHe(wFh%tU|2_)IC~uD_GYW$4y<jGxM1(4d(n%hF=zRq#W`>Vn<YF>i9iv!_ zFXIxqY0zD*6W`N{#mT>w=AK-A3qh#jo3=BBXy2O9g9LK_h#ag4!*tVjJ{6%~5{+cL zT3e8_04qqR^S2|^;rRqBOEC{TsNUy{BIM*-L+KVjC26Q4xdFj#hI<0-MOggI&6W1? ziwkb626B$8U(#zTH%*9W^x|<Hn`#T3Cks(5{vCwh&=bHJ@tF0^c+9#x9<#<H$`^)0 ztbR~U&Kj~Q%OrY%^#Se0D1Hz-bT&e%mJ6jTz99-|_@0*vVE2bu{E4fIQ2g}f3fx#> z!)1-4e}lmmUxBJ}6OW)cPHCRj@DvJbkJ?wV)z8atn6@(=m=PjlGjMS{X88-TT9Kqr zKFfH9X*-{f$E=@)Efi6{cY&ia+WZNsOc=;pA|IkY@LwV^MCSkNScF0ia=$XsjL@#R zGTKoQUAeMp#q3Q}r8VIR-rQ4YpT!s5jVy5FBIo46Dsdr)1+Y2*4INIKR(uBdqcR3( zRS(wcK_k%(x~;LJ`{z5`raTceuBD}AJaPgM0K+g|a$UD!*|KG8z3ZP2v-o#LxQF`! zlpe3`_6Xw_L_C|T$;?s;&Leka=$*ib9C8Z9J4h1BkIR4u2+q_duRjm`fT5e_;J7-T zW%t+W1j$yJbY|~}A}oH!u1UL1ky*k-m7bPbT!6(l7duTT?(!yU-7)9Xt=q4k_=eI# zvS?*|r+!IqV5NZTy6?HJ8&^tQ>AG&*b=@gQo`jZ`mPX*QoC`H==VHSB*nPkwd9JTP z>f-aEndr4DeyULc-vgdO-Z1APY5ZO!*_Mf9<}*_X3VGmj2+p3)MUrUWLNdqaA(`c; zk!sFbB&V>N{3X;SD}Ku5P+6utzwE{%i(qv!Ek4Pwk*NtQE(58mRNA;c)!?)E<2p9g zqF4zW25Ln-Hu?L>YdhPl)o30DMi}nkcY_$IuCA_aU0q$zX{~p4b#*<5ysf)iT3Sv+ zDr?sSD!%tUISa#X0N50dSvl)o;xQ{hu%+~)-J3HEOOYBKKh8ob7XJ%5$n8(%uOVIQ zQY@RX1-L55_%T2`@UKXr-hE_OZ(ay=6gfAP5Zp>FjbB=6td4<7>5hxL9&dfhaA${& zH3x>>f#MXrGHq=nhOBpwdjAd-7V!Fj-kVi@SyekQ7uX2;{Q8cb8zU}x4dS-f0lRZq z{MlsqNO|yDgg!whmR!V2u0alIoI<qXwO-)r2>mkAg=BmEMP9|=r;vR87K~Sb1>Wz) zxH{pAnu}f0**w0=;PEHzJiMgfc6aR59Y}dKz_pF``oL0xkxMpAXzXyF)S8<V`fCJ~ zXEbzf_%x^+fI;mVv)*buBP;8@{ko}pUBkT$IG~ie{rJvEl>qyZ(vvL^;FFoQa~P5+ zih?KyOM<9C11Tq%gd7IB8Mwr>ohZ42)kx)Kkmb*WM*Qzxz-hkrB#MddzJ|Cn&lfP} zC&<B>eBUQpva1us-bj14bsxyE_y>m9l;-0LzJXWjq0x7lw)2K*J3ll#dls0TJu6Jx zdC_%UM=NH4dLsUowKO%-^YKS@Zmd(<eFUkpyRGl~rr+k8epl<1ZiG6oaWy|M?{%`O z3S8GsvWCxipSzIr6!!$NI&B1}=z|axJQjk{$Wgx4NRS%!b-oB#iMTaiB>gRJ8ey4U z2JT0!>@I}c@AW?Z9K$<E60F<%8G7=E^s&ba5%=e0#NA20RrY!7=t10`Trvl|^*Bi3 zT|Q*~Z}ubiGGrrZ#rsOD7g6rBL)r~BfY!e=Tq8~W3ahgh^fQ~@-Zm%|(vfihj3I_6 z9<yF=>{xfYR#mHz6K^K~mol_q^8l!MeX+?8XwatZEn6Fd014fH6!N^b#v5K)5L{}N zMqkWY++aKBYnZNUjAmfSM(OJ6+6J&}*|KD^G5K@*5MyB4&N0XX8y@i=@Kiiz<vjvu z+Rpumg$~2(z(w(x<!5f9;0UA~c`HLRs#V^#TwH$xQHsB!!9X5%0&(y1S@2U4dUGSu z&f|h?tSJaJx`_hlQPqy&FE?&#@2&Y=<33&J(LHmiQ{QI{ypwC30yScB_gKTInugZX zQ2J;v)}ypjO-=W<Ipb3syut21JE0G(&va+Tb!@7A*WG_i)cPTFsZ;N|?nv(q5E*{O zza4p%hhYzrv|1UDS^t)IVYYJ?Qs?spg!|5iy}(uRn6)~>8Y-xuXrvV1w4Fx8lH}r~ z-$sJF$ASNd$E<=%LOuWeJm7B;N-39{v<Dayk6F75kzYXtg&<S$mm+~?CK8A*y%PA9 zM^BavkGebuN$^}nHov_%9<wT6L{-5-gVI`K+Riv6SV{)FE|P7$H6F8~l=>D8({@H9 zCy%Z~d~y)KcS1a7{m;RiyMjMoB<akBh|+7|M}QTNS+fqd(gVa}*4B8;x(1;(ANAHy zL-B`IDySe7s-dH2DsqzONnn0FX1)ADF37Z<W<=>f2b}&vucv}T6V*uF`q}ZA^=w$@ q{||U{=I2e@ITKl1Me!>rJN^%bwjGp1kc7<u0000<MNUMnLSTYv7YZK$ -- 1.7.4.1
On Mon, Apr 04, 2011 at 02:44:10PM -0700, elij wrote:
- savings of about 1K (22%) --- web/html/css/archnavbar/archlogo.png | Bin 4192 -> 3258 bytes 1 files changed, 0 insertions(+), 0 deletions(-)
How did you do this? Please add some note on how to reproduce that optimization to the commit message.
- some html renderers work faster/better if you specify image dimensions to avoid reflow/repaits --- web/template/stats/updates_table.php | 4 ++-- 1 files changed, 2 insertions(+), 2 deletions(-) diff --git a/web/template/stats/updates_table.php b/web/template/stats/updates_table.php index b9f6d6d..55ebf96 100644 --- a/web/template/stats/updates_table.php +++ b/web/template/stats/updates_table.php @@ -2,7 +2,7 @@ <tr> <th colspan="2" class="boxSoftTitle" style="text-align: right"> <span class="f3"><?php print __("Recent Updates") ?><span class="f5"></span></span> -<a href="rss.php"><img src="images/feed-icon-14x14.png" alt="RSS Feed" /></a> +<a href="rss.php"><img src="images/feed-icon-14x14.png" width="14" height="14" alt="RSS Feed" /></a> </th> </tr> @@ -23,7 +23,7 @@ $sub_int = intval($row["SubmittedTS"]); if ($mod_int != 0): $modstring = gmdate("r", $mod_int); elseif ($sub_int != 0): - $modstring = '<img src="images/new.gif" alt="New!" /> ' . gmdate("r", $sub_int); + $modstring = '<img src="images/new.gif" width="31" height="12" alt="New!" /> ' . gmdate("r", $sub_int); else: $modstring = '(unknown)'; endif; -- 1.7.4.1
On Mon, Apr 4, 2011 at 2:44 PM, elij <elij.mx@gmail.com> wrote:
*sigh* Forgot to change the setting for format-patch and resent the same patches. Trying to send these patches one final time, using 'inline' at Aaron's suggestion. Here goes.
---
My apologies for splitting these changes into so many patches, but apparently the Arch mailman instance will not let anything larger than 40k though (and I got feedback that there is something amiss regarding the mailman setup -- this is here nor there though).
These patches are mostly optimizations for content delivery. - merge css into fewer files to reduce number of files. this makes for faster end user delivery as there are fewer http requests (fewer tcp connections, whether the response is 200/ok or 304/not-modified). - created minimized versions of css. this reduced css size by 3.3K (24%) the originals are retained for ease of editing and reference - split out ie6 css into a separate file, and use 'conditional stylesheet inclusion' so that only ie6 fetches that stylesheet. - optimize logo png file -- this was a 22% (1K)
Hooray! This time it worked.
participants (3)
-
Dan McGee
-
elij
-
Lukas Fleischer