Move from old git to gittea

src/app/pages/modus/focus/focus.component.css

@@ -0,0 +1,165 @@
+
+/* focus-timer.component.scss */
+app-tusha-page {
+  height: 500px;
+}
+
+.leftright-line {
+  display: flex;
+  justify-content: space-between;
+}
+
+.countdown-box {
+  width: 320px;
+  height: 320px;
+  border: 2px solid;
+  padding: 0.5em 0.5em 0.5em 0.5em;
+}
+
+.countdown-state-text {
+  font-family: Monaco, "Lucida Console", monospace;
+  text-transform: uppercase;
+}
+
+.countdown-state-stopped-box {
+  background-color: lightcoral;
+  border-color: darkred;
+}
+
+.countdown-state-stopped-text{
+  color: darkred;
+}
+
+.countdown-state-short-break-box {
+  background-color: lightgreen;
+  border-color: darkgreen;
+}
+
+.countdown-state-short-break-text {
+  color: darkgreen;
+}
+
+.countdown-state-long-break-box {
+  background-color: peachpuff;
+  border-color: orangered;
+}
+
+.countdown-state-long-break-text {
+  color: orangered;
+
+}
+
+.countdown-state-in-focus-box {
+  background-color: lightblue;
+  border-color: darkblue;
+}
+
+.countdown-state-in-focus-text {
+  color: darkblue;
+}
+
+.focustimer {
+  position: relative;
+  width: 270px;
+  height: 270px;
+  border-radius: 50%;
+  overflow: hidden;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px solid;
+  background-color: lavender;
+}
+
+
+
+
+.countdown {
+  position: relative;
+  display: inline-block;
+  width: 300px;
+  height: 300px;
+  align-content: center;
+  z-index: 3;
+}
+
+.focusmode {
+  border-width: 10px;
+  border-color: lightblue;
+  border-style: outset;
+  background-color: aliceblue;
+}
+
+.breakmode {
+  border-width: 10px;
+  border-color: antiquewhite;
+  border-style: outset;
+  background-color: beige;
+}
+
+ion-button {
+  position: relative;
+  left: 50%;
+  margin-top: 20px;
+  transform: translate(-50%, 0%);
+}
+
+.countdown-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 4em;
+  color: var(--ion-color-primary);
+}
+
+.timer {
+  width: 350px;
+  height: 350px;
+}
+
+.state {
+  font-weight: bold;
+  font-size: 1.5em;
+  border: 2px solid;
+  width: 350px;
+  height: 350px;
+  text-align: center;
+  margin: 0 auto;
+  padding: 10px;
+  display: block;
+  position: relative;
+  top: -350px;
+  left: -50px;
+}
+
+.state-stopped {
+  color: darkred;
+  background-color: lightcoral;
+  border-color: darkred;
+}
+
+.state-short_break {
+  color: darkgreen;
+  background-color: lightgreen;
+  border-color: darkgreen;
+}
+
+.state-long_break {
+  color: orangered;
+  background-color: peachpuff;
+  border-color: orangered;
+}
+
+.state_in_focus {
+  color: darkblue;
+  background-color: lightblue;
+  border-color: darkblue;
+}
+
+.button-bar {
+  width: 350px;
+  display: block;
+}
+