Redesign 1 bcrypt #226
3 changed files with 42 additions and 17 deletions
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue