1
0
mirror of https://github.com/php/web-php.git synced 2026-04-01 20:22:20 +02:00
Files
archived-web-php/style.css
Gabor Hojtsy 8fe303bc05 Use divs to present the TOC items on manual
pages on the left side of the window

Add images according to php.net rules to these
two styles (toca, toci) depending on what mirror
they are used on

Also rewrite the TOC generator code a bit, so it
identifies items properly when their title and titleabbrev
differ [was a bug on many pages]

Also wrap too long function names, so we have the
same amount of content and nav area on pages with
long function names in the TOC [eg. xml functions]

The new div based approach means that we have *much*
less HTML to output, and the layout of the menu is better
than before, as the box images are aligned to the text.
Tested with Mozilla and Konqueror. Apart from pages with
long function names in the TOC, this should look very similar
to the display of the TOC before
2003-06-14 18:28:56 +00:00

255 lines
4.0 KiB
CSS

/* Let no border around the body appear, and set
it to display on a white background */
body, html {
margin: 0px;
padding: 0px;
background-color: white;
}
/* Quicksearch table cell on top of every page. */
td.quicksearch {
color: white;
}
/* Horizontal delimiter defaults */
hr {
border: 0px;
color: black;
background-color: black;
height: 1px;
}
/* Event month header on homepage */
h4.eventmonth {
border-style: solid;
border-color: black;
border-width: 0px 1px 1px 0px;
background-color: lightgray;
padding: 2px;
}
/* Inactive and active TOC elements in the left
sidebar of the manual pages - this is further
enhanced with an image in /userprefs.js */
div.toci, div.toca {
padding: 0 0 0 11px;
margin: 1px 0 0 3px;
background-repeat: no-repeat;
background-position: center left;
}
div.toca a {
font-weight: bold;
}
div.toca a, div.toci a {
text-decoration: none;
font-size: 75%;
}
div.toca a:hover, div.toci a:hover {
text-decoration: underline;
}
body, ul, td, th {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 85%;
}
p {
font-family: verdana,arial,helvetica,sans-serif;
}
li {
padding-top: 3px;
padding-bottom: 3px;
}
em {
font-weight: bold;
font-style: italic;
}
acronym {
border-bottom: 1px dashed #00cc00;
cursor: help;
}
.error {
color: #cc0000;
}
.newsDate {
font-size: 75%;
font-style: italic;
color: #6666cc;
}
.sidebar {
font-size: 80%;
padding: 5px;
}
.sidebar p {
text-align: left !important;
}
code, pre, tt {
font-family: Courier, "Courier New", monospace;
}
h1 {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 130%;
font-weight: bold;
color: #000066;
}
h2 {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 125%;
font-weight: bold;
color: #000066;
}
h3 {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 110%;
font-weight: bold;
color: #000066;
}
h4 {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 100%;
font-weight: bold;
color: #000066;
}
small {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 75%;
}
a.small {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 75%;
text-decoration: none;
}
.tableTitle {
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
}
.tableExtras {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 85%;
color: #FFFFFF;
}
input {
font-family: verdana,arial,helvetica,sans-serif;
}
textarea {
font-family: verdana,arial,helvetica,sans-serif;
}
input.small, select.small {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 75%;
}
textarea.small {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 75%;
}
p.formerror {
border: 1px solid #ff0000;
color: #000000;
background: #ffeeee;
padding: 2px 4px;
}
div.errors {
border: 1px dashed #666600;
color: #660000;
background: #ffeeee;
margin: 4px;
padding: 6px;
}
div.tip {
border: 1px solid #00c;
color: #000066;
background: #eeeeff;
padding: 0px 8px;
}
table#cal {
font-size: smaller;
}
table#cal a {
text-decoration: none;
}
table#cal a:hover {
text-decoration: underline;
}
table#cal a.day {
float: right;
font-weight: bold;
color: #666666;
}
table#cal div.event {
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px dashed #000000;
}
form.thin {
margin-bottom: 0px;
margin-top: 0px;
}
.parameter:after {
content: " ";
}
div.mirror {
border: 1px dashed #660000;
background: #ffeeee;
color: #660000;
margin: 4px;
padding: 6px;
}
img.flag {
border: 1px solid #000000;
}
.md5sum {
color: #6666cc;
}
/* Used on the credits page [.e, .h, .v and .vr] */
.e {
background-color: #ccccff;
font-weight: bold;
}
.h {
background-color: #9999cc;
font-weight: bold;
}
.v {
background-color: #cccccc;
}
.vr {
background-color: #cccccc;
text-align: right;
}