Add support for older browser with bad support for CSS Variables and ES6

This commit is contained in:
Jeremy Zhang
2017-12-14 05:22:06 +00:00
parent 7f415bd65a
commit 89b3f4a450
3 changed files with 64 additions and 12 deletions

View File

@ -43,6 +43,7 @@ font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
--dark-highlight-channelheader: #36393e;
}
#footer {
background-color: #3C3C3C;
background-color: var(--chatbox);
}
#footercontainer {
@ -50,6 +51,7 @@ border-radius:20px;
border: 1px solid rgb(99,99,99);
margin-left:-0px!important;
padding-left:-4px!important;
background-color: #3C3C3C;
background-color: var(--chatbox);
}
#nameplate {
@ -63,6 +65,7 @@ display:block
}
#curuser_discrim {
font-size:50%;
color: #7D8386;
color:var(--discrim);
}
#curuser_discrim,
@ -77,20 +80,23 @@ margin-right:4px
#chatcontent > p > span { display: table-row }
/*#chatcontent > p > span:nth-child(1):before { content:"Today at " }*/
/*#chatcontent > p > span.chatusername { display: table-header-group }*/
#chatcontent > p > span.chatmessage { display: table-footer-group;display:inline-block!important;color:var(--chatmessage) }
#chatcontent > p > span.chatmessage { display: table-footer-group;display:inline-block!important;color:#C3C4C5;color:var(--chatmessage); }
#chatcontent {
background: #36393E;
background:var(--main)
}
::-webkit-input-placeholder { color:var(--placeholder) }
:-moz-placeholder { color:var(--placeholder) }
::-moz-placeholder { color:var(--placeholder) }
:-ms-input-placeholder { color:var(--placeholder) }
::-ms-input-placeholder { color:var(--placeholder) }
::-webkit-input-placeholder { color: #636363; color:var(--placeholder); }
:-moz-placeholder { color: #636363; color:var(--placeholder); }
::-moz-placeholder { color: #636363; color:var(--placeholder); }
:-ms-input-placeholder { color: #636363; color:var(--placeholder); }
::-ms-input-placeholder { color: #636363; color:var(--placeholder); }
body > div.navbar-fixed > nav > div,
#members-nav {
background: #1E2124;
background:var(--rightsidebar)
}
#guild-nav {
background: #2E3136;
background: var(--leftsidebar)
}
div.divider {
@ -111,6 +117,7 @@ color:rgb(130,131,134)
}
body > main,
body {
background: #36393E;
background:var(--main)
}
#members-btn > i { visibility:hidden }
@ -130,9 +137,11 @@ background: linear-gradient(to right, #f9f9f9 90%, #fff);
#discord-members > li > a,
#embed-discord-members > li > a,
#embed-unauth-users > li > a {
color: #ABADAF;
color:var(--noroleusers);
}
.modal {
background: #36393E;
background: var(--modal);
}