diff options
Diffstat (limited to 'public/w/rsc/css')
-rw-r--r-- | public/w/rsc/css/styleadmin.css | 80 | ||||
-rw-r--r-- | public/w/rsc/css/stylebase.css | 85 | ||||
-rw-r--r-- | public/w/rsc/css/styleedit.css | 250 | ||||
-rw-r--r-- | public/w/rsc/css/stylehome.css | 117 | ||||
-rw-r--r-- | public/w/rsc/css/styleinfo.css | 80 | ||||
-rw-r--r-- | public/w/rsc/css/stylemedia.css | 103 | ||||
-rw-r--r-- | public/w/rsc/css/stylerecord.css | 79 |
7 files changed, 794 insertions, 0 deletions
diff --git a/public/w/rsc/css/styleadmin.css b/public/w/rsc/css/styleadmin.css new file mode 100644 index 0000000..a3fcc5c --- /dev/null +++ b/public/w/rsc/css/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/public/w/rsc/css/stylebase.css b/public/w/rsc/css/stylebase.css new file mode 100644 index 0000000..017b075 --- /dev/null +++ b/public/w/rsc/css/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/public/w/rsc/css/styleedit.css b/public/w/rsc/css/styleedit.css new file mode 100644 index 0000000..fe6745f --- /dev/null +++ b/public/w/rsc/css/styleedit.css @@ -0,0 +1,250 @@ +.edit { + background-color: var(--color1); +} + +#linklist { + background-color: var(--color1); +} + +#submit { + background-color: var(--color1); +} + +#copy { + 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#copy { + position: fixed; + bottom: 0; +} + +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#copy, 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#copy, 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/public/w/rsc/css/stylehome.css b/public/w/rsc/css/stylehome.css new file mode 100644 index 0000000..98822f0 --- /dev/null +++ b/public/w/rsc/css/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/public/w/rsc/css/styleinfo.css b/public/w/rsc/css/styleinfo.css new file mode 100644 index 0000000..a3fcc5c --- /dev/null +++ b/public/w/rsc/css/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/public/w/rsc/css/stylemedia.css b/public/w/rsc/css/stylemedia.css new file mode 100644 index 0000000..d721a9b --- /dev/null +++ b/public/w/rsc/css/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/public/w/rsc/css/stylerecord.css b/public/w/rsc/css/stylerecord.css new file mode 100644 index 0000000..409bcd4 --- /dev/null +++ b/public/w/rsc/css/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 |