diff options
author | kaotisk <kaotisk@arching-kaos.org> | 2022-11-10 00:34:29 +0200 |
---|---|---|
committer | kaotisk <kaotisk@arching-kaos.org> | 2022-11-10 00:34:29 +0200 |
commit | 012bc91a7050077cefb34e02356a1ff5891aef0a (patch) | |
tree | fffdd57bf3e282b3c6022fb05af273b05c3ae62e /src/css | |
parent | 9eaed57b5d3f4b771660781f6ac15a7171ac2e39 (diff) | |
download | arching-kaos-web-ui-012bc91a7050077cefb34e02356a1ff5891aef0a.tar.gz arching-kaos-web-ui-012bc91a7050077cefb34e02356a1ff5891aef0a.tar.bz2 arching-kaos-web-ui-012bc91a7050077cefb34e02356a1ff5891aef0a.zip |
Local pull
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/style.css | 89 | ||||
-rw-r--r-- | src/css/style2.css | 82 |
2 files changed, 171 insertions, 0 deletions
diff --git a/src/css/style.css b/src/css/style.css new file mode 100644 index 0000000..67ef101 --- /dev/null +++ b/src/css/style.css @@ -0,0 +1,89 @@ +body { + display: block; + margin: auto; + padding: 5px; +/* color: #e6d5d5; */ + position: absolute; + top: 5vh; + bottom: 5vh; + left: 10vw; + right: 10vw; +} + +h1 { + text-align: left; +} + +p { + text-align: justify; +} + +div { + margin: auto; + padding: 10px; +} + +#contact { +/* background-color: #443644; */ + /*! border-radius: 0; */ + border-style: dashed; + border-width: 3px; + border-color: #276a4b; +} + +label { + width: 100%; +} + +input { + width: 100%; + border: 0px; + border-radius: 5px; +} + +.sub-input{ + border-radius: 0px; + border-width: 1px; + border-style: solid; + border-color: #7ef07e; + padding: 1.1%; + background: #1a1a1a; + color: #7ef07e; + text-align: center; + padding: 1% 0 1% 0; +} + +textarea { + width: 100%; + border: 0px; + border-radius: 5px; + height: 100px; +} +.row .large-12 .small-12 { + width: 100%; + display: inline-grid; +} +.large-6 .small-6 { + width: 50%; + display: inline-flex; +} +.success { + background-color: green; + color: white; +} +.alert { + background-color: red; + color: black; +} +.button { + border: 0px; + padding: 7px; + color: white; +} +footer { + position: absolute; + right: 0; + bottom: 0; + padding: 2px; + text-align: right; +} diff --git a/src/css/style2.css b/src/css/style2.css new file mode 100644 index 0000000..5bc34d2 --- /dev/null +++ b/src/css/style2.css @@ -0,0 +1,82 @@ +body { + padding: 1%; + background-color: #1a1a1a; + font-family: monospace; + font-size: 1rem; + color: #7ef07e; +} + +p { + text-align: justify; +} + +a { + color:rgb(51, 200, 234); + text-decoration:none; +} + +a:hover{ + color: #c5f0ff; +} + +.header { + text-align: center; + margin: auto; + padding: 5px; +} + +.header img{ + max-width: 150px; + width: 150px; +} + +.header p { + text-align: center; +} + +.feature-img { + text-align: center; + width: 100%; + /*! height: 35vh; */ +} + + +.inv img { + width: 64px; + height: 64px; + border: 1px; +} + +#menu { + text-align: center; +} + +#menu a {display:inline-block;} + +.footer { + text-align: center; +} +.inv {display:block;text-align:center;} + +pre {overflow:auto;} + +.whole{ + /*! background-color: #3a3a3a; + display: grid;*/ +} + +#gotop-link{ + text-align: right; + font-size: 0.8rem; +} + +.container { + /*background-color: #3a3a3a; + max-width: 60vw; + margin: auto; + padding: 2%; + display: grid; + border-radius: 6px; + width: 40vw; + overflow: auto; */ +} |