From fb1240bd437051bd49939b0c6ae135ea7a5847e5 Mon Sep 17 00:00:00 2001
From: Fibinger Ádám <adam.fibinger@wup.hu>
Date: Wed, 27 Nov 2019 21:03:23 +0100
Subject: [PATCH] Némi refaktor és új overlay
---
assets/overlay.css | 194 ++++++++++++++++++++++++------------------------
1 files changed, 96 insertions(+), 98 deletions(-)
diff --git a/assets/overlay.css b/assets/overlay.css
index afe0a45..2bd10d5 100644
--- a/assets/overlay.css
+++ b/assets/overlay.css
@@ -1,138 +1,136 @@
html *, body * {
- margin: 0;
- padding: 0;
- color: white;
+ margin: 0;
+ padding: 0;
+ color: white;
}
body {
- width: 1920px;
- height: 1080px;
- font-family: 'Oswald', sans-serif;
+ width: 1920px;
+ height: 1080px;
+ font-family: "Oswald", sans-serif;
}
#stripe {
- position: fixed;
- top: 2px;
- left: 0;
- width: 100%;
- height: 58px;
- text-align: center;
+ position: fixed;
+ top: 2px;
+ left: 0;
+ width: 100%;
+ height: 58px;
+ text-align: center;
}
-
+#stripe * {
+ display: inline-block;
+}
#stripe.team, #stripe.team-ban {
- background: transparent url("/assets/stripe.png") no-repeat;
+ background: transparent url("/assets/stripe.png") no-repeat;
}
#stripe.simple {
- background: transparent url("/assets/stripe-simple.png") no-repeat;
+ background: transparent url("/assets/stripe-simple.png") no-repeat;
}
-
-#stripe * {
- display: inline-block;
-}
-
#stripe .team {
- margin-top: 2px;
- position: inherit;
- width: 435px;
- overflow: hidden;
+ position: fixed;
+ margin-top: 2px;
+ width: 435px;
+ overflow: hidden;
}
-
#stripe .team .name {
- color: white;
- font-size: 34px;
+ color: white;
+ font-size: 34px;
}
-
#stripe .team.blue {
- left: 270px;
- text-align: right;
+ left: 270px;
+ text-align: right;
}
-
#stripe .team.orange {
- left: 1215px;
- text-align: left;
+ left: 1215px;
+ text-align: left;
}
-
-#stripe .ban.orange {
- left: 1080px;
-}
-
#stripe .ban {
- position: inherit;
- top: -1px;
+ position: inherit;
+ top: -1px;
}
-
+#stripe .ban.orange {
+ left: 1080px;
+}
#stripe .ban.blue {
- left: 715px;
-}
-
-.operator {
- background-repeat: no-repeat;
- background-size: cover;
- width: 60px;
- height: 60px;
-}
-
-
-#stripe .logo {
- display: inline-block;
+ left: 715px;
}
#stripe .info {
- position: inherit;
- top: 4px;
- width: 220px;
- height: 50px;
+ position: inherit;
+ top: 4px;
+ width: 220px;
+ height: 50px;
}
#stripe .info.left {
- left: 0;
- text-align: left;
+ left: 0;
+ text-align: left;
}
#stripe .info.right {
- left: 1700px;
- text-align: right;
+ left: 1700px;
+ text-align: right;
}
-
#stripe .operator {
- filter: grayscale(65%);
- text-align: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ width: 60px;
+ height: 60px;
+ filter: grayscale(65%);
+ text-align: center;
}
-
#stripe .operator .prohibit {
- text-align: center;
- color: gray;
- margin-top: 31px;
- font-size: 20px;
- text-shadow: 1px 1px 1px gray,
- 1px 0px 1px gray,
- 0px -1px 1px gray,
- -1px -1px 1px gray;
- filter: none;
- color: red;
+ text-align: center;
+ color: gray;
+ margin-top: 31px;
+ font-size: 20px;
+ text-shadow: 1px 1px 1px gray, 1px 0 1px gray, 0 -1px 1px gray, -1px -1px 1px gray;
+ filter: none;
+ color: red;
}
-
#stripe .esl-logo {
- height: 40px;
- margin-top: 5px;
- margin-right: 8px;
+ height: 40px;
+ margin-top: 5px;
+ margin-right: 8px;
}
-
#stripe .flag.hun {
- height: 34px;
- margin: 8px 0 0 8px;
- float: left;
- margin-right: 10px;
+ height: 34px;
+ margin: 8px 0 0 8px;
+ float: left;
+ margin-right: 10px;
}
#stripe .info.left .text {
- display: table-cell;
- vertical-align: middle;
- height: 50px;
- font-size: 20px;
- text-shadow: 1px 1px 1px black,
- 1px 0px 1px black,
- 0px -1px 1px black,
- -1px -1px 1px black;
+ display: table-cell;
+ vertical-align: middle;
+ height: 50px;
+ font-size: 20px;
+ text-shadow: 1px 1px 1px black, 1px 0 1px black, 0 -1px 1px black, -1px -1px 1px black;
}
-.text em {
- font-style: normal;
- font-weight: bold;
- font-size: 22px;
-}
\ No newline at end of file
+#stripe .text em {
+ font-style: normal;
+ font-weight: bold;
+ font-size: 22px;
+}
+
+#main {
+ display: block;
+ width: 1920px;
+ height: 1080px;
+}
+#main.soon {
+ background: transparent url("/assets/backgrounds/start-soon.png") no-repeat;
+}
+#main.soon .text, #main.soon .placeholder {
+ position: absolute;
+ width: 50%;
+ left: 25%;
+ text-align: center;
+ top: 97%;
+ font-size: 5em;
+ color: white;
+}
+#main.soon .placeholder {
+ opacity: 0.5;
+ background-color: black;
+ border-radius: 0.2em;
+}
+
+/*# sourceMappingURL=overlay.css.map */
--
Gitblit v1.8.0