187 lines
2.5 KiB
CSS
187 lines
2.5 KiB
CSS
/**
|
|
*
|
|
*/
|
|
|
|
body {
|
|
font-family: Verdana, Helvetica, sans-serif;
|
|
font-size: 10pt;
|
|
color: #444444;
|
|
}
|
|
|
|
.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.pagearea {
|
|
text-align: center;
|
|
}
|
|
|
|
.contentwidth {
|
|
width: 870px;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
#header {
|
|
}
|
|
|
|
#caption {
|
|
background-color: #b7caf8;
|
|
}
|
|
|
|
#main {
|
|
}
|
|
|
|
#features {
|
|
}
|
|
|
|
#options {
|
|
}
|
|
|
|
#featureinfo {
|
|
}
|
|
|
|
.contentblock {
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
|
|
#header .contentblock {
|
|
height: 50px;
|
|
text-align: right;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
#caption .contentblock {
|
|
height: 240px;
|
|
background-image: url(caption_bluesky.jpg);
|
|
text-align: right;
|
|
}
|
|
|
|
#caption .contentblock a {
|
|
font-size: 32pt;
|
|
color: #ffffff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#main .contentblock {
|
|
margin-top: 10px;
|
|
background-color: #f4f4f4;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.formrow {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
input.biginput {
|
|
font-size: 24pt;
|
|
}
|
|
input.mediuminput {
|
|
font-size: 16pt;
|
|
color: #888888;
|
|
}
|
|
button.bigbutton {
|
|
font-size: 24pt;
|
|
}
|
|
|
|
.errormsg {
|
|
padding: 8px;
|
|
font-size: 16pt;
|
|
color: #ff4c4c;
|
|
}
|
|
|
|
.result {
|
|
border: 1px solid #888888;
|
|
padding: 8px;
|
|
margin-bottom: 16px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.result strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.result .longurl {
|
|
font-family: 'Courier New', Courier, monospace;
|
|
font-size: 12pt;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.result .shorturl {
|
|
font-family: 'Courier New', Courier, monospace;
|
|
font-size: 16pt;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
#features .contentblock {
|
|
background-color: #f4f4f4;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#features .contentblock ul {
|
|
margin-left: 15px;
|
|
}
|
|
#features .contentblock li {
|
|
list-style-type: disc;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#options .contentblock {
|
|
margin-top: 10px;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
#featureinfo .contentblock {
|
|
margin-top: 10px;
|
|
background-color: #e1e7e7;
|
|
}
|
|
|
|
#featureinfo .contentblock ul {
|
|
margin-left: 15px;
|
|
}
|
|
#featureinfo .contentblock li {
|
|
list-style-type: disc;
|
|
margin-left: 5px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
#featureinfo .contentblock code {
|
|
font-family: 'Courier New', Courier, monospace;
|
|
}
|
|
|
|
#navigation {
|
|
}
|
|
#navigation .contentblock {
|
|
margin-top: 10px;
|
|
background-color: #f4f4f4;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
#navigation .contentblock .navlink {
|
|
padding: 10px;
|
|
}
|
|
#navigation .contentblock .hl {
|
|
background-color: #e1e7e7;
|
|
}
|
|
|
|
#main .contentblock td,
|
|
#main .contentblock th {
|
|
border: 1px solid #888888;
|
|
padding: 5px;
|
|
}
|
|
|
|
#main .contentblock table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#main .contentblock .captioned {
|
|
letter-spacing: 0.15em;
|
|
font-style: italic;
|
|
font-size: 1.2em;
|
|
margin-top: 20px;
|
|
margin-bottom: 12px;
|
|
} |