[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
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
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
zcmV;o3`q0fAi5clBYzBmNkl<Zc-rlq3y>7W8OINKoDzA4+r2x8fPlP2UP?eTViF5^
zDk$V6hhn67XoMJy8VV>-@TtUZ}*>KH3%#avr%#5@aS-}T_!o@Y}QqRdJx`0h{kEAfn{OuL-G
zuQ8ol>O2*ozsN+IC?twj!&w>M!ZMr*6*L9?&jt9qBpPawWL=+uyuMBBdVdNB@(U8`
zI)LowB6tj+wx*e5rzllVnyGEzqW*R?>UR``M;+GArcO|ydE;g2UU;z{vO5l8%qy+v
z5X;z%
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
*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