+body {
+ background-size: 4pt 4pt;
+ background-image: /* #6AF #6FF */
+ linear-gradient( 0deg, transparent 25%, rgba(128,128,128,.5) 25% 50%, transparent 50% 75%, rgba(192,192,192,.5) 75%),
+ linear-gradient(90deg, transparent 25%, rgba(128,128,128,.5) 25% 50%, transparent 50% 75%, rgba(192,192,192,.5) 75%);
+}
+
+header {
+ background-color: rgba(0,0,0,.75);
+ padding: .25em;
+ border-bottom: 1pt solid;
+ box-shadow: #000 0 .25em .5em;
+ text-align: center;
+}
+header > * {
+ display: inline-block;
+}
+
+header #user_login {
+ float: right;
+ margin: .125em .5em;
+}
+header #user_login > p {
+ display: inline-block;
+ color: #EEE;
+ font-size: .875em; line-height: 1.125em;
+ max-width: 12em;
+}
+
+main {
+ background-color: rgba(255,255,255,.75);
+ margin: 1em; padding: 1em;
+ box-shadow: #000 .125em .125em 1em;
+}
+
+body.channel main h1.name {
+ text-align: center;
+}
+body.channel main .description {
+ max-width: 40em;
+ margin: auto;
+}
+
+body.channels main .channel {
+ border: 1pt solid;
+ border-radius: 4pt;
+ padding: .5em;
+ margin-bottom: .5em;
+}
+
+body.channels main .channel > h2,
+body.channels main .channel > .description {
+ margin: 0;
+ width: 140pt;
+ background-color: #FFF;
+}