Expandable boardlist for desktops

stylesheets/style.css

@@ -281,6 +281,7 @@ span.spoiler:hover, div.post.reply div.body span.spoiler:hover a {
 div.styles {
 	float: right;
 	padding-bottom: 20px;
+
 }
 div.styles a {
 	margin: 0 10px;
@@ -400,3 +401,34 @@ table.mod.config-editor td {
 table.mod.config-editor input[type="text"] {
 	width: 98%;
 }
+
+.desktop-style div.boardlist:nth-child(1) {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  /*text-shadow: white 1px 0px 6px, white 1px 0px 6px, black 1px 0px 3px;*/
+  margin-top: 0px;
+}
+.desktop-style div.boardlist:nth-child(1):hover {
+  background-color: rgba(90%, 90%, 90%, 0.6);
+}
+
+.desktop-style body {
+  padding-top: 20px;
+}
+
+.desktop-style .sub {
+  background: inherit;
+}
+.desktop-style .sub .sub {
+  display: inline-block;
+  text-indent: -9000px;
+  width: 7px;
+  background: url('img/arrow.png') right center no-repeat;
+}
+.desktop-style .sub .sub:hover {
+  display: inline;
+  text-indent: 0px;
+  background: inherit;
+}