:root {
--aqua-blue-light: #e8f3ff;
--aqua-blue-mid: #b8d8ff;
--aqua-blue-dark: #6fa8ff;
--aqua-border: #7aa7d9;
--aqua-shadow: rgba(0, 0, 0, 0.25);
--aqua-highlight: rgba(255, 255, 255, 0.85);
--text-main: #000;
--link-color: #003399;
}
body {
background: linear-gradient(#dcecff, #b5d3ff);
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
font-size: 10pt;
color: var(--text-main);
overflow-x: hidden;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.topnav {
background: linear-gradient(#f5faff, #c9e0ff);
border-bottom: 1px solid var(--aqua-border);
box-shadow: inset 0 1px 0 var(--aqua-highlight);
}
#sidebar {
background: linear-gradient(#f2f7ff, #c8dcff);
border-right: 1px solid var(--aqua-border);
padding: 6px;
box-shadow: inset -1px 0 0 var(--aqua-highlight);
}
.postblock {
background: linear-gradient(#9ec7ff, #5f97e6);
color: #fff;
font-weight: bold;
border: 1px solid #4c78b8;
border-radius: 6px;
box-shadow:
inset 0 1px 0 var(--aqua-highlight),
0 1px 2px var(--aqua-shadow);
}
.post {
background: linear-gradient(#ffffff, #e7f1ff);
border: 1px solid var(--aqua-border);
padding: 8px 10px;
margin: 10px 0;
border-radius: 8px;
box-shadow:
inset 0 1px 0 var(--aqua-highlight),
0 2px 4px var(--aqua-shadow);
}
.post:target {
outline: 2px solid #5f97e6;
background: linear-gradient(#f0f7ff, #d6e9ff);
}
.postername {
color: #003399;
font-weight: bold;
}
.op-tag {
color: #003399;
font-weight: bold;
}
input[type="submit"],
button {
background: linear-gradient(#a7ceff, #4d8fe6);
color: #fff;
border: 1px solid #3a6fb5;
border-radius: 12px;
padding: 2px 10px;
font-size: 9pt;
box-shadow:
inset 0 1px 0 var(--aqua-highlight),
0 1px 2px var(--aqua-shadow);
}
input[type="submit"]:hover,
button:hover {
background: linear-gradient(#bcdcff, #5f9eff);
}