[aur-dev] [PATCH] CSS cleanup
Michael Klier
chi at chimeric.de
Thu Jun 5 14:04:12 EDT 2008
Hi,
I've cleaned up the CSS a bit and it validates now. No changes to the current
layout/visual presentation itself have been made, just fixed the whole
indention and replaced some redundant things. The patch itself is against the
testing branch. Hope you find it useful.
Best Regards,
Michael
PS.: Is there some interest in getting rid of the inline CSS definitions?
Signed-off-by: Michael Klier <chi at chimeric.de>
---
web/html/css/arch.css | 474 +++++++++++++++++++++----------------------
web/html/css/containers.css | 402 +++++++++++++++++--------------------
web/html/css/fonts.css | 209 +++++++++----------
3 files changed, 508 insertions(+), 577 deletions(-)
diff --git a/web/html/css/arch.css b/web/html/css/arch.css
index a01a15d..92781f2 100644
--- a/web/html/css/arch.css
+++ b/web/html/css/arch.css
@@ -2,107 +2,108 @@
* ul { padding: 20px; }
body {
min-width: 600px;
- background: url("/images/titlebar.png") repeat-x top left #fbf8f1;
- padding: 0 30px;
- color: #555;
- font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif;
-}
-/*
- * Divs
- */
+ background: #fbf8f1 url("/images/titlebar.png") repeat-x top left;
+ padding: 0 30px;
+ color: #555;
+ font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif;
+}
+/* Divs */
#head_container {
- height: 220px;
+ height: 220px;
}
#main_nav {
position: absolute;
top: 123px;
right: 30px;
width: 600px;
- background: #333;
+ background-color: #333;
}
#sub_nav {
position: absolute;
top: 149px;
right: 30px;
min-width: 700px;
- background: #1793d1;
+ background-color: #1793d1;
}
-#main_nav ul, #sub_nav ul {
- list-style: none;
- margin: 0;
+#main_nav ul,
+#sub_nav ul {
+ list-style: none;
+ margin: 0;
padding: 0;
}
-#main_nav ul li, #sub_nav ul li {
- display: block;
- float: right;
+#main_nav ul li,
+#sub_nav ul li {
+ display: block;
+ float: right;
margin: 0 3px;
padding: 0;
- text-align: center;
- font-size: 13px;
+ text-align: center;
+ font-size: 13px;
line-height: 26px;
}
#main_nav ul li.selected {
- background: #1793d1;
+ background-color: #1793d1;
}
#sub_nav ul li.selected {
- background: #333;
+ background-color: #333;
}
-#main_nav ul li a, #sub_nav ul li a {
+#main_nav ul li a,
+#sub_nav ul li a {
display: block;
padding: 0 8px;
color: #fff;
font-weight: bold;
- text-decoration: none;
+ text-decoration: none;
}
#main_nav ul li a:hover {
- background: #1793d1;
+ background-color: #1793d1;
}
#lang_login_sub {
- display: block;
- position: relative;
- top: -30px;
- margin: auto;
- width: 90%;
+ display: block;
+ position: relative;
+ top: -30px;
+ margin: auto;
+ width: 90%;
}
#lang_login_sub .button {
- font-size: 9px;
- margin: 2px;
+ font-size: 9px;
+ margin: 2px;
}
#login_bar {
- font-size: 10px;
- display: block;
- float: left;
+ font-size: 10px;
+ display: block;
+ float: left;
}
#login_bar input {
- margin-right: 5px;
+ margin-right: 5px;
}
#lang_bar {
- display: block;
- position: relative;
- float: right;
+ display: block;
+ position: relative;
+ float: right;
}
#lang_login_sub ul {
- list-style: none;
- padding: 0;
+ list-style: none;
+ padding: 0;
}
#lang_login_sub ul a {
- text-decoration: none;
+ text-decoration: none;
}
#lang_login_sub ul a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
#lang_login_sub ul li {
- display: inline;
- padding-right: 1px;
- font-size: 10px;
+ display: inline;
+ padding-right: 1px;
+ font-size: 10px;
}
#updates {
- font-size: small;
- /*position: relative;*/
- top: 0px;
- background: #E7F0F6;
- border: 1px solid #92CBE8;
- padding: 10px;
+ font-size: small;
+ /*position: relative;*/
+ top: 0;
+ background-color: #e7f0f6;
+ border: 1px solid #92cbe8;
+ padding: 10px;
}
#ads {
z-index: 0;
@@ -112,10 +113,10 @@ body {
}
#logo {
z-index: 1;
- position: absolute;
+ position: absolute;
top: 10px;
left: 25px;
- width: 350px;
+ width: 350px;
}
#logo h1#archtitle {
text-indent: -9999px;
@@ -129,344 +130,327 @@ body {
height: 103px;
}
#devlist {
- width: 80%;
- padding: 10px;
- margin-left: auto;
- margin-right: auto;
- border-top: 1px dashed black;
- border-bottom: 1px dashed black;
- text-align: center;
+ width: 80%;
+ padding: 10px;
+ margin-left: auto;
+ margin-right: auto;
+ border-top: 1px dashed #000;
+ border-bottom: 1px dashed #000;
+ text-align: center;
}
.clear {
- clear: both;
- margin: 0;
- padding: 0;
+ clear: both;
+ margin: 0;
+ padding: 0;
}
.right {
- float: right;
- width: 320px;
- padding: 0 10px 10px 0;
+ float: right;
+ width: 320px;
+ padding: 0 10px 10px 0;
}
.left {
- padding: 10px;
- margin: 0 360px 0 0;
+ padding: 10px;
+ margin-right: 360px;
}
.left p {
- padding-bottom: 10px;
+ padding-bottom: 10px;
}
.box {
- padding: 10px;
+ padding: 10px;
}
.greybox {
- padding: 10px;
- background: #f6f3dd;
- border: 1px solid #d9d6c2;
+ padding: 10px;
+ background-color: #f6f3dd;
+ border: 1px solid #d9d6c2;
}
div.listing {
- padding-right: 10px;
+ padding-right: 10px;
}
.error {
- color: #dd0000;
- font-size: small;
+ color: #dd0000;
+ font-size: small;
}
.foot {
- clear: both;
- text-align: center;
- font-size: 0.75em;
+ clear: both;
+ text-align: center;
+ font-size: 0.75em;
}
#search {
- float: right;
- position: relative;
- top: -2em;
- font-size: 0.8em;
+ float: right;
+ position: relative;
+ top: -2em;
+ font-size: 0.8em;
}
#search input {
- background: #f6f3dd;
- border: 1px solid #d9d6c2;
+ background-color: #f6f3dd;
+ border: 1px solid #d9d6c2;
}
.smalltext {
- text-align: right;
- font-size: x-small;
+ text-align: right;
+ font-size: x-small;
}
-/*
- * Headers
- */
+/* Headers */
h2 {
- margin: 20px 0 10px 0;
+ margin: 20px 0 10px 0;
}
h2.title {
- border-bottom: 1px solid #46494d;
+ border-bottom: 1px solid #46494d;
}
h3 {
- margin-bottom: 10px;
+ margin-bottom: 10px;
}
h3.title {
- text-align: right;
- border-bottom: 1px solid #46494d;
+ text-align: right;
+ border-bottom: 1px solid #46494d;
}
h4.title {
- text-align: left;
- border-bottom: 1px solid #46494d;
+ text-align: left;
+ border-bottom: 1px solid #46494d;
}
h4.news {
- border-bottom: 1px dotted #0771a6;
+ border-bottom: 1px dotted #0771a6;
margin-bottom: .25em;
padding-bottom: .2em;
}
div.listing h4 {
color: #fff;
- background: #0771a6;
- padding: 3px;
+ background-color: #0771a6;
+ padding: 3px;
}
-/*
- * Paragraphs, Anchors, Images
- */
+/* Paragraphs, Anchors, Images */
p {
- padding-bottom: 20px;
+ padding-bottom: 20px;
}
p.news {
- font-size: small;
+ font-size: small;
}
a {
- color: #0771a6;
+ color: #0771a6;
}
a:hover {
color: #333;
}
#about {
- position: relative;
- top: -9px;
+ position: relative;
+ top: -9px;
}
ol {
- padding-left: 45px;
+ padding-left: 45px;
}
ul.small {
- list-style: none;
- font-size: x-small;
+ list-style: none;
+ font-size: x-small;
}
ul.links {
- list-style: none;
- font-size: small;
- padding: 0px 0px 20px 20px;
+ list-style: none;
+ font-size: small;
+ padding: 0 0 20px 20px;
}
img {
- border: none;
+ border: none;
}
hr {
- border: none;
- border-top: 1px solid #46494d;
+ border: none;
+ border-top: 1px solid #46494d;
}
-.greybox input, button, textarea, select {
- background: #e1e3e6;
- border: 1px solid #8faecd;
+.greybox input,
+button,
+textarea,
+select {
+ background-color: #e1e3e6;
+ border: 1px solid #8faecd;
}
.box input, button {
- padding: 2px;
- background: #c1c3f6;
- font-size: x-small;
- border: 1px solid #8faecd;
+ padding: 2px;
+ background-color: #c1c3f6;
+ font-size: x-small;
+ border: 1px solid #8faecd;
}
button#f_trigger {
- background: #e1e3e6;
+ background-color: #e1e3e6;
}
-/*
- * Table stuff
- */
+/* Table stuff */
table.center {
- margin-left: auto;
- margin-right: auto;
+ margin-left: auto;
+ margin-right: auto;
}
table#releases {
- font-size: small;
- width: 100%;
+ font-size: small;
+ width: 100%;
}
table#releases td {
- padding-right: 20px;
+ padding-right: 20px;
}
table#repolinks {
- font-size: small;
- width: 100%;
+ font-size: small;
+ width: 100%;
}
table#repolinks td {
- text-align: right;
+ text-align: right;
}
table#repolinks th {
- text-align: left;
+ text-align: left;
}
table#art {
- text-align: center;
- margin-left: auto;
- margin-right: auto;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
}
.devpic {
- vertical-align: top;
- padding-right: 15px;
+ vertical-align: top;
+ padding-right: 15px;
}
table.deventry {
- padding-bottom: 25px;
+ padding-bottom: 25px;
}
.deventry th {
- text-align: left;
- vertical-align: top;
- white-space: nowrap;
+ text-align: left;
+ vertical-align: top;
+ white-space: nowrap;
}
.deventry td {
- width: 100%;
+ width: 100%;
}
table.results {
- padding: 0px;
- border-collapse: collapse;
+ padding: 0;
+ border-collapse: collapse;
}
.results th {
- background: #e1e3e6;
- border-bottom: 1px solid #46494d;
- border-top: 1px solid #46494d;
- text-align: left;
- padding-top: 0px;
- padding-bottom: 0px;
- padding-right: 5px;
+ background-color: #e1e3e6;
+ border-bottom: 1px solid #46494d;
+ border-top: 1px solid #46494d;
+ text-align: left;
+ padding: 0 5px 0 0;
}
.results th>a {
- text-decoration: none;
- color: #46494d;
+ text-decoration: none;
+ color: #46494d;
}
.results td {
- padding-right: 5px;
- vertical-align: top;
- font-size: 0.8em;
+ padding-right: 5px;
+ vertical-align: top;
+ font-size: 0.8em;
}
.listing th {
- font-size: small;
- vertical-align: top;
- text-align: left;
- padding: 2px;
+ font-size: small;
+ vertical-align: top;
+ text-align: left;
+ padding: 2px;
}
.listing td {
- font-size: small;
- padding: 2px;
+ font-size: small;
+ padding: 2px;
}
blockquote.code {
- background: #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;
+ 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;
}
-/*
- * Wiki Styles
- */
+/* Wiki Styles */
h1.wiki {
- border-bottom: 1px solid #46494d;
+ border-bottom: 1px solid #46494d;
}
div.wikifoot_l {
- font-size: x-small;
- text-align: left;
- padding-top: 25px;
+ font-size: x-small;
+ text-align: left;
+ padding-top: 25px;
}
div.wikifoot_r {
- font-size: x-small;
- text-align: right;
- float: right;
- padding-top: 25px;
+ font-size: x-small;
+ text-align: right;
+ float: right;
+ padding-top: 25px;
}
.wikibody {
- padding-top: 15px;
+ padding-top: 15px;
}
.wikibody ol {
- padding-left: 28px;
- padding-top: 0px;
+ padding-left: 28px;
+ padding-top: 0;
}
.wikibody ul {
- padding-left: 25px;
- padding-top: 0px;
+ padding-left: 25px;
+ padding-top: 0;
}
.wikibody dd {
- padding-left: 30px;
+ padding-left: 30px;
}
.wikibody pre code {
- background: #c1c3f6;
- border: 1px solid #8faecd;
- margin-left: auto;
- margin-right: auto;
- white-space: nowrap;
- padding: 5px;
- font-family: Courier, Courier New, Monospace;
+ background-color: #c1c3f6;
+ border: 1px solid #8faecd;
+ margin-left: auto;
+ margin-right: auto;
+ white-space: nowrap;
+ padding: 5px;
+ font-family: Courier, Courier New, Monospace;
}
.wikibody blockquote {
- padding-left: 30px;
+ padding-left: 30px;
}
.wikibody td {
- padding: 5px;
- border: 1px solid black;
+ padding: 5px;
+ border: 1px solid #000;
}
-
/* Used by Django's FormWrappers */
textarea.vLargeTextField {
- width: 450px;
- height: 250px;
+ width: 450px;
+ height: 250px;
}
.pkgr2 {
- background-color: #eee4cb;
+ background-color: #eee4cb;
}
#maincontent {
- width: 100%;
- text-align: left;
- clear: both;
+ width: 100%;
+ text-align: left;
+ clear: both;
}
#maincontent > table {
- width: 90%;
- margin-left: 5%;
- margin-right: 5%;
+ width: 90%;
+ margin-left: 5%;
+ margin-right: 5%;
}
.pgbox {
- width: 90%;
- margin-left: 5%;
- margin-right: 5%;
- background-color: #ffffff;
- border-width: 2px;
- border-color: #dddddd;
- border-style: solid;
- text-align: left;
- padding: 3px;
+ width: 90%;
+ margin-left: 5%;
+ margin-right: 5%;
+ background-color: #fff;
+ border: 2px solid #ddd;
+ text-align: left;
+ padding: 3px;
}
.frontpgboxbody {
- padding: 10px;
+ padding: 10px;
}
.frontpgboxbody > table {
- width: 100%;
+ width: 100%;
}
.boxSoftTitle {
- text-align: right;
+ text-align: right;
}
-
.pgboxtitle {
- border-width: 2px;
- border-style: solid;
- border-color: #dddddd;
- border-top-width: 1px;
- border-top-color: #ffffff;
- border-left-width: 1px;
- border-left-color: #ffffff;
- background-color: #f1f2f4;
- text-align: left;
- padding-top: 2px;
- padding-bottom: 2px;
- padding-right: 10px;
- padding-left: 10px;
-}
-.pgboxbody, .pgboxbody-comment {
- padding: 10px;
+ border: 2px solid #ddd;
+ border-top: 1px solid #fff;
+ border-left: 1px solid #fff;
+ background-color: #f1f2f4;
+ text-align: left;
+ padding: 2px 10px 2px 10px;
+}
+.pgboxbody,
+.pgboxbody-comment {
+ padding: 10px;
}
.pgboxbody input {
- margin-right: 10px;
+ margin-right: 10px;
}
-
.pgboxbody-comment > table {
- border-collapse: separate;
- border-spacing: 0 15px;
+ border-collapse: separate;
+ border-spacing: 0 15px;
}
-
+/* vim:ts=2:sw=2:et:enc=utf-8:
+ * */
diff --git a/web/html/css/containers.css b/web/html/css/containers.css
index 569b63d..fc7458e 100644
--- a/web/html/css/containers.css
+++ b/web/html/css/containers.css
@@ -1,221 +1,185 @@
- body,table,td,img
- {
- border: 0px;
- margin: 0px;
- padding: 0px;
- }
-
+body,table,td,img {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
/* Main Wrapper Data Format */
- td.preHeader
- {
- background-color: #000;
- border-bottom: 1px solid rgb( 69, 84, 113 );
- height: 16px;
- text-align: right;
- }
- td.headerFill
- {
- background-color: rgb( 108, 131, 176 );
- border-bottom: 1px solid #000;
- }
- td.headerDisplay
- {
- background-color: rgb( 108, 131, 176 );
- 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;
- text-align: left;
- vertical-align: top;
- width: 150px;
- }
- td.sideBarSmall
- {
- background-color: rgb( 108, 131, 176 );
- border-bottom: 1px solid #000;
- height: 16px;
- text-align: right;
- width: 150px;
- }
- td.sideBarSmallHeader
- {
- background-color: rgb(108,131,176);
- vertical-align: top;
- height: 16px;
- padding-top: 1px;
- padding-bottom: 2px;
- text-align: right;
- width: 150px;
- }
- td.subLinks
- {
- background-color: rgb( 225, 228, 232 );
- border-right: 1px solid #000;
- color: rgb( 120, 120, 120 );
- padding-left: 12px;
- height: 19px;
- }
- td.contentDisplay
- {
- background-color: #ffffff;
- border-right: 1px solid #000;
- border-left: 1px solid #000;
- border-bottom: 1px solid #000;
- text-align: center;
- vertical-align: top;
- padding: 10;
- }
-
- td.footerDisplay
- {
- background-color: #eee;
- border-bottom: 1px solid #000;
- text-align: center;
- }
-
+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;
+ text-align: left;
+ 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;
- text-align: left;
- }
- td.boxSoft
- {
- background-color: #fff;
- padding: 10;
- text-align: left;
- }
- td.boxSoftColumn
- {
- padding-left: 16;
- padding-right: 16;
- text-align: justify;
- vertical-align: top;
- text-indent: 20px;
- }
- td.div
- {
- background-color: #eee;
- width: 3px;
- }
- td.boxSoftTitle
- {
- border-bottom: 1px solid #fff;
- border-top: 1px solid #fff;
- background-color: rgb( 241, 242, 244 );
- padding-left: 10;
- padding-top: 1;
- padding-bottom: 1;
- text-align: left;
- }
- table.boxSoftSmall
- {
- width: 94%;
- background-color: #ddd;
- }
- td.boxSoftSmall
- {
- background-color: #fff;
- text-align: center;
- padding-top: 2;
- padding-bottom: 2;
- }
- td.boxSoftSmallTitle
- {
- border-bottom: 1px solid #ccc;
- background-color: rgb( 241, 242, 244 );
- padding-left: 10;
- }
- td.ss /* ss = small space */
- {
- 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;
- text-align: left;
- vertical-align: top;
- }
- td.data1
- {
- background-color: #eee;
- vertical-align: top;
- padding-left: .3em;
- text-align: left;
- }
- td.data2
- {
- background-color: #ddd;
- vertical-align: top;
- padding-left: .3em;
- text-align: left;
- }
- .outofdate
- {
- background-color: #faa;
- padding-left: .3em;
- text-align: left;
- }
- td.text
- {
- color: #000;
- font-size: 12px;
- }
- th
- {
- text-align: left;
- }
- th.header
- {
- border-bottom: #666 1px solid;
- vertical-align: bottom;
- }
-
- input,textarea,select
- {
- background-color: rgb(108,131,176);
- font-family: monospace;
- font-size: 12px;
- background-color: #ccc;
- border: #000000 1px solid;
- color: #111111;
- }
-
- input.button
- {
- background-color: #fff;
- color: rgb(108,131,176);
- border: 1px solid rgb(108,131,176);
- font-size: 12px;
- padding: 2px;
- }
-
+table.boxSoft {
+ width: 90%;
+ background-color: #ddd;
+ text-align: left;
+}
+td.boxSoft {
+ background-color: #fff;
+ padding: 2px;
+ text-align: left;
+}
+td.boxSoftColumn {
+ padding-left: 16px;
+ padding-right: 16px;
+ text-align: justify;
+ vertical-align: top;
+ text-indent: 20px;
+}
+td.div {
+ background-color: #eee;
+ width: 3px;
+}
+td.boxSoftTitle {
+ border-bottom: 1px solid #fff;
+ border-top: 1px solid #fff;
+ background-color: #f1f2f4;
+ padding: 1px 0 0 3px;
+ text-align: left;
+}
+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;
+ text-align: left;
+ vertical-align: top;
+}
+td.data1 {
+ background-color: #eee;
+ vertical-align: top;
+ padding-left: .3em;
+ text-align: left;
+}
+td.data2 {
+ background-color: #ddd;
+ vertical-align: top;
+ padding-left: .3em;
+ text-align: left;
+}
+.outofdate {
+ background-color: #faa;
+ padding-left: .3em;
+ text-align: left;
+}
+td.text {
+ color: #000;
+ font-size: 12px;
+}
+th {
+ text-align: left;
+}
+th.header {
+ border-bottom: #666 1px solid;
+ vertical-align: bottom;
+}
+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;
+}
+/* vim:ts=2:sw=2:et:enc=utf-8:
+ * */
diff --git a/web/html/css/fonts.css b/web/html/css/fonts.css
index ce6301a..eb35db8 100644
--- a/web/html/css/fonts.css
+++ b/web/html/css/fonts.css
@@ -1,121 +1,104 @@
/* 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: rgb(108, 131, 176);
- font-weight: bold;
- }
- span.f3 /* Sub Title */
- {
- color: #888;
- font-size: 14px;
- font-weight: bold;
- }
- 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.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;
- }
-
-
+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.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)*/
- span.blue
- {
- color: rgb( 108, 131, 176 );
- }
- span.white
- {
- color: white;
- }
- span.black
- {
- color: black;
- }
- span.green
- {
- color: #6db06d;
- }
- span.link
- {
- color: rgb( 108, 131, 176 );
- font-weight: bold;
- }
-
+span.blue { color: #6c83b0; }
+span.white { color: #fff; }
+span.black { color: #000; }
+span.green { color: #6db06d; }
+span.link
+{
+ color: #6c83b0;
+ font-weight: bold;
+}
/* Misc (c9d1e2) */
- span.preHeader
- {
- color: rgb( 201, 209, 226 );
- 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;
- }
-
+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;
+ 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;
+ color: #333;
+ text-decoration: none;
+ font-weight: bold;
}
-span.important {
- color: #f00;
+h1, h2, h3, h4 {
+ font-size: 16pt;
}
+span.important { color: #f00; }
+/* vim:ts=2:sw=2:et:enc=utf-8:
+ * */
--
1.4.4.4
--
Michael Klier
www: http://www.chimeric.de
jabber: chi at jabber.shipdown.de
key: http://downloads.chimeric.de/chi.asc
key-id: 0x8308F551
-------------- next part --------------
A non-text attachment was scrubbed...
Name: not available
Type: application/pgp-signature
Size: 189 bytes
Desc: Digital signature
URL: <http://archlinux.org/pipermail/aur-dev/attachments/20080605/65661358/attachment.pgp>
More information about the aur-dev
mailing list