aboutsummaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/css/css_old/styleadmin.css80
-rw-r--r--assets/css/css_old/stylebase.css85
-rw-r--r--assets/css/css_old/styleedit.css241
-rw-r--r--assets/css/css_old/stylehome.css117
-rw-r--r--assets/css/css_old/styleinfo.css80
-rw-r--r--assets/css/css_old/stylemedia.css103
-rw-r--r--assets/css/css_old/stylerecord.css79
-rw-r--r--assets/css/global/global.css3
-rw-r--r--assets/css/old/styleedit.css27
-rw-r--r--assets/css/read/003.css9
-rw-r--r--assets/css/read/base.css8
-rw-r--r--assets/css/read/blanc.css9
-rw-r--r--assets/css/read/deux.css8
-rw-r--r--assets/css/soft.css182
14 files changed, 1031 insertions, 0 deletions
diff --git a/assets/css/css_old/styleadmin.css b/assets/css/css_old/styleadmin.css
new file mode 100644
index 0000000..a3fcc5c
--- /dev/null
+++ b/assets/css/css_old/styleadmin.css
@@ -0,0 +1,80 @@
+section {
+ margin-bottom: 100px;
+}
+
+article {
+ border: 1px var(--color4) solid;
+ margin: 2px;
+ padding: 2px;
+ border: ridge;
+ max-width: 500px;
+ background-color: var(--color3);
+}
+
+h1 {
+ border: ridge;
+ background-color: var(--color1);
+}
+
+h2 {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+
+
+form {
+ display: inline-grid;
+ width: 98%;
+ margin: 1%;
+}
+
+textarea#cssarea {
+ height: 400px;
+}
+
+label {
+ font-weight: bold;
+ font-style: italic;
+}
+
+summary {
+ background-color: var(--color1);
+ border: outset;
+ font-weight: bold;
+}
+
+summary:focus {
+ outline: none;
+}
+
+details {
+ background-color: var(--color1);
+ border: 1px var(--color4) solid;
+}
+
+
+
+@media (max-width: 600px) {
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+}
+
+
+@media (max-width: 600px) {
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+} \ No newline at end of file
diff --git a/assets/css/css_old/stylebase.css b/assets/css/css_old/stylebase.css
new file mode 100644
index 0000000..017b075
--- /dev/null
+++ b/assets/css/css_old/stylebase.css
@@ -0,0 +1,85 @@
+:root {
+ --color1: lightgrey;
+ --color2: lightslategrey;
+ --color3: #ececec;
+ --color4: grey;
+}
+
+
+@keyframes alert {
+ from {top: 30px;}
+ to {top: -50px;}
+}
+
+body {
+ margin: 0;
+ font-family: sans-serif;
+ background-color: var(--color4);
+}
+
+
+span.alert {
+ position: fixed;
+ background-color: var(--color1);
+ z-index: 100;
+ border: ridge red;
+ width: 200px;
+ text-align: center;
+ padding: 5px;
+ top: 30px;
+ font-weight: bold;
+ left: calc(50% - 100px);
+ animation: alert 1s linear 2s forwards;
+}
+
+
+form{
+ margin: 0;
+}
+
+
+
+nav {
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 10;
+ background-color: var(--color1);
+ border: ridge;
+}
+
+div#menu {
+ display: none;
+}
+
+nav:hover div#menu {
+ display: block;
+}
+
+nav a {
+ display: block;
+}
+
+nav a:hover {
+ background-color: var(--color3);
+}
+
+nav #loginpass {
+ width: 100%;
+}
+
+
+@media (max-width: 600px) {
+ body {
+ font-size: 1.3em;
+ }
+
+ input, textarea, select, button {
+ font-size: 0.8em;
+ }
+
+ nav {
+ display: none;
+ }
+
+} \ No newline at end of file
diff --git a/assets/css/css_old/styleedit.css b/assets/css/css_old/styleedit.css
new file mode 100644
index 0000000..fd79ed4
--- /dev/null
+++ b/assets/css/css_old/styleedit.css
@@ -0,0 +1,241 @@
+.edit {
+ background-color: var(--color1);
+}
+
+#linklist {
+ background-color: var(--color1);
+}
+
+#submit {
+ background-color: var(--color1);
+}
+
+#artedit {
+ background-color: var(--color1);
+}
+
+details {
+ background-color: var(--color1);
+}
+
+
+
+.sidebar {
+ position: fixed;
+ width: 250px;
+ height: 100%;
+ overflow: scroll;
+ overflow-x: hidden;
+}
+
+div#submit {
+ position: relative;
+}
+
+textarea {
+ position: fixed;
+ width: calc(100% - 250px);
+ right: 0px;
+ height: 100%;
+ font-size: 1em;
+ padding: 2%;
+ padding-right: calc(50% - 500px);
+ resize: none;
+
+}
+
+
+
+div#linklist {
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ min-width: 10%;
+ max-width: 50%;
+ max-height: 50%;
+ overflow-y: auto;
+
+}
+
+div#linklist div#roll {
+ display: none;
+}
+
+div#linklist:hover div#roll {
+ display: block;
+ width: auto;
+}
+
+div#roll ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+
+
+details label {
+ margin-top: 4px;
+}
+
+
+details select, details input, details label, details textarea#css {
+ width: 100%;
+}
+
+details input[type="checkbox"]
+{
+ width: auto;
+}
+
+ul {
+ list-style: none;
+ padding: 0;
+ margin: 2px;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+
+summary, div#linklist, div#submit {
+ border: ridge 1px grey;
+
+}
+
+span#headid {
+ font-weight: bold;
+ padding-left: 1%;
+ padding-right: 1%;
+ border: ridge;
+ background-color: var(--color3);
+
+}
+
+input#fontsize {
+ width: 40px;
+}
+
+summary {
+ background-color: var(--color1);
+ border: outset;
+ font-weight: bold;
+}
+
+summary:focus {
+ outline: none;
+}
+
+div#help {
+ padding: 2px;
+}
+
+div#help pre {
+ background-color: white;
+ margin-bottom: 2px;
+}
+
+div#help p {
+ background-color: var(--color3);
+ margin-top: 4px;
+}
+
+div#help h3 {margin-bottom: 8px;}
+
+span.i {
+ background-color: var(--color2);
+ color: white;
+}
+
+
+
+/* ------------------------------ TABS ----------------------------- */
+
+
+
+.tabs
+{
+ position: absolute;
+ left: 250px;
+ top: 28px;
+}
+
+.tabs .tab
+{
+ float: left;
+}
+
+.tabs .tab .content
+{
+ position: absolute;
+ background-color: white;
+ left: 0px;
+ width: 100%;
+ border: 1px #000 solid;
+}
+
+.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;
+}
+
+
+
+
+
+
+
+@media (max-width: 600px) {
+ details#editinfo, details#editcss, div#linklist {
+ display: none;
+ }
+
+
+ nav {
+ position: absolute;
+ display: inline-flex;
+ }
+
+ div#menu {
+ display: block;
+ }
+
+ div#submit {
+ position: absolute;
+ display: block;
+ width: unset;
+ top: unset;
+ bottom: 0;
+ }
+
+ nav form, nav a {
+ display: inline-flex;
+ margin: 1%;
+ }
+
+ textarea#html {
+ padding-top: 60px;
+ }
+
+
+
+} \ No newline at end of file
diff --git a/assets/css/css_old/stylehome.css b/assets/css/css_old/stylehome.css
new file mode 100644
index 0000000..98822f0
--- /dev/null
+++ b/assets/css/css_old/stylehome.css
@@ -0,0 +1,117 @@
+section.home {
+ margin-top: 27px;
+ display: inline-flex;
+ width: 100%;
+}
+
+div#main {
+ border: ridge;
+ height: fit-content;
+ margin: 5px;
+ background-color: var(--color3);
+}
+
+div#map {
+ border: ridge;
+ height: fit-content;
+ margin: 5px;
+ background-color: var(--color3);
+}
+
+div#options {
+ border: ridge;
+ margin: 5px;
+ background-color: var(--color3);
+ width: 15%;
+ list-style: none;
+ max-width: 200px;
+ height: fit-content;
+
+}
+
+fieldset {
+ background-color: var(--color1);
+ border: outset;
+}
+
+legend {
+ font-weight: bold;
+}
+
+div#massedit {
+ background-color: var(--color1);
+}
+
+header {
+ position: fixed;
+ width: 100%;
+ border: ridge;
+ background-color: var(--color1);
+}
+
+h2 {
+ font-size: large;
+ margin: 0;
+ border: outset;
+ background-color: var(--color1);
+}
+
+#options ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#home2table {
+ background-color: var(--color3);
+}
+
+#home2table tr:hover {
+ background-color: var(--color1);
+}
+
+#home2table th {
+ background-color: var(--color1);
+ border: ridge 1px grey;
+}
+
+
+
+@media (max-width: 600px) {
+
+ section.home {
+ position: relative;
+ display: block;
+ margin: unset;
+ }
+
+ div#options {
+ position: relative;
+ width: unset;
+ }
+
+ header {
+ position: relative;
+ border: none;
+ }
+
+ table#home2table {
+ display: block;
+ position: relative;
+ width: 100%;
+ overflow-x: scroll;
+ font-size: 1em;
+ }
+
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+
+
+} \ No newline at end of file
diff --git a/assets/css/css_old/styleinfo.css b/assets/css/css_old/styleinfo.css
new file mode 100644
index 0000000..a3fcc5c
--- /dev/null
+++ b/assets/css/css_old/styleinfo.css
@@ -0,0 +1,80 @@
+section {
+ margin-bottom: 100px;
+}
+
+article {
+ border: 1px var(--color4) solid;
+ margin: 2px;
+ padding: 2px;
+ border: ridge;
+ max-width: 500px;
+ background-color: var(--color3);
+}
+
+h1 {
+ border: ridge;
+ background-color: var(--color1);
+}
+
+h2 {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+
+
+form {
+ display: inline-grid;
+ width: 98%;
+ margin: 1%;
+}
+
+textarea#cssarea {
+ height: 400px;
+}
+
+label {
+ font-weight: bold;
+ font-style: italic;
+}
+
+summary {
+ background-color: var(--color1);
+ border: outset;
+ font-weight: bold;
+}
+
+summary:focus {
+ outline: none;
+}
+
+details {
+ background-color: var(--color1);
+ border: 1px var(--color4) solid;
+}
+
+
+
+@media (max-width: 600px) {
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+}
+
+
+@media (max-width: 600px) {
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+} \ No newline at end of file
diff --git a/assets/css/css_old/stylemedia.css b/assets/css/css_old/stylemedia.css
new file mode 100644
index 0000000..d721a9b
--- /dev/null
+++ b/assets/css/css_old/stylemedia.css
@@ -0,0 +1,103 @@
+article {
+ border: 1px var(--color4) solid;
+ margin: 2px;
+ padding: 2px;
+ border: ridge;
+ max-width: 700px;
+ background-color: var(--color3);
+}
+
+h1 {
+ border: ridge;
+ background-color: var(--color1);
+}
+
+h2 {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+
+
+form {
+ display: inline-grid;
+ width: 98%;
+ margin: 1%;
+}
+
+
+label {
+ font-weight: bold;
+ font-style: italic;
+}
+
+summary {
+ background-color: var(--color1);
+ border: outset;
+ font-weight: bold;
+}
+
+summary:focus {
+ outline: none;
+}
+
+details {
+ background-color: var(--color1);
+ border: 1px var(--color4) solid;
+}
+
+
+#mediatable {
+ background-color: var(--color3);
+}
+
+#mediatable tr:hover {
+ background-color: var(--color1);
+}
+
+#mediatable th {
+ background-color: var(--color1);
+ border: ridge 1px grey;
+}
+
+.tooltip span {
+ display: none;
+ color: #000;
+ text-decoration: none;
+ padding: 3px;
+}
+
+.tooltip:hover span {
+ display: block;
+ position: absolute;
+ background-color: var(--color3);
+ border: ridge;
+ margin-left: 30px;
+ margin-top: 0px;
+}
+
+
+img.thumbnail {
+ max-width: 100%;
+ max-height: 150px;
+}
+
+input[type="checkbox"] {
+ width: unset;
+ padding: unset;
+ margin: unset;
+ height: unset;
+}
+
+
+
+@media (max-width: 600px) {
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+} \ No newline at end of file
diff --git a/assets/css/css_old/stylerecord.css b/assets/css/css_old/stylerecord.css
new file mode 100644
index 0000000..409bcd4
--- /dev/null
+++ b/assets/css/css_old/stylerecord.css
@@ -0,0 +1,79 @@
+section {
+ padding: 0;
+}
+
+.infobulle {
+ display: none;
+}
+
+.little:hover .infobulle {
+ display: inline-block;
+ position: relative;
+ background-color: white;
+ z-index: 5;
+ top: 5px;
+ width: 300px;
+ font-family: monospace;
+ font-size: 0.9em;
+ line-height: 1.1em;
+}
+
+span.infobulle img {
+ width: 100%;
+}
+
+.grid {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 4%;
+ margin-right: 120px;
+ list-style: none;
+
+}
+
+.little {
+ width: 100px;
+ height: 150px;
+ margin: 10px;
+ background-color: white;
+
+}
+
+.infobulle input[type="text"] {
+ font-family: monospace;
+ font-size: 0.9em;
+ margin: 3px;
+}
+
+img.thumbnail {
+ max-width: 100%;
+ max-height: 100px;
+}
+
+section.gest {
+ padding-bottom: 300px;
+}
+
+input[type="file"] {
+ font-size: 1.3em;
+}
+
+input[type="checkbox"] {
+ width: unset;
+ padding: unset;
+ margin: unset;
+ height: unset;
+}
+
+
+@media (max-width: 600px) {
+ nav {
+ width: unset;
+ position: relative;
+ display: block;
+ }
+
+ div#menu {
+ display: block;
+ }
+} \ No newline at end of file
diff --git a/assets/css/global/global.css b/assets/css/global/global.css
new file mode 100644
index 0000000..4fe1d10
--- /dev/null
+++ b/assets/css/global/global.css
@@ -0,0 +1,3 @@
+body {
+ background-color: white;
+} \ No newline at end of file
diff --git a/assets/css/old/styleedit.css b/assets/css/old/styleedit.css
new file mode 100644
index 0000000..21435fb
--- /dev/null
+++ b/assets/css/old/styleedit.css
@@ -0,0 +1,27 @@
+.edit {
+ background-color: greenyellow;
+}
+
+#linklist {
+ background-color: blanchedalmond;
+}
+
+#submit {
+ background-color: coral;
+}
+
+#copy {
+ background-color: darkkhaki;
+}
+
+#html {
+ background-color: deepskyblue;
+}
+
+#artedit {
+ background-color: darksalmon;
+}
+
+#editoption {
+ background-color: blueviolet;
+} \ No newline at end of file
diff --git a/assets/css/read/003.css b/assets/css/read/003.css
new file mode 100644
index 0000000..7dd8f17
--- /dev/null
+++ b/assets/css/read/003.css
@@ -0,0 +1,9 @@
+body {
+ font-family: serif;
+ background-color: white;
+}
+
+span.alert {
+ background-color: #d00000;
+ color: white;
+} \ No newline at end of file
diff --git a/assets/css/read/base.css b/assets/css/read/base.css
new file mode 100644
index 0000000..561963a
--- /dev/null
+++ b/assets/css/read/base.css
@@ -0,0 +1,8 @@
+body {
+ font-family: sans-serif;
+}
+
+span.alert {
+ background-color: #d00000;
+ color: white;
+} \ No newline at end of file
diff --git a/assets/css/read/blanc.css b/assets/css/read/blanc.css
new file mode 100644
index 0000000..7dd8f17
--- /dev/null
+++ b/assets/css/read/blanc.css
@@ -0,0 +1,9 @@
+body {
+ font-family: serif;
+ background-color: white;
+}
+
+span.alert {
+ background-color: #d00000;
+ color: white;
+} \ No newline at end of file
diff --git a/assets/css/read/deux.css b/assets/css/read/deux.css
new file mode 100644
index 0000000..cd44f4f
--- /dev/null
+++ b/assets/css/read/deux.css
@@ -0,0 +1,8 @@
+body {
+ font-family: serif;
+}
+
+span.alert {
+ background-color: #d00000;
+ color: white;
+} \ No newline at end of file
diff --git a/assets/css/soft.css b/assets/css/soft.css
new file mode 100644
index 0000000..ff65635
--- /dev/null
+++ b/assets/css/soft.css
@@ -0,0 +1,182 @@
+div#options {
+ display: inline-block;
+ 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;
+}