- added dino sprites
- updates html background -update instructions.txt
This commit is contained in:
gocivici
parent
65de2cd90b
commit
49aa969572
@ -14,7 +14,7 @@ const io = new Server(server, {
|
||||
var Filter = require('bad-words')
|
||||
filter = new Filter();
|
||||
|
||||
app.use(requireHTTPS); // Set 'SET NODE_ENV=development' in local computer before use
|
||||
// app.use(requireHTTPS); // Set 'SET NODE_ENV=development' in local computer before use
|
||||
|
||||
function requireHTTPS(req, res, next) {
|
||||
// The 'x-forwarded-proto' check is for Heroku
|
||||
@ -43,6 +43,7 @@ io.on('connection', (socket)=>{
|
||||
y:136,
|
||||
clickX:615,
|
||||
clickY:136,
|
||||
roomId:1,
|
||||
message:'',
|
||||
username:"Visitor",
|
||||
timeoutId:0
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB |
BIN
public/characterSprites/Green/Down.png
Normal file
BIN
public/characterSprites/Green/Down.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/characterSprites/Green/Left.png
Normal file
BIN
public/characterSprites/Green/Left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/characterSprites/Green/Right.png
Normal file
BIN
public/characterSprites/Green/Right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/characterSprites/Green/Up.png
Normal file
BIN
public/characterSprites/Green/Up.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
@ -61,7 +61,7 @@ class Player extends Sprite {
|
||||
ctx.beginPath();
|
||||
ctx.textAlign = "center";
|
||||
ctx.font = 'bold 18px win98';
|
||||
ctx.fillStyle = 'cyan';
|
||||
ctx.fillStyle = 'white';
|
||||
ctx.fillText(this.username, this.position.x, this.position.y+15);
|
||||
ctx.font = 'normal 15px sans-serif';
|
||||
|
||||
|
||||
@ -14,7 +14,7 @@ class Sprite{
|
||||
this.frames = frames
|
||||
this.currentFrame = 0
|
||||
this.elapsedFrames = 0
|
||||
this.frameBuffer = 10
|
||||
this.frameBuffer = 7
|
||||
this.sprites = sprites
|
||||
this.Up = new Image()
|
||||
this.Down = new Image()
|
||||
@ -66,12 +66,14 @@ class Sprite{
|
||||
updateFrames(){
|
||||
this.elapsedFrames++
|
||||
// this.currentFrame++
|
||||
if(this.elapsedFrames % this.frameBuffer === 0){
|
||||
// console.log(this.currentFrame);
|
||||
if((this.elapsedFrames % this.frameBuffer === 0) && this.frames>1){
|
||||
|
||||
if(this.currentFrame < this.frames-1){
|
||||
this.currentFrame++
|
||||
}
|
||||
else{
|
||||
this.currentFrame=0
|
||||
this.currentFrame=1
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
public/css/CONSOLA.TTF
Normal file
BIN
public/css/CONSOLA.TTF
Normal file
Binary file not shown.
BIN
public/css/FreePixel.ttf
Normal file
BIN
public/css/FreePixel.ttf
Normal file
Binary file not shown.
BIN
public/css/IBMega.woff
Normal file
BIN
public/css/IBMega.woff
Normal file
Binary file not shown.
BIN
public/css/IBMvga.woff
Normal file
BIN
public/css/IBMvga.woff
Normal file
Binary file not shown.
BIN
public/css/WinReg.ttf
Normal file
BIN
public/css/WinReg.ttf
Normal file
Binary file not shown.
819
public/css/big.flf
Normal file
819
public/css/big.flf
Normal file
@ -0,0 +1,819 @@
|
||||
flf2a$ 8 6 20 15 2
|
||||
Big by Glenn Chappell 4/93 -- based on Standard
|
||||
Figlet release 2.0 -- August 5, 1993
|
||||
$@
|
||||
$@
|
||||
$@
|
||||
$@
|
||||
$@
|
||||
$@
|
||||
$@
|
||||
$@@
|
||||
_ @
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
|_|@
|
||||
(_)@
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
( | )@
|
||||
V V @
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
@@
|
||||
( ) ) @
|
||||
) ( ( @
|
||||
_______)_ @
|
||||
.-'---------|@
|
||||
( C|/\/\/\/\/|@
|
||||
'-./\/\/\/\/|@
|
||||
'_________'@
|
||||
@@
|
||||
__/ \ @
|
||||
___/ __\ @
|
||||
|\ __/\\ |@
|
||||
\ \_/\\ H_/@
|
||||
\ | H_/Y @
|
||||
\|_/Y ! @
|
||||
! @
|
||||
@@
|
||||
/|\ @
|
||||
/ | \ |"""""""""""--__ @
|
||||
| ( ) | |____________--""@
|
||||
| .-. | | | @
|
||||
]( 0 )[ | | @
|
||||
/ `-' \ | | @
|
||||
/ /' `\ \ | | @
|
||||
@@
|
||||
@
|
||||
___ @
|
||||
( _ ) @
|
||||
/ _ \/\@
|
||||
| (_> <@
|
||||
\___/\/@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
( )@
|
||||
|/ @
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
@@
|
||||
(\ @
|
||||
\'\ __________ @
|
||||
/ '| ()_________) @
|
||||
\ '/ \ ~~~~~~~~ \ @
|
||||
\ \ ~~~~~~ \ @
|
||||
==). \__________\ @
|
||||
(__) ()__________)@
|
||||
@@
|
||||
_______________ @
|
||||
|,----------. |\ @
|
||||
|| |=| | @
|
||||
|| || | | @
|
||||
|| . _o| | | __@
|
||||
|`-----------' |/ /~/@
|
||||
~~~~~~~~~~~~~~~ / / @
|
||||
@@
|
||||
_______________________ @
|
||||
| / _ \| _ \ __| \| | |@
|
||||
| | (_) | _/ _|| .` | |@
|
||||
| \___/|_| |___|_|\_| |@
|
||||
| |_ | | | / |_ | |@
|
||||
| | _|_ |/ / | | |@
|
||||
| |___| |_|_/ |_| |@
|
||||
@@
|
||||
@
|
||||
_ @
|
||||
_| |_ @
|
||||
|_ _|@
|
||||
|_| @
|
||||
@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
_ @
|
||||
( )@
|
||||
|/ @
|
||||
@@
|
||||
@
|
||||
@
|
||||
______ @
|
||||
|______|@
|
||||
@
|
||||
@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
_ @
|
||||
(_)@
|
||||
@
|
||||
@@
|
||||
__@
|
||||
/ /@
|
||||
/ / @
|
||||
/ / @
|
||||
/ / @
|
||||
/_/ @
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
/ _ \ @
|
||||
| | | |@
|
||||
| | | |@
|
||||
| |_| |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
__ @
|
||||
/_ |@
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
|_|@
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
|__ \ @
|
||||
) |@
|
||||
/ / @
|
||||
/ /_ @
|
||||
|____|@
|
||||
@
|
||||
@@
|
||||
____ @
|
||||
|___ \ @
|
||||
__) |@
|
||||
|__ < @
|
||||
___) |@
|
||||
|____/ @
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
| || | @
|
||||
| || |_ @
|
||||
|__ _|@
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
| ____|@
|
||||
| |__ @
|
||||
|___ \ @
|
||||
___) |@
|
||||
|____/ @
|
||||
@
|
||||
@@
|
||||
__ @
|
||||
/ / @
|
||||
/ /_ @
|
||||
| '_ \ @
|
||||
| (_) |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
______ @
|
||||
|____ |@
|
||||
/ / @
|
||||
/ / @
|
||||
/ / @
|
||||
/_/ @
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
/ _ \ @
|
||||
| (_) |@
|
||||
> _ < @
|
||||
| (_) |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
/ _ \ @
|
||||
| (_) |@
|
||||
\__, |@
|
||||
/ / @
|
||||
/_/ @
|
||||
@
|
||||
@@
|
||||
@
|
||||
_ @
|
||||
(_)@
|
||||
@
|
||||
_ @
|
||||
(_)@
|
||||
@
|
||||
@@
|
||||
@
|
||||
_ @
|
||||
(_)@
|
||||
@
|
||||
_ @
|
||||
( )@
|
||||
|/ @
|
||||
@@
|
||||
__@
|
||||
/ /@
|
||||
/ / @
|
||||
< < @
|
||||
\ \ @
|
||||
\_\@
|
||||
@
|
||||
@@
|
||||
@
|
||||
______ @
|
||||
|______|@
|
||||
______ @
|
||||
|______|@
|
||||
@
|
||||
@
|
||||
@@
|
||||
__ @
|
||||
\ \ @
|
||||
\ \ @
|
||||
> >@
|
||||
/ / @
|
||||
/_/ @
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
|__ \ @
|
||||
) |@
|
||||
/ / @
|
||||
|_| @
|
||||
(_) @
|
||||
@
|
||||
@@
|
||||
@
|
||||
____ @
|
||||
/ __ \ @
|
||||
/ / _` |@
|
||||
| | (_| |@
|
||||
\ \__,_|@
|
||||
\____/ @
|
||||
@@
|
||||
___ @
|
||||
/ _ \ @
|
||||
| |_| |@
|
||||
| _ |@
|
||||
| | | |@
|
||||
|_| |_|@
|
||||
@
|
||||
@@
|
||||
____ @
|
||||
| _ \ @
|
||||
| |_) |@
|
||||
| _ < @
|
||||
| |_) |@
|
||||
|____/ @
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
/ ____|@
|
||||
| | @
|
||||
| | @
|
||||
| |____ @
|
||||
\_____|@
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
| __ \ @
|
||||
| | | |@
|
||||
| | | |@
|
||||
| |__| |@
|
||||
|_____/ @
|
||||
@
|
||||
@@
|
||||
______ @
|
||||
| ____|@
|
||||
| |__ @
|
||||
| __| @
|
||||
| |____ @
|
||||
|______|@
|
||||
@
|
||||
@@
|
||||
______ @
|
||||
| ____|@
|
||||
| |__ @
|
||||
| __| @
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
/ ____|@
|
||||
| | __ @
|
||||
| | |_ |@
|
||||
| |__| |@
|
||||
\_____|@
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
| | | |@
|
||||
| |__| |@
|
||||
| __ |@
|
||||
| | | |@
|
||||
|_| |_|@
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
|_ _|@
|
||||
| | @
|
||||
| | @
|
||||
_| |_ @
|
||||
|_____|@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
| |@
|
||||
| |@
|
||||
_ | |@
|
||||
| |__| |@
|
||||
\____/ @
|
||||
@
|
||||
@@
|
||||
_ __@
|
||||
| |/ /@
|
||||
| ' / @
|
||||
| < @
|
||||
| . \ @
|
||||
|_|\_\@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
| | @
|
||||
| | @
|
||||
| | @
|
||||
| |____ @
|
||||
|______|@
|
||||
@
|
||||
@@
|
||||
__ __ @
|
||||
| \/ |@
|
||||
| \ / |@
|
||||
| |\/| |@
|
||||
| | | |@
|
||||
|_| |_|@
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
| \ | |@
|
||||
| \| |@
|
||||
| . ` |@
|
||||
| |\ |@
|
||||
|_| \_|@
|
||||
@
|
||||
@@
|
||||
____ @
|
||||
/ __ \ @
|
||||
| | | |@
|
||||
| | | |@
|
||||
| |__| |@
|
||||
\____/ @
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
| __ \ @
|
||||
| |__) |@
|
||||
| ___/ @
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
____ @
|
||||
/ __ \ @
|
||||
| | | |@
|
||||
| | | |@
|
||||
| |__| |@
|
||||
\___\_\@
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
| __ \ @
|
||||
| |__) |@
|
||||
| _ / @
|
||||
| | \ \ @
|
||||
|_| \_\@
|
||||
@
|
||||
@@
|
||||
_____ @
|
||||
/ ____|@
|
||||
| (___ @
|
||||
\___ \ @
|
||||
____) |@
|
||||
|_____/ @
|
||||
@
|
||||
@@
|
||||
_______ @
|
||||
|__ __|@
|
||||
| | @
|
||||
| | @
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
| | | |@
|
||||
| | | |@
|
||||
| | | |@
|
||||
| |__| |@
|
||||
\____/ @
|
||||
@
|
||||
@@
|
||||
__ __@
|
||||
\ \ / /@
|
||||
\ \ / / @
|
||||
\ \/ / @
|
||||
\ / @
|
||||
\/ @
|
||||
@
|
||||
@@
|
||||
__ __@
|
||||
\ \ / /@
|
||||
\ \ /\ / / @
|
||||
\ \/ \/ / @
|
||||
\ /\ / @
|
||||
\/ \/ @
|
||||
@
|
||||
@@
|
||||
__ __@
|
||||
\ \ / /@
|
||||
\ V / @
|
||||
> < @
|
||||
/ . \ @
|
||||
/_/ \_\@
|
||||
@
|
||||
@@
|
||||
__ __@
|
||||
\ \ / /@
|
||||
\ \_/ / @
|
||||
\ / @
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
______@
|
||||
|___ /@
|
||||
/ / @
|
||||
/ / @
|
||||
/ /__ @
|
||||
/_____|@
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
| _|@
|
||||
| | @
|
||||
| | @
|
||||
| | @
|
||||
| |_ @
|
||||
|___|@
|
||||
@@
|
||||
__ @
|
||||
\ \ @
|
||||
\ \ @
|
||||
\ \ @
|
||||
\ \ @
|
||||
\_\@
|
||||
@
|
||||
@@
|
||||
___ @
|
||||
|_ |@
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
_| |@
|
||||
|___|@
|
||||
@@
|
||||
@
|
||||
/\ @
|
||||
|/\|@
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
______ @
|
||||
|______|@
|
||||
@@
|
||||
_ @
|
||||
( )@
|
||||
\|@
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
__ _ @
|
||||
/ _` |@
|
||||
| (_| |@
|
||||
\__,_|@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
| | @
|
||||
| |__ @
|
||||
| '_ \ @
|
||||
| |_) |@
|
||||
|_.__/ @
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
___ @
|
||||
/ __|@
|
||||
| (__ @
|
||||
\___|@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
| |@
|
||||
__| |@
|
||||
/ _` |@
|
||||
| (_| |@
|
||||
\__,_|@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
___ @
|
||||
/ _ \@
|
||||
| __/@
|
||||
\___|@
|
||||
@
|
||||
@@
|
||||
__ @
|
||||
/ _|@
|
||||
| |_ @
|
||||
| _|@
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
__ _ @
|
||||
/ _` |@
|
||||
| (_| |@
|
||||
\__, |@
|
||||
__/ |@
|
||||
@@
|
||||
_ @
|
||||
| | @
|
||||
| |__ @
|
||||
| '_ \ @
|
||||
| | | |@
|
||||
|_| |_|@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
(_)@
|
||||
_ @
|
||||
| |@
|
||||
| |@
|
||||
|_|@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
(_)@
|
||||
_ @
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
_/ |@
|
||||
@@
|
||||
_ @
|
||||
| | @
|
||||
| | __@
|
||||
| |/ /@
|
||||
| < @
|
||||
|_|\_\@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
|_|@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
_ __ ___ @
|
||||
| '_ ` _ \ @
|
||||
| | | | | |@
|
||||
|_| |_| |_|@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
_ __ @
|
||||
| '_ \ @
|
||||
| | | |@
|
||||
|_| |_|@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
___ @
|
||||
/ _ \ @
|
||||
| (_) |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
_ __ @
|
||||
| '_ \ @
|
||||
| |_) |@
|
||||
| .__/ @
|
||||
| | @
|
||||
@@
|
||||
@
|
||||
@
|
||||
__ _ @
|
||||
/ _` |@
|
||||
| (_| |@
|
||||
\__, |@
|
||||
| |@
|
||||
|_|@@
|
||||
@
|
||||
@
|
||||
_ __ @
|
||||
| '__|@
|
||||
| | @
|
||||
|_| @
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
___ @
|
||||
/ __|@
|
||||
\__ \@
|
||||
|___/@
|
||||
@
|
||||
@@
|
||||
_ @
|
||||
| | @
|
||||
| |_ @
|
||||
| __|@
|
||||
| |_ @
|
||||
\__|@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
_ _ @
|
||||
| | | |@
|
||||
| |_| |@
|
||||
\__,_|@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
__ __@
|
||||
\ \ / /@
|
||||
\ V / @
|
||||
\_/ @
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
__ __@
|
||||
\ \ /\ / /@
|
||||
\ V V / @
|
||||
\_/\_/ @
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
__ __@
|
||||
\ \/ /@
|
||||
> < @
|
||||
/_/\_\@
|
||||
@
|
||||
@@
|
||||
@
|
||||
@
|
||||
_ _ @
|
||||
| | | |@
|
||||
| |_| |@
|
||||
\__, |@
|
||||
__/ |@
|
||||
@@
|
||||
@
|
||||
@
|
||||
____@
|
||||
|_ /@
|
||||
/ / @
|
||||
/___|@
|
||||
@
|
||||
@@
|
||||
__@
|
||||
/ /@
|
||||
| | @
|
||||
/ / @
|
||||
\ \ @
|
||||
| | @
|
||||
\_\@
|
||||
@@
|
||||
_ @
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
| |@
|
||||
|_|@@
|
||||
__ @
|
||||
\ \ @
|
||||
| | @
|
||||
\ \@
|
||||
/ /@
|
||||
| | @
|
||||
/_/ @
|
||||
@@
|
||||
@
|
||||
/\/|@
|
||||
|/\/ @
|
||||
@
|
||||
@
|
||||
@
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
(_)_(_)@
|
||||
/ _ \ @
|
||||
| |_| |@
|
||||
| _ |@
|
||||
|_| |_|@
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
(_)_(_)@
|
||||
/ _ \ @
|
||||
| | | |@
|
||||
| |_| |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
(_) (_)@
|
||||
| | | |@
|
||||
| | | |@
|
||||
| |_| |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
(_) (_)@
|
||||
__ _ @
|
||||
/ _` |@
|
||||
| (_| |@
|
||||
\__,_|@
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
(_) (_)@
|
||||
___ @
|
||||
/ _ \ @
|
||||
| (_) |@
|
||||
\___/ @
|
||||
@
|
||||
@@
|
||||
_ _ @
|
||||
(_) (_)@
|
||||
_ _ @
|
||||
| | | |@
|
||||
| |_| |@
|
||||
\__,_|@
|
||||
@
|
||||
@@
|
||||
____ @
|
||||
| __ \ @
|
||||
| | ) |@
|
||||
| |< < @
|
||||
| | ) |@
|
||||
|_||_/ @
|
||||
@
|
||||
@@
|
||||
BIN
public/css/boder.png
Normal file
BIN
public/css/boder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 234 B |
234
public/css/cafe.css
Normal file
234
public/css/cafe.css
Normal file
@ -0,0 +1,234 @@
|
||||
|
||||
html {
|
||||
overflow: -moz-scrollbars-vertical;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* below this line is CSS for the layout */
|
||||
|
||||
/* this is a CSS comment
|
||||
to uncomment a line of CSS, remove the * and the /
|
||||
before and after the text */
|
||||
|
||||
|
||||
/* the "container" is what wraps your entire website */
|
||||
/* if you want something (like the header) to be Wider than
|
||||
the other elements, you will need to move that div outside
|
||||
of the container */
|
||||
.credits{
|
||||
margin-top: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.loungeText ul{
|
||||
font-size: 16px;
|
||||
padding-left: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.loungeText li{
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#input {
|
||||
border:2px solid grey;
|
||||
border-right: none;
|
||||
/* box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; */
|
||||
margin: 0px;
|
||||
width: 93%;
|
||||
/* width: 530px; */
|
||||
margin-right:0px;
|
||||
font-size: 18px;
|
||||
height: 34px;
|
||||
/* margin-top: 10px; */
|
||||
padding: 5px 5px;
|
||||
/* margin-bottom: 10px; */
|
||||
/* vertical-align: middle; */
|
||||
vertical-align: middle;
|
||||
|
||||
}
|
||||
#textInput > button{
|
||||
font-size: 18px;
|
||||
width: 15%;
|
||||
padding: 5px 5px;
|
||||
/* display: inline; */
|
||||
/* margin-top: 10px; */
|
||||
vertical-align: middle;
|
||||
/* margin-right: 5px; */
|
||||
height: 34px;
|
||||
/* float: right; */
|
||||
/* padding: 1px 2px; */
|
||||
/* all:initial; */
|
||||
}
|
||||
|
||||
#textInput{
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
display: flex;
|
||||
/* vertical-align: middle; */
|
||||
}
|
||||
|
||||
.tooltip:not(.shown) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inputWrapper{
|
||||
width: 85%;
|
||||
height: 100%;
|
||||
padding-right: 5px;
|
||||
/* white-space-collapse: discard; */
|
||||
/* padding: 2px; */
|
||||
|
||||
/* display: inline; */
|
||||
/* box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; */
|
||||
}
|
||||
#emojiButton{
|
||||
border:2px solid grey;
|
||||
/* border-left: none; */
|
||||
vertical-align: middle;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 1.5em !important;
|
||||
background-color: white;
|
||||
/* border: none; */
|
||||
/* margin-right: 5px; */
|
||||
min-width: 20px !important;
|
||||
width: 7% !important;
|
||||
height: 34px !important;
|
||||
box-shadow: none;
|
||||
color: black !important;
|
||||
padding:0px !important;
|
||||
border-width: 2px;
|
||||
/* border-style: inset;
|
||||
border-top: solid black 2px;
|
||||
border-bottom: solid grey 2px;
|
||||
border-right: solid grey 2px; */
|
||||
|
||||
/* padding: 0px !important; */
|
||||
}
|
||||
|
||||
.tooltip{
|
||||
z-index:999;
|
||||
position: absolute;
|
||||
data-popper-placement:top;
|
||||
}
|
||||
/* the area below is for all links on your page
|
||||
EXCEPT for the navigation */
|
||||
|
||||
.icon{
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.loungeContainer{
|
||||
width: auto;
|
||||
}
|
||||
.loungeText{
|
||||
margin-left: 20px;
|
||||
|
||||
}
|
||||
|
||||
.loungeText p{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* .right-box{
|
||||
width: 250px;
|
||||
margin-left: 10px;
|
||||
} */
|
||||
/* .left-box{
|
||||
width: 740px;
|
||||
} */
|
||||
|
||||
canvas {
|
||||
/* image-rendering: optimizeSpeed; */
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
border: 8px solid;
|
||||
border-image-source: url(./boder.png);
|
||||
border-image-slice: 8;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* navigation links*/
|
||||
|
||||
|
||||
/* navigation link when a link is hovered over */
|
||||
|
||||
|
||||
|
||||
.window{
|
||||
margin-bottom: 10px;
|
||||
background: transparent;
|
||||
}
|
||||
.window-body{
|
||||
/* font-family: 'win98'; */
|
||||
font-family: sans-serif;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
|
||||
/* background-color: #000055a6; */
|
||||
}
|
||||
/* this colors BOTH sidebars
|
||||
if you want to style them separately,
|
||||
create styles for #leftSidebar and #rightSidebar */
|
||||
aside {
|
||||
|
||||
padding: 10px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* this is the color of the main content area,
|
||||
between the sidebars! */
|
||||
main {
|
||||
/* background-color: #2a2a2a; */
|
||||
/* background-color: #00003e; */
|
||||
|
||||
flex: 1;
|
||||
/* padding: 0px 20px; */
|
||||
padding: 0px 2px;
|
||||
order: 2;
|
||||
/* border: #383838 3px solid; */
|
||||
/* border-radius: 4px; */
|
||||
|
||||
/* width: 600px; */
|
||||
}
|
||||
.main-right{
|
||||
background-color: #1522387b;
|
||||
backdrop-filter: blur(16px);
|
||||
|
||||
}
|
||||
.main-left{
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
backdrop-filter: blur(32px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* @media only screen and (max-width: 800px) {
|
||||
|
||||
canvas {
|
||||
min-width: 700px;
|
||||
}
|
||||
} */
|
||||
|
||||
|
||||
/* BELOW THIS POINT IS MEDIA QUERY */
|
||||
|
||||
/* so you wanna change the width of your page?
|
||||
by default, the container width is 900px.
|
||||
in order to keep things responsive, take your new height,
|
||||
and then subtrack it by 100. use this new number as the
|
||||
"max-width" value below
|
||||
*/
|
||||
|
||||
705
public/css/custom98.css
Normal file
705
public/css/custom98.css
Normal file
@ -0,0 +1,705 @@
|
||||
/*! 98.css v0.1.20 - https://github.com/jdan/98.css */
|
||||
/* @font-face {
|
||||
font-family:"Pixelated MS Sans Serif";
|
||||
font-style:normal;
|
||||
font-weight:400;
|
||||
src:url(ms_sans_serif.woff) format("woff");
|
||||
src:url(ms_sans_serif.woff2) format("woff2")
|
||||
}
|
||||
@font-face {
|
||||
font-family:"Pixelated MS Sans Serif";
|
||||
font-style:normal;
|
||||
font-weight:700;
|
||||
src:url(ms_sans_serif_bold.woff) format("woff");
|
||||
src:url(ms_sans_serif_bold.woff2) format("woff2")
|
||||
} */
|
||||
body {
|
||||
color:#222;
|
||||
font-family:Arial;
|
||||
font-size:12px
|
||||
}
|
||||
.title-bar,
|
||||
.window,
|
||||
button,
|
||||
input,
|
||||
label,
|
||||
option,
|
||||
select,
|
||||
table,
|
||||
textarea,
|
||||
ul.tree-view {
|
||||
/* -webkit-font-smoothing:none; */
|
||||
/* font-smooth: always; */
|
||||
font-family:"Pixelated MS Sans Serif",Arial;
|
||||
font-size:11px
|
||||
}
|
||||
h1 {
|
||||
font-size:5rem
|
||||
}
|
||||
h2 {
|
||||
font-size:2.5rem
|
||||
}
|
||||
h3 {
|
||||
font-size:2rem
|
||||
}
|
||||
h4 {
|
||||
font-size:1.5rem
|
||||
}
|
||||
u {
|
||||
border-bottom:.5px solid #222;
|
||||
text-decoration:none
|
||||
}
|
||||
button,
|
||||
input[type=reset],
|
||||
input[type=submit] {
|
||||
border:none;
|
||||
border-radius:0;
|
||||
box-sizing:border-box;
|
||||
color:transparent;
|
||||
min-height:23px;
|
||||
min-width:75px;
|
||||
padding:0 12px;
|
||||
text-shadow:0 0 #222
|
||||
}
|
||||
.vertical-bar,
|
||||
button,
|
||||
input[type=reset],
|
||||
input[type=submit] {
|
||||
background:silver;
|
||||
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf
|
||||
}
|
||||
.vertical-bar {
|
||||
height:20px;
|
||||
width:4px
|
||||
}
|
||||
button:not(:disabled):active,
|
||||
input[type=reset]:not(:disabled):active,
|
||||
input[type=submit]:not(:disabled):active {
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;
|
||||
text-shadow:1px 1px #222
|
||||
}
|
||||
@media (not(hover)) {
|
||||
button:not(:disabled):hover,
|
||||
input[type=reset]:not(:disabled):hover,
|
||||
input[type=submit]:not(:disabled):hover {
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey
|
||||
}
|
||||
}
|
||||
button:focus,
|
||||
input[type=reset]:focus,
|
||||
input[type=submit]:focus {
|
||||
outline:1px dotted #000;
|
||||
outline-offset:-4px
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input[type=reset]::-moz-focus-inner,
|
||||
input[type=submit]::-moz-focus-inner {
|
||||
border:0
|
||||
}
|
||||
:disabled,
|
||||
:disabled+label,
|
||||
input[readonly],
|
||||
input[readonly]+label {
|
||||
color:grey
|
||||
}
|
||||
:disabled+label,
|
||||
button:disabled,
|
||||
input[type=reset]:disabled,
|
||||
input[type=submit]:disabled {
|
||||
text-shadow:1px 1px 0 #fff
|
||||
}
|
||||
.window {
|
||||
background:silver;
|
||||
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;
|
||||
padding:3px
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
align-items:center;
|
||||
background:linear-gradient(90deg,navy,#1084d0);
|
||||
/* background:linear-gradient(90deg,rgb(50, 50, 50),gray); */
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
padding:3px 2px 3px 3px
|
||||
}
|
||||
.title-bar.inactive {
|
||||
background:linear-gradient(90deg,grey,#b5b5b5)
|
||||
}
|
||||
.title-bar.external {
|
||||
background:linear-gradient(90deg,grey,#b5b5b5)
|
||||
}
|
||||
.title-bar.grey {
|
||||
/* background:linear-gradient(90deg,rgb(50, 50, 50),gray); */
|
||||
background:linear-gradient(90deg,#46171d,#6D2932);
|
||||
}
|
||||
.title-bar-text {
|
||||
color:#fff;
|
||||
font-weight:700;
|
||||
letter-spacing:0;
|
||||
margin-right:24px
|
||||
}
|
||||
.title-bar-controls {
|
||||
display:flex
|
||||
}
|
||||
.title-bar-controls button {
|
||||
display:block;
|
||||
min-height:14px;
|
||||
min-width:16px;
|
||||
padding:0
|
||||
}
|
||||
.title-bar-controls button:active {
|
||||
padding:0
|
||||
}
|
||||
.title-bar-controls button:focus {
|
||||
outline:none
|
||||
}
|
||||
.title-bar-controls button[aria-label=Minimize] {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");
|
||||
background-position:bottom 3px left 4px;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
.title-bar-controls button[aria-label=Maximize] {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");
|
||||
background-position:top 2px left 3px;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
.title-bar-controls button[aria-label=Restore] {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E");
|
||||
background-position:top 2px left 3px;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
.title-bar-controls button[aria-label=Help] {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E");
|
||||
background-position:top 2px left 5px;
|
||||
background-repeat:no-repeat
|
||||
}
|
||||
.title-bar-controls button[aria-label=Close] {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");
|
||||
background-position:top 3px left 4px;
|
||||
background-repeat:no-repeat;
|
||||
margin-left:2px
|
||||
}
|
||||
.status-bar {
|
||||
gap:1px;
|
||||
display:flex;
|
||||
margin:0 1px
|
||||
}
|
||||
.status-bar-field {
|
||||
box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;
|
||||
flex-grow:1;
|
||||
margin:0;
|
||||
padding:2px 3px
|
||||
}
|
||||
.window-body {
|
||||
margin:8px
|
||||
}
|
||||
fieldset {
|
||||
border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") 2;
|
||||
margin:0;
|
||||
padding:10px;
|
||||
padding-block-start:8px
|
||||
}
|
||||
legend {
|
||||
background:silver
|
||||
}
|
||||
.field-row {
|
||||
align-items:center;
|
||||
display:flex
|
||||
}
|
||||
[class^=field-row]+[class^=field-row] {
|
||||
margin-top:6px
|
||||
}
|
||||
.field-row>*+* {
|
||||
margin-left:6px
|
||||
}
|
||||
.field-row-stacked {
|
||||
display:flex;
|
||||
flex-direction:column
|
||||
}
|
||||
.field-row-stacked *+* {
|
||||
margin-top:6px
|
||||
}
|
||||
label {
|
||||
align-items:center;
|
||||
display:inline-flex
|
||||
}
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
appearance:none;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
background:0;
|
||||
border:none;
|
||||
margin:0;
|
||||
opacity:0;
|
||||
position:fixed
|
||||
}
|
||||
input[type=checkbox]+label,
|
||||
input[type=radio]+label {
|
||||
line-height:13px
|
||||
}
|
||||
input[type=radio]+label {
|
||||
margin-left:18px;
|
||||
position:relative
|
||||
}
|
||||
input[type=radio]+label:before {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E");
|
||||
content:"";
|
||||
display:inline-block;
|
||||
height:12px;
|
||||
left:-18px;
|
||||
margin-right:6px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:12px
|
||||
}
|
||||
input[type=radio]:active+label:before {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")
|
||||
}
|
||||
input[type=radio]:checked+label:after {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E");
|
||||
content:"";
|
||||
display:block;
|
||||
height:4px;
|
||||
left:-14px;
|
||||
position:absolute;
|
||||
top:4px;
|
||||
width:4px
|
||||
}
|
||||
input[type=checkbox]:focus+label,
|
||||
input[type=radio]:focus+label {
|
||||
outline:1px dotted #000
|
||||
}
|
||||
input[type=radio][disabled]+label:before {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")
|
||||
}
|
||||
input[type=radio][disabled]:checked+label:after {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E")
|
||||
}
|
||||
input[type=checkbox]+label {
|
||||
margin-left:19px;
|
||||
position:relative
|
||||
}
|
||||
input[type=checkbox]+label:before {
|
||||
background:#fff;
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
|
||||
content:"";
|
||||
display:inline-block;
|
||||
height:13px;
|
||||
left:-19px;
|
||||
margin-right:6px;
|
||||
position:absolute;
|
||||
width:13px
|
||||
}
|
||||
input[type=checkbox]:active+label:before {
|
||||
background:silver
|
||||
}
|
||||
input[type=checkbox]:checked+label:after {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E");
|
||||
content:"";
|
||||
display:block;
|
||||
height:7px;
|
||||
left:-16px;
|
||||
position:absolute;
|
||||
top:3px;
|
||||
width:7px
|
||||
}
|
||||
input[type=checkbox][disabled]+label:before {
|
||||
background:silver
|
||||
}
|
||||
input[type=checkbox][disabled]:checked+label:after {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E")
|
||||
}
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
input[type=password],
|
||||
input[type=text] {
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
border:none;
|
||||
border-radius:0
|
||||
}
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
input[type=password],
|
||||
input[type=text],
|
||||
select {
|
||||
background-color:#fff;
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
|
||||
box-sizing:border-box;
|
||||
padding:3px 4px
|
||||
}
|
||||
select,
|
||||
textarea {
|
||||
border:none
|
||||
}
|
||||
textarea {
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
background-color:#fff;
|
||||
border-radius:0;
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
|
||||
box-sizing:border-box;
|
||||
padding:3px 4px
|
||||
}
|
||||
input[type=email],
|
||||
input[type=password],
|
||||
input[type=text],
|
||||
select {
|
||||
height:21px
|
||||
}
|
||||
input[type=number] {
|
||||
height:22px
|
||||
}
|
||||
input[type=email],
|
||||
input[type=number],
|
||||
input[type=password],
|
||||
input[type=text] {
|
||||
line-height:2
|
||||
}
|
||||
input[type=email]:disabled,
|
||||
input[type=email]:read-only,
|
||||
input[type=number]:disabled,
|
||||
input[type=number]:read-only,
|
||||
input[type=password]:disabled,
|
||||
input[type=password]:read-only,
|
||||
input[type=text]:disabled,
|
||||
input[type=text]:read-only,
|
||||
textarea:disabled {
|
||||
background-color:silver
|
||||
}
|
||||
select {
|
||||
appearance:none;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
|
||||
background-position:top 2px right 2px;
|
||||
background-repeat:no-repeat;
|
||||
border-radius:0;
|
||||
padding-right:32px;
|
||||
position:relative
|
||||
}
|
||||
input[type=email]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=text]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
outline:none
|
||||
}
|
||||
input[type=range] {
|
||||
-webkit-appearance:none;
|
||||
background:transparent;
|
||||
width:100%
|
||||
}
|
||||
input[type=range]:focus {
|
||||
outline:none
|
||||
}
|
||||
input[type=range]::-webkit-slider-thumb {
|
||||
-webkit-appearance:none;
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");
|
||||
border:none;
|
||||
box-shadow:none;
|
||||
height:21px;
|
||||
transform:translateY(-8px);
|
||||
width:11px
|
||||
}
|
||||
input[type=range].has-box-indicator::-webkit-slider-thumb {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");
|
||||
transform:translateY(-10px)
|
||||
}
|
||||
input[type=range]::-moz-range-thumb {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");
|
||||
border:0;
|
||||
border-radius:0;
|
||||
height:21px;
|
||||
transform:translateY(2px);
|
||||
width:11px
|
||||
}
|
||||
input[type=range].has-box-indicator::-moz-range-thumb {
|
||||
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");
|
||||
transform:translateY(0)
|
||||
}
|
||||
input[type=range]::-webkit-slider-runnable-track {
|
||||
background:#000;
|
||||
border-bottom:1px solid grey;
|
||||
border-right:1px solid grey;
|
||||
box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;
|
||||
box-sizing:border-box;
|
||||
height:2px;
|
||||
width:100%
|
||||
}
|
||||
input[type=range]::-moz-range-track {
|
||||
background:#000;
|
||||
border-bottom:1px solid grey;
|
||||
border-right:1px solid grey;
|
||||
box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;
|
||||
box-sizing:border-box;
|
||||
height:2px;
|
||||
width:100%
|
||||
}
|
||||
.is-vertical {
|
||||
display:inline-block;
|
||||
height:150px;
|
||||
transform:translateY(50%);
|
||||
width:4px
|
||||
}
|
||||
.is-vertical>input[type=range] {
|
||||
height:4px;
|
||||
margin:0 16px 0 10px;
|
||||
transform:rotate(270deg) translateX(calc(-50% + 8px));
|
||||
transform-origin:left;
|
||||
width:150px
|
||||
}
|
||||
.is-vertical>input[type=range]::-webkit-slider-runnable-track {
|
||||
border-bottom:1px solid grey;
|
||||
border-left:1px solid grey;
|
||||
border-right:0;
|
||||
box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9
|
||||
}
|
||||
.is-vertical>input[type=range]::-moz-range-track {
|
||||
border-bottom:1px solid grey;
|
||||
border-left:1px solid grey;
|
||||
border-right:0;
|
||||
box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9
|
||||
}
|
||||
.is-vertical>input[type=range]::-webkit-slider-thumb {
|
||||
transform:translateY(-8px) scaleX(-1)
|
||||
}
|
||||
.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb {
|
||||
transform:translateY(-10px) scaleX(-1)
|
||||
}
|
||||
.is-vertical>input[type=range]::-moz-range-thumb {
|
||||
transform:translateY(2px) scaleX(-1)
|
||||
}
|
||||
.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb {
|
||||
transform:translateY(0) scaleX(-1)
|
||||
}
|
||||
select:focus {
|
||||
background-color:navy;
|
||||
color:#fff
|
||||
}
|
||||
select:focus option {
|
||||
background-color:#fff;
|
||||
color:#000
|
||||
}
|
||||
select:active {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")
|
||||
}
|
||||
a {
|
||||
color:#00f
|
||||
}
|
||||
a:focus {
|
||||
outline:1px dotted #00f
|
||||
}
|
||||
ul.tree-view {
|
||||
background:#fff;
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:6px
|
||||
}
|
||||
ul.tree-view li {
|
||||
list-style-type:none
|
||||
}
|
||||
ul.tree-view a {
|
||||
color:#000;
|
||||
text-decoration:none
|
||||
}
|
||||
ul.tree-view a:focus {
|
||||
background-color:navy;
|
||||
color:#fff
|
||||
}
|
||||
ul.tree-view li,
|
||||
ul.tree-view ul {
|
||||
margin-top:3px
|
||||
}
|
||||
ul.tree-view ul {
|
||||
border-left:1px dotted grey;
|
||||
margin-left:16px;
|
||||
padding-left:16px
|
||||
}
|
||||
ul.tree-view ul>li {
|
||||
position:relative
|
||||
}
|
||||
ul.tree-view ul>li:before {
|
||||
border-bottom:1px dotted grey;
|
||||
content:"";
|
||||
display:block;
|
||||
left:-16px;
|
||||
position:absolute;
|
||||
top:6px;
|
||||
width:12px
|
||||
}
|
||||
ul.tree-view ul>li:last-child:after {
|
||||
background:#fff;
|
||||
bottom:0;
|
||||
content:"";
|
||||
display:block;
|
||||
left:-20px;
|
||||
position:absolute;
|
||||
top:7px;
|
||||
width:8px
|
||||
}
|
||||
ul.tree-view details {
|
||||
margin-top:0
|
||||
}
|
||||
ul.tree-view details[open] summary {
|
||||
margin-bottom:0
|
||||
}
|
||||
ul.tree-view ul details>summary:before {
|
||||
margin-left:-22px;
|
||||
position:relative;
|
||||
z-index:1
|
||||
}
|
||||
ul.tree-view details>summary:before {
|
||||
background-color:#fff;
|
||||
border:1px solid grey;
|
||||
content:"+";
|
||||
display:block;
|
||||
float:left;
|
||||
height:9px;
|
||||
line-height:8px;
|
||||
margin-right:5px;
|
||||
padding-left:1px;
|
||||
text-align:center;
|
||||
width:8px
|
||||
}
|
||||
ul.tree-view details[open]>summary:before {
|
||||
content:"-"
|
||||
}
|
||||
ul.tree-view details>summary::-webkit-details-marker,
|
||||
ul.tree-view details>summary::marker {
|
||||
content:""
|
||||
}
|
||||
pre {
|
||||
background:#fff;
|
||||
box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:12px 8px
|
||||
}
|
||||
|
||||
summary:focus {
|
||||
outline:1px dotted #000
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width:16px
|
||||
}
|
||||
::-webkit-scrollbar:horizontal {
|
||||
height:17px
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background:#dfdfdf
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color:#dfdfdf;
|
||||
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:end:increment,
|
||||
::-webkit-scrollbar-button:horizontal:start:decrement,
|
||||
::-webkit-scrollbar-button:vertical:end:increment,
|
||||
::-webkit-scrollbar-button:vertical:start:decrement {
|
||||
display:block
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:start {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");
|
||||
height:17px
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:end {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
|
||||
height:17px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:start {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");
|
||||
width:16px
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:end {
|
||||
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");
|
||||
width:16px
|
||||
}
|
||||
.window[role=tabpanel] {
|
||||
position:relative;
|
||||
z-index:2
|
||||
}
|
||||
menu[role=tablist] {
|
||||
display:flex;
|
||||
list-style-type:none;
|
||||
margin:0 0 -2px;
|
||||
padding-left:3px;
|
||||
position:relative;
|
||||
text-indent:0
|
||||
}
|
||||
menu[role=tablist]>li {
|
||||
border-top-left-radius:3px;
|
||||
border-top-right-radius:3px;
|
||||
box-shadow:inset -1px 0 #0a0a0a,inset 1px 1px #dfdfdf,inset -2px 0 grey,inset 2px 2px #fff;
|
||||
z-index:1
|
||||
}
|
||||
menu[role=tablist]>li[aria-selected=true] {
|
||||
background-color:silver;
|
||||
margin-left:-3px;
|
||||
margin-top:-2px;
|
||||
padding-bottom:2px;
|
||||
position:relative;
|
||||
z-index:8
|
||||
}
|
||||
menu[role=tablist]>li>a {
|
||||
color:#222;
|
||||
display:block;
|
||||
margin:6px;
|
||||
text-decoration:none
|
||||
}
|
||||
menu[role=tablist]>li[aria-selected=true]>a:focus {
|
||||
outline:none
|
||||
}
|
||||
menu[role=tablist]>li>a:focus {
|
||||
outline:1px dotted #222
|
||||
}
|
||||
menu[role=tablist].multirows>li {
|
||||
flex-grow:1;
|
||||
text-align:center
|
||||
}
|
||||
.sunken-panel {
|
||||
border:2px groove transparent;
|
||||
border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;
|
||||
box-sizing:border-box;
|
||||
overflow:auto
|
||||
}
|
||||
.sunken-panel,
|
||||
table {
|
||||
background-color:#fff
|
||||
}
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
position:relative;
|
||||
text-align:left;
|
||||
white-space:nowrap
|
||||
}
|
||||
table>thead>tr>* {
|
||||
background:silver;
|
||||
box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
|
||||
box-sizing:border-box;
|
||||
font-weight:400;
|
||||
height:17px;
|
||||
padding:0 6px;
|
||||
position:sticky;
|
||||
top:0
|
||||
}
|
||||
table.interactive>tbody>tr {
|
||||
cursor:pointer
|
||||
}
|
||||
table>tbody>tr.highlighted {
|
||||
background-color:navy;
|
||||
color:#fff
|
||||
}
|
||||
table>tbody>tr>* {
|
||||
height:14px;
|
||||
padding:0 6px
|
||||
}
|
||||
/*# sourceMappingURL=98.css.map */
|
||||
BIN
public/css/easvhs.ttf
Normal file
BIN
public/css/easvhs.ttf
Normal file
Binary file not shown.
BIN
public/css/pix.TTF
Normal file
BIN
public/css/pix.TTF
Normal file
Binary file not shown.
148
public/css/prism-atom-dark.css
Normal file
148
public/css/prism-atom-dark.css
Normal file
@ -0,0 +1,148 @@
|
||||
/**
|
||||
* atom-dark theme for `prism.js`
|
||||
* Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
|
||||
* @author Joe Gibson (@gibsjose)
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #c5c8c6;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
||||
font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #1d1f21;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code {
|
||||
font-family: win98;
|
||||
background-color:hsla(0,0%,100%,.1) ;
|
||||
padding: 0px .3rem;
|
||||
border: .1rem solid rgba(0,0,0,.1);
|
||||
/* padding: .1em;
|
||||
border-radius: .3em; */
|
||||
/* background: red; */
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #7C7C7C;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #c5c8c6;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.keyword,
|
||||
.token.tag {
|
||||
color: #96CBFE;
|
||||
}
|
||||
|
||||
.token.class-name {
|
||||
color: #FFFFB6;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.token.boolean,
|
||||
.token.constant {
|
||||
color: #99CC99;
|
||||
}
|
||||
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #f92672;
|
||||
}
|
||||
|
||||
.token.number {
|
||||
color: #FF73FD;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #A8FF60;
|
||||
}
|
||||
|
||||
.token.variable {
|
||||
color: #C6C5FE;
|
||||
}
|
||||
|
||||
.token.operator {
|
||||
color: #EDEDED;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
color: #FFFFB6;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.token.url {
|
||||
color: #96CBFE;
|
||||
}
|
||||
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #87C38A;
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value {
|
||||
color: #F9EE98;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #DAD085;
|
||||
}
|
||||
|
||||
.token.regex {
|
||||
color: #E9C062;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
color: #fd971f;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
172
public/css/prism-duotone-space.css
Normal file
172
public/css/prism-duotone-space.css
Normal file
@ -0,0 +1,172 @@
|
||||
/*
|
||||
Name: Duotone Space
|
||||
Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
|
||||
|
||||
Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-space-dark.css)
|
||||
Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.375;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
background: #24242e;
|
||||
color: #767693;
|
||||
}
|
||||
|
||||
pre > code[class*="language-"] {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #5151e6;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #5151e6;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #5b5b76;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #5b5b76;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.tag,
|
||||
.token.operator,
|
||||
.token.number {
|
||||
color: #dd672c;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.function {
|
||||
color: #767693;
|
||||
}
|
||||
|
||||
.token.tag-id,
|
||||
.token.selector,
|
||||
.token.atrule-id {
|
||||
color: #ebebff;
|
||||
}
|
||||
|
||||
code.language-javascript,
|
||||
.token.attr-name {
|
||||
color: #aaaaca;
|
||||
}
|
||||
|
||||
code.language-css,
|
||||
code.language-scss,
|
||||
.token.boolean,
|
||||
.token.string,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.language-scss .token.string,
|
||||
.style .token.string,
|
||||
.token.attr-value,
|
||||
.token.keyword,
|
||||
.token.control,
|
||||
.token.directive,
|
||||
.token.unit,
|
||||
.token.statement,
|
||||
.token.regex,
|
||||
.token.atrule {
|
||||
color: #fe8c52;
|
||||
}
|
||||
|
||||
.token.placeholder,
|
||||
.token.variable {
|
||||
color: #fe8c52;
|
||||
}
|
||||
|
||||
.token.deleted {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.token.inserted {
|
||||
border-bottom: 1px dotted #ebebff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
color: #aaaaca;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
pre > code.highlight {
|
||||
outline: .4em solid #7676f4;
|
||||
outline-offset: .4em;
|
||||
}
|
||||
|
||||
/* overrides color-values for the Line Numbers plugin
|
||||
* http://prismjs.com/plugins/line-numbers/
|
||||
*/
|
||||
.line-numbers.line-numbers .line-numbers-rows {
|
||||
border-right-color: #262631;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows > span:before {
|
||||
color: #393949;
|
||||
}
|
||||
|
||||
/* overrides color-values for the Line Highlight plugin
|
||||
* http://prismjs.com/plugins/line-highlight/
|
||||
*/
|
||||
.line-highlight.line-highlight {
|
||||
background: rgba(221, 103, 44, 0.2);
|
||||
background: -webkit-linear-gradient(left, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
|
||||
background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
|
||||
}
|
||||
119
public/css/prism-holi-theme.css
Normal file
119
public/css/prism-holi-theme.css
Normal file
@ -0,0 +1,119 @@
|
||||
/**
|
||||
* MIT License
|
||||
* Copyright (c) 2021 Ayush Saini
|
||||
* Holi Theme for prism.js
|
||||
* @author Ayush Saini <@AyushCodes on Twitter>
|
||||
*/
|
||||
|
||||
code[class*='language-'],
|
||||
pre[class*='language-'] {
|
||||
color: #d6e7ff;
|
||||
background: #030314;
|
||||
text-shadow: none;
|
||||
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
letter-spacing: .2px;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
text-align: left;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*='language-']::-moz-selection,
|
||||
pre[class*='language-'] ::-moz-selection,
|
||||
code[class*='language-']::-moz-selection,
|
||||
code[class*='language-'] ::-moz-selection,
|
||||
pre[class*='language-']::selection,
|
||||
pre[class*='language-'] ::selection,
|
||||
code[class*='language-']::selection,
|
||||
code[class*='language-'] ::selection {
|
||||
color: inherit;
|
||||
background: #1d3b54;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
pre[class*='language-'] {
|
||||
border: 1px solid #2a4555;
|
||||
border-radius: 5px;
|
||||
padding: 1.5em 1em;
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*='language-'] {
|
||||
color: #f0f6f6;
|
||||
background: #2a4555;
|
||||
padding: 0.2em 0.3em;
|
||||
border-radius: 0.2em;
|
||||
box-decoration-break: clone;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #446e69;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #d6b007;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #d6e7ff;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #e60067;
|
||||
}
|
||||
|
||||
.token.string,
|
||||
.token.char {
|
||||
color: #49c6ec;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #ec8e01;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #0fe468;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: #78f3e9;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #d6e7ff;
|
||||
}
|
||||
151
public/css/prism-pojoaque.css
Normal file
151
public/css/prism-pojoaque.css
Normal file
@ -0,0 +1,151 @@
|
||||
/*
|
||||
* Pojoaque Style by Jason Tate
|
||||
* http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
|
||||
* Based on Solarized Style from http://ethanschoonover.com/solarized
|
||||
* http://softwaremaniacs.org/media/soft/highlight/test.html
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
font-family: Menlo, Monaco, "Courier New", monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
color: #dccf8f;
|
||||
text-shadow: 0;
|
||||
}
|
||||
|
||||
pre > code[class*="language-"] {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre[class*="language-"],
|
||||
:not(pre) > code[class*="language-"] {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #000;
|
||||
color: #DCCF8F;
|
||||
background: #181914 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==') repeat left top;
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
padding: 12px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #586e75;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.number,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #468966;
|
||||
}
|
||||
|
||||
.token.attr-name {
|
||||
color: #b89859;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #dccf8f;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.regex {
|
||||
color: #859900;
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.keyword {
|
||||
color: #cb4b16;
|
||||
}
|
||||
|
||||
.token.attr-value {
|
||||
color: #468966;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.variable,
|
||||
.token.placeholder {
|
||||
color: #b58900;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol {
|
||||
color: #b89859;
|
||||
}
|
||||
|
||||
.token.tag {
|
||||
color: #ffb03b;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.statement,
|
||||
.token.deleted {
|
||||
color: #dc322f;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #dccf8f;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*
|
||||
.pojoaque-colors {
|
||||
color: #586e75;
|
||||
color: #b64926;
|
||||
color: #468966;
|
||||
color: #ffb03b;
|
||||
color: #b58900;
|
||||
color: #b89859;
|
||||
color: #dccf8f;
|
||||
color: #d3a60c;
|
||||
color: #cb4b16;
|
||||
color: #dc322f;
|
||||
color: #073642;
|
||||
color: #181914;
|
||||
}
|
||||
*/
|
||||
140
public/css/prism-synthwave84.css
Normal file
140
public/css/prism-synthwave84.css
Normal file
@ -0,0 +1,140 @@
|
||||
/*
|
||||
* Synthwave '84 Theme originally by Robb Owen [@Robb0wen] for Visual Studio Code
|
||||
* Demo: https://marc.dev/demo/prism-synthwave84
|
||||
*
|
||||
* Ported for PrismJS by Marc Backes [@themarcba]
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #f92aad;
|
||||
text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3;
|
||||
background: none;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
font-size: 1em;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background-color: transparent !important;
|
||||
background-image: linear-gradient(to bottom, #2a2139 75%, #34294f);
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.block-comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #8e8e8e;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.token.tag,
|
||||
.token.attr-name,
|
||||
.token.namespace,
|
||||
.token.number,
|
||||
.token.unit,
|
||||
.token.hexcode,
|
||||
.token.deleted {
|
||||
color: #e2777a;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.selector {
|
||||
color: #72f1b8;
|
||||
text-shadow: 0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475;
|
||||
}
|
||||
|
||||
.token.function-name {
|
||||
color: #6196cc;
|
||||
}
|
||||
|
||||
.token.boolean,
|
||||
.token.selector .token.id,
|
||||
.token.function {
|
||||
color: #fdfdfd;
|
||||
text-shadow: 0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975;
|
||||
}
|
||||
|
||||
.token.class-name {
|
||||
color: #fff5f6;
|
||||
text-shadow: 0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75;
|
||||
}
|
||||
|
||||
.token.constant,
|
||||
.token.symbol {
|
||||
color: #f92aad;
|
||||
text-shadow: 0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.atrule,
|
||||
.token.keyword,
|
||||
.token.selector .token.class,
|
||||
.token.builtin {
|
||||
color: #f4eee4;
|
||||
text-shadow: 0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575;
|
||||
}
|
||||
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.attr-value,
|
||||
.token.regex,
|
||||
.token.variable {
|
||||
color: #f87c32;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url {
|
||||
color: #67cdcc;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.token.inserted {
|
||||
color: green;
|
||||
}
|
||||
91
public/css/scanlines.css
Normal file
91
public/css/scanlines.css
Normal file
@ -0,0 +1,91 @@
|
||||
/* LIST OF FURTHER IMPROVEMENTS */
|
||||
/*
|
||||
currently working on :
|
||||
calculation draft for keyframes steps
|
||||
|
||||
$scan-moving-duration: 3s;
|
||||
$scan-moving-delay: 7s;
|
||||
|
||||
total time = 10s (duration + delay)
|
||||
keyframes :
|
||||
0%: wait
|
||||
15%: start moving
|
||||
85%: end moving & start waiting
|
||||
100% : wait
|
||||
|
||||
(the rest later)
|
||||
|
||||
*/
|
||||
/* REGULAR SCANLINES SETTINGS */
|
||||
/* MOVING SCANLINE SETTINGS */
|
||||
/* MIXINS */
|
||||
/* CSS .scanlines CLASS */
|
||||
|
||||
/* .screen::before {
|
||||
background: transparent linear-gradient(to bottom, #85908c 0%, #323431 100%) repeat scroll 0 0;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
} */
|
||||
|
||||
.scanlines {
|
||||
background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/crt.png');
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* margin-bottom: 20px; */
|
||||
}
|
||||
.scanlines:before, .scanlines:after {
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
.scanlines:before {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
z-index: 2147483649;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
opacity: 0.1;
|
||||
-webkit-animation: scanline 6s linear infinite;
|
||||
animation: scanline 6s linear infinite;
|
||||
}
|
||||
.scanlines:after {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2147483648;
|
||||
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.2) 51%);
|
||||
background-size: 100% 4px;
|
||||
-webkit-animation: scanlines 1s steps(60) infinite;
|
||||
animation: scanlines 1s steps(60) infinite;
|
||||
}
|
||||
|
||||
/* ANIMATE UNIQUE SCANLINE */
|
||||
@-webkit-keyframes scanline {
|
||||
0% {
|
||||
transform: translate3d(0, 200000%, 0);
|
||||
}
|
||||
}
|
||||
@keyframes scanline {
|
||||
0% {
|
||||
transform: translate3d(0, 200000%, 0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes scanlines {
|
||||
0% {
|
||||
background-position: 0 50%;
|
||||
}
|
||||
}
|
||||
@keyframes scanlines {
|
||||
0% {
|
||||
background-position: 0 50%;
|
||||
}
|
||||
}
|
||||
/* PRESENTATION STUFF */
|
||||
|
||||
1501
public/css/style.css
Normal file
1501
public/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
1479
public/figlet.js
Normal file
1479
public/figlet.js
Normal file
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 910 B After Width: | Height: | Size: 910 B |
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 841 B |
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 841 B |
|
Before Width: | Height: | Size: 788 B After Width: | Height: | Size: 788 B |
|
Before Width: | Height: | Size: 961 B After Width: | Height: | Size: 961 B |
|
Before Width: | Height: | Size: 479 B After Width: | Height: | Size: 479 B |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
125
public/friskSprites/indexOrg.html
Normal file
125
public/friskSprites/indexOrg.html
Normal file
@ -0,0 +1,125 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Görkem's Café</title>
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/98.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div id="container"><div id="header" style=" height: 130px; background-position: center center;"></div>
|
||||
<div id="headerArea">
|
||||
|
||||
<nav id="navbar" style="margin-bottom: 10px;">
|
||||
<ul>
|
||||
<li><a href="#"><button onclick="location.href='./index3.html';"><img class="icon" style="vertical-align: middle;" src="./icons/address_book_home.png"></img><h4>Home</h4></button></a></li>
|
||||
<li><a href="#"><button ><img class="icon" style="vertical-align: middle;" src="./icons/defragment-0.png"></img><h4>Projects</h4></button></a></li>
|
||||
<li><a href="#"><button class="active"><img class="icon" style="vertical-align: middle;" src="./icons/network_cool_two_pcs-5.png"></img><h4>Café</h4></button></a></li>
|
||||
<!-- <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/tools_gear-0.png"></img><h4>DIY</h4></button></a></li> -->
|
||||
<li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/help_sheet-0.png"></img><h4>About</h4></button></a></li>
|
||||
<li><a href="#"><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" src="./icons/internet_connection_wiz-0.png"></img><h4>Links</h4></button></a></li>
|
||||
<!-- <li><a href="#"><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);" src="./icons/address_book_pad_users.png"></img><h4>Teaching</h4></button></a></li> -->
|
||||
<li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/expand_hierarchial_array-0.png"></img><h4>Sitemap</h4></button></a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="tooltip" role="tooltip">
|
||||
<emoji-picker></emoji-picker>
|
||||
</div>
|
||||
|
||||
<div id="flex">
|
||||
|
||||
|
||||
<!-- <aside id="leftSidebar" style="margin-right: 10px;"> -->
|
||||
<!-- <div class="title">Navigation</div> -->
|
||||
<!-- <h2>Updates</h2> -->
|
||||
<!-- <h2>🏠Home</h2>
|
||||
<h2>❓About</h2>
|
||||
<h2>🛠️DIY</h2>
|
||||
<h2>📓Notes</h2> -->
|
||||
<!-- <div class="box">
|
||||
|
||||
</div> -->
|
||||
|
||||
<!-- </aside> -->
|
||||
<div class="left-box">
|
||||
<div class="window main-left">
|
||||
<div class="title-bar">
|
||||
<div class="title-bar-text">Lounge.exe</div>
|
||||
<div class="title-bar-controls">
|
||||
<!-- <button aria-label="Help"></button> -->
|
||||
<button disabled aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window-body">
|
||||
|
||||
|
||||
<main>
|
||||
<canvas id="canvas"></canvas>
|
||||
|
||||
<!-- <canvas id="canvas"></canvas> -->
|
||||
|
||||
<form id="textInput" action="" >
|
||||
<div class="inputWrapper"> <input placeholder="Say something" maxlength="20" required="required" id="input" autocomplete="off" /><button type="button" id="emojiButton">🙂</button></div><button id="messageButton">Send</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="right-box">
|
||||
<div class="window main-right">
|
||||
<div class="title-bar inactive">
|
||||
<div class="title-bar-text">Instructions.txt</div>
|
||||
<div class="title-bar-controls">
|
||||
<button aria-label="Help"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="window-body">
|
||||
<aside id="rightSidebar">
|
||||
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
||||
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
||||
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
||||
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<footer id="footer" style="margin-top: 10px;">CC0 Public Domain, 2023</footer>
|
||||
</div>
|
||||
<!-- THIS IS THE CSS !-->
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
<script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script>
|
||||
<script src="./classes/Sprite.js"></script>
|
||||
<script src="./classes/Player.js"></script>
|
||||
<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script>
|
||||
<script type="module" src="popup.js"></script>
|
||||
<script src="index.js"></script>
|
||||
|
||||
</html>
|
||||
179
public/friskSprites/indexTEST.html
Normal file
179
public/friskSprites/indexTEST.html
Normal file
@ -0,0 +1,179 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CYber Café</title>
|
||||
<link rel="icon" type="image/gif" href="/favicon.gif">
|
||||
|
||||
<link rel="stylesheet" href="/css/custom98.css">
|
||||
<link rel="stylesheet" href="/css/cafe.css">
|
||||
<!-- <link rel="stylesheet" href="https://unpkg.com/98.css"> -->
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<link rel="stylesheet" href="/css/scanlines.css">
|
||||
|
||||
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
|
||||
<script type="text/javascript" src="/figlet.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div id="container">
|
||||
<div class="headerContainer">
|
||||
<div class="scanlines">
|
||||
<div class="screen">
|
||||
<!-- <div class="asciiArt">Görkem's Webspace</div> -->
|
||||
<div class="asciiArt">Cyber Cafe</div>
|
||||
<script>
|
||||
figlet.defaults({ fontPath: "/css" });
|
||||
ascii = document.getElementsByClassName("asciiArt");
|
||||
|
||||
figlet(ascii[0].innerText, "big", function (err, text) {
|
||||
if (err) {
|
||||
console.log("something went wrong...");
|
||||
console.dir(err);
|
||||
return;
|
||||
}
|
||||
console.log(text);
|
||||
ascii = document.getElementsByClassName("asciiArt");
|
||||
console.log(ascii);
|
||||
ascii[0].innerText = text;
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<!-- <div class="asciiArt"> _____ _ _ _ _ __ __ _
|
||||
/ ____(_) (_) | | ( ) \ \ / / | |
|
||||
| | __ ___ _ __| | _____ _ __ ___ |/ ___ \ \ /\ / /__| |__ ___ _ __ __ _ ___ ___
|
||||
| | |_ |/ _ \| '__| |/ / _ \ '_ ` _ \ / __| \ \/ \/ / _ \ '_ \/ __| '_ \ / _` |/ __/ _ \
|
||||
| |__| | (_) | | | < __/ | | | | | \__ \ \ /\ / __/ |_) \__ \ |_) | (_| | (_| __/
|
||||
\_____|\___/|_| |_|\_\___|_| |_| |_| |___/ \/ \/ \___|_.__/|___/ .__/ \__,_|\___\___|
|
||||
| | v1.2.1
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- <div id="header" style=" height: 130px; background-position: center center;"></div> -->
|
||||
<div id="headerArea">
|
||||
|
||||
<nav id="navbar" style="">
|
||||
<ul>
|
||||
|
||||
<li><button onclick="location.href='/';" class=""><img class="icon"
|
||||
style="vertical-align: middle;" src="/images/icons/address_book_home.png"></img>
|
||||
<h4>Home</h4>
|
||||
</button></li>
|
||||
<li><button onclick="location.href='/projects';" class=""><img
|
||||
class="icon" style="vertical-align: middle;" src="/images/icons/defragment-0.png"></img>
|
||||
<h4>Projects</h4>
|
||||
</button></li>
|
||||
<li><button onclick="location.href='/blog';" class=""><img class="icon"
|
||||
style="vertical-align: middle;"
|
||||
src="/images/icons/newspaper.png"></img>
|
||||
<h4>Blog</h4>
|
||||
</button></li>
|
||||
<li><button disabled onclick="javascript:location.href='http://cafe.gorkem.cc'"><img class="icon"
|
||||
style="vertical-align: middle;filter: grayscale(100%);" src="/images/icons/network_cool_two_pcs-5.png"></img>
|
||||
<h4>Café</h4>
|
||||
</button></a></li>
|
||||
<!-- <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/tools_gear-0.png"></img><h4>DIY</h4></button></a></li> -->
|
||||
<li><button disabled onclick="location.href='/about';" class=""><img
|
||||
class="icon" style="vertical-align: middle;filter: grayscale(100%);" src="/images/icons/help_sheet-0.png"></img>
|
||||
<h4>About</h4>
|
||||
</button></li>
|
||||
<li><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);"
|
||||
src="/images/icons/internet_connection_wiz-0.png"></img>
|
||||
<h4>Library</h4>
|
||||
</button></li>
|
||||
|
||||
<li><button onclick="location.href='/guestbook';" class="" ><img class="icon" style="vertical-align: middle;"
|
||||
src="/images/icons/address_book_pad_users.png"></img>
|
||||
<h4>Guestbook</h4>
|
||||
</button></li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tooltip" role="tooltip">
|
||||
<emoji-picker></emoji-picker>
|
||||
</div>
|
||||
<div id="flex">
|
||||
<div class="loungeContainer">
|
||||
<div class="window main-left">
|
||||
<div class="title-bar">
|
||||
<div class="title-bar-text">Lounge.exe</div>
|
||||
<div class="title-bar-controls">
|
||||
<!-- <button aria-label="Help"></button> -->
|
||||
<button disabled aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window-body">
|
||||
|
||||
|
||||
<canvas id="canvas"></canvas>
|
||||
|
||||
<!-- <canvas id="canvas"></canvas> -->
|
||||
|
||||
<form id="textInput" action="" >
|
||||
<div class="inputWrapper">
|
||||
<input placeholder="Say something" maxlength="20" required="required" id="input" autocomplete="off"/><button type="button" id="emojiButton">🙂</button>
|
||||
</div>
|
||||
<button id="messageButton">Send</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="loungeText">
|
||||
<div class="window main-right">
|
||||
<div class="title-bar inactive">
|
||||
<div class="title-bar-text">Instructions.txt</div>
|
||||
<div class="title-bar-controls">
|
||||
<button aria-label="Help"></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="window-body">
|
||||
<aside id="rightSidebar">
|
||||
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
||||
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
||||
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
|
||||
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer id="footer"><img src="/images/icons/www.gif"></img></footer>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- THIS IS THE CSS !-->
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
<script src="https://cdn.socket.io/4.6.1/socket.io.min.js"></script>
|
||||
<script src="./classes/Sprite.js"></script>
|
||||
<script src="./classes/Player.js"></script>
|
||||
<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script>
|
||||
<script type="module" src="popup.js"></script>
|
||||
<script src="index.js"></script>
|
||||
|
||||
<script data-goatcounter="https://gorky.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
BIN
public/images/1dEdQoa.gif
Normal file
BIN
public/images/1dEdQoa.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 670 B |
BIN
public/images/GuestbookSpell.gif
Normal file
BIN
public/images/GuestbookSpell.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/images/HeaderTest.png
Normal file
BIN
public/images/HeaderTest.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
BIN
public/images/ISupportOpenSourceSoftware-boyslime.gif
Normal file
BIN
public/images/ISupportOpenSourceSoftware-boyslime.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/images/Project Images/OTES.jpg
Normal file
BIN
public/images/Project Images/OTES.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 472 KiB |
BIN
public/images/Project Images/marbleClock.jpg
Normal file
BIN
public/images/Project Images/marbleClock.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 430 KiB |
BIN
public/images/Project Images/trinteract.jpg
Normal file
BIN
public/images/Project Images/trinteract.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 231 KiB |
BIN
public/images/SilentHill3.png
Normal file
BIN
public/images/SilentHill3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
BIN
public/images/battleback_ow_download.png
Normal file
BIN
public/images/battleback_ow_download.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
BIN
public/images/bluenoise.gif
Normal file
BIN
public/images/bluenoise.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/images/buttons/1bookmark.png
Normal file
BIN
public/images/buttons/1bookmark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 611 B |
BIN
public/images/buttons/3passion.jpg
Normal file
BIN
public/images/buttons/3passion.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/images/buttons/456636y6irlp4fwp.gif
Normal file
BIN
public/images/buttons/456636y6irlp4fwp.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/images/buttons/affection.gif
Normal file
BIN
public/images/buttons/affection.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 833 B |
BIN
public/images/buttons/another.gif
Normal file
BIN
public/images/buttons/another.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 383 B |
BIN
public/images/buttons/bestvw.gif
Normal file
BIN
public/images/buttons/bestvw.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/images/buttons/blender.gif
Normal file
BIN
public/images/buttons/blender.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/images/buttons/bookmark_this_page.gif
Normal file
BIN
public/images/buttons/bookmark_this_page.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 556 B |
BIN
public/images/buttons/button139.png
Normal file
BIN
public/images/buttons/button139.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 940 B |
BIN
public/images/buttons/button257.gif
Normal file
BIN
public/images/buttons/button257.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/images/buttons/cfs.gif
Normal file
BIN
public/images/buttons/cfs.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
public/images/buttons/email-icon.gif
Normal file
BIN
public/images/buttons/email-icon.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
public/images/buttons/graphicdesign.gif
Normal file
BIN
public/images/buttons/graphicdesign.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
public/images/buttons/hackerpowered.gif
Normal file
BIN
public/images/buttons/hackerpowered.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/images/buttons/ilovehorror.gif
Normal file
BIN
public/images/buttons/ilovehorror.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/images/buttons/keep.gif
Normal file
BIN
public/images/buttons/keep.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 444 B |
BIN
public/images/buttons/makeawebsite.jpg
Normal file
BIN
public/images/buttons/makeawebsite.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
public/images/buttons/nocookie.gif
Normal file
BIN
public/images/buttons/nocookie.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 581 B |
BIN
public/images/buttons/point_down.gif
Normal file
BIN
public/images/buttons/point_down.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/images/buttons/powered.gif
Normal file
BIN
public/images/buttons/powered.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
public/images/buttons/psbutton.gif
Normal file
BIN
public/images/buttons/psbutton.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 429 B |
BIN
public/images/buttons/rtr.png
Normal file
BIN
public/images/buttons/rtr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
public/images/buttons/seedyourtorrents.gif
Normal file
BIN
public/images/buttons/seedyourtorrents.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/buttons/sendit.gif
Normal file
BIN
public/images/buttons/sendit.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/images/buttons/signguest.gif
Normal file
BIN
public/images/buttons/signguest.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 771 B |
BIN
public/images/buttons/step1.png
Normal file
BIN
public/images/buttons/step1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
public/images/buttons/tumblr_n3xtofCV8I1trzml2o1_500.gif
Normal file
BIN
public/images/buttons/tumblr_n3xtofCV8I1trzml2o1_500.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 590 KiB |
BIN
public/images/buttons/tumblr_pz87cap0SM1yq36ibo1_250.gif
Normal file
BIN
public/images/buttons/tumblr_pz87cap0SM1yq36ibo1_250.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
BIN
public/images/buttons/tumblr_pz89njhPQL1yq36ibo1_75sq.gif
Normal file
BIN
public/images/buttons/tumblr_pz89njhPQL1yq36ibo1_75sq.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 762 B |
BIN
public/images/buttons/worldwideweb_badge.gif
Normal file
BIN
public/images/buttons/worldwideweb_badge.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/carpet.JPG
Normal file
BIN
public/images/carpet.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 274 KiB |
BIN
public/images/comp.gif
Normal file
BIN
public/images/comp.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
public/images/construction.gif
Normal file
BIN
public/images/construction.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
public/images/favicon2.gif
Normal file
BIN
public/images/favicon2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/hallo.png
Normal file
BIN
public/images/hallo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
BIN
public/images/icons/accessibility_window_objs.png
Normal file
BIN
public/images/icons/accessibility_window_objs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 494 B |
BIN
public/images/icons/address_book_home.png
Normal file
BIN
public/images/icons/address_book_home.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 537 B |
BIN
public/images/icons/address_book_pad.png
Normal file
BIN
public/images/icons/address_book_pad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 455 B |
BIN
public/images/icons/address_book_pad_users.png
Normal file
BIN
public/images/icons/address_book_pad_users.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 552 B |
BIN
public/images/icons/chm-1.png
Normal file
BIN
public/images/icons/chm-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 426 B |
BIN
public/images/icons/connected_world-0 (1).png
Normal file
BIN
public/images/icons/connected_world-0 (1).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 677 B |
BIN
public/images/icons/connected_world-0.png
Normal file
BIN
public/images/icons/connected_world-0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 677 B |
BIN
public/images/icons/construction.gif
Normal file
BIN
public/images/icons/construction.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
public/images/icons/defragment-0.png
Normal file
BIN
public/images/icons/defragment-0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 563 B |
BIN
public/images/icons/desktop_w95-0.png
Normal file
BIN
public/images/icons/desktop_w95-0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 526 B |
BIN
public/images/icons/directory_folder_options-2.png
Normal file
BIN
public/images/icons/directory_folder_options-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 792 B |
BIN
public/images/icons/directory_fonts-1.png
Normal file
BIN
public/images/icons/directory_fonts-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 624 B |
BIN
public/images/icons/display_properties-3.png
Normal file
BIN
public/images/icons/display_properties-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 731 B |
BIN
public/images/icons/entire_network_globe-2.png
Normal file
BIN
public/images/icons/entire_network_globe-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user