source code of /read/style.css

Last modified	2016-07-05
Lines	98

Parent directory Download CGIread sitemap Main page

Quick links: (none)

```
/* File viewer */
```
```
#content #description > *
```
```
{
```
```
    font-size: 120%;
```
```
    font-family: serif;
```
```
}
```
```
p.read-nav > a
```
```
{
```
```
    margin-right: 1em;
```
```
}
```
```
a.quick
```
```
{
```
```
    margin-left: 1.5em;
```
```
}
```
```
ol li
```
```
{
```
```
    line-height: 1;
```
```
}
```
```
ol li pre
```
```
{
```
```
    display: inline;
```
```
    font-family: monospace;
```
```
    word-wrap: break-word;
```
```
    white-space: pre-wrap;
```
```
    color: #000;
```
```
    background-color: #dde;
```
```
}
```
```
/* Directory listings */
```

/* Make it readable with alternating background color. */

```
table#ls
```
```
{
```
```
    color: #000;
```
```
    background-color: #fff;
```
```
}
```
```
table#ls tr:nth-child(even)
```
```
{
```
```
    background-color: #edf;
```
```
}
```

/* Don't forget to set the link colors. */

```
table#ls a
```
```
{
```
```
    color: #22f;
```
```
    text-decoration: underline;
```
```
}
```
```
table#ls a:visited
```
```
{
```
```
    color: #518;
```
```
}
```

@media only screen and (min-width: 800px)

```
{
```
```
    .mobile
```
```
    {
```
```
        display: none;
```
```
    }
```
```
}
```

@media only screen and (max-width: 799px)

```
{
```
```
    .desktop
```
```
    {
```
```
        display: none;
```
```
    }
```
```
}
```

/* .yeah and .thenumberofthebeast do not override the font-size set in

.mobile or .desktop, but multiply it. */

```
td.mobile, td.desktop
```
```
{
```
```
    /* Target = 80% */
```
```
    font-size: 80%;
```
```
}
```
```
.yeah
```
```
{
```
```
    /* Target = 100%, needed 5/4 */
```
```
    font-size: 125%;
```
```
}
```
```
.thenumberofthebeast
```
```
{
```
```
    /* Target = 120%; needed 6/4 */
```
```
    font-size: 150%;
```
```
}
```
```
/* Index page */
```
```
form
```
```
{
```
```
    border: 1px dotted;
```
```
    padding: 1em;
```
```
    margin: .5em;
```
```
}
```