diff --git a/css/design.css b/css/design.css index 2a9e2404b17b529b2652c2531b3d65a7a75c705c..35404ed31f1fde95932b3ff4cb54c4a47cd22ec2 100755 --- a/css/design.css +++ b/css/design.css @@ -11,9 +11,9 @@ body { } [data-container=panel] { - background-color: #080808; - border: solid 1px #101010; - box-shadow: 0px 2px 1px #1d1b1b; + background-color: rgba(8, 8, 8, 0.68); + border: solid 1px #252525; + box-shadow: 0px 2px 1px #000000; padding: 6px; /* margin: 5px;*/ float:left; @@ -48,14 +48,9 @@ body { box-sizing: border-box; padding: 0.2vw; + background: radial-gradient(black 15%, transparent 15%) 0 0, radial-gradient(black 15%, transparent 15%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, +transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; + background-size: 16px 16px; + background-color: #171717; } -[background] { - background: url('biber.svg') no-repeat; - background-position: 50% 50%; - position: absolute; - height: 95%; - width: 100%; - overflow: hidden; - opacity: 0.1; -} diff --git a/css/design.css.metall b/css/design.css.metall new file mode 100755 index 0000000000000000000000000000000000000000..35404ed31f1fde95932b3ff4cb54c4a47cd22ec2 --- /dev/null +++ b/css/design.css.metall @@ -0,0 +1,56 @@ +@viewport { + width: device-width; + user-zoom:fixed; +} + +body { + margin: 0px; + background: #0a0a0a; + font-family: Arial; + overflow:hidden; +} + +[data-container=panel] { + background-color: rgba(8, 8, 8, 0.68); + border: solid 1px #252525; + box-shadow: 0px 2px 1px #000000; + padding: 6px; +/* margin: 5px;*/ + float:left; + box-sizing: border-box; + height:100%; + width:100%; + overflow: hidden; +} + +[data-container=panelContainer] { + float: left; + width: 100%; + height: 100%; + /*padding: 4px;*/ + padding: 0.2vw; + box-sizing: border-box; +} + +[data-container=split] { + box-sizing: border-box; +/* display: flex; + flex-direction: column;*/ + height:100%; + width:100%; + float: left; +} + +[data-container=main] { + height:100%; + width:100%; + position:absolute; + + box-sizing: border-box; + padding: 0.2vw; + background: radial-gradient(black 15%, transparent 15%) 0 0, radial-gradient(black 15%, transparent 15%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, +transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; + background-size: 16px 16px; + background-color: #171717; +} + diff --git a/css/design.css.backup b/css/design.css.white similarity index 100% rename from css/design.css.backup rename to css/design.css.white