Benutzer:Flash (Kevin Fleischer)/monobook.css: Unterschied zwischen den Versionen
Aus DGL Wiki
Flash (Diskussion | Beiträge) K (Umgestellt auf "Bluebox") |
Flash (Diskussion | Beiträge) K (Umgestellt auf "Bluebox") |
||
Zeile 1: | Zeile 1: | ||
− | /* | + | /* main part of the site*/ |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | */ | ||
− | |||
body { | body { | ||
− | + | background: #6977A1; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | div#content{ | |
− | # | + | background-color: #291852; border: 1px #C8CAD6 solid; color:white; |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
/* general styles */ | /* general styles */ | ||
Zeile 55: | Zeile 12: | ||
table { | table { | ||
font-size: 100%; | font-size: 100%; | ||
− | background: | + | background: #6977A1; |
+ | border: 1px #C8CAD6 solid; | ||
+ | cellspacing: 0; | ||
+ | border-collapse: collapse; | ||
+ | margin: 1em 1em 1em 0; | ||
+ | cellpadding:1em; | ||
} | } | ||
a { | a { | ||
text-decoration: none; | text-decoration: none; | ||
− | color: # | + | color : #9999FF; |
background: none; | background: none; | ||
} | } | ||
− | a:visited { color: # | + | a:visited { color : #9999FF; } |
− | a:active { color: | + | a:active { color : #DD6900; } |
a:hover { text-decoration: underline; } | a:hover { text-decoration: underline; } | ||
a.stub { color: #772233; } | a.stub { color: #772233; } | ||
a.new, | a.new, | ||
− | #p-personal a.new { color: | + | #p-personal a.new { color:red; } |
a.new:visited, | a.new:visited, | ||
− | #p-personal a.new:visited { color: | + | #p-personal a.new:visited { color:red; } |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | + | hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;} | |
− | |||
− | hr { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
− | color: | + | color: white; |
background: none; | background: none; | ||
− | |||
− | |||
− | |||
− | |||
border-bottom: 1px solid #aaaaaa; | border-bottom: 1px solid #aaaaaa; | ||
} | } | ||
− | + | h3, h4, h5, h6 { | |
− | |||
− | h3, h4, h5, h6 { | ||
border-bottom: none; | border-bottom: none; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
abbr, acronym, .explain { | abbr, acronym, .explain { | ||
− | border-bottom: 1px dotted | + | border-bottom: 1px dotted white; |
− | color: | + | color: white; |
background: none; | background: none; | ||
cursor: help; | cursor: help; | ||
} | } | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
code { background-color: #f9f9f9; } | code { background-color: #f9f9f9; } | ||
pre { | pre { | ||
Zeile 209: | Zeile 61: | ||
} | } | ||
+ | /* the main content area */ | ||
+ | /* --------------------- */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#contentSub { | #contentSub { | ||
− | |||
line-height: 1.2em; | line-height: 1.2em; | ||
margin: 0 0 1.4em 1em; | margin: 0 0 1.4em 1em; | ||
color: #7d7d7d; | color: #7d7d7d; | ||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.usermessage { | .usermessage { | ||
background-color: #ffce7b; | background-color: #ffce7b; | ||
Zeile 239: | Zeile 75: | ||
color: Black; | color: Black; | ||
font-weight: bold; | font-weight: bold; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
+ | /*category links */ | ||
#catlinks { | #catlinks { | ||
− | border:1px solid | + | border: 1px #C8CAD6 solid; |
− | background-color:# | + | background-color: #6977A1; |
− | |||
− | |||
clear: both; | clear: both; | ||
} | } | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.documentByLine { | .documentByLine { | ||
− | |||
− | |||
− | |||
− | |||
color: #76797c; | color: #76797c; | ||
} | } | ||
− | /* | + | /* table of contents */ |
− | + | #toc { | |
− | + | border: 1px #C8CAD6 solid; | |
− | + | background-color: #6977A1; | |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* TODO: Assign new style | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
div.thumb div { | div.thumb div { | ||
border:1px solid #cccccc; | border:1px solid #cccccc; | ||
− | |||
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
− | + | }*/ | |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /* User styles */ |
− | + | /* ----------- */ | |
− | * | ||
− | */ | ||
− | + | .toccolours { | |
− | + | border: 1px #C8CAD6 solid; | |
− | + | background-color: #6977A1; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .toccolours { | ||
− | border:1px solid | ||
− | background-color:# | ||
− | |||
− | |||
} | } | ||
+ | /* TODO: Assign new style | ||
div.townBox { | div.townBox { | ||
− | |||
− | |||
background:White; | background:White; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
div.townBox dl dd { | div.townBox dl dd { | ||
− | |||
background-color: #f3f3f3; | background-color: #f3f3f3; | ||
} | } | ||
+ | */ | ||
− | / | + | /* edit views etc */ |
− | + | /* -------------- */ | |
− | */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /* TODO: Assign new style |
− | |||
.autocomment { color: gray; } | .autocomment { color: gray; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#pagehistory li { border: 1px solid White; } | #pagehistory li { border: 1px solid White; } | ||
− | #pagehistory li.selected { | + | #pagehistory li.selected { |
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
border:1px dashed #aaaaaa; | border:1px dashed #aaaaaa; | ||
} | } | ||
− | |||
− | |||
*/ | */ | ||
+ | |||
+ | /* Diff rendering */ | ||
+ | /* -------------- */ | ||
+ | /* TODO: Assign new style | ||
table.diff { background:white; } | table.diff { background:white; } | ||
td.diff-otitle { background:#ffffff; } | td.diff-otitle { background:#ffffff; } | ||
td.diff-ntitle { background:#ffffff; } | td.diff-ntitle { background:#ffffff; } | ||
− | td.diff-addedline { | + | td.diff-addedline { |
background:#ccffcc; | background:#ccffcc; | ||
font-size: smaller; | font-size: smaller; | ||
} | } | ||
− | td.diff-deletedline { | + | td.diff-deletedline { |
background:#ffffaa; | background:#ffffaa; | ||
font-size: smaller; | font-size: smaller; | ||
Zeile 462: | Zeile 147: | ||
font-size: smaller; | font-size: smaller; | ||
} | } | ||
− | span.diffchange { color: red; } | + | span.diffchange { color: red; font-weight: bold; } |
+ | */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* disable interwiki styling */ | /* disable interwiki styling */ | ||
+ | |||
+ | /* TODO: Assign new style | ||
#bodyContent a.extiw, | #bodyContent a.extiw, | ||
#bodyContent a.extiw:active { | #bodyContent a.extiw:active { | ||
Zeile 505: | Zeile 160: | ||
} | } | ||
#bodyContent a.external { color: #3366bb; } | #bodyContent a.external { color: #3366bb; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
*/ | */ | ||
− | / | + | /* general portlet styles (elements in the quickbar) */ |
− | + | /* ------------------------------------------------- */ | |
− | */ | + | /* TODO: Assign new style |
− | + | .portlet h6 { | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .portlet h6 { | ||
background: #ffae2e; | background: #ffae2e; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
*/ | */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*navigation and things like this*/ | |
− | + | .pBody { | |
− | + | background: #291852; border: 1px #C8CAD6 solid; | |
+ | margin: 0.4em; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* this is the ul contained in the portlet */ | /* this is the ul contained in the portlet */ | ||
+ | /* TODO: Assing new Style: | ||
#p-personal ul { | #p-personal ul { | ||
− | |||
− | |||
color: #2f6fab; | color: #2f6fab; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#p-personal li { | #p-personal li { | ||
− | |||
− | |||
− | |||
− | |||
color: #2f6fab; | color: #2f6fab; | ||
− | |||
− | |||
− | |||
} | } | ||
+ | */ | ||
+ | |||
#p-personal li a { | #p-personal li a { | ||
text-decoration: none; | text-decoration: none; | ||
− | color: | + | color: White; |
− | |||
− | |||
} | } | ||
+ | |||
#p-personal li a:hover { | #p-personal li a:hover { | ||
− | background | + | background: none; |
− | |||
text-decoration: none; | text-decoration: none; | ||
+ | color:#DD6900; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#p-cactions li { | #p-cactions li { | ||
− | |||
border: 1px solid #aaaaaa; | border: 1px solid #aaaaaa; | ||
− | |||
− | |||
− | |||
− | |||
background: White; | background: White; | ||
} | } | ||
#p-cactions li.selected { | #p-cactions li.selected { | ||
border-color: #fabd23; | border-color: #fabd23; | ||
− | |||
} | } | ||
#p-cactions li a { | #p-cactions li a { | ||
− | background-color: | + | background-color: #291852; |
− | color: | + | color: white; |
− | |||
− | |||
text-decoration: none; | text-decoration: none; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #p-cactions .new a { color:red; } | |
− | #p-cactions .new a { color: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #291852 | |
− | |||
− | |||
− | # | ||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /* footer */ |
− | * | + | /* ------ */ |
− | */ | ||
#footer { | #footer { | ||
background-color: White; | background-color: White; | ||
border-top: 1px solid #fabd23; | border-top: 1px solid #fabd23; | ||
border-bottom: 1px solid #fabd23; | border-bottom: 1px solid #fabd23; | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
/* js pref toc */ | /* js pref toc */ | ||
− | #preftoc { | + | /* ----------- */ |
+ | /* TODO: Assing to new style: | ||
+ | #preftoc { | ||
float: left; | float: left; | ||
margin: 1em 1em 1em 1em; | margin: 1em 1em 1em 1em; | ||
Zeile 829: | Zeile 234: | ||
} | } | ||
#preftoc li { border: 1px solid White; } | #preftoc li { border: 1px solid White; } | ||
− | #preftoc li.selected { | + | #preftoc li.selected { |
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
border:1px dashed #aaaaaa; | border:1px dashed #aaaaaa; | ||
Zeile 837: | Zeile 242: | ||
display: block; | display: block; | ||
color: #0014a6; | color: #0014a6; | ||
+ | }*/ | ||
+ | |||
+ | /* TODO: Assing to new style: | ||
+ | .not_patrolled { background-color: #ffa;} | ||
+ | div.patrollink { text-align: right;} | ||
+ | span.unpatrolled { color:red;} | ||
+ | span.searchmatch { color:red;} | ||
+ | span.updatedmarker { | ||
+ | color:black; | ||
+ | background-color:#00FF00; | ||
} | } | ||
− | + | span.newpageletter { | |
− | + | font-weight:bold; | |
− | + | color:black; | |
− | + | background-color:yellow; | |
} | } | ||
− | + | span.minoreditletter { | |
− | + | color:black; | |
− | + | background-color:#C5FFE6; | |
} | } | ||
− | |||
− | + | table.gallery { | |
− | + | border: 1px solid #cccccc; | |
− | + | background-color:#ffffff; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | table.gallery tr { | |
− | + | vertical-align:top; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | table.gallery td { | |
− | + | vertical-align:top; | |
− | + | background-color:#f9f9f9; | |
− | + | border: solid 2px white; | |
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | + | ||
− | + | div.gallerybox div.thumb { | |
− | + | border: 1px solid #cccccc; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | */ | ||
− | |||
− | |||
− | |||
− | + | /* General font families for common tags */ | |
− | + | font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif } | |
− | } |
Version vom 2. Oktober 2005, 20:06 Uhr
/* main part of the site*/
body {
background: #6977A1;
}
div#content{
background-color: #291852; border: 1px #C8CAD6 solid; color:white;
}
/* general styles */
table {
font-size: 100%;
background: #6977A1;
border: 1px #C8CAD6 solid;
cellspacing: 0;
border-collapse: collapse;
margin: 1em 1em 1em 0;
cellpadding:1em;
}
a {
text-decoration: none;
color : #9999FF;
background: none;
}
a:visited { color : #9999FF; }
a:active { color : #DD6900; }
a:hover { text-decoration: underline; }
a.stub { color: #772233; }
a.new,
#p-personal a.new { color:red; }
a.new:visited,
#p-personal a.new:visited { color:red; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
h1, h2, h3, h4, h5, h6 {
color: white;
background: none;
border-bottom: 1px solid #aaaaaa;
}
h3, h4, h5, h6 {
border-bottom: none;
font-weight: bold;
}
abbr, acronym, .explain {
border-bottom: 1px dotted white;
color: white;
background: none;
cursor: help;
}
code { background-color: #f9f9f9; }
pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: Black;
background-color: #f9f9f9;
line-height: 1.1em;
}
/* the main content area */
/* --------------------- */
#contentSub {
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: #7d7d7d;
}
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: Black;
font-weight: bold;
}
/*category links */
#catlinks {
border: 1px #C8CAD6 solid;
background-color: #6977A1;
clear: both;
}
.documentByLine {
color: #76797c;
}
/* table of contents */
#toc {
border: 1px #C8CAD6 solid;
background-color: #6977A1;
}
/* TODO: Assign new style
div.thumb div {
border:1px solid #cccccc;
background-color:#f9f9f9;
}*/
/* User styles */
/* ----------- */
.toccolours {
border: 1px #C8CAD6 solid;
background-color: #6977A1;
}
/* TODO: Assign new style
div.townBox {
background:White;
}
div.townBox dl dd {
background-color: #f3f3f3;
}
*/
/* edit views etc */
/* -------------- */
/* TODO: Assign new style
.autocomment { color: gray; }
#pagehistory li { border: 1px solid White; }
#pagehistory li.selected {
background-color:#f9f9f9;
border:1px dashed #aaaaaa;
}
*/
/* Diff rendering */
/* -------------- */
/* TODO: Assign new style
table.diff { background:white; }
td.diff-otitle { background:#ffffff; }
td.diff-ntitle { background:#ffffff; }
td.diff-addedline {
background:#ccffcc;
font-size: smaller;
}
td.diff-deletedline {
background:#ffffaa;
font-size: smaller;
}
td.diff-context {
background:#eeeeee;
font-size: smaller;
}
span.diffchange { color: red; font-weight: bold; }
*/
/* disable interwiki styling */
/* TODO: Assign new style
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #3366bb;
background: none;
padding: 0;
}
#bodyContent a.external { color: #3366bb; }
*/
/* general portlet styles (elements in the quickbar) */
/* ------------------------------------------------- */
/* TODO: Assign new style
.portlet h6 {
background: #ffae2e;
}
*/
/*navigation and things like this*/
.pBody {
background: #291852; border: 1px #C8CAD6 solid;
margin: 0.4em;
}
/* this is the ul contained in the portlet */
/* TODO: Assing new Style:
#p-personal ul {
color: #2f6fab;
}
#p-personal li {
color: #2f6fab;
}
*/
#p-personal li a {
text-decoration: none;
color: White;
}
#p-personal li a:hover {
background: none;
text-decoration: none;
color:#DD6900;
}
#p-cactions li {
border: 1px solid #aaaaaa;
background: White;
}
#p-cactions li.selected {
border-color: #fabd23;
}
#p-cactions li a {
background-color: #291852;
color: white;
text-decoration: none;
}
#p-cactions .new a { color:red; }
#291852
/* footer */
/* ------ */
#footer {
background-color: White;
border-top: 1px solid #fabd23;
border-bottom: 1px solid #fabd23;
}
/* js pref toc */
/* ----------- */
/* TODO: Assing to new style:
#preftoc {
float: left;
margin: 1em 1em 1em 1em;
width: 13em;
}
#preftoc li { border: 1px solid White; }
#preftoc li.selected {
background-color:#f9f9f9;
border:1px dashed #aaaaaa;
}
#preftoc a,
#preftoc a:active {
display: block;
color: #0014a6;
}*/
/* TODO: Assing to new style:
.not_patrolled { background-color: #ffa;}
div.patrollink { text-align: right;}
span.unpatrolled { color:red;}
span.searchmatch { color:red;}
span.updatedmarker {
color:black;
background-color:#00FF00;
}
span.newpageletter {
font-weight:bold;
color:black;
background-color:yellow;
}
span.minoreditletter {
color:black;
background-color:#C5FFE6;
}
table.gallery {
border: 1px solid #cccccc;
background-color:#ffffff;
}
table.gallery tr {
vertical-align:top;
}
table.gallery td {
vertical-align:top;
background-color:#f9f9f9;
border: solid 2px white;
}
div.gallerybox div.thumb {
border: 1px solid #cccccc;
}
*/
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }