mascully/wingbase
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

convert styles to stylus

Browse source
This commit is contained in:
Asraelite 2016-03-29 14:50:17 +01:00
parent 1160466cf9
commit c47ad92f21
11 changed files with 98 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

97
public/static/css/styles.css
View file

@ -1,74 +1,59 @@
@font-face {
font-family: 'FreePixel';
src: url('/css/FreePixel.ttf');
font-family: 'FreePixel';
src: url("/css/FreePixel.ttf");
}
* {
margin: 0;
padding: 0;
font-family: FreePixel;
margin: 0;
padding: 0;
font-family: FreePixel;
}
body {
overflow: hidden;
overflow: hidden;
}
#gui {
color: #fff;
color: #fff;
}
#gui > .container {
position: fixed;
.container {
position: fixed;
}
#gui #chat {
bottom: 0;
left: 0;
width: 400px;
max-height: 300px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.55);
#chat {
bottom: 0;
left: 0;
width: 400px;
max-height: 300px;
overflow: hidden;
background-color: rgba(0,0,0,0.55);
}
#gui #chat-messages > span {
display: block;
margin-top: 5px;
#chat #chat-messages > span {
display: block;
margin-top: 5px;
}
#gui #chat span > span {
color: #afa;
#chat #chat-messages > span > span {
color: #afa;
}
#gui #chat span > span.teama {
color: #f76;
#chat #chat-messages > span > span.teama {
color: #f76;
}
#gui #chat span > span.teamb {
color: #8af;
#chat #chat-messages > span > span.teamb {
color: #8af;
}
#gui #chat span.server {
color: #68c;
#chat #chat-messages > span.server {
color: #68c;
}
#gui #chat input {
font-family: inherit;
font-size: 16px;
border: 0;
display: block;
width: 100%;
padding: 2px 0 2px 0;
background-color: rgba(20, 20, 20, 0.5);
#chat input {
font-family: inherit;
font-size: 16px;
border: 0;
display: block;
width: 100%;
padding: 2px 0 2px 0;
background-color: rgba(20,20,20,0.5);
}
#gui #chat input:focus {
background-color: #eee;
#chat input:focus {
background-color: #eee;
}
#gui #weapons {
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
#weapons {
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
#gui #weapons

3
public/static/css/test.css
View file

@ -1,3 +0,0 @@
# test {
ayy: 5;
}

BIN
public/static/img/favicon_256.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.1 KiB

52
public/stylus/styles.styl Normal file
View file

@ -0,0 +1,52 @@
@font-face {
font-family: 'FreePixel';
src: url('/css/FreePixel.ttf');
}
* {
margin: 0;
padding: 0;
font-family: FreePixel;
}
body {
overflow: hidden;
}
#gui
color #fff
.container
position fixed
#chat
bottom 0
left 0
width 400px
max-height 300px
overflow hidden
background-color rgba(0, 0, 0, 0.55)
#chat-messages
> span
display block
margin-top 5px
> span
color #afa
&.teama
color #f76
&.teamb
color #8af
&.server
color #68c
input
font-family inherit
font-size 16px
border 0
display block
width 100%
padding 2px 0 2px 0
background-color rgba(20, 20, 20, 0.5)
&:focus
background-color #eee
#weapons
bottom 0
left 50%
transform translate(-50%, 0)

4
public/stylus/test.css
View file

@ -1,4 +0,0 @@
# test {
ayy: 5;
b: 2;
}

3
public/stylus/test.styl
View file

@ -1,3 +0,0 @@
# test {
ayy: 5;
}