1
0
Fork 0
mirror of https://github.com/Findus23/se-simulator.git synced 2024-09-19 15:53:45 +02:00

minor style changes

This commit is contained in:
Lukas Winkler 2018-04-05 21:48:42 +02:00
parent 9b0fda436e
commit c2719d0183
3 changed files with 34 additions and 15 deletions

View file

@ -32,7 +32,7 @@
asked {{ prettydate(question.datetime) }} by {{ question.user.username }}
<br>
on
<a href="https://{{ question.site.url }}" class="sitename" target="_blank" rel="noopener">
<a href="{{ url_for("index",site=question.site.url) }}" class="sitename">
{{ question.site.name }}
</a>
</div>

View file

@ -1,6 +1,7 @@
{% macro printpage(i,active, site) %}
{# <a href="/projekte/{{ i }}/" class="{{ "active" if i == active else "other" }}">{{ i }}</a>#}
<a href="{{url_for("index", page=i, site=site)}}" class="{{ "active" if i == active|string() else "other" }}">{{ i }}</a>
<a href="{{ url_for("index", page=i, site=site) }}"
class="{{ "active" if i == active|string() else "other" }}">{{ i }}</a>
{% endmacro %}
{% macro pagination(pagearray, num_pages, page, site, top) %}
@ -43,11 +44,14 @@
{%- endmacro %}
{% macro siteheader(site) %}
<header class="siteheader"
style="background-color: {{ site.background_color }};
color: {{ site.foreground_color }}">
<img src="{{ site.icon_url }}" width="30" height="30">
<span>{{ site.name }}</span>
<a class="gotolink" href="https://{{ site.url }}" target="_blank" rel="noopener">Go to site</a>
</header>
<header class="siteheader"
style="background-color: {{ site.background_color }};
color: {{ site.foreground_color }}">
<img src="{{ site.icon_url }}" width="40" height="40">
<a href="{{ url_for("index", site=site.url) }}">
<span>{{ site.name }}</span>
</a>
<a class="gotolink" href="https://{{ site.url }}" target="_blank" rel="noopener">Go to site</a>
</header>
{% endmacro %}

View file

@ -36,7 +36,9 @@ pre > code {
&:not(.singlequestion) {
border-bottom: solid lightgray 1px;
}
border-right: solid 10px transparent;
&.question:not(.singlequestion) {
border-right: solid 10px lightgray;
}
.contentbox {
margin-left: 10px;
width: 100%;
@ -56,6 +58,7 @@ pre > code {
.metadata {
font-size: 12px;
color: grey;
text-align: right;
}
}
.contentfooter {
@ -130,9 +133,18 @@ h2 {
display: flex;
height: 50px;
align-items: center;
padding: 0 10px;
a {
color: inherit;
}
.gotolink {
margin-left: auto;
color: inherit;
}
img {
background: rgba(255, 255, 255, 0.5);
padding: 5px;
border-radius: 50%;
margin-right: 10px;
}
}
@ -199,7 +211,6 @@ button {
padding: 20px 0;
}
footer {
padding: 1rem 2rem;
display: flex;
@ -207,7 +218,7 @@ footer {
justify-content: space-between;
a {
color: #111;
}
}
@ -216,6 +227,10 @@ footer {
}
@keyframes target-fade {
0% { background-color: rgba(0,0,0,.1); }
100% { background-color: rgba(0,0,0,0); }
0% {
background-color: rgba(0, 0, 0, .1);
}
100% {
background-color: rgba(0, 0, 0, 0);
}
}