mirror of
https://gitlab.archlinux.org/archlinux/aurweb.git
synced 2025-02-03 10:43:03 +01:00
CSS cleanup
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
Simo Leone
parent
94a8053210
commit
ffccbd540f
3 changed files with 506 additions and 575 deletions
|
|
@ -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:
|
||||
* */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue