diff --git a/css/dark.css b/css/dark.css index f285e9c7f301642fbd16102e3d49c31cbe8c9808..a6fc552c3bf37c2bcdaeb33c542af4a91b15c793 100644 --- a/css/dark.css +++ b/css/dark.css @@ -1,3 +1,21 @@ +main { + position: relative; +} + +body { + background: none; +} + +body::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: url("../img/rough_bg.jpg"); +} + body.dark { color: #fff; } @@ -14,3 +32,12 @@ body.dark::before { color: #ddd; background-color: #444; } + +.dark .dayTime { + color: #ccc; + background-color: #333; +} + +.dark .day { + border-left-color: #111; +} diff --git a/css/style.css b/css/style.css index 368f5854e18ccd9a437b0b21a574d4615bd037d6..174cd6d51ef7d3782777b2b7ce7804e4cd3f0e79 100644 --- a/css/style.css +++ b/css/style.css @@ -5,8 +5,8 @@ } body { font-family: "Roboto"; /* A fentebb 'lĂŠtrehozott' betĹątĂpust hasznĂĄljuk fel */ + background-image: url("../img/rough_bg.jpg"); /* BeĂĄllĂtjuk a letĂśltĂśtt hĂĄtteret */ } - main { background-color: white; /* legyen fehĂŠr a hĂĄttĂŠr */ /* Ezt csak mĂĄsoljuk le */ @@ -67,20 +67,3 @@ main { .day { border-left: 1px solid rgb(234, 234, 234); } - -/* New stuff */ - -main { - position: relative; -} - -body::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - - background-image: url("../img/rough_bg.jpg"); -}