claunia/qemudb
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- copy/pasted winehq styles to have layout consistency between winehq and appdb

Browse Source 
- removed unused styles
- clearly commented/separated the two parts of stylesheet for easy maintenance
This commit is contained in:
Jonathan Ernst
2004-12-11 03:51:39 +00:00
committed by WineHQ
parent f6ae722cb9
commit 2c3d8353ad
1 changed files with 136 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
apidb.css
View File

@@ -1,6 +1,14 @@
/*******************************************************************/
/* The following styles are copy/pasted from winehq.org stylesheet */
/*******************************************************************/
/* Body Document Defaults */
BODY { background-color: #E2E2E2;
color: #000000; margin: 0; }
BODY {
background-color: #E2E2E2;
color: #000000;
font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
margin: 0;
font-size: 12px;
}
/* Link Colors */
A { color: #A50D0D; }
@@ -9,15 +17,127 @@ A:hover { color: #FF6666; text-decoration: underline; }
A:active { color: #FF0000; }
A.hidden { text-decoration: none; color: #000000; }
OL,UL,P,BODY { font-family: Helvetica, Arial; font-size: 10pt; }
TD,TR,TH,FORM { font-family: Helvetica, Arial; font-size: 10pt; }
SPAN { font-family: Helvetica, Arial; font-size: 10pt; }
H1,H2,H3 { font-family: Helvetica, Arial; font-size: 14pt; }
H4,H5,H6 { font-family: Helvetica, Arial; font-size: 12pt; }
INPUT { font-family: Helvetica, Arial; font-size: 10pt; }
PRE,T1 { font-family: Helvetica, Arial; font-size: 10pt; }
SMALL { font-family: Helvetica, Arial; font-size: 8pt; }
/* General fonts and sizes */
OL,UL,P { font-size: 12px; }
TD,TR,TH { font-size: 12px; }
INPUT { font-size: 12px; }
PRE { font-family: Fixed; font-size: 12px; }
/* Hn Sizes */
H1 { font-size: 180%; }
H2 { font-size: 150%; }
H3 { font-size: 130%; }
H4 { font-size: 120%; }
H5 { font-size: 110%; }
/* WWN Colors */
.wwnQuote { color: #A8003C; }
p.indent { padding-left: 1em; padding-right: 1em;}
/* background colors */
.vltgrey { background-color: #f9f9f9; }
.ltgrey { background-color: #EFEFEF; }
.grey { background-color: #C0C0C0; }
.white { background-color: #FFFFFF; }
.dkgrey { background-color: #888888; }
.ltblack { background-color: #999999; }
.black { background-color: #000000; }
.blueish { background-color: #bed5f7; }
/* text colors */
.inverse { color: #FFFFFF; }
.disabled { color: #999999; }
.normal { color: #000000; }
.error { color: #ff0000; }
.water { color: #6060ff; }
.blueman { color: #335184; }
/* text styles */
.strike { text-decoration: line-through; }
.bold { font-weight: bold; }
.newstitle { font-size: 14px; font-weight: bold; color: #000000; }
/* Menu Config */
.menuTitle { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.menuTitle:visited { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.menuTitle:hover { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.menuLink { font-size: 10px; color: #ffffff; font-weight: bold; }
.menuItem { font-size: 10px; color: #000000; }
.menuItem:visited { font-size: 10px; color: #000000; }
.menuItem:hover { font-size: 10px; color: #A50D0D; }
.topMenu { background-color: #601919; }
.sideMenu { background-color: #FFFFFF; }
.border { background-color: #601919; }
/* Misc */
.tiny { font-size: 8px; }
.small { font-size: 10px; }
.big { font-size: 14px; }
.rowtitle { background-color: black; color: white; font-weight: bold; }
/* Generic Buttons */
.button { background-color: #6b86bb; color: #ffffff; font-family: Sans-Serif; font-size: 12px; padding: 0; }
.searchInput { background-color: #FFFFFF; color: #000000; font-family: Sans-Serif; font-size: 12px; padding: 0; }
/* Note Blip */
.blip { color: #ff0000; font-size: 10px; }
/* Footer */
.footer { font-size: 8pt; color: #777777; }
/* Status colors */
.hdr { background-color: #000000; color: #ffffff; }
.pct0 { background-color: #ff5050; }
.pct5 { background-color: #ff5d4f; }
.pct10 { background-color: #ff694e; }
.pct15 { background-color: #ff764d; }
.pct20 { background-color: #ff824b; }
.pct25 { background-color: #ff8f4a; }
.pct30 { background-color: #ff9b49; }
.pct35 { background-color: #ffa848; }
.pct40 { background-color: #ffb447; }
.pct45 { background-color: #ffc146; }
.pct50 { background-color: #ffcd45; }
.pct55 { background-color: #ffda43; }
.pct60 { background-color: #ffe642; }
.pct65 { background-color: #fff341; }
.pct70 { background-color: #ffff40; }
.pct75 { background-color: #dcff48; }
.pct80 { background-color: #c8ff50; }
.pct85 { background-color: #b4ff58; }
.pct90 { background-color: #a0ff60; }
.pct95 { background-color: #8cff60; }
.pct100 { background-color: #60ff60; }
.nonexistent { background-color: #ff5050; }
.poor { background-color: #ff8f4a; }
.outdated { background-color: #ffcd45; }
.outdadeq { background-color: #ffff40; }
.adequate { background-color: #dcff48; }
.adeqgood { background-color: #c0ff54; }
.good { background-color: #60ff60; }
/* ToDo colors */
.todo { background-color: red; }
.inprogress { background-color: yellow; }
.done { background-color: limegreen; }
.invalid { color: gray; text-decoration: line-through; }
/* Fun Projects */
.works { background-color: lightblue; }
.abandoned { background-color: gray; }
.modified { font-weight: bold; }
.submitted { font-style: italic; }
.committed { font-style: italic; color: gray; }
/* App Support status */
.gold { background-color: wheat; }
.silver { background-color: silver; }
/*******************************************************************/
/* The following styles are used exclusively in appdb */
/*******************************************************************/
TD.cline { background-color: #EEEEEE; color: #000000;
text-align: center; font-weight: bold; font-size: 10pt; }
@@ -72,78 +192,10 @@ TD.no { color: #B10000; font-weight: italic; text-align: center }
TD.stub { color: #0000B1; font-weight: italic; text-align: center }
/* Copyright Notice */
.copyright { font-family: Helvetica, Arial; font-size: 8pt; color: #6F6F6F; }
/* Rating Number */
.rating { font-family: Helvetica, Arial; font-size: 6pt; color: #333333; }
/* background colors */
.vltgrey { background-color: #f9f9f9; }
.ltgrey { background-color: #EFEFEF; }
.grey { background-color: #C0C0C0; }
.white { background-color: #FFFFFF; }
.dkgrey { background-color: #888888; }
.ltblack { background-color: #999999; }
.black { background-color: #000000; }
.blueish { background-color: #bed5f7; }
/* text colors */
.inverse { color: #FFFFFF; }
.disabled { color: #999999; }
.normal { color: #000000; }
.error { color: #ff0000; }
.water { color: #6060ff; }
.good { color: #60ff60; }
.warning { color: #fffa00; }
.blueman { color: #335184; }
/* text styles */
.strike { text-decoration: line-through; }
.bold { font-weight: bold; }
.newstitle { font-size: 14px; font-weight: bold; color: #000000; }
/* Menu Config */
.menuTitle { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.menuTitle:visited { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.menuTitle:hover { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.menuLink { font-size: 10px; color: #ffffff; font-weight: bold; }
.menuItem { font-size: 10px; color: #000000; }
.menuItem:visited { font-size: 10px; color: #000000; }
.menuItem:hover { font-size: 10px; color: #A50D0D; }
.topMenu { background-color: #601919; }
.sideMenu { background-color: #FFFFFF; }
.border { background-color: #601919; }
/* Misc */
.tiny { font-size: 6pt; }
.small { font-size: 8pt; }
.big { font-size: 14pt; }
/* Generic Buttons */
.button { background-color: #6b86bb; color: #ffffff; font-family: Helvetica, Arial, Sans-Serif; font-size: 10pt;
padding: 0; }
.searchInput { background-color: #FFFFFF; color: #000000; font-family: Helvetica, Arial, Sans-Serif; font-size: 10pt;
padding: 0; }
/* Note Blip */
.blip { color: #ff0000; font-size: 8pt; }
/* Footer */
.footer { font-size: 8pt; color: #777777; }
/* Footer Link */
.footerLink { font-family: Helvetica, Arial; font-size: 8pt; color: #666666; }
/* Generic Buttons */
.button { background-color: #666666; color: #ffffff; font-family: Helvetica, Arial; font-size: 10pt;
groove #000000; padding: 0; }
/* Vote Button */
.votebutton { background-color: #666666; color: #ffffff; font-family: Helvetica, Arial; font-size: 8pt;
groove #000000; padding: 0; }