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

CSS cleanup

Browse source 
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.

Signed-off-by: Michael Klier <chi@chimeric.de>
Signed-off-by: Simo Leone <simo@archlinux.org>
This commit is contained in:
Michael Klier 2008-06-05 20:04:12 +02:00 • committed by Simo Leone
parent 94a8053210
commit ffccbd540f
3 changed files with 506 additions and 575 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
web/html/css/arch.css
View file

@ -2,14 +2,12 @@
* ul { padding: 20px; } * ul { padding: 20px; }
body { body {
min-width: 600px; min-width: 600px;
background: url("/images/titlebar.png") repeat-x top left #fbf8f1; background: #fbf8f1 url("/images/titlebar.png") repeat-x top left;
padding: 0 30px; padding: 0 30px;
color: #555; color: #555;
font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif; font-family: "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Arial, sans-serif;
} }
/* /* Divs */
* Divs
*/
#head_container { #head_container {
height: 220px; height: 220px;
} }
@ -18,21 +16,23 @@ body {
top: 123px; top: 123px;
right: 30px; right: 30px;
width: 600px; width: 600px;
background: #333; background-color: #333;
} }
#sub_nav { #sub_nav {
position: absolute; position: absolute;
top: 149px; top: 149px;
right: 30px; right: 30px;
min-width: 700px; min-width: 700px;
background: #1793d1; background-color: #1793d1;
} }
#main_nav ul, #sub_nav ul { #main_nav ul,
#sub_nav ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#main_nav ul li, #sub_nav ul li { #main_nav ul li,
#sub_nav ul li {
display: block; display: block;
float: right; float: right;
margin: 0 3px; margin: 0 3px;
@ -42,12 +42,13 @@ body {
line-height: 26px; line-height: 26px;
} }
#main_nav ul li.selected { #main_nav ul li.selected {
background: #1793d1; background-color: #1793d1;
} }
#sub_nav ul li.selected { #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; display: block;
padding: 0 8px; padding: 0 8px;
color: #fff; color: #fff;
@ -55,7 +56,7 @@ body {
text-decoration: none; text-decoration: none;
} }
#main_nav ul li a:hover { #main_nav ul li a:hover {
background: #1793d1; background-color: #1793d1;
} }
#lang_login_sub { #lang_login_sub {
display: block; display: block;
@ -99,9 +100,9 @@ body {
#updates { #updates {
font-size: small; font-size: small;
/*position: relative;*/ /*position: relative;*/
top: 0px; top: 0;
background: #E7F0F6; background-color: #e7f0f6;
border: 1px solid #92CBE8; border: 1px solid #92cbe8;
padding: 10px; padding: 10px;
} }
#ads { #ads {
@ -133,8 +134,8 @@ body {
padding: 10px; padding: 10px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
border-top: 1px dashed black; border-top: 1px dashed #000;
border-bottom: 1px dashed black; border-bottom: 1px dashed #000;
text-align: center; text-align: center;
} }
.clear { .clear {
@ -149,7 +150,7 @@ body {
} }
.left { .left {
padding: 10px; padding: 10px;
margin: 0 360px 0 0; margin-right: 360px;
} }
.left p { .left p {
padding-bottom: 10px; padding-bottom: 10px;
@ -159,7 +160,7 @@ body {
} }
.greybox { .greybox {
padding: 10px; padding: 10px;
background: #f6f3dd; background-color: #f6f3dd;
border: 1px solid #d9d6c2; border: 1px solid #d9d6c2;
} }
div.listing { div.listing {
@ -181,16 +182,14 @@ div.listing {
font-size: 0.8em; font-size: 0.8em;
} }
#search input { #search input {
background: #f6f3dd; background-color: #f6f3dd;
border: 1px solid #d9d6c2; border: 1px solid #d9d6c2;
} }
.smalltext { .smalltext {
text-align: right; text-align: right;
font-size: x-small; font-size: x-small;
} }
/* /* Headers */
* Headers
*/
h2 { h2 {
margin: 20px 0 10px 0; margin: 20px 0 10px 0;
} }
@ -215,12 +214,10 @@ h4.news {
} }
div.listing h4 { div.listing h4 {
color: #fff; color: #fff;
background: #0771a6; background-color: #0771a6;
padding: 3px; padding: 3px;
} }
/* /* Paragraphs, Anchors, Images */
* Paragraphs, Anchors, Images
*/
p { p {
padding-bottom: 20px; padding-bottom: 20px;
} }
@ -247,7 +244,7 @@ ul.small {
ul.links { ul.links {
list-style: none; list-style: none;
font-size: small; font-size: small;
padding: 0px 0px 20px 20px; padding: 0 0 20px 20px;
} }
img { img {
border: none; border: none;
@ -256,22 +253,23 @@ hr {
border: none; border: none;
border-top: 1px solid #46494d; border-top: 1px solid #46494d;
} }
.greybox input, button, textarea, select { .greybox input,
background: #e1e3e6; button,
textarea,
select {
background-color: #e1e3e6;
border: 1px solid #8faecd; border: 1px solid #8faecd;
} }
.box input, button { .box input, button {
padding: 2px; padding: 2px;
background: #c1c3f6; background-color: #c1c3f6;
font-size: x-small; font-size: x-small;
border: 1px solid #8faecd; border: 1px solid #8faecd;
} }
button#f_trigger { button#f_trigger {
background: #e1e3e6; background-color: #e1e3e6;
} }
/* /* Table stuff */
* Table stuff
*/
table.center { table.center {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -314,17 +312,15 @@ table.deventry {
width: 100%; width: 100%;
} }
table.results { table.results {
padding: 0px; padding: 0;
border-collapse: collapse; border-collapse: collapse;
} }
.results th { .results th {
background: #e1e3e6; background-color: #e1e3e6;
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
border-top: 1px solid #46494d; border-top: 1px solid #46494d;
text-align: left; text-align: left;
padding-top: 0px; padding: 0 5px 0 0;
padding-bottom: 0px;
padding-right: 5px;
} }
.results th>a { .results th>a {
text-decoration: none; text-decoration: none;
@ -346,7 +342,7 @@ table.results {
padding: 2px; padding: 2px;
} }
blockquote.code { blockquote.code {
background: #f3f3f3; background-color: #f3f3f3;
border: 1px solid #ccc; border: 1px solid #ccc;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -356,9 +352,7 @@ blockquote.code {
color: #333; color: #333;
font-size: .95em; font-size: .95em;
} }
/* /* Wiki Styles */
* Wiki Styles
*/
h1.wiki { h1.wiki {
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
} }
@ -378,17 +372,17 @@ div.wikifoot_r {
} }
.wikibody ol { .wikibody ol {
padding-left: 28px; padding-left: 28px;
padding-top: 0px; padding-top: 0;
} }
.wikibody ul { .wikibody ul {
padding-left: 25px; padding-left: 25px;
padding-top: 0px; padding-top: 0;
} }
.wikibody dd { .wikibody dd {
padding-left: 30px; padding-left: 30px;
} }
.wikibody pre code { .wikibody pre code {
background: #c1c3f6; background-color: #c1c3f6;
border: 1px solid #8faecd; border: 1px solid #8faecd;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -401,9 +395,8 @@ div.wikifoot_r {
} }
.wikibody td { .wikibody td {
padding: 5px; padding: 5px;
border: 1px solid black; border: 1px solid #000;
} }
/* Used by Django's FormWrappers */ /* Used by Django's FormWrappers */
textarea.vLargeTextField { textarea.vLargeTextField {
width: 450px; width: 450px;
@ -426,10 +419,8 @@ textarea.vLargeTextField {
width: 90%; width: 90%;
margin-left: 5%; margin-left: 5%;
margin-right: 5%; margin-right: 5%;
background-color: #ffffff; background-color: #fff;
border-width: 2px; border: 2px solid #ddd;
border-color: #dddddd;
border-style: solid;
text-align: left; text-align: left;
padding: 3px; padding: 3px;
} }
@ -442,31 +433,24 @@ textarea.vLargeTextField {
.boxSoftTitle { .boxSoftTitle {
text-align: right; text-align: right;
} }
.pgboxtitle { .pgboxtitle {
border-width: 2px; border: 2px solid #ddd;
border-style: solid; border-top: 1px solid #fff;
border-color: #dddddd; border-left: 1px solid #fff;
border-top-width: 1px;
border-top-color: #ffffff;
border-left-width: 1px;
border-left-color: #ffffff;
background-color: #f1f2f4; background-color: #f1f2f4;
text-align: left; text-align: left;
padding-top: 2px; padding: 2px 10px 2px 10px;
padding-bottom: 2px;
padding-right: 10px;
padding-left: 10px;
} }
.pgboxbody, .pgboxbody-comment { .pgboxbody,
.pgboxbody-comment {
padding: 10px; padding: 10px;
} }
.pgboxbody input { .pgboxbody input {
margin-right: 10px; margin-right: 10px;
} }
.pgboxbody-comment > table { .pgboxbody-comment > table {
border-collapse: separate; border-collapse: separate;
border-spacing: 0 15px; border-spacing: 0 15px;
} }
/* vim:ts=2:sw=2:et:enc=utf-8:
* */

168
web/html/css/containers.css
View file

@ -1,61 +1,51 @@
body,table,td,img body,table,td,img {
{ border: none;
border: 0px; margin: 0;
margin: 0px; padding: 0;
padding: 0px;
} }
/* Main Wrapper Data Format */ /* Main Wrapper Data Format */
td.preHeader td.preHeader {
{
background-color: #000; background-color: #000;
border-bottom: 1px solid rgb( 69, 84, 113 ); border-bottom: 1px solid #455471;
height: 16px; height: 16px;
text-align: right; text-align: right;
} }
td.headerFill td.headerFill {
{ background-color: #6c83b0;
background-color: rgb( 108, 131, 176 );
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
td.headerDisplay td.headerDisplay {
{ background-color: #6c83b0;
background-color: rgb( 108, 131, 176 );
padding-left: 16px; padding-left: 16px;
} }
td.mainLinks td.mainLinks {
{
background-color: #eee; background-color: #eee;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
height: 22px; height: 22px;
padding-left: 12px; padding-left: 12px;
} }
td.sideBar td.sideBar {
{
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
width: 150px; width: 150px;
} }
td.sideBarGrey td.sideBarGrey {
{
background-color: #eee; background-color: #eee;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
width: 150px; width: 150px;
} }
td.sideBarSmall td.sideBarSmall {
{ background-color: #6c83b0;
background-color: rgb( 108, 131, 176 );
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
height: 16px; height: 16px;
text-align: right; text-align: right;
width: 150px; width: 150px;
} }
td.sideBarSmallHeader td.sideBarSmallHeader {
{ background-color: #6c83b0;
background-color: rgb(108,131,176);
vertical-align: top; vertical-align: top;
height: 16px; height: 16px;
padding-top: 1px; padding-top: 1px;
@ -63,159 +53,133 @@
text-align: right; text-align: right;
width: 150px; width: 150px;
} }
td.subLinks td.subLinks {
{ background-color: #ffe4e8;
background-color: rgb( 225, 228, 232 );
border-right: 1px solid #000; border-right: 1px solid #000;
color: rgb( 120, 120, 120 ); color: #787878;
padding-left: 12px; padding-left: 12px;
height: 19px; height: 19px;
} }
td.contentDisplay td.contentDisplay {
{ background-color: #fff;
background-color: #ffffff; border: 1px solid #000;
border-right: 1px solid #000; border-top: none;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
padding: 10; padding: 10px;
} }
td.footerDisplay {
td.footerDisplay
{
background-color: #eee; background-color: #eee;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
text-align: center; text-align: center;
} }
/* Containers Used Globally */ /* Containers Used Globally */
table.boxSoft table.boxSoft {
{
width: 90%; width: 90%;
background-color: #ddd; background-color: #ddd;
text-align: left; text-align: left;
} }
td.boxSoft td.boxSoft {
{
background-color: #fff; background-color: #fff;
padding: 10; padding: 2px;
text-align: left; text-align: left;
} }
td.boxSoftColumn td.boxSoftColumn {
{ padding-left: 16px;
padding-left: 16; padding-right: 16px;
padding-right: 16;
text-align: justify; text-align: justify;
vertical-align: top; vertical-align: top;
text-indent: 20px; text-indent: 20px;
} }
td.div td.div {
{
background-color: #eee; background-color: #eee;
width: 3px; width: 3px;
} }
td.boxSoftTitle td.boxSoftTitle {
{
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
border-top: 1px solid #fff; border-top: 1px solid #fff;
background-color: rgb( 241, 242, 244 ); background-color: #f1f2f4;
padding-left: 10; padding: 1px 0 0 3px;
padding-top: 1;
padding-bottom: 1;
text-align: left; text-align: left;
} }
table.boxSoftSmall table.boxSoftSmall {
{ width: 94px;
width: 94%;
background-color: #ddd; background-color: #ddd;
} }
td.boxSoftSmall td.boxSoftSmall {
{
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
padding-top: 2; padding-top: 2px;
padding-bottom: 2; padding-bottom: 2px;
} }
td.boxSoftSmallTitle td.boxSoftSmallTitle {
{
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
background-color: rgb( 241, 242, 244 ); background-color: #f1f2f4;
padding-left: 10; padding-left: 10px;
} }
td.ss /* ss = small space */ /* ss = small space */
{ td.ss {
padding-left: 6px; padding-left: 6px;
vertical-align: top; vertical-align: top;
} }
td.display td.display {
{
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
padding-bottom: 6px; padding-bottom: 6px;
} }
td.features td.features {
{
padding: 4px; padding: 4px;
text-align: justify; text-align: justify;
vertical-align:top; vertical-align:top;
} }
td.formLeft td.formLeft {
{
padding: 6px; padding: 6px;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
} }
td.data1 td.data1 {
{
background-color: #eee; background-color: #eee;
vertical-align: top; vertical-align: top;
padding-left: .3em; padding-left: .3em;
text-align: left; text-align: left;
} }
td.data2 td.data2 {
{
background-color: #ddd; background-color: #ddd;
vertical-align: top; vertical-align: top;
padding-left: .3em; padding-left: .3em;
text-align: left; text-align: left;
} }
.outofdate .outofdate {
{
background-color: #faa; background-color: #faa;
padding-left: .3em; padding-left: .3em;
text-align: left; text-align: left;
} }
td.text td.text {
{
color: #000; color: #000;
font-size: 12px; font-size: 12px;
} }
th th {
{
text-align: left; text-align: left;
} }
th.header th.header {
{
border-bottom: #666 1px solid; border-bottom: #666 1px solid;
vertical-align: bottom; vertical-align: bottom;
} }
input,
input,textarea,select textarea,
{ select {
background-color: rgb(108,131,176); background-color: #6c83b0;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;
background-color: #ccc; background-color: #ccc;
border: #000000 1px solid; border: #000 1px solid;
color: #111111; color: #111;
} }
input.button {
input.button
{
background-color: #fff; background-color: #fff;
color: rgb(108,131,176); color: #6c83b0;
border: 1px solid rgb(108,131,176); border: 1px solid #6c83b0;
font-size: 12px; font-size: 12px;
padding: 2px; padding: 2px;
} }
/* vim:ts=2:sw=2:et:enc=utf-8:
* */

41
web/html/css/fonts.css
View file

@ -12,7 +12,7 @@
span.f2 /* Title */ span.f2 /* Title */
{ {
font-size: 14px; font-size: 14px;
color: rgb(108, 131, 176); color: #6c83b0;
font-weight: bold; font-weight: bold;
} }
span.f3 /* Sub Title */ span.f3 /* Sub Title */
@ -20,6 +20,7 @@
color: #888; color: #888;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
padding-right: 2px;
} }
span.f4 /* Content Text */ span.f4 /* Content Text */
{ {
@ -56,38 +57,23 @@
} }
span.warning /* Content Text */ span.warning /* Content Text */
{ {
color: #C0C000; color: #c0c000;
font-size: 12px; font-size: 12px;
} }
/* Font Attribute Change (#6c83b0)*/ /* Font Attribute Change (#6c83b0)*/
span.blue span.blue { color: #6c83b0; }
{ span.white { color: #fff; }
color: rgb( 108, 131, 176 ); span.black { color: #000; }
} span.green { color: #6db06d; }
span.white
{
color: white;
}
span.black
{
color: black;
}
span.green
{
color: #6db06d;
}
span.link span.link
{ {
color: rgb( 108, 131, 176 ); color: #6c83b0;
font-weight: bold; font-weight: bold;
} }
/* Misc (c9d1e2) */ /* Misc (c9d1e2) */
span.preHeader span.preHeader
{ {
color: rgb( 201, 209, 226 ); color: #c9d1e2;
font-weight: bold; font-weight: bold;
font-size: 11px; font-size: 11px;
padding-right: 8px; padding-right: 8px;
@ -100,22 +86,19 @@
font-size: 11px; font-size: 11px;
padding-right: 8px; padding-right: 8px;
} }
a { a {
color: #0771a6; color: #0771a6;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
} }
a:hover { a:hover {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
font-size: 16pt; font-size: 16pt;
} }
span.important { span.important { color: #f00; }
color: #f00; /* vim:ts=2:sw=2:et:enc=utf-8:
} * */