css update

This commit is contained in:
Laura Hausmann 2020-01-04 16:43:34 +01:00
parent b9bdd9594e
commit d354a1ebb6
4 changed files with 46 additions and 25 deletions

View file

@ -53,10 +53,10 @@
<td>@(Request.Query["orderby"] == "published" ? talk.ReleaseDate?.Date.ToShortDateString() : talk.Date?.Date.ToShortDateString())</td>
<td>@category</td>
@if (isWatched) {
<td style="color: limegreen">@talk.Title</td>
<td style="color: #95cb7a">@talk.Title</td>
}
else if (isMarked) {
<td style="color: orangered">@talk.Title</td>
<td style="color: #da7d4f">@talk.Title</td>
}
else {
<td>@talk.Title</td>

View file

@ -48,10 +48,10 @@
}
@if (isWatched) {
<h3 style="color: limegreen">@title - <i>@speakers</i></h3>
<h3 style="color: #95cb7a">@title - <i>@speakers</i></h3>
}
else if (isMarked) {
<h3 style="color: orangered">@title - <i>@speakers</i></h3>
<h3 style="color: #da7d4f">@title - <i>@speakers</i></h3>
}
else {
<h3>@title - <i>@speakers</i></h3>

View file

@ -26,7 +26,7 @@
</main>
</div>
<footer class="border-top footer text-muted">
<footer class="border-top footer">
<div class="container-fluid" style="width: 90%; text-align: center">
&copy; 2020 - c3stream - <a href="/Privacy">Privacy</a> -
c3stream is not associated with media.ccc.de in any way and is just providing an easy way to store watched talks.

View file

@ -2,26 +2,20 @@
for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand {
color: #e3d7c0 !important;
white-space: normal;
text-align: center;
word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
color: #0366d6;
a:not(.btn):not(.navbar-brand) {
color: #7ca9c8 !important;
}
.btn-primary {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
.navbar {
color: #ebddc4 !important;
background-color: #1b1b18 !important;
border-color: #3c3d3c !important;
}
/* Sticky footer styles
@ -35,13 +29,6 @@ html {
}
}
.border-top {
border-top: 1px solid #e5e5e5;
}
.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
@ -61,6 +48,11 @@ html {
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
color: #ebddc4 !important;
background-color: #1b1b18 !important;
}
.table{
color: #ebddc4 !important;
}
.footer {
position: absolute;
@ -71,5 +63,34 @@ body {
}
.table td {
vertical-align: middle;
border-color: #3c3d3c !important;
}
.table th {
vertical-align: middle;
border-color: #3c3d3c !important;
}
.btn-primary.disabled {
color: #afafa2;
border-color: #3c6385;
background-color: #254667 !important;
opacity: 1;
border-top-color: #254667 !important;
border-bottom-color: #254667 !important;
}
.btn-primary {
color: #ffffff;
border-color: #3c6385;
background-color: #375a7a;
}
.border-top {
border-top-color: #3c3d3c !important;
}
code {
color: #cB6d87 !important;
}