mirror of
https://gitlab.archlinux.org/archlinux/aurweb.git
synced 2025-02-03 10:43:03 +01:00
adding css from www.archlinux.org
This commit is contained in:
dp
parent
d96a600997
commit
d8a0d93cd0
2 changed files with 295 additions and 0 deletions
199
web/html/css/containers.css
Normal file
199
web/html/css/containers.css
Normal file
|
|
@ -0,0 +1,199 @@
|
|||
body,table,td,img
|
||||
{
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-family: arial,verdana,tahoma;
|
||||
}
|
||||
|
||||
/* 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-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;
|
||||
}
|
||||
|
||||
/* Containers Used Globally */
|
||||
table.boxSoft
|
||||
{
|
||||
width: 90%;
|
||||
background-color: #ddd;
|
||||
}
|
||||
td.boxSoft
|
||||
{
|
||||
background-color: #fff;
|
||||
padding: 10;
|
||||
}
|
||||
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;
|
||||
}
|
||||
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: 5;
|
||||
}
|
||||
td.data2
|
||||
{
|
||||
background-color: #ddd;
|
||||
vertical-align: top;
|
||||
padding-left: 5;
|
||||
}
|
||||
th
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input,textarea,select
|
||||
{
|
||||
background-color: rgb(108,131,176);
|
||||
font-family: courier;
|
||||
font-size: 12px;
|
||||
background-color: #ccc;
|
||||
border: #000000 1px solid;
|
||||
color: #111111;
|
||||
}
|
||||
|
||||
input.button
|
||||
{
|
||||
background-color: #fff;
|
||||
color: rgb(108,131,176);
|
||||
border: 1px dashed rgb(108,131,176);
|
||||
font-family: trebuchet ms, tahoma, verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
96
web/html/css/fonts.css
Normal file
96
web/html/css/fonts.css
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
/* Standard Fonts */
|
||||
span /* Applicable by default in all fonts */
|
||||
{
|
||||
color: #666;
|
||||
font-family: verdana, trebuchet ms, tahoma, luxi sans;
|
||||
}
|
||||
span.f1 /* Important */
|
||||
{
|
||||
font-family: verdana;
|
||||
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-family: verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
span.f5 /* Content Small */
|
||||
{
|
||||
color: #333;
|
||||
font-family: trebuchet ms, tahoma, verdana;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* Font Attribute Change (#6c83b0)*/
|
||||
span.blue
|
||||
{
|
||||
color: rgb( 108, 131, 176 );
|
||||
}
|
||||
span.white
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
span.black
|
||||
{
|
||||
color: black;
|
||||
}
|
||||
span.link
|
||||
{
|
||||
color: rgb( 108, 131, 176 );
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Misc (c9d1e2) */
|
||||
span.preHeader
|
||||
{
|
||||
color: rgb( 201, 209, 226 );
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
font-family: tahoma, trebuchet ms, verdana;
|
||||
padding-right: 8px;
|
||||
word-spacing: 8px;
|
||||
}
|
||||
span.sideBarSmallHeader
|
||||
{
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
font-family: tahoma, trebuchet ms, verdana;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: rgb(108,131,176);
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: rgb(108,131,176);
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #990000;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
font-size: 16pt;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue