Redesign 1 bcrypt #226

Merged
bones7242 merged 156 commits from redesign-1-bcrypt into master 2017-10-30 15:55:14 +01:00
3 changed files with 42 additions and 17 deletions
Showing only changes of commit 48697e3042 - Show all commits

View file

@ -412,14 +412,14 @@ table {
}
.nav-bar-title, .nav-bar-link {
padding: 2rem 1rem 1.5rem 1rem;
padding: 2rem 1rem 2rem 1rem;
display: inline-block;
color: black;
}
.nav-bar-logo {
vertical-align: text-bottom;
height: 2em;
height: 2rem;
}
.nav-bar-title--superscript {

View file

@ -33,29 +33,39 @@
width: 100%;
}
.column--sml-10 {
width: 100%;
}
.h2--top {
margin-top: 1em;
}
.nav-bar {
height: 9rem;
}
.row--full-height {
height: calc(100% - 16rem);
.nav-bar-title-section {
width:100%;
padding: 0px;
}
.nav-bar-title {
padding-bottom: 0px;
width: calc(25% - 2rem);
padding: 1rem;
}
.nav-bar-logo {
height: 1.5rem;
}
.nav-bar-link-section {
position: relative;
padding-left: 0px;
width: 75%;
padding: 0px;
}
.column--sml-10 {
width: 100%;
.nav-bar-link {
float: left;
text-align: center;
width: calc(25% - 2rem);
padding: 1rem;
margin: 0px;
}
#publish-active-area > .row, #publish-details > .row, #channel-login-form > .row, #publish-channel-form > .row {
@ -63,7 +73,17 @@
}
}
@media (max-width: 450px) {
@media (max-width: 500px) {
.nav-bar-logo {
height: 1rem;
}
.nav-bar-link {
font-size: small;
width: calc(25% - 1rem);
padding: 1rem 0.5rem 1rem 0.5rem;
}
body, button, input, textarea, label, select, option, p, .publish-fine-print {
font-size: small;
@ -84,6 +104,10 @@
@media (max-width: 360px) {
.nav-bar-link {
font-size: x-small;
}
body, button, input, textarea, label, select, option, p, .publish-fine-print, .instructions-text--large {
font-size: x-small;
}

View file

@ -1,8 +1,9 @@
<div class="row-wide nav-bar">
<div class="nav-bar-title-section">
<a href="/"><img class="nav-bar-logo nav-bar-title" src="/assets/img/logo.gif" alt="spee.ch"/></a>
<span class="nav-bar-title nav-bar-title--superscript">(beta)</span>
<span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video hosting.</span>
<div class="nav-bar-title">
<a href="/"><img class="nav-bar-logo" src="/assets/img/logo.gif" alt="spee.ch"/></a>
<span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video sharing.</span>
</div>
<div class="nav-bar-link-section">
<a class="nav-bar-link" href="/">Upload</a>
<a class="nav-bar-link" href="/popular">Popular</a>