sidebars-html-inserts

1 files changed, 170 insertions, 1 deletions

diff --git a/public/css/soft.css b/public/css/soft.css
index 108f44e..ff65635 100644
--- a/public/css/soft.css
+++ b/public/css/soft.css
@@ -7,7 +7,176 @@ div#main {
     display: inline-block;
 }
 
+body {
+    margin: 0;
+    height: 100%;
+    background-color: #b1b1b1;
+}
+
 .menu {
     position: fixed;
     right: 0;
-}
\ No newline at end of file
+}
+
+.editor div#leftbar {
+    position: relative;
+    height: 100%;
+}
+
+.editor .tabs {
+    flex: 2;
+    position: relative;
+    height: 100%;
+}
+
+
+
+.editor #leftbarpanel, .editor #rightbarpanel {
+    width: 250px;
+    display: none;
+    height: 100%;
+    overflow-y: auto;
+}
+
+.editor #showleftpanel:checked ~ #leftbarpanel {
+    display: block;
+    overflow-y: auto;
+    height: 100%;
+}
+
+.editor #showrightpanel:checked ~ #rightbarpanel {
+    display: block;
+}
+
+.editor input.toggle {
+    display: none;
+}
+
+.editor label.toogle:hover {
+    color: white;
+    cursor: pointer;
+    background-color: #e2e2e2;
+}
+
+.editor label.toogle {
+    height: 100%;
+    line-height: 100%;
+    text-align: center;
+}
+
+.editor #leftbar label.toogle {
+    float: right;
+}
+
+.editor #rightbar label.toogle {
+    float: left;
+}
+
+
+#rightbarpanel {
+    display: none;
+    width: 250px;
+}
+#rightbar:target #rightbarpanel {
+    display: inline-block;
+    overflow-y: scroll;
+    height: 100%;
+}
+#rightbar:target #open {
+    display: none;
+}
+
+
+
+
+
+
+.editor #workspace {
+    display: flex;
+    height: calc(100% - 30px);
+    position: relative;
+}
+
+
+.tabs .tab
+{
+    float: left;
+}
+
+.tabs .tab .content
+{
+	position: absolute;
+	background-color: #dc8ad2;
+	left: 0px;
+	width: 100%;
+	height: calc(100% - 30px);
+}
+
+.checkboxtab
+{
+	display: none;
+}
+
+.tab label
+{
+	margin-right: 10px;
+	border: outset;
+	background-color: var(--color1);
+}
+
+.checkboxtab:checked ~ label
+{
+	border: inset;
+}
+
+.checkboxtab:checked ~ .content
+{
+	z-index: 1;
+}
+
+
+
+section.editor {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+}
+
+
+html {
+    height: 100%;
+}
+
+.tabs textarea {height: 100%;width: 100%;border: none;resize: none;}
+
+* {
+    box-sizing: border-box;
+}
+
+.editor .tabs label {
+    line-height: 30px;
+}
+
+.editor #topbar {
+    line-height: 30px;
+}
+
+.editor ul {
+    list-style: none;
+    padding: 0;
+}
+
+.editor #leftbar select {
+    width: 100%;
+}
+
+.editor .panel input {
+    width: 100%;
+}
+
+
+.editor a {color: black;text-decoration: none;}
+
+.editor a:hover {
+    color: white;
+}