summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/assets/css/bucky.css688
1 files changed, 500 insertions, 188 deletions
diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index d06988f..60c1e9a 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -2,7 +2,7 @@
box-sizing: border-box;
}
html {
- padding-bottom: 300px;
+ padding-bottom: 300px;
min-width: 100%;
min-height: 100%;
margin: 0;
@@ -14,12 +14,12 @@ body {
min-height: 100%;
background-color: #e6f0f0;
transition: background-color 100ms;
- color: #111111;
- font-size: 10px;
- font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
+ color: #111111;
+ font-size: 10px;
+ font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
margin: 0;
- padding: 20px 30px 30px 30px;
- transition: opacity 100ms;
+ padding: 20px 30px 30px 30px;
+ transition: opacity 100ms;
}
body.loading {
opacity: 0;
@@ -29,7 +29,7 @@ body.black {
color: #eee;
}
small {
- font-size: 10px;
+ font-size: 10px;
}
label {
display: inline-block;
@@ -37,20 +37,21 @@ label {
text-align: right;
padding-right: 5px;
}
-button, input[type=submit] {
- font-size: 10px;
- font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
- font-weight: bold;
- color: #140A0A;
- border: 2px #140A0A solid;
- padding: 2px;
- margin: 3px;
- background-color: #c8d0dc;
- text-transform: uppercase;
- cursor: pointer;
+button,
+input[type="submit"] {
+ font-size: 10px;
+ font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ color: #140a0a;
+ border: 2px #140a0a solid;
+ padding: 2px;
+ margin: 3px;
+ background-color: #c8d0dc;
+ text-transform: uppercase;
+ cursor: pointer;
}
.desktop button:hover,
-.desktop input[type=submit] {
+.desktop input[type="submit"] {
color: #040a0a;
background-color: #d8ece0;
}
@@ -70,14 +71,14 @@ h1 {
display: none;
}
.bluebox {
- background-color: #d8e0ec;
- color: #000000;
- text-align: center;
- border: 1px solid #321;
- padding: 3px;
- margin: 0 0 5px 0;
+ background-color: #d8e0ec;
+ color: #000000;
+ text-align: center;
+ border: 1px solid #321;
+ padding: 3px;
+ margin: 0 0 5px 0;
}
-.bluebox input[type=text] {
+.bluebox input[type="text"] {
border: 1px solid #000;
font-size: 12px;
position: relative;
@@ -91,52 +92,74 @@ h1 {
margin-bottom: 4px;
}
.bluebox.alert {
- display: none;
- background-color: #ff6666;
+ display: none;
+ background-color: #ff6666;
}
.bluebox.alert a {
- font-family: georgia, garamond, serif;
- font-weight: bold;
- color: #000;
- display: block;
- padding: 10px;
- font-size: 12px;
+ font-family: georgia, garamond, serif;
+ font-weight: bold;
+ color: #000;
+ display: block;
+ padding: 10px;
+ font-size: 12px;
}
.desktop .bluebox.alert a:hover {
- color: #000;
+ color: #000;
}
.bluebox.countdown {
border-width: 2px;
}
a.headline:link,
-a.headline:visited { color: #111; text-decoration: none; }
-a.headline h1 { text-decoration: none; }
-.desktop a.headline:hover { color: #654; text-decoration: none; }
-a:link { color: #2050ca; text-decoration: underline; }
-a:visited { color: #1030aa; text-decoration: none; }
-a:active { color: #a0a0c7; text-decoration: underline; }
-.desktop a:hover { color: #2040f0; text-decoration: underline; }
+a.headline:visited {
+ color: #111;
+ text-decoration: none;
+}
+a.headline h1 {
+ text-decoration: none;
+}
+.desktop a.headline:hover {
+ color: #654;
+ text-decoration: none;
+}
+a:link {
+ color: #2050ca;
+ text-decoration: underline;
+}
+a:visited {
+ color: #1030aa;
+ text-decoration: none;
+}
+a:active {
+ color: #a0a0c7;
+ text-decoration: underline;
+}
+.desktop a:hover {
+ color: #2040f0;
+ text-decoration: underline;
+}
hr {
border-color: #000;
opacity: 0.6;
height: 2px;
}
-input[type=text],
-input[type=password] {
- font-family: 'Trebuchet MS', sans-serif;
+input[type="text"],
+input[type="password"] {
+ font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
border: 1px solid #888;
padding: 3px;
}
-input[type=file] {
+input[type="file"] {
cursor: pointer;
}
#menu {
margin: 7px 0 14px;
}
-table, tr {
- margin: 0; padding: 0;
+table,
+tr {
+ margin: 0;
+ padding: 0;
border-spacing: 0;
}
@@ -146,7 +169,8 @@ table, tr {
padding: 5px 5px;
}
-#sidebar, #content {
+#sidebar,
+#content {
float: left;
}
#sidebar {
@@ -170,7 +194,7 @@ table, tr {
text-align: left;
padding: 3px 2px 3px 4px;
}
-#searchbox input[type=text] {
+#searchbox input[type="text"] {
width: 225px;
margin-left: 3px;
}
@@ -182,7 +206,7 @@ table, tr {
#hootbox form {
padding: 4px;
}
-#hootbox input[type=text] {
+#hootbox input[type="text"] {
width: calc(100% - 57px);
margin-left: 3px;
}
@@ -192,7 +216,8 @@ table, tr {
#hoots {
width: 100%;
}
-#hoots, #hoots tr {
+#hoots,
+#hoots tr {
margin: 0;
padding: 0;
border-spacing: 0;
@@ -202,7 +227,7 @@ table, tr {
padding: 0;
border-top: 1px solid #321;
}
-#hoots td:nth-child(1){
+#hoots td:nth-child(1) {
border-right: 1px solid #321;
width: 40px;
height: 40px;
@@ -224,8 +249,12 @@ table, tr {
#hoots img {
max-width: 100%;
}
-#hoots tr:nth-child(odd) td:nth-child(2) { background-color: #f3f1f2; }
-#hoots tr:nth-child(even) td:nth-child(2) { background-color: #e3e8e3; }
+#hoots tr:nth-child(odd) td:nth-child(2) {
+ background-color: #f3f1f2;
+}
+#hoots tr:nth-child(even) td:nth-child(2) {
+ background-color: #e3e8e3;
+}
#threads .keyword td {
vertical-align: top;
@@ -300,83 +329,279 @@ table, tr {
text-align: center;
}
-tr:nth-child(odd).file td { background-color: #e6f0f0; }
-.desktop tr:nth-child(odd).file:hover td { background-color: #d8e0ec; color: #000000; }
-tr:nth-child(even).file td { background-color: #e0e8e8; }
-.desktop tr:nth-child(even).file:hover td { background-color: #d8e0ec; color: #000000; }
-
-tr:nth-child(odd).file.checked td { background-color: #c6d0d0; }
-.desktop tr:nth-child(odd).file.checked:hover td { background-color: #c8d0dc; color: #000000; }
-tr:nth-child(even).file.checked td { background-color: #c0c8c8; }
-.desktop tr:nth-child(even).file.checked:hover td { background-color: #b8c0cc; color: #000000; }
+tr:nth-child(odd).file td {
+ background-color: #e6f0f0;
+}
+.desktop tr:nth-child(odd).file:hover td {
+ background-color: #d8e0ec;
+ color: #000000;
+}
+tr:nth-child(even).file td {
+ background-color: #e0e8e8;
+}
+.desktop tr:nth-child(even).file:hover td {
+ background-color: #d8e0ec;
+ color: #000000;
+}
+tr:nth-child(odd).file.checked td {
+ background-color: #c6d0d0;
+}
+.desktop tr:nth-child(odd).file.checked:hover td {
+ background-color: #c8d0dc;
+ color: #000000;
+}
+tr:nth-child(even).file.checked td {
+ background-color: #c0c8c8;
+}
+.desktop tr:nth-child(even).file.checked:hover td {
+ background-color: #b8c0cc;
+ color: #000000;
+}
-tr:nth-child(odd) td.row { background-color: #e6f0f0; }
-.desktop tr:nth-child(odd) td.row:hover { background-color: #d8e0ec; color: #000000; }
-tr:nth-child(even) td.row { background-color: #e0e8e8; }
-.desktop tr:nth-child(even) td.row:hover { background-color: #d8e0ec; color: #000000; }
+tr:nth-child(odd) td.row {
+ background-color: #e6f0f0;
+}
+.desktop tr:nth-child(odd) td.row:hover {
+ background-color: #d8e0ec;
+ color: #000000;
+}
+tr:nth-child(even) td.row {
+ background-color: #e0e8e8;
+}
+.desktop tr:nth-child(even) td.row:hover {
+ background-color: #d8e0ec;
+ color: #000000;
+}
-tr:nth-child(odd) td.plain{ background-color: #d0dBe8; border-bottom: 1px solid #d3d3d0; }
-.desktop tr:nth-child(odd) td.plain:hover { background-color: #d7e4f0; color: #000000; border-bottom-color: #d3d3d0; }
-tr:nth-child(even) td.plain { background-color: #edf8f6; border-bottom-color: #d3d3d0; }
-.desktop tr:nth-child(even) td.plain:hover { background-color: #f3fafa; color: #000000; border-bottom-color: #ded2dd; }
+tr:nth-child(odd) td.plain {
+ background-color: #d0dbe8;
+ border-bottom: 1px solid #d3d3d0;
+}
+.desktop tr:nth-child(odd) td.plain:hover {
+ background-color: #d7e4f0;
+ color: #000000;
+ border-bottom-color: #d3d3d0;
+}
+tr:nth-child(even) td.plain {
+ background-color: #edf8f6;
+ border-bottom-color: #d3d3d0;
+}
+.desktop tr:nth-child(even) td.plain:hover {
+ background-color: #f3fafa;
+ color: #000000;
+ border-bottom-color: #ded2dd;
+}
-tr:nth-child(odd) td.ivory{ background-color: #e0e0d8; border-bottom-color: #d3d3d0; }
-.desktop tr:nth-child(odd) td.ivory:hover { background-color: #f8f0e9; color: #000000; border-bottom-color: #d3d3d0; }
-tr:nth-child(even) td.ivory { background-color: #f0f0ea; border-bottom-color: #d3d3d0; }
-.desktop tr:nth-child(even) td.ivory:hover { background-color: #f8f0e9; color: #000000; border-bottom-color: #d3d3d0; }
+tr:nth-child(odd) td.ivory {
+ background-color: #e0e0d8;
+ border-bottom-color: #d3d3d0;
+}
+.desktop tr:nth-child(odd) td.ivory:hover {
+ background-color: #f8f0e9;
+ color: #000000;
+ border-bottom-color: #d3d3d0;
+}
+tr:nth-child(even) td.ivory {
+ background-color: #f0f0ea;
+ border-bottom-color: #d3d3d0;
+}
+.desktop tr:nth-child(even) td.ivory:hover {
+ background-color: #f8f0e9;
+ color: #000000;
+ border-bottom-color: #d3d3d0;
+}
-tr:nth-child(odd) td.tan { background-color: #e1e1bf; border-bottom-color: #ced2cd; }
-.desktop tr:nth-child(odd) td.tan:hover { background-color: #f7f6ed; color: #000000; border-bottom-color: #ced2cd; }
-tr:nth-child(even) td.tan { background-color: #f0eddf; border-bottom-color: #ced2cd; }
-.desktop tr:nth-child(even) td.tan:hover { background-color: #f7f6ed; color: #000000; border-bottom-color: #ced2cd; }
+tr:nth-child(odd) td.tan {
+ background-color: #e1e1bf;
+ border-bottom-color: #ced2cd;
+}
+.desktop tr:nth-child(odd) td.tan:hover {
+ background-color: #f7f6ed;
+ color: #000000;
+ border-bottom-color: #ced2cd;
+}
+tr:nth-child(even) td.tan {
+ background-color: #f0eddf;
+ border-bottom-color: #ced2cd;
+}
+.desktop tr:nth-child(even) td.tan:hover {
+ background-color: #f7f6ed;
+ color: #000000;
+ border-bottom-color: #ced2cd;
+}
-tr:nth-child(odd) td.red { background-color: #fcc7c2; border-bottom-color: #E8B1AC; }
-.desktop tr:nth-child(odd) td.red:hover { background-color: #FFACB2; color: #000000; border-bottom-color: #E8B1AC; }
-tr:nth-child(even) td.red { background-color: #fde1df; border-bottom-color: #E8B1AC; }
-.desktop tr:nth-child(even) td.red:hover { background-color: #FFACB2; color: #000000; border-bottom-color: #E8B1AC; }
+tr:nth-child(odd) td.red {
+ background-color: #fcc7c2;
+ border-bottom-color: #e8b1ac;
+}
+.desktop tr:nth-child(odd) td.red:hover {
+ background-color: #ffacb2;
+ color: #000000;
+ border-bottom-color: #e8b1ac;
+}
+tr:nth-child(even) td.red {
+ background-color: #fde1df;
+ border-bottom-color: #e8b1ac;
+}
+.desktop tr:nth-child(even) td.red:hover {
+ background-color: #ffacb2;
+ color: #000000;
+ border-bottom-color: #e8b1ac;
+}
-tr:nth-child(odd) td.orange { background-color: #F8E0C6; border-bottom-color: #F5D1AA; }
-.desktop tr:nth-child(odd) td.orange:hover{ background-color: #FFD799; color: #000000; border-bottom-color: #F5D1AA; }
-tr:nth-child(even) td.orange { background-color: #FBEEE1; border-bottom-color: #F5D1AA; }
-.desktop tr:nth-child(even) td.orange:hover{ background-color: #FFD799; color: #000000; border-bottom-color: #F5D1AA; }
+tr:nth-child(odd) td.orange {
+ background-color: #f8e0c6;
+ border-bottom-color: #f5d1aa;
+}
+.desktop tr:nth-child(odd) td.orange:hover {
+ background-color: #ffd799;
+ color: #000000;
+ border-bottom-color: #f5d1aa;
+}
+tr:nth-child(even) td.orange {
+ background-color: #fbeee1;
+ border-bottom-color: #f5d1aa;
+}
+.desktop tr:nth-child(even) td.orange:hover {
+ background-color: #ffd799;
+ color: #000000;
+ border-bottom-color: #f5d1aa;
+}
-tr:nth-child(odd) td.yellow { background-color: #FAFDC2; border-bottom-color: #CED3D2; }
-.desktop tr:nth-child(odd) td.yellow:hover{ background-color: #FFF7A8; color: #000000; border-bottom-color: #CED3D2; }
-tr:nth-child(even) td.yellow { background-color: #FDFEDF; border-bottom-color: #CED3D2; }
-.desktop tr:nth-child(even) td.yellow:hover{ background-color: #FFF7A8; color: #000000; border-bottom-color: #CED3D2; }
+tr:nth-child(odd) td.yellow {
+ background-color: #fafdc2;
+ border-bottom-color: #ced3d2;
+}
+.desktop tr:nth-child(odd) td.yellow:hover {
+ background-color: #fff7a8;
+ color: #000000;
+ border-bottom-color: #ced3d2;
+}
+tr:nth-child(even) td.yellow {
+ background-color: #fdfedf;
+ border-bottom-color: #ced3d2;
+}
+.desktop tr:nth-child(even) td.yellow:hover {
+ background-color: #fff7a8;
+ color: #000000;
+ border-bottom-color: #ced3d2;
+}
-tr:nth-child(odd) td.green { background-color: #E6FFCC; border-bottom-color: #AFD8AB; }
-.desktop tr:nth-child(odd) td.green:hover { background-color: #d8F4b4; color: #000000; border-bottom-color: #AFD8AB; }
-tr:nth-child(even) td.green { background-color: #F0FFE2; border-bottom-color: #AFD8AB; }
-.desktop tr:nth-child(even) td.green:hover { background-color: #d4eeb0; color: #000000; border-bottom-color: #AFD8AB; }
+tr:nth-child(odd) td.green {
+ background-color: #e6ffcc;
+ border-bottom-color: #afd8ab;
+}
+.desktop tr:nth-child(odd) td.green:hover {
+ background-color: #d8f4b4;
+ color: #000000;
+ border-bottom-color: #afd8ab;
+}
+tr:nth-child(even) td.green {
+ background-color: #f0ffe2;
+ border-bottom-color: #afd8ab;
+}
+.desktop tr:nth-child(even) td.green:hover {
+ background-color: #d4eeb0;
+ color: #000000;
+ border-bottom-color: #afd8ab;
+}
-tr:nth-child(odd) td.blue { background-color: #ddE2FF; border-bottom-color: #c9c9F5; }
-.desktop tr:nth-child(odd) td.blue:hover { background-color: #cac8fe; color: #000000; border-bottom-color: #c9c9F5; }
-tr:nth-child(even) td.blue { background-color: #ebefff; border-bottom-color: #c9c9F5; }
-.desktop tr:nth-child(even) td.blue:hover { background-color: #cac8fe; color: #000000; border-bottom-color: #c9c9F5; }
+tr:nth-child(odd) td.blue {
+ background-color: #dde2ff;
+ border-bottom-color: #c9c9f5;
+}
+.desktop tr:nth-child(odd) td.blue:hover {
+ background-color: #cac8fe;
+ color: #000000;
+ border-bottom-color: #c9c9f5;
+}
+tr:nth-child(even) td.blue {
+ background-color: #ebefff;
+ border-bottom-color: #c9c9f5;
+}
+.desktop tr:nth-child(even) td.blue:hover {
+ background-color: #cac8fe;
+ color: #000000;
+ border-bottom-color: #c9c9f5;
+}
-tr:nth-child(odd) td.purple { background-color: #E0CBF4; border-bottom-color: #D6A9EA; }
-.desktop tr:nth-child(odd) td.purple:hover{ background-color: #DDB1FF; color: #000000; border-bottom-color: #D6A9EA; }
-tr:nth-child(even) td.purple { background-color: #EFE4F9; border-bottom-color: #D6A9EA; }
-.desktop tr:nth-child(even) td.purple:hover{ background-color: #DDB1FF; color: #000000; border-bottom-color: #D6A9EA; }
+tr:nth-child(odd) td.purple {
+ background-color: #e0cbf4;
+ border-bottom-color: #d6a9ea;
+}
+.desktop tr:nth-child(odd) td.purple:hover {
+ background-color: #ddb1ff;
+ color: #000000;
+ border-bottom-color: #d6a9ea;
+}
+tr:nth-child(even) td.purple {
+ background-color: #efe4f9;
+ border-bottom-color: #d6a9ea;
+}
+.desktop tr:nth-child(even) td.purple:hover {
+ background-color: #ddb1ff;
+ color: #000000;
+ border-bottom-color: #d6a9ea;
+}
-tr:nth-child(odd) td.pink { background-color: #F1CDE4; border-bottom-color: #E8ABD2; }
-.desktop tr:nth-child(odd) td.pink:hover { background-color: #FFAECD; color: #000000; border-bottom-color: #E8ABD2; }
-tr:nth-child(even) td.pink { background-color: #F8E5F1; border-bottom-color: #E8ABD2; }
-.desktop tr:nth-child(even) td.pink:hover { background-color: #FFAECD; color: #000000; border-bottom-color: #E8ABD2; }
+tr:nth-child(odd) td.pink {
+ background-color: #f1cde4;
+ border-bottom-color: #e8abd2;
+}
+.desktop tr:nth-child(odd) td.pink:hover {
+ background-color: #ffaecd;
+ color: #000000;
+ border-bottom-color: #e8abd2;
+}
+tr:nth-child(even) td.pink {
+ background-color: #f8e5f1;
+ border-bottom-color: #e8abd2;
+}
+.desktop tr:nth-child(even) td.pink:hover {
+ background-color: #ffaecd;
+ color: #000000;
+ border-bottom-color: #e8abd2;
+}
-tr:nth-child(odd) td.black { background-color: #ccc; border-bottom-color: #aaa; }
-.desktop tr:nth-child(odd) td.black:hover { background-color: #f8f8f8; color: #000000; border-bottom-color: #aaa; }
-tr:nth-child(even) td.black { background-color: #eee; border-bottom-color: #aaa; }
-.desktop tr:nth-child(even) td.black:hover { background-color: #f8f8f8; color: #000000; border-bottom-color: #aaa; }
+tr:nth-child(odd) td.black {
+ background-color: #ccc;
+ border-bottom-color: #aaa;
+}
+.desktop tr:nth-child(odd) td.black:hover {
+ background-color: #f8f8f8;
+ color: #000000;
+ border-bottom-color: #aaa;
+}
+tr:nth-child(even) td.black {
+ background-color: #eee;
+ border-bottom-color: #aaa;
+}
+.desktop tr:nth-child(even) td.black:hover {
+ background-color: #f8f8f8;
+ color: #000000;
+ border-bottom-color: #aaa;
+}
-.new { color: #000000; font-weight: bold; }
-.recent { color: #001111; }
-.med { color: #203838; }
-.old { color: #425050; }
-.older { color: #5D6464; }
-.quiet { color: #787878; }
+.new {
+ color: #000000;
+ font-weight: bold;
+}
+.recent {
+ color: #001111;
+}
+.med {
+ color: #203838;
+}
+.old {
+ color: #425050;
+}
+.older {
+ color: #5d6464;
+}
+.quiet {
+ color: #787878;
+}
#profile_rapper,
#details_rapper {
@@ -419,7 +644,7 @@ tr:nth-child(even) td.black { background-color: #eee; border-bottom-color:
vertical-align: top;
}
#comments .avatar {
- box-shadow: 0 1px 0.5px rgba(32,16,16,0.4);
+ box-shadow: 0 1px 0.5px rgba(32, 16, 16, 0.4);
width: 40px;
height: 40px;
background-size: cover;
@@ -482,13 +707,21 @@ tr:nth-child(even) td.black { background-color: #eee; border-bottom-color:
.comment .edit-links a {
color: #8f8ff8;
}
-.desktop .comment .edit-links:hover { opacity: 1.0; }
-.desktop .comment .edit-links a:hover { color: #11f; }
+.desktop .comment .edit-links:hover {
+ opacity: 1;
+}
+.desktop .comment .edit-links a:hover {
+ color: #11f;
+}
.comment img {
max-width: 100%;
}
-tr:nth-child(2n) td.comment { background-color: #f3f1f2; }
-tr:nth-child(2n+1) td.comment { background-color: #fcf8f8; }
+tr:nth-child(2n) td.comment {
+ background-color: #f3f1f2;
+}
+tr:nth-child(2n + 1) td.comment {
+ background-color: #fcf8f8;
+}
code,
pre {
@@ -508,7 +741,8 @@ code br,
pre br {
display: none;
}
-tt, kbd {
+tt,
+kbd {
max-width: 580px;
display: inline-block;
font-family: Menlo, monospace;
@@ -521,7 +755,7 @@ tt, kbd {
#thread_form form {
width: 530px;
}
-#thread_form input[name=title] {
+#thread_form input[name="title"] {
width: 100%;
padding: 5px;
font-size: 15px;
@@ -531,7 +765,7 @@ tt, kbd {
#thread_form textarea {
width: 100%;
height: 240px;
- font-family: 'Trebuchet MS', sans-serif;
+ font-family: "Trebuchet MS", sans-serif;
padding: 5px;
font-size: 15px;
margin: 10px 0;
@@ -539,7 +773,7 @@ tt, kbd {
#compose {
width: 530px;
}
-#compose input[type=text] {
+#compose input[type="text"] {
font-size: 15px;
}
#compose label {
@@ -549,7 +783,7 @@ tt, kbd {
margin-top: 5px;
margin-left: 50px;
}
-#compose input[name=subject] {
+#compose input[name="subject"] {
width: 400px;
}
#compose .buttons {
@@ -564,7 +798,7 @@ tt, kbd {
width: 100%;
padding: 5px;
}
-#thread_form input[type=submit] {
+#thread_form input[type="submit"] {
margin: 0;
}
.settings_link {
@@ -584,7 +818,7 @@ tt, kbd {
}
#comment_form textarea {
width: 100%;
- font-family: 'Trebuchet MS', sans-serif;
+ font-family: "Trebuchet MS", sans-serif;
padding: 5px;
font-size: 13px;
background: white;
@@ -613,19 +847,19 @@ tt, kbd {
#comment_form.focused textarea {
background: white;
height: 240px;
- transition: height 100ms cubic-bezier(0,0,0,1);
+ transition: height 100ms cubic-bezier(0, 0, 0, 1);
opacity: 1;
}
#comment_form .inputs {
opacity: 0.5;
}
-#comment_form input[type=submit] {
+#comment_form input[type="submit"] {
display: none;
}
#comment_form.focused .inputs {
opacity: 1;
}
-#comment_form.focused input[type=submit] {
+#comment_form.focused input[type="submit"] {
display: block;
}
@@ -633,7 +867,8 @@ tt, kbd {
.files,
.files tr {
- margin: 0; padding: 0;
+ margin: 0;
+ padding: 0;
border-spacing: 0;
}
.files {
@@ -702,7 +937,8 @@ tt, kbd {
max-height: 450px;
}
#profile #gallery div a:first-child .thumb {
- max-width: 200px; max-height: 200px;
+ max-width: 200px;
+ max-height: 200px;
}
#gallery .thumb {
max-width: 150px;
@@ -710,10 +946,11 @@ tt, kbd {
.modal {
position: fixed;
- top: 0; left: 0;
+ top: 0;
+ left: 0;
width: 100%;
height: 100%;
- background: rgba(0,0,0,0.2);
+ background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: opacity 200ms;
pointer-events: none;
@@ -726,11 +963,11 @@ tt, kbd {
position: absolute;
top: 30%;
left: 50%;
- transform: translate3d(-50%,-20%,0);
+ transform: translate3d(-50%, -20%, 0);
background: white;
color: #333;
border: 1px solid #ddd;
- box-shadow: 0 1px 1px rgba(0,0,0,0.1);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* SETTINGS */
@@ -763,7 +1000,7 @@ tt, kbd {
margin-top: 4px;
padding-right: 5px;
}
-#thread_fields input[type=text] {
+#thread_fields input[type="text"] {
font-size: 13px;
width: 200px;
transform: translateY(-2px);
@@ -880,43 +1117,44 @@ tt, kbd {
background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E%0A%09%3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E%0A%09%09%3Cpath d=%22M11.29 11.71l-4-4%22/%3E%0A%09%09%3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
- width: 16px; height: 16px;
+ width: 16px;
+ height: 16px;
position: relative;
top: 3px;
display: inline-block;
}
-.search_form input[type='text'] {
+.search_form input[type="text"] {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #888;
padding-bottom: 3px;
font-size: 14px;
- font-family: 'Trebuchet MS', sans-serif;
+ font-family: "Trebuchet MS", sans-serif;
background: transparent;
outline: 0;
width: 270px;
transition: background 200ms;
background: white;
}
-.search_form input[type='text']:invalid {
+.search_form input[type="text"]:invalid {
background: transparent;
}
-.search_form input[type='text']:focus {
+.search_form input[type="text"]:focus {
border-bottom: 1px solid #211;
border-radius: 2px 2px 0 0;
color: #211;
}
#no_messages {
- display: none;
+ display: none;
}
#messages {
width: 100%;
}
#messages .unread {
- font-weight: bold;
- text-decoration: underline;
+ font-weight: bold;
+ text-decoration: underline;
}
#messages tr td:nth-child(1) {
text-align: right;
@@ -982,7 +1220,7 @@ header .search_form {
margin-top: 10px;
white-space: nowrap;
}
-.index header .search_form input[type=text] {
+.index header .search_form input[type="text"] {
width: 250px;
}
@@ -1025,7 +1263,7 @@ header .search_form {
margin-bottom: 5px;
max-width: 100px;
}
-#profile_form input[type=text] {
+#profile_form input[type="text"] {
width: 200px;
}
#profile_form form > div.oldpassword {
@@ -1046,10 +1284,15 @@ header .search_form {
.admin {
height: 100%;
- background-image: linear-gradient(to bottom, rgba(255,254,248,0.5) 0%,rgba(0,0,0,0) 100%);
+ background-image: linear-gradient(
+ to bottom,
+ rgba(255, 254, 248, 0.5) 0%,
+ rgba(0, 0, 0, 0) 100%
+ );
background-position: fixed;
}
-.admin h1, big {
+.admin h1,
+big {
text-shadow: 0 2px 4px #fff;
}
.admin #content {
@@ -1068,11 +1311,11 @@ header .search_form {
/* loader */
-.sending input[type=submit],
+.sending input[type="submit"],
.sending button {
display: none !important;
}
-.sending input[type=submit] + .loader,
+.sending input[type="submit"] + .loader,
.sending button + .loader {
display: block;
}
@@ -1105,7 +1348,9 @@ header .search_form {
animation: ld-cycle 0.8s infinite linear;
}
@-webkit-keyframes ld-cycle {
- 0%, 50%, 100% {
+ 0%,
+ 50%,
+ 100% {
animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
}
0% {
@@ -1122,7 +1367,9 @@ header .search_form {
}
}
@keyframes ld-cycle {
- 0%, 50%, 100% {
+ 0%,
+ 50%,
+ 100% {
animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
}
0% {
@@ -1142,7 +1389,6 @@ audio {
width: 100%;
}
-
/* mobile css and errata */
@media (min-width: 700px) and (max-width: 1000px) {
@@ -1174,7 +1420,8 @@ audio {
font-size: 20px;
margin-bottom: 10px;
}
- #sidebar, #content {
+ #sidebar,
+ #content {
float: none;
}
#content {
@@ -1246,7 +1493,7 @@ audio {
#details .right {
width: 100%;
}
- input[type=file] {
+ input[type="file"] {
width: 150px;
}
.ledger .row td {
@@ -1259,7 +1506,8 @@ audio {
background: #180808;
color: #f8f8f8;
}
- button:not(.hoot), input[type=submit] {
+ button:not(.hoot),
+ input[type="submit"] {
color: #f8f8f8;
border: 2px #eee solid;
padding: 2px;
@@ -1269,7 +1517,7 @@ audio {
cursor: pointer;
}
.desktop button:not(.hoot):hover,
- .desktop input[type=submit] {
+ .desktop input[type="submit"] {
color: #fff;
background-color: #28303c;
}
@@ -1277,35 +1525,89 @@ audio {
border-color: #fff;
}
a.headline:link,
- a.headline:visited { color: #eee; text-decoration: none; }
- .desktop a.headline:hover { color: #fff; text-decoration: none; }
- .ledger .row td:nth-child(1) a { color: #ddd; }
- #threads .keyword td a { color: #ddd; text-decoration: none; }
- .desktop #threads .keyword td a:hover { color: #fff; text-decoration: underline; }
- #threads .keyword td b a { color: #ddd; }
- .desktop #threads .keyword td b a:hover { color: #fff; }
- .subtitle a { color: #eee; text-decoration: none; }
- .desktop.subtitle a:hover { color: #fff; text-decoration: underline; }
- .ledger .new { color: #ffffff; font-weight: bold; }
- .ledger .recent { color: #f8f0f0; }
- .ledger .med { color: #e8e0e0; }
- .ledger .old { color: #d8d0d0; }
- .ledger .older { color: #b8b0b0; }
- .ledger .quiet { color: #a7a4a4; }
-
- .files .new { color: #000000; }
- .files .recent { color: #001111; }
- .files .med { color: #203838; }
- .files .old { color: #425050; }
- .files .older { color: #5D6464; }
- .files .quiet { color: #787878; }
- .files .total a { color: #fff; }
+ a.headline:visited {
+ color: #eee;
+ text-decoration: none;
+ }
+ .desktop a.headline:hover {
+ color: #fff;
+ text-decoration: none;
+ }
+ .ledger .row td:nth-child(1) a {
+ color: #ddd;
+ }
+ #threads .keyword td a {
+ color: #ddd;
+ text-decoration: none;
+ }
+ .desktop #threads .keyword td a:hover {
+ color: #fff;
+ text-decoration: underline;
+ }
+ #threads .keyword td b a {
+ color: #ddd;
+ }
+ .desktop #threads .keyword td b a:hover {
+ color: #fff;
+ }
+ .subtitle a {
+ color: #eee;
+ text-decoration: none;
+ }
+ .desktop.subtitle a:hover {
+ color: #fff;
+ text-decoration: underline;
+ }
+ .ledger .new {
+ color: #ffffff;
+ font-weight: bold;
+ }
+ .ledger .recent {
+ color: #f8f0f0;
+ }
+ .ledger .med {
+ color: #e8e0e0;
+ }
+ .ledger .old {
+ color: #d8d0d0;
+ }
+ .ledger .older {
+ color: #b8b0b0;
+ }
+ .ledger .quiet {
+ color: #a7a4a4;
+ }
+
+ .files .new {
+ color: #000000;
+ }
+ .files .recent {
+ color: #001111;
+ }
+ .files .med {
+ color: #203838;
+ }
+ .files .old {
+ color: #425050;
+ }
+ .files .older {
+ color: #5d6464;
+ }
+ .files .quiet {
+ color: #787878;
+ }
+ .files .total a {
+ color: #fff;
+ }
- .bluebox { box-shadow: 0 0px 1.5px rgba(238,238,255,1.0), 0 0px 1.5px rgba(238,238,255,1.0); }
- .search_form input[type='text']:focus {
+ .bluebox {
+ box-shadow: 0 0px 1.5px rgba(238, 238, 255, 1),
+ 0 0px 1.5px rgba(238, 238, 255, 1);
+ }
+ .search_form input[type="text"]:focus {
border-bottom-color: #888;
}
- .search_form input[type='text']:invalid {
+ .search_form input[type="text"]:invalid {
caret-color: #888;
}
#comment_form textarea.empty {
@@ -1317,7 +1619,17 @@ audio {
#search {
color: #eee;
}
- #search b {
+ #search b,
+ #search a b {
color: #fff;
}
+ #search .search_hit a {
+ color: #;
+ }
+ a {
+ color: #38f;
+ }
+ a:visited {
+ color: #77f;
+ }
}
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 13:36:39 +0000