Add: Site icon overlay on gallery
This commit is contained in:
parent
883da86b82
commit
44f924a817
2 changed files with 39 additions and 0 deletions
|
@ -0,0 +1,11 @@
|
|||
|
||||
{% load static %}
|
||||
|
||||
<a class="site-btn-overlay" href='{{ category }}'>
|
||||
{% if category == "twitter" %}
|
||||
<img src='{% static "/img/site-logos/twitter_logo.png" %}' alt="{{ category }}"/>
|
||||
{% else %}
|
||||
<small>{{ category|capfirst }}</small>
|
||||
|
||||
{% endif %}
|
||||
</a>
|
|
@ -242,6 +242,34 @@
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*=================================================================
|
||||
Site icon overlay on gallery
|
||||
=================================================================*/
|
||||
|
||||
.site-btn-overlay {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
right: 0;
|
||||
top: 0;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
line-height: 14px;
|
||||
letter-spacing: .5px;
|
||||
width: 30px;
|
||||
color: #232326;
|
||||
background-color: #414141;
|
||||
border: 1.25px solid #232326;
|
||||
border-radius: 0 1vmin 0 1vmin;
|
||||
white-space: nowrap;
|
||||
padding: 4px 4px 5px;
|
||||
margin: 0 0 0 1px;
|
||||
cursor: pointer;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.site-btn-overlay img {
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
|
||||
/*=================================================================
|
||||
|
|
Loading…
Reference in a new issue