Merge branch 'f0ckdev' into 'master'

fixed nav

See merge request !84
This commit is contained in:
noxy 2017-02-04 10:35:16 +00:00
commit 0a37c18b53
7 changed files with 147 additions and 55 deletions

View File

@ -4,11 +4,11 @@
}
body {
margin: 1em auto 3em auto;
background-color: #0B111D;
color: #fff;
font-family: "Cyberfall";
font-size: 12px;
margin: 0em auto 3em auto;
background-color: #0B111D;
color: #fff;
font-family: "Cyberfall";
font-size: 12px;
}
a {
@ -21,10 +21,11 @@ a:hover {
.return {
text-align: center;
border: 2px solid #154d71;
width: 888px;
border-bottom: 2px solid #154d71;
width: 100%;
margin: 0 auto;
background: #121323;
top: 0;
}
.controls {
@ -34,10 +35,26 @@ a:hover {
margin: 0 auto;
background: #121323;
padding-top: 0;
margin-top: 5px;
margin-top: 35px;
border: 2px solid #154d71;
}
.navbar {
margin: 0 auto;
width: 100%;
border: 0;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
position: fixed;
overflow: visible;
z-index: 999;
background-color: #0b111d;
border-bottom: 2px solid #207ea4;
text-align: center;
top: 0;
}
.medium, .thumbnail {
display: flex;
justify-content: center;

View File

@ -14,12 +14,14 @@ a {
}
input, select, textarea {
border: 1px double #00ffc4;
border-radius: 5px;
background: #9a0039;
color: #ACACAC;
font-size: 80%;
font-family: 'Oswald', sans-serif;
border: 1px double #00ffc4;
border-radius: 0;
background: #9a0039;
color: #04e8bd;
font-size: 80%;
font-family: 'Oswald', sans-serif;
margin-top: 3px;
margin-bottom: 3px;
}
a:hover {
@ -34,8 +36,27 @@ a:hover {
text-decoration: none;
animation: glitch2 2s steps(100) infinite;
color: white;
border: 1px solid #9a0039;
border-bottom: 2px solid #9a0039;
background-color: #061412;
margin-top: -60px;
}
ul#posts {
width: calc(100% - 210px);
margin: 0;
margin-left: 100px;
padding: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
-webkit-justify-content: flex-start;
padding-top: 1.5em;
}
.controls {
@ -46,8 +67,8 @@ a:hover {
margin: 0 auto;
background: #061412;
padding-top: 0;
margin-top: 5px;
border: 1px solid #9a0039;
border: 2px solid #9a0039;
margin-top: 60px;
}
.medium, .thumbnail {
@ -91,7 +112,7 @@ a#prev:hover {
}
a#holland {
color: white;
color: #01f4b5;
}
a#holland:hover {
@ -108,11 +129,12 @@ a#holland:hover {
.navbar {
text-align: center;
margin-top: 7px;
width: 888px;
width: 100%;
margin: 0 auto;
border: 2px solid #9a0039;
border-bottom: 2px solid #9a0039;
background: #061412;
padding-bottom: 3px;
padding-bottom: 5px;
top: 0;
}
.plyr--audio .plyr__controls {

View File

@ -42,7 +42,7 @@
</div>
<div class="panel info">
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
<span class="id">ID: {{ id }} | by: <span class="name">{{ username }}</span><span></span><br />
<span class="src">src: <a id="holland" href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
<span class="dest">Download: <a href="{{ dest }}" download>{{ dest }}</a></span><br />
<span class="mime">mime: {{ mime }}</span>&nbsp;<br />

View File

@ -1,5 +1,5 @@
body {
margin: 1em auto 3em auto;
margin: 0em auto 3em auto;
background-color: #eeeeee;
color: #fff;
font-family: sans-serif;
@ -16,7 +16,7 @@ a:hover {
}
.thumb {
border: 2px solid #3333cc;
border: 2px solid #313370;
}
.wrapper {
@ -26,11 +26,19 @@ a:hover {
.navbar {
text-align: center;
margin-top: 7px;
color: #313370;
margin: 0 auto;
width: 100%;
border-bottom: 2px solid;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
background: #aaaacc;
top: 0;
}
input, select, textarea {
border: 1px double #3333cc;
background: #eeeeee;
@ -70,11 +78,12 @@ code {
.return {
text-align: center;
border: 2px solid #313370;
width: 888px;
border-bottom: 2px solid #313370;
width: 100%;
margin: 0 auto;
background: #aaaacc;
margin-bottom: 5px;
top: 0;
}
.controls {
@ -86,6 +95,7 @@ code {
background: #aaaacc;
padding-top: 0;
border: 2px solid #313370;
margin-top: 35px;
}
.medium, .thumbnail {
@ -104,18 +114,6 @@ code {
margin-bottom: 5px;
}
.navbar {
margin-top: 7px;
color: #313370;
margin: 0 auto;
width: 300px;
border: 1px solid;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
background: #aaaacc;
}
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large {
background: #eeeeee;
color: #3535cb;

View File

@ -3,13 +3,14 @@
}
body {
margin: 1em auto 3em auto;
margin: 0em auto 3em auto;
background-color: #1b1a1a;
color: #848484;
font-family: Monospace;
font-size: 12px;
}
a {
color: #fff;
}
@ -29,7 +30,8 @@ input, select, textarea {
.return {
text-align: center;
font-size: 25px;
border: 2px solid #ff008d;
border-bottom: 2px solid #ff008d;
margin-top: -55px;
}
.controls {
@ -40,10 +42,27 @@ input, select, textarea {
margin: 0 auto;
background: #484747;
padding-top: 0;
margin-top: 5px;
margin-top: 55px;
border: 2px solid #ff008d;
}
.navbar {
margin: 0 auto;
width: 100%;
border: 0;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
position: fixed;
overflow: visible;
z-index: 999;
background-color: #484747;
border-bottom: 2px solid #ff008d;
text-align: center;
top: 0;
color: #ff008d;
}
.medium, .thumbnail {
display: flex;
justify-content: center;

View File

@ -9,7 +9,7 @@ html, body {
width: 100%;
}
body {
margin: 1em auto 3em auto;
margin: 0em auto 3em auto;
background-color: #262626;
color: #fff;
font-family: Monospace;
@ -44,6 +44,7 @@ ul#posts {
flex-flow: row wrap;
justify-content: flex-start;
-webkit-justify-content: flex-start;
padding-top: 2.2em;
}
li.post {
padding: 5px;
@ -93,26 +94,43 @@ a:hover {
.controls {
text-align: center;
color: #99ff00;
font-weight: bold;
width: 888px;
margin: 0 auto;
background: #484747;
padding-top: 0;
margin-top: 5px;
margin-top: 35px;
border: 2px solid #99ff00;
color: #99ff00;
background: #484747;
}
.navbar {
text-align: center;
margin-top: 7px;
margin: 0 auto;
width: 100%;
border: 0;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
position: fixed;
overflow: visible;
z-index: 999;
background-color: #484747;
border-bottom: 2px solid #99ff00;
text-align: center;
}
.return {
text-align: center;
border: 2px solid #99ff00;
width: 888px;
border: 0;
width: 100%;
margin: 0 auto;
margin-bottom: 5px;
margin-top: -35px;
position: fixed;
overflow: visible;
z-index: 999;
border-bottom: 2px solid #99ff00;
padding: 5px;
background: #484747;
font-weight: bold;
}
@ -152,7 +170,7 @@ img {
vertical-align: middle;
max-height: 770px;
border: 1px solid black;
box-shadow: 0 0 15px #000;
box-shadow: 0 0 5px #000;
}
.wrapper {

View File

@ -1,7 +1,7 @@
@import url('https://fonts.googleapis.com/css?family=VT323');
body {
margin: 1em auto 3em auto;
margin: 0em auto 3em auto;
background-color: #040404;
color: #fff;
font-family: 'VT323', 'Courier', monospace;
@ -32,11 +32,12 @@ input, select, textarea {
.return {
text-align: center;
font-size: 50px;
font-size: 30px;
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
background: #0b0b0b;
border: 2px solid #0a842a;
border-bottom: 2px solid #0a842a;
margin-top: -60px;
}
.controls {
@ -47,7 +48,7 @@ input, select, textarea {
margin: 0 auto;
background: #0b0b0b;
padding-top: 0;
margin-top: 5px;
margin-top: 60px;
border: 2px solid #0a842a;
}
@ -99,6 +100,23 @@ a#prev {
border: 2px solid #00df00;
}
.navbar {
margin: 0 auto;
width: 100%;
border: 0;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
position: fixed;
overflow: visible;
z-index: 999;
background-color: #0b0b0b;
border-bottom: 2px solid #00df00;
text-align: center;
top: 0;
color: #00df00;
}
.navbar>a {
color: rgba(43,255,0,1);
text-shadow: 0 0 20px #00DF00;