diff options
Diffstat (limited to 'public/css/stylebase.css')
-rw-r--r-- | public/css/stylebase.css | 200 |
1 files changed, 200 insertions, 0 deletions
diff --git a/public/css/stylebase.css b/public/css/stylebase.css new file mode 100644 index 0000000..46d43f4 --- /dev/null +++ b/public/css/stylebase.css @@ -0,0 +1,200 @@ +body { + background-color: #dcdcdceb; + font-family: helvetica, arial, sans-serif; + margin: 0px; + +} + +h1 { + font-size: 3em; + font-variant: all-small-caps; + margin-top: 0px; + margin-bottom: 0px; +} + +h2 { + font-style: italic; +} + +h3 { + opacity: 0.7; +} + +h6 { + font-size: 1em; +} + +p{ + font-size: 1em; +} + +em { + opacity: 0.8; +} + +a{ + text-decoration: none; +} + +a:hover{ + text-decoration: underline; +} + +img { + width: 90%; + max-width: 1000px; +} + +form { + margin-bottom: 0px; +} + +section { + text-align: justify; + padding: 3%; + line-height: 1.2em; +} + +.edit { + overflow-y: scroll; +} + +.edit section { + text-align: left; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 8%; + padding-right: 8%; + line-height: 1.2em; +} + +.button, input, textarea, select { + display: inline-block; + width: 90%; + padding-left: 15px; + padding-right: 15px; + margin: 5px; + margin-left: 5%; + margin-right: 5%; + height: 30px; + border-style: unset; +} + +.button { + text-align: center; + color: black; + font-size: 13px; + padding-top: 7px; + background-color: #bfbfbf; + box-sizing: border-box; + align-items: flex-start; + text-align: center; + cursor: default; + white-space: pre; + -webkit-rtl-ordering: logical; + text-rendering: auto; + color: initial; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; +} + +.button:hover { + + text-decoration: none; +} + +article { + position: relative; + z-index: 7; +} + +#html{ + height: calc(100% - 95px); +} + +#css{ + height: 250px; +} + +input[type="submit"] { + background-color: #bfbfbf; +} + +aside { + position: fixed; + bottom: 0px; + right: -300px; + padding: 7px; + z-index: 5; + background: #bfbfbf; + opacity: 0.3; + width: 350px; + overflow-y: scroll; + max-height: calc(100% - 200px); +} + +aside:hover { + opacity: 1; + right: 0px; +} + +nav { + position: fixed; + top: 0px; + right: -6%; + z-index: 10; + opacity: 0.3; + width: 8%; + text-align: right; +} + + + +nav:hover, .edit nav { + opacity: 1; + right: 0px; +} + +.alert h4 { + background-color: red; + margin: 0px; +} + +table { + width: 100%; + margin-top: 20px; +} + +.home tr:hover { + background-color: #bfbfbf; +} + +.home td:hover { + background-color: #a7a6a6; +} + +td { + border: 1px solid #ffffff00; + padding-top: 3px; + padding-bottom: 3px; +} + +.submit { + position: fixed; + top: 0px; + left: 0px; + width: 8%; +} + + +summary { + height: 24px; + outline: none; + font-size: 1.4em; + background-color: #a0a0a0; + margin-top: 3px; + margin-bottom: 3px; +}
\ No newline at end of file |