f0ck/f0ckv1
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'f0ckdev' into 'master'

Browse Source 
Neues Layout

See merge request !71
This commit is contained in:
noxy 2017-02-01 12:10:47 +00:00
commit 058325f8eb
7 changed files with 242 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
s/coldblue.css
View File

@ -1,45 +1,72 @@
@font-face {
font-family: "Cyberfall";
src: url(https://dr0p.it/Clgl.otf) format("opentype");
}
body {
margin: 1em auto 3em auto;
background-color: #0B111D;
color: #fff;
font-family: "Cyberfall";
font-size: 12px;
}
a {
color: #00ffed;
}
a:hover {
color: #00b4ef;
}
.panel {
margin-bottom: 0;
background-color: rgb(18, 19, 35);
border: 5px solid #154D71;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
width: 25%;
float: left;
position: relative;
min-height: 1px;
}
input, select, textarea {
border: 1px double #00edff;
background: #282A2E;
color: #f1e3ce;
font-family: 'Hack', monospace, sans-serif;
font-size: 80%;
}
.thumb {
border: 2px solid #207ea4;
}
@font-face {
font-family: "Cyberfall";
src: url(https://dr0p.it/Clgl.otf) format("opentype");
}
body {
margin: 1em auto 3em auto;
background-color: #0B111D;
color: #fff;
font-family: "Cyberfall";
font-size: 12px;
}
a {
color: #00ffed;
}
a:hover {
color: #00b4ef;
}
.return {
text-align: center;
border: 2px solid #154d71;
width: 888px;
margin: 0 auto;
background: #121323;
}
.controls {
text-align: center;
color: #00ffed;
width: 888px;
margin: 0 auto;
background: #121323;
padding-top: 0;
margin-top: 5px;
border: 2px solid #154d71;
}
.medium, .thumbnail {
display: flex;
justify-content: center;
margin-top: 5px;
background: #121323;
border: 2px solid #154d71;
padding: 5px;
}
.panel {
margin-bottom: 0;
background-color: rgb(18, 19, 35);
border: 2px solid #154D71;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
width: 25%;
position: relative;
min-height: 1px;
}
input, select, textarea {
border: 1px double #00edff;
background: #282A2E;
color: #f1e3ce;
font-family: 'Hack', monospace, sans-serif;
font-size: 80%;
}
.thumb {
border: 2px solid #207ea4;
}

39
s/cyber.css
View File

@ -34,8 +34,33 @@ a:hover {
text-decoration: none;
animation: glitch2 2s steps(100) infinite;
color: white;
border: 1px solid #9a0039;
background-color: #061412;
}
.controls {
text-align: center;
color: #01f4b5;
font-weight: bold;
width: 888px;
margin: 0 auto;
background: #061412;
padding-top: 0;
margin-top: 5px;
border: 1px solid #9a0039;
}
.medium, .thumbnail {
display: flex;
justify-content: center;
margin-top: 5px;
background: #061412;
border: 2px solid #9a0039;
padding: 5px;
}
.thumb {
border: 2px solid rgb(4, 232, 189);
}
@ -76,8 +101,18 @@ a#holland:hover {
/* PANEL */
.panel {
background-color: rgba(4, 27, 23, 0.61);
border: 5px solid #9a0039;
background-color: rgba(4, 27, 23, 0.61);
border: 2px solid #9a0039;
}
.navbar {
text-align: center;
margin-top: 7px;
width: 888px;
margin: 0 auto;
border: 2px solid #9a0039;
background: #061412;
padding-bottom: 3px;
}
@keyframes noise-anim {

6
s/item.tpl.html
View File

@ -20,7 +20,7 @@
&nbsp;| <a id="prev" href="/{{ prev }}">->></a>
{% endif %}
</div>
<div class="wrapper">
<div class="medium">
{% if item == "video" %}
<video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
@ -38,6 +38,8 @@
{% else %}
<h1>404 - Not f0cked</h1>
{% endif %}
</div>
</div>
<div class="panel info">
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
@ -50,7 +52,7 @@
<span class="timestamp">timestamp: {{ timestamp }}</span><br>
<span id="themes">theme: </span>
</div>
</div>
<script src="./s/shit.js"></script>
<script src="./s/theme.js"></script>
</body>

35
s/krautchan.css
View File

@ -19,6 +19,12 @@ a:hover {
border: 2px solid #3333cc;
}
.wrapper {
margin: 0 auto;
width: 888px;
}
.navbar {
text-align: center;
margin-top: 7px;
@ -37,7 +43,7 @@ input, select, textarea {
.panel {
margin-bottom: 0;
background-color: #aaaacc;
border: 5px solid #313370;
border: 2px solid #313370;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
@ -64,23 +70,38 @@ code {
.return {
text-align: center;
border: 1px solid black;
width: 300px;
border: 2px solid #313370;
width: 888px;
margin: 0 auto;
background: #aaaacc;
margin-bottom: 5px;
}
.controls {
text-align: center;
color: #3333cc;
font-weight: bold;
width: 300px;
width: 888px;
margin: 0 auto;
border-left: 1px solid black;
background: #aaaacc;
border-right: 1px solid black;
border-bottom: 1px solid black;
padding-top: 0;
border: 2px solid #313370;
}
.medium, .thumbnail {
display: flex;
justify-content: center;
margin-top: 5px;
background: #aaaacc;
border: 2px solid #313370;
}
.panel.info {
margin: 0 auto;
margin-top: 5px;
float: none;
width: 888px;
margin-bottom: 5px;
}
.navbar {

26
s/pink.css
View File

@ -29,6 +29,28 @@ input, select, textarea {
.return {
text-align: center;
font-size: 25px;
border: 2px solid #ff008d;
}
.controls {
text-align: center;
color: #ff008d;
font-weight: bold;
width: 888px;
margin: 0 auto;
background: #484747;
padding-top: 0;
margin-top: 5px;
border: 2px solid #ff008d;
}
.medium, .thumbnail {
display: flex;
justify-content: center;
margin-top: 5px;
background: #484747;
border: 2px solid #ff008d;
padding: 5px;
}
span.id {
@ -45,8 +67,8 @@ code {
.panel {
margin-bottom: 0;
background-color: rgba(34, 34, 34, 0.61);
border: 5px solid #ff008d;
background-color: rgb(72, 71, 71);
border: 2px solid #ff008d;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;

70
s/style.css
View File

@ -66,10 +66,14 @@ a:hover {
}
.medium, .thumbnail {
display: flex;
justify-content: center;
margin-top: 10px;
display: flex;
justify-content: center;
margin-top: 5px;
background: #484747;
border: 2px solid #99ff00;
padding: 5px;
}
.info {
padding-top: 5px;
}
@ -77,17 +81,33 @@ a:hover {
text-align: center;
padding-bottom: 10px;
}
.controls {
text-align: center;
padding-top: 10px;
text-align: center;
color: #99ff00;
font-weight: bold;
width: 888px;
margin: 0 auto;
background: #484747;
padding-top: 0;
margin-top: 5px;
border: 1px solid #99ff00;
}
.navbar {
text-align: center;
margin-top: 7px;
}
.return {
text-align: center;
text-align: center;
border: 1px solid #99ff00;
width: 888px;
margin: 0 auto;
background: #484747;
font-weight: bold;
}
.irc {
margin: 20px;
}
@ -96,19 +116,35 @@ code {
}
.panel {
margin-bottom: 0;
background-color: rgba(34, 34, 34, 0.61);
border: 5px solid #383838;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
width: 25%;
float: left;
position: relative;
min-height: 1px;
margin-bottom: 0;
background-color: #484747;
border: 2px solid #99ff00;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
width: 25%;
float: left;
position: relative;
min-height: 1px;
color: #ffffff;
padding-bottom: 5px;
}
.panel.info {
margin: 0 auto;
margin-top: 5px;
float: none;
width: 888px;
margin-bottom: 5px;
}
img {
vertical-align: middle;
max-height: 770px;
}
}
.wrapper {
margin: 0 auto;
width: 888px;
}

28
s/term.css
View File

@ -35,6 +35,29 @@ input, select, textarea {
font-size: 50px;
color: #00DF00;
text-shadow: 0 0 20px #00DF00;
background: #0b0b0b;
border: 2px solid #0a842a;
}
.controls {
text-align: center;
color: #00d500;
font-weight: bold;
width: 888px;
margin: 0 auto;
background: #0b0b0b;
padding-top: 0;
margin-top: 5px;
border: 2px solid #0a842a;
}
.medium, .thumbnail {
display: flex;
justify-content: center;
margin-top: 5px;
background: #0b0b0b;
border: 2px solid #0a842a;
padding: 5px;
}
a#next {
@ -55,7 +78,7 @@ a#prev {
.panel {
margin-bottom: 0;
background-color: rgba(16, 16, 16, 0.61);
border: 5px solid #0b842b;
border: 2px solid #0b842b;
border-radius: 0px;
padding-left: 10px;
padding-right: 10px;
@ -63,9 +86,6 @@ a#prev {
float: left;
position: relative;
min-height: 1px;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,255,30,1);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,255,30,1);
box-shadow: 10px 10px 0px 0px rgba(0,255,30,1);
}
.thumb:hover {