lightcordwarez
/
BetterDiscordApp-v1
mirror of https://github.com/jiiks/betterdiscordapp.git
1
0
Fork 0
Code Issues Releases Wiki Activity

css

This commit is contained in:
Jiiks 2015-08-29 16:29:47 +03:00
parent 8f0eb0ef32
commit 4c23bc4feb
2 changed files with 51 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
css/main.css
View File

@ -3,8 +3,8 @@
width:50px;
height:45px;
right:0;
top:0;
display:block;
bottom:31px;
}
#twitchcord-button {
@ -20,30 +20,30 @@
.twitchcord-button-open {
background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/3/1.0) !important; }
#emote-menu {
background:#2E3136;
height:0;
width:300px;
position:absolute;
bottom:45px;
right:0;
border:1px solid #000;
border-radius: 5px 5px 0 0;
overflow:auto;
visibility:hidden;
#emote-menu {
background:#36393E;
height:0;
width:300px;
position:absolute;
bottom:45px;
right:0;
border:1px solid #000;
border-radius: 5px 0 0 0;
overflow:auto;
visibility:hidden;
transition: all 1s;
-webkit-transition: all 1s;
}
.emotemenu-open {
height:450px !important;
visibility:visible !important;
.emotemenu-open {
height:450px !important;
visibility:visible !important;
}
#emote-menu-header {
width:100%;
height:36px;
background:#36393E;
background:#212222;
border-bottom:1px solid #000;
}
@ -69,7 +69,7 @@
position:relative;
}
.emote-container img {
.emote-icon {
max-width:100%;
max-height:100%;
position:absolute;
@ -97,6 +97,7 @@
border:1px solid #000;
box-shadow:0 0 20px 0 #000;
max-height:800px;
min-width:750px;
}
#tc-settings-panel-header {
@ -182,28 +183,50 @@
.tc-switch {
background: rgb(46, 49, 54);
width: 100px;
height: 24px;
display: inline-block;
float: right;
margin: -7px;
border: 1px solid #000;
outline: 1px solid #404040;
cursor:pointer;
width: 100px;
height: 24px;
display: inline-block;
float: right;
margin: -7px;
border: 1px solid #000;
outline: 1px solid #404040;
cursor:pointer;
}
.tc-switch.disabled {
background:gray;
cursor:default;
}
.tc-switch.disabled span {
background:gray !important;
}
.tc-switch.disabled .tc-switch-on {
border-left:1px gray !important;
}
.tc-switch span {
line-height:24px;
display:inline-block;
width:50px;
width:49px;
text-align:center;
height:24px;
}
.tc-switch-off {
border-right:1px solid #000;
}
.tc-switch-on {
border-left:1px solid #404040;
}
.tc-switch-on.active {
background:green;
border-left:1px solid #00AE08;
}
.tc-switch-off.active {
background:#860606;
}
}

2
css/main.min.css vendored
View File

@ -1 +1 @@
#emote-menu,#tc-settings-panel-body{overflow:auto}#twitchcord-button-container{position:absolute;width:50px;height:45px;right:0;top:0;display:block}#twitchcord-button{position:absolute;width:50px;height:100%;background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/5/1.0);background-repeat:no-repeat;background-size:36px;background-position:7px}.twitchcord-button-open{background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/3/1.0)!important}#emote-menu{background:#2E3136;height:0;width:300px;position:absolute;bottom:45px;right:0;border:1px solid #000;border-radius:5px 5px 0 0;visibility:hidden;transition:all 1s;-webkit-transition:all 1s}.emotemenu-open{height:450px!important;visibility:visible!important}#emote-menu-header{width:100%;height:36px;background:#36393E;border-bottom:1px solid #000}#emote-menu-header span{width:100%;text-align:center;display:block;line-height:36px;font-weight:700;color:#ADADAD}#emote-container{padding:10px}.emote-container{display:inline-block;padding:2px;border-radius:5px;width:30px;height:30px;position:relative}.emote-container img{max-width:100%;max-height:100%;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;cursor:pointer}.emote-container:hover{background:rgba(123,123,123,.37)}#tc-settings-panel{position:fixed;width:50%;height:75%;background:#2e3136;display:block;z-index:9001;margin-left:25%;margin-top:5%;border:1px solid #000;box-shadow:0 0 20px 0 #000;max-height:800px}#tc-settings-panel-header{background:#36393e;height:60px;border-bottom:1px solid #000;box-shadow:0 1px 0 0 #4e4e4e}#tc-settings-panel-header h2{margin:0 0 0 10px;line-height:60px;color:#ADADAD;display:inline-block;float:left}#tc-settings-panel-header span{float:right;display:inline;line-height:50px;margin-right:15px;font-size:29px;font-weight:700;color:#ADADAD}#tc-settings-panel-body ul{overflow:auto;position:absolute;padding:0;margin-top:0;border-bottom:1px solid #000;left:0;right:0;bottom:0;top:61px}#tc-settings-panel-body ul li{padding:15px;color:#ADADAD;background:#2E3136;border-bottom:1px solid #000;box-shadow:0 1px 0 #404040 inset}#tc-settings-panel-body ul li:nth-child(odd){background:#33363B}#tc-settings-panel-body ul li h2{display:inline}#tc-links a{color:#FFF}#tc-settings-panel-footer{background:#36393e;height:40px;position:absolute;bottom:0;right:0;left:0;border-top:1px solid #000;box-shadow:0 1px 0 #505050 inset;line-height:40px;padding-left:10px;color:#ADADAD!important}.tc-switch,.tc-switch span{display:inline-block;height:24px}#tc-links{float:right;margin-right:10px}.tc-switch{background:#2e3136;width:100px;float:right;margin:-7px;border:1px solid #000;outline:#404040 solid 1px;cursor:pointer}.tc-switch span{line-height:24px;width:50px;text-align:center}.tc-switch-on.active{background:green}.tc-switch-off.active{background:#860606}
#emote-menu,#tc-settings-panel-body{overflow:auto}#twitchcord-button-container{position:absolute;width:50px;height:45px;right:0;display:block;bottom:31px}#twitchcord-button{position:absolute;width:50px;height:100%;background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/5/1.0);background-repeat:no-repeat;background-size:36px;background-position:7px}.twitchcord-button-open{background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/3/1.0)!important}#emote-menu{background:#36393E;height:0;width:300px;position:absolute;bottom:45px;right:0;border:1px solid #000;border-radius:5px 0 0;visibility:hidden;transition:all 1s;-webkit-transition:all 1s}.emotemenu-open{height:450px!important;visibility:visible!important}#emote-menu-header{width:100%;height:36px;background:#212222;border-bottom:1px solid #000}#emote-menu-header span{width:100%;text-align:center;display:block;line-height:36px;font-weight:700;color:#ADADAD}#emote-container{padding:10px}.emote-container{display:inline-block;padding:2px;border-radius:5px;width:30px;height:30px;position:relative}.emote-icon{max-width:100%;max-height:100%;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;cursor:pointer}.emote-container:hover{background:rgba(123,123,123,.37)}#tc-settings-panel{position:fixed;width:50%;height:75%;background:#2e3136;display:block;z-index:9001;margin-left:25%;margin-top:5%;border:1px solid #000;box-shadow:0 0 20px 0 #000;max-height:800px;min-width:750px}#tc-settings-panel-header{background:#36393e;height:60px;border-bottom:1px solid #000;box-shadow:0 1px 0 0 #4e4e4e}#tc-settings-panel-header h2{margin:0 0 0 10px;line-height:60px;color:#ADADAD;display:inline-block;float:left}#tc-settings-panel-header span{float:right;display:inline;line-height:50px;margin-right:15px;font-size:29px;font-weight:700;color:#ADADAD}#tc-settings-panel-body ul{overflow:auto;position:absolute;padding:0;margin-top:0;border-bottom:1px solid #000;left:0;right:0;bottom:0;top:61px}#tc-settings-panel-body ul li{padding:15px;color:#ADADAD;background:#2E3136;border-bottom:1px solid #000;box-shadow:0 1px 0 #404040 inset}#tc-settings-panel-body ul li:nth-child(odd){background:#33363B}#tc-settings-panel-body ul li h2{display:inline}#tc-links a{color:#FFF}#tc-settings-panel-footer{background:#36393e;height:40px;position:absolute;bottom:0;right:0;left:0;border-top:1px solid #000;box-shadow:0 1px 0 #505050 inset;line-height:40px;padding-left:10px;color:#ADADAD!important}.tc-switch,.tc-switch span{display:inline-block;height:24px}#tc-links{float:right;margin-right:10px}.tc-switch{background:#2e3136;width:100px;float:right;margin:-7px;border:1px solid #000;outline:#404040 solid 1px;cursor:pointer}.tc-switch.disabled{background:gray;cursor:default}.tc-switch.disabled span{background:gray!important}.tc-switch.disabled .tc-switch-on{border-left:1px gray!important}.tc-switch span{line-height:24px;width:49px;text-align:center}.tc-switch-off{border-right:1px solid #000}.tc-switch-on{border-left:1px solid #404040}.tc-switch-on.active{background:green;border-left:1px solid #00AE08}.tc-switch-off.active{background:#860606}