mirror of
https://git.code.sf.net/p/quake/website
synced 2025-04-08 08:40:53 +00:00
Update style sheets.
This commit is contained in:
Jeff Teunissen
parent
8f644e6076
commit
6932a861c8
3 changed files with 419 additions and 144 deletions
|
|
@ -1,93 +1,245 @@
|
|||
* { /* Standard style */
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
BODY {
|
||||
background: black;
|
||||
color: white;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
OL,UL,BODY,TD,TR,TH,FORM,SPAN {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
PRE,TT,CODE {
|
||||
font-family: "Courier New", Courier, fixed;
|
||||
}
|
||||
|
||||
P {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
text-align: justify;
|
||||
/* Links */
|
||||
A {
|
||||
color: #aaffaa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
SPAN.smallText {
|
||||
font-size: x-small;
|
||||
A:active {
|
||||
color: #ffffff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
P.centered {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
text-align: center;
|
||||
A:link {
|
||||
color: #aaffaa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
TABLE.featureBox {
|
||||
background: #7f000c;
|
||||
border: solid #7f000c 1px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
A:hover {
|
||||
color: #ffffaa;
|
||||
text-decoration:none;
|
||||
}
|
||||
A:visited {
|
||||
color: #80ff80;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
TABLE.featureBox TH {
|
||||
border: none;
|
||||
margin: none;
|
||||
padding: none;
|
||||
IMG {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
TABLE.featureBox TD {
|
||||
background: #083008;
|
||||
border: solid #7f000c 1px;
|
||||
margin: 0px;
|
||||
padding: 3pt;
|
||||
IMG.screenshot {
|
||||
border: 2px #7f000c solid;
|
||||
|
||||
width: 200px;
|
||||
height: 150px;
|
||||
}
|
||||
/* Misc. styles */
|
||||
.featureBox {
|
||||
background: #083008;
|
||||
border: 2px solid #7f000c;
|
||||
|
||||
font-size: 8pt;
|
||||
text-align: left;
|
||||
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
TABLE.featureBox TD.inside {
|
||||
background: #083008;
|
||||
border: none;
|
||||
margin: 1pt;
|
||||
padding: 1pt;
|
||||
.featureBox A {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
H1,H2,H3,H4,H5,H6 { font-family: Arial, Helvetica, sans-serif; }
|
||||
DL,DT,DD { font-family: Arial, Helvetica, sans-serif; }
|
||||
PRE,TT,CODE { font-family: "Courier New", Courier, monospace; }
|
||||
/* Links */
|
||||
A { color: rgb(170,255,170); text-decoration: none; }
|
||||
A:visited { color: rgb(170,255,170); text-decoration: none; }
|
||||
A:link { color: rgb(170,255,170); text-decoration: none; }
|
||||
A:active { color: rgb(255,255,255); text-decoration: none; }
|
||||
A:hover { color: rgb(255,170,170); text-decoration: none; }
|
||||
/* Special link types */
|
||||
A.mainTitleBar { color: white; }
|
||||
A.sortButton { color: white; text-decoration: underline; }
|
||||
A.menus { color: rgb(192,192,192); text-decoration: underline; }
|
||||
A.tabs { color: black; }
|
||||
|
||||
SPAN.center { text-align: center; }
|
||||
SPAN.alignRight { text-align: right; }
|
||||
SPAN.boxSpace { font-size: 2pt; }
|
||||
SPAN.mainTitleBar {
|
||||
color: black;
|
||||
font-size: 10pt;
|
||||
.featureBox BR {
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
SPAN.mainTitle {
|
||||
color: white;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
.featureBox H2 {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
SPAN.pageTitle {
|
||||
font-size: 15pt;
|
||||
.featureBox P {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
.featureBox .featureTitle {
|
||||
background: #7f000c;
|
||||
color: #fff;
|
||||
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.featureBox A.featureTitle {
|
||||
color: #99c;
|
||||
}
|
||||
|
||||
.featureBox A.featureTitle:visited {
|
||||
color: #aaf;
|
||||
}
|
||||
|
||||
.featureBox A.featureTitle:active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.featureBox A.featureTitle:hover {
|
||||
color: #668;
|
||||
}
|
||||
|
||||
.newsBox {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.newsBox DL {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
|
||||
border-top: 1px solid #7f000c;
|
||||
}
|
||||
|
||||
.newsBox DL DT {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.newsBox DL DD {
|
||||
border: 0;
|
||||
margin: 1.5em;
|
||||
padding: 0;
|
||||
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.newsBox .newsTitle {
|
||||
display: block;
|
||||
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nodisplay {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
SPAN.titleBar {
|
||||
color: white;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.copyright {
|
||||
display: block;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
/* Misc. styles */
|
||||
.noLevelOne {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#topStrip {
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#mainTitle {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#mainTitle H1 {
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 24px 48px;
|
||||
}
|
||||
|
||||
/*
|
||||
Menus
|
||||
*/
|
||||
#menu {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#menu A {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
#menu A.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#menu .menuTitle {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
Right-side feature boxes
|
||||
*/
|
||||
#features {
|
||||
width: 140px;
|
||||
float: right;
|
||||
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#topMain {
|
||||
text-align: justify;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#topMain H2 {
|
||||
border-bottom: 2px solid white;
|
||||
|
||||
margin: -2px -2px 8px -2px;
|
||||
|
||||
padding: 0;
|
||||
}
|
||||
/*
|
||||
Main content
|
||||
*/
|
||||
#content {
|
||||
text-align: justify;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.narrow#content {
|
||||
margin-right: 142px; /* features width + 2px */
|
||||
|
||||
_margin-right: 2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,93 +1,213 @@
|
|||
HTML {
|
||||
max-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
BODY {
|
||||
background: black;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
max-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.featureBox P.lined {
|
||||
text-align: justify;
|
||||
|
||||
margin: 0px;
|
||||
padding: 8px;
|
||||
border-top: 2px solid #7f000c;
|
||||
}
|
||||
|
||||
.newsBox {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
background: #262633;
|
||||
|
||||
border-left: 2px solid #7f000c;
|
||||
border-right: 2px solid #7f000c;
|
||||
border-bottom: 1px solid #7f000c;
|
||||
}
|
||||
|
||||
.newsBox .newsTitle {
|
||||
background: #7f000c;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.newsBox .newsTitle H2 {
|
||||
margin: 0;
|
||||
font-size: 10pt;
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.newsBox DL {
|
||||
border-top: 1px solid #7f000c;
|
||||
border-bottom: 1px solid #7f000c;
|
||||
}
|
||||
|
||||
.newsBox P.lined {
|
||||
border-top: 2px solid #7f000c;
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.nodisplay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.noLevelOne {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.left {
|
||||
clear: none;
|
||||
float: left;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
clear: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#topStrip {
|
||||
background: #7f000c;
|
||||
color: black;
|
||||
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#topStrip A {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#mainTitle {
|
||||
background: #084508; /* menu background color */
|
||||
background-image:url(/parts/bg-logo.php);
|
||||
background-position:bottom left;
|
||||
background-repeat:no-repeat;
|
||||
color: white;
|
||||
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
OL,UL,BODY,TD,TR,TH,FORM,SPAN {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
#menu {
|
||||
background: #084508;
|
||||
|
||||
width: 130px;
|
||||
height: auto;
|
||||
|
||||
display: inline;
|
||||
float: left;
|
||||
|
||||
margin: 0;
|
||||
margin-top: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
P {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
text-align: justify;
|
||||
#menu A {
|
||||
color: #c0c0c0;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
SPAN.smallText {
|
||||
#menu .menuItem {
|
||||
display: block;
|
||||
|
||||
font-size: 10pt;
|
||||
text-align: right;
|
||||
|
||||
margin: 0;
|
||||
padding: 0pt 4px;
|
||||
}
|
||||
|
||||
#menu .menuTitle {
|
||||
background: #7f000c;
|
||||
color: white;
|
||||
|
||||
display: block;
|
||||
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
margin: 0;
|
||||
margin-bottom: 2px;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
#menu .sfLogo {
|
||||
|
||||
display: inline;
|
||||
|
||||
text-align: right;
|
||||
|
||||
border: 0;
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#features {
|
||||
margin: 0;
|
||||
margin-top: 2px;
|
||||
|
||||
_display: inline;
|
||||
_float: right;
|
||||
_clear: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 2px;
|
||||
margin-left: 132px; /* menu width + 2 px */
|
||||
padding: 8px;
|
||||
|
||||
_display: inline;
|
||||
_float: left;
|
||||
_clear: none;
|
||||
|
||||
_margin-left: 2px;
|
||||
}
|
||||
|
||||
#bottom {
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
|
||||
background: #084508;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#bottom A {
|
||||
color: white;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
A#pi {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
background: #7f000c;
|
||||
color: #084508;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.smallText {
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
P.centered {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: white;
|
||||
.centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
TABLE.featureBox {
|
||||
background: #7f000c;
|
||||
border: solid #7f000c 1px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
TABLE.featureBox TH {
|
||||
border: none;
|
||||
margin: none;
|
||||
padding: none;
|
||||
}
|
||||
|
||||
TABLE.featureBox TD {
|
||||
background: #083008;
|
||||
border: solid #7f000c 1px;
|
||||
margin: 0px;
|
||||
padding: 3pt;
|
||||
}
|
||||
|
||||
TABLE.featureBox TD.inside {
|
||||
background: #083008;
|
||||
border: none;
|
||||
margin: 1pt;
|
||||
padding: 1pt;
|
||||
}
|
||||
|
||||
H1,H2,H3,H4,H5,H6 { font-family: Arial, Helvetica, sans-serif; }
|
||||
DL,DT,DD { font-family: Arial, Helvetica, sans-serif; }
|
||||
PRE,TT,CODE { font-family: "Courier New", Courier, monospace; }
|
||||
/* Links */
|
||||
A { color: rgb(170,255,170); text-decoration: none; }
|
||||
A:visited { color: rgb(170,255,170); text-decoration: none; }
|
||||
A:link { color: rgb(170,255,170); text-decoration: none; }
|
||||
A:active { color: rgb(255,255,255); text-decoration: none; }
|
||||
A:hover { color: rgb(255,170,170); text-decoration: none; }
|
||||
/* Special link types */
|
||||
A.mainTitleBar { color: white; }
|
||||
/* Special link types */
|
||||
A.sortButton { color: white; text-decoration: underline; }
|
||||
A.menus { color: rgb(192,192,192); text-decoration: underline; }
|
||||
A.tabs { color: black; }
|
||||
|
||||
SPAN.center { text-align: center; }
|
||||
SPAN.alignRight { text-align: right; }
|
||||
SPAN.boxSpace { font-size: 2pt; }
|
||||
SPAN.mainTitleBar {
|
||||
color: black;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
SPAN.mainTitle {
|
||||
color: white;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
SPAN.pageTitle {
|
||||
font-size: 15pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
SPAN.titleBar {
|
||||
color: white;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -196,9 +196,12 @@ A#pi {
|
|||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
background: #4b4f66;
|
||||
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
|
||||
background: #737b9c;
|
||||
color: #4b4f66;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.smallText {
|
||||
|
|
|
|||
Loading…
Reference in a new issue