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 { body {
margin: 1em auto 3em auto; margin: 0em auto 3em auto;
background-color: #0B111D; background-color: #0B111D;
color: #fff; color: #fff;
font-family: "Cyberfall"; font-family: "Cyberfall";
font-size: 12px; font-size: 12px;
} }
a { a {
@ -21,10 +21,11 @@ a:hover {
.return { .return {
text-align: center; text-align: center;
border: 2px solid #154d71; border-bottom: 2px solid #154d71;
width: 888px; width: 100%;
margin: 0 auto; margin: 0 auto;
background: #121323; background: #121323;
top: 0;
} }
.controls { .controls {
@ -34,10 +35,26 @@ a:hover {
margin: 0 auto; margin: 0 auto;
background: #121323; background: #121323;
padding-top: 0; padding-top: 0;
margin-top: 5px; margin-top: 35px;
border: 2px solid #154d71; 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 { .medium, .thumbnail {
display: flex; display: flex;
justify-content: center; justify-content: center;

View File

@ -14,12 +14,14 @@ a {
} }
input, select, textarea { input, select, textarea {
border: 1px double #00ffc4; border: 1px double #00ffc4;
border-radius: 5px; border-radius: 0;
background: #9a0039; background: #9a0039;
color: #ACACAC; color: #04e8bd;
font-size: 80%; font-size: 80%;
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
margin-top: 3px;
margin-bottom: 3px;
} }
a:hover { a:hover {
@ -34,8 +36,27 @@ a:hover {
text-decoration: none; text-decoration: none;
animation: glitch2 2s steps(100) infinite; animation: glitch2 2s steps(100) infinite;
color: white; color: white;
border: 1px solid #9a0039; border-bottom: 2px solid #9a0039;
background-color: #061412; 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 { .controls {
@ -46,8 +67,8 @@ a:hover {
margin: 0 auto; margin: 0 auto;
background: #061412; background: #061412;
padding-top: 0; padding-top: 0;
margin-top: 5px; border: 2px solid #9a0039;
border: 1px solid #9a0039; margin-top: 60px;
} }
.medium, .thumbnail { .medium, .thumbnail {
@ -91,7 +112,7 @@ a#prev:hover {
} }
a#holland { a#holland {
color: white; color: #01f4b5;
} }
a#holland:hover { a#holland:hover {
@ -108,11 +129,12 @@ a#holland:hover {
.navbar { .navbar {
text-align: center; text-align: center;
margin-top: 7px; margin-top: 7px;
width: 888px; width: 100%;
margin: 0 auto; margin: 0 auto;
border: 2px solid #9a0039; border-bottom: 2px solid #9a0039;
background: #061412; background: #061412;
padding-bottom: 3px; padding-bottom: 5px;
top: 0;
} }
.plyr--audio .plyr__controls { .plyr--audio .plyr__controls {

View File

@ -42,7 +42,7 @@
</div> </div>
<div class="panel info"> <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="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="dest">Download: <a href="{{ dest }}" download>{{ dest }}</a></span><br />
<span class="mime">mime: {{ mime }}</span>&nbsp;<br /> <span class="mime">mime: {{ mime }}</span>&nbsp;<br />

View File

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

View File

@ -3,13 +3,14 @@
} }
body { body {
margin: 1em auto 3em auto; margin: 0em auto 3em auto;
background-color: #1b1a1a; background-color: #1b1a1a;
color: #848484; color: #848484;
font-family: Monospace; font-family: Monospace;
font-size: 12px; font-size: 12px;
} }
a { a {
color: #fff; color: #fff;
} }
@ -29,7 +30,8 @@ input, select, textarea {
.return { .return {
text-align: center; text-align: center;
font-size: 25px; font-size: 25px;
border: 2px solid #ff008d; border-bottom: 2px solid #ff008d;
margin-top: -55px;
} }
.controls { .controls {
@ -40,10 +42,27 @@ input, select, textarea {
margin: 0 auto; margin: 0 auto;
background: #484747; background: #484747;
padding-top: 0; padding-top: 0;
margin-top: 5px; margin-top: 55px;
border: 2px solid #ff008d; 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 { .medium, .thumbnail {
display: flex; display: flex;
justify-content: center; justify-content: center;

View File

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

View File

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