reorganized Raid pages

Lieb/Pages/Raids/RaidOverview/RaidDetails.razor.css

@@ -0,0 +1,93 @@
+body {
+    background-color: rgb(38 38 38);
+    border-radius: 25px;
+    padding: 25px;
+    /*width: 900px;*/
+    width: stretch;
+    color: lightgrey;
+}
+
+h5 {
+    color: lightgrey;
+}
+
+.timesblock {
+    display: block;
+}
+
+.times {
+    display: inline-block;
+    width: 250px;
+    padding-top: 15px;
+}
+
+.detailsblock {
+    display: block;
+}
+
+.details {
+    display: inline-block;
+    width: 250px;
+    padding-top: 15px;
+}
+
+.controlButton {
+    margin-right: 10px;
+}
+
+::deep .raidButton {
+    color: lightgray;
+    background-color: #444444;
+    width: 100px;
+    border: none;
+    padding: 8px;
+    text-align: center;
+    text-decoration: none;
+    margin: 4px 2px;
+    cursor: pointer;
+    border-radius: 8px;
+}
+
+table {
+    column-width: auto;
+    color: lightgray;
+}
+
+.errormessage{
+    color:red;
+}
+
+.signUpStatusTooltip {
+    position: relative;
+    display: inline-block;
+    margin-left: 150px;
+}
+
+.signUpStatusTooltip .tooltiptext {
+    visibility: hidden;
+    width: 120px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    top: -5px;
+    right: 110%;
+}
+
+.signUpStatusTooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 100%;
+    margin-top: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent transparent black;
+}
+
+.signUpStatusTooltip:hover .tooltiptext {
+    visibility: visible;
+}