commit
0a37c18b53
@ -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;
|
||||
|
48
s/cyber.css
48
s/cyber.css
@ -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 {
|
||||
|
@ -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> <br />
|
||||
|
@ -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;
|
||||
|
25
s/pink.css
25
s/pink.css
@ -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;
|
||||
|
36
s/style.css
36
s/style.css
@ -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 {
|
||||
|
26
s/term.css
26
s/term.css
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user