stephen/donsol-js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added old files

Browse source
This commit is contained in:
neauoire 2020-04-16 19:53:23 +09:00
commit ef3620f4f9
86 changed files with 2157 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
sources/links/fonts.css Normal file
View file

@ -0,0 +1,15 @@
/* Input */
@font-face {
font-family: 'input_mono_regular';
src: url('../media/fonts/input_mono_regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'input_mono_medium';
src: url('../media/fonts/input_mono_medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

37
sources/links/main.css Normal file
View file

@ -0,0 +1,37 @@
body { background:black; font-family: 'input_mono_regular',monospace; min-width:750px; overflow-y: hidden; user-select: none; cursor: default; -webkit-app-region: drag; padding:30px;}
#wrapper { display: block;max-width: 900px; height: calc(25vw * 1.25 + 90px);max-height:400px;margin:0px auto;position: relative;width:100%; -webkit-app-region: drag;}
#player { display: block; font-size:12px; height:30px; line-height:20px; max-width:890px; -webkit-user-select: none;-webkit-app-region: drag; position: fixed; bottom:30px; width:calc(100% - 60px);}
#player > * { vertical-align: top }
#player .gage { width: 120px;display: block;height:30px;position: relative; float:right; margin-left:2px;width:70px; padding-right: 50px; text-align: right}
#player .gage .value { display: inline-block;line-height: 20px;font-family: 'input_mono_medium';padding-left: 5px;}
#player .gage .event { display: inline-block;position: absolute;top: -20px;left: 0px; transition: all 250ms; opacity: 0; margin-left:5px; display: none}
#player .gage .progress { display: block;width: 40px;position: absolute; top:7px;overflow: hidden;height: 4px;border-radius: 20px;right:0px;}
#player .gage .progress .bar{ height:5px; display:block !important; transition: width 300ms}
#player a.escape { -webkit-app-region: no-drag;padding: 0px 8px;border-radius: 20px;display: inline-block;margin-right: 10px;line-height: 20px; border:2px solid white; margin-top:0px; color:white;}
#player a.escape:hover { cursor: pointer; }
#player div#timeline { display: inline-block;color:white; transition: opacity 250ms; opacity: 0 }
#player div#timeline b { font-family: 'input_mono_medium',monospace; }
#player.locked a.escape { display:none;}
#board, #table { display:block; position: absolute; width: calc(100% + 15px)}
#board card, #table card { display: inline-block !important;height: calc(25vw * 1.25);max-height:300px;max-width:200px;width: calc(25% - 15px);margin-right: 15px;border-radius: 7px; position:relative; overflow:hidden;min-height: 300px;}
#board card { top:10px; opacity:0.01; z-index:900; transition: opacity 250ms, top 150ms }
#board card:hover { cursor:pointer; top:5px !important;}
#board card .face { display:block;width: 100%;height: calc(100% - 5px);border-radius: 7px;}
#board card .face img { width:100%; position: absolute;bottom:0px; }
#board card .face .value { display: block;position: absolute;width: 30px;height: 30px;left: 15px;top: 60px;font-size: 12px;text-align: center;}
#board card .face .graphic svg { display: block;position: absolute;left: calc(50% - 100px);bottom: calc(50% - 150px);}
#board card .face .icon { display: block;position: absolute;width: 30px;height: 30px;left: 15px;top: 15px;font-size: 11px; z-index:900;}
#board card .face .name { display: block;position: absolute;bottom: 20px;text-align: center;font-size: 11px;width: 100%;}
#table card { }
#table card .shortcut { position:absolute; right:20px; bottom:15px; color:#555;}
#board card:nth-child(2), #table card:nth-child(2) { position:absolute; left:25%;}
#board card:nth-child(3), #table card:nth-child(3) { position:absolute; left:50%;}
#board card:nth-child(4), #table card:nth-child(4) { position:absolute; left:75%;}
#difficulty:hover { text-decoration: underline; cursor: pointer; }

1
sources/links/reset.css Normal file
View file

@ -0,0 +1 @@
* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

54
sources/links/theme.css Normal file
View file

@ -0,0 +1,54 @@
body { background-color:var(--background) !important };
.fh { color:var(--f_high) !important; stroke:var(--f_high) !important };
.fm { color:var(--f_med) !important ; stroke:var(--f_med) !important };
.fl { color:var(--f_low) !important ; stroke:var(--f_low) !important };
.f_inv { color:var(--f_inv) !important ; stroke:var(--f_inv) !important };
.bh { background-color:var(--b_high) !important; fill:var(--b_high) !important };
.bm { background-color:var(--b_med) !important ; fill:var(--b_med) !important };
.bl { background-color:var(--b_low) !important ; fill:var(--b_low) !important };
.b_inv { background-color:var(--b_inv) !important ; fill:var(--b_inv) !important };
.b { background-color:var(--background) !important; }
/* Donsol Theme Scheme */
/* Red */
svg .fill_red { fill:var(--f_med) !important }
#board card.heart .face { color:var(--f_med) !important;}
#board card.diamond .face { color:var(--f_med) !important;}
/* Black */
svg .fill_black { fill:var(--f_high) !important }
#board card.clove .face { color:var(--f_high) !important;}
#board card.spade .face { color:var(--f_high) !important;}
#board card.joker .face { color:var(--f_high) !important;}
svg .stroke_black { stroke:var(--f_high) !important }
/* Grey */
svg .stroke_grey { stroke:var(--f_low) !important }
svg .fill_grey { opacity:0.25; fill:var(--f_low) !important }
/* White */
svg .fill_white { fill:var(--b_high) !important }
#player a.escape { border:2px solid var(--b_high) !important; color: var(--b_high); }
#player a.escape:hover { background-color:var(--b_high) !important; color:var(--background); }
#board card .face { background-color:var(--b_high)}
.card_11 .face .name,.card_13 .face .name,.card_15 .face .name,.card_17 .face .name { color:var(--b_high);}
#player .gage { color:var(--b_high) }
svg .stroke_white { stroke:var(--b_high) !important }
/* Dark Grey */
#table card { background-color:var(--b_low) !important}
#player .gage .value .unit { color:var(--b_low) !important}
#player .gage .progress { background-color:var(--b_low) !important }
/* EXTRAS*/
#player .gage.health .progress .bar { background-color:var(--b_inv) !important }
#player .gage.shield .progress .bar { background-color:var(--b_high) !important }
#player .gage.experience .progress .bar { background-color:var(--b_med) !important }
#table card .shortcut { color:var(--background) !important}
#difficulty { color:var(--f_high) !important }
/* DEATH*/
#player.death a.escape { border-color:var(--b_inv) !important; }
#player.death a.escape:hover { background-color:var(--b_inv) !important; }