From a64af357ff41a61f5248e2052274315b390e979c Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Sun, 11 Nov 2018 22:04:49 +0100 Subject: clean --- assets/css/edit.css | 181 ++++++++++++++++++++++++++++++++++++++++++++++++++++ assets/css/home.css | 18 ++++++ assets/css/soft.css | 181 ---------------------------------------------------- 3 files changed, 199 insertions(+), 181 deletions(-) create mode 100644 assets/css/edit.css create mode 100644 assets/css/home.css delete mode 100644 assets/css/soft.css (limited to 'assets') diff --git a/assets/css/edit.css b/assets/css/edit.css new file mode 100644 index 0000000..e5f6cda --- /dev/null +++ b/assets/css/edit.css @@ -0,0 +1,181 @@ +div#options { + float: left; +} + +div#main { + display: inline-block; +} + +body { + margin: 0; + height: 100%; + background-color: #b1b1b1; +} + +.menu { + position: fixed; + right: 0; +} + +.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; +} diff --git a/assets/css/home.css b/assets/css/home.css new file mode 100644 index 0000000..582042a --- /dev/null +++ b/assets/css/home.css @@ -0,0 +1,18 @@ +div#options { + float: left; +} + +div#main { + display: inline-block; +} + +body { + margin: 0; + height: 100%; + background-color: #b1b1b1; +} + +.menu { + position: fixed; + right: 0; +} diff --git a/assets/css/soft.css b/assets/css/soft.css deleted file mode 100644 index e5f6cda..0000000 --- a/assets/css/soft.css +++ /dev/null @@ -1,181 +0,0 @@ -div#options { - float: left; -} - -div#main { - display: inline-block; -} - -body { - margin: 0; - height: 100%; - background-color: #b1b1b1; -} - -.menu { - position: fixed; - right: 0; -} - -.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; -} -- cgit v1.2.3