zotan/c3stream
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

css update

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Pages/Conference.cshtml
View file

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

4
Pages/Info.cshtml
View file

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

2
Pages/Shared/_Layout.cshtml
View file

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

61
wwwroot/css/site.css
View file

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