diff --git a/webapp/titanembeds/static/themes/RainbowUnicorn/css/style.css b/webapp/titanembeds/static/themes/RainbowUnicorn/css/style.css index 8b13789..547b06d 100644 --- a/webapp/titanembeds/static/themes/RainbowUnicorn/css/style.css +++ b/webapp/titanembeds/static/themes/RainbowUnicorn/css/style.css @@ -1 +1,160 @@ +@font-face { + font-family: Whitney; + font-style: light; + font-weight: 300; + src: url("../font/whitney_light.woff") format("woff") +} +@font-face { + font-family: Whitney; + font-style: normal; + font-weight: 500; + src: url("../font/whitney_normal.woff") format("woff") +} + +@font-face { + font-family: Whitney; + font-style: medium; + font-weight: 600; + src: url("../font/whitney_medium.woff") format("woff") +} + +@font-face { + font-family: Whitney; + font-style: bold; + font-weight: 700; + src: url("../font/whitney_bold.woff") format("woff") +} + +* { +font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; +} + +/*background-color: var(--dark-highlight);*/ +:root { + /*--: */ + --dark-primary: #ff69b4; + --dark-secondary: #36393e; + --dark-highlight: #2e3136; + --dark-highlight-guildlist: #1e2124; + --dark-highlight-channellist: #2e3136; + --dark-highlight-channelheader: #36393e; +} +#footer { +background-color: #3C3C3C; +background-color: var(--chatbox); +} +#footercontainer { +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 { +background:transparent!important; +margin-left:10px +} +#chatcontent > p > span.chatusername, +#curuser_discrim, +#curuser_name { +display:block +} +#curuser_discrim { +font-size:50%; +color: #7D8386; +color:var(--discrim); +} +#curuser_discrim, +#curuser_name { +margin-top:-2px +} +#currentuserimage { +margin-top:4px; +margin-right:4px +} +#chatcontent > p { display: table; } +#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:#C3C4C5;color:var(--chatmessage); } +#chatcontent { +background: #36393E; +background:var(--main) +} +::-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: #551A8B; +background: var(--leftsidebar) +} +div.divider { +background:rgb(46,49,54); +margin-left:10px; +margin-right:10px; +/*height:150%*/ +} +#discord-members > li > a.subheader, +#members-nav > li:nth-child(1) > a, +#discord-members-count, +#embed-discord-members-count, +#members-nav > li:nth-child(4) > a, +#guest-members-count, +#members-nav > li:nth-child(6) > a { +text-transform: uppercase; +color:rgb(130,131,134) +} +body > main, +body { +background: #2B6EDD; +background:var(--main) +} +#members-btn > i { visibility:hidden } +#members-btn { +visibility:visible; +background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2Ljc3MjA3NTQgMTQuNjc5MTc3OGMtLjIyNDkwOTctLjIyNTY4ODYtLjQ3NDE1NzMtLjQzNTE2ODEtLjc0MjA3NTQtLjYyOTE3NzguMzUtLjAzLjY4LS4wNS45Ny0uMDUgMi4zMyAwIDcgMS4xNyA3IDMuNVYyMGgtNHYtMWMwLTEuODgxNjkxNC0xLjQwNzcwNTYtMy4zMjMwMTQzLTMuMjI3OTI0Ni00LjMyMDgyMjJ6bS0xLjQzODU3MzUtOC4xNzU4NTM0QzE1LjgwOTgwODIgNi4xODUyNTE3MyAxNi4zODI3ODQ1IDYgMTcgNmMxLjY2IDAgMi45OSAxLjM0IDIuOTkgM3MtMS4zMyAzLTIuOTkgM2MtLjYxNzE5MTQgMC0xLjE5MDE0NzEtLjE4NTIzNzMtMS42NjY0NDIzLS41MDMyODcyQzE1Ljc1NzQ4MzIgMTAuNzYyMTQwOTUgMTYgOS45MDk1NTYgMTYgOS4wMDAwNjY5M2MwLS45MDk1Mjg5Ni0uMjQyNTM4MS0xLjc2MjE0ODgtLjY2NjQ5ODEtMi40OTY3NDI1M3pNMTAgMTNjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6Ii8+CiAgPC9nPgo8L3N2Zz4=); +background-repeat:no-repeat; +margin-top:18px +} +.circle:hover { +border-radius:20px; +background: linear-gradient(to right, #f9f9f9 90%, #fff); +} +#channels-list > li:hover { +-webkit-filter: brightness(150%); +} +#discord-members > li > a, +#embed-discord-members > li > a, +#embed-unauth-users > li > a { +color: #FF0000; +color:var(--noroleusers); +} +.modal { + background: #008000; + background: var(--modal); +} + +/* CSS Variables */ +:root { + /*--: */ + --modal: #0000FF; + --noroleusers: #FFFF00; + --main: #df3d3d; + --placeholder: #d426ea; + --sidebardivider: #d426ea; + --leftsidebar: #2E3136; + --rightsidebar: #d426ea; + --header: #2E3136; + --chatmessage: #C3C4C5; + --discrim: #d426ea; + --chatbox: #008000; +}