Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2024-11-14 18:11:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #111 from jelle619/master

Browse Source 
Various bug fixes for Fire Wyvern theme
This commit is contained in:
Jeremy "EndenDragon" Zhang 2018-07-08 15:42:41 -07:00 committed by GitHub
commit f0f1f226e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 65 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
webapp/titanembeds/static/themes/FireWyvern/css/style.css
View File

@ -1,90 +1,98 @@
/* Fire Wyvern theme by Jelle Z. @ https://gitlab.com/jelle619 */ /* Fire Wyvern theme by Jelle Z. @ https://gitlab.com/jelle619 */
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
border-bottom: 1px dotted rgb(158,158,158);
}
input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label, input[type=text]:not(.browser-default):disabled+label, input[type=text]:not(.browser-default)[readonly="readonly"]+label, input[type=password]:not(.browser-default):disabled+label, input[type=password]:not(.browser-default)[readonly="readonly"]+label, input[type=email]:not(.browser-default):disabled+label, input[type=email]:not(.browser-default)[readonly="readonly"]+label, input[type=url]:not(.browser-default):disabled+label, input[type=url]:not(.browser-default)[readonly="readonly"]+label, input[type=time]:not(.browser-default):disabled+label, input[type=time]:not(.browser-default)[readonly="readonly"]+label, input[type=date]:not(.browser-default):disabled+label, input[type=date]:not(.browser-default)[readonly="readonly"]+label, input[type=datetime]:not(.browser-default):disabled+label, input[type=datetime]:not(.browser-default)[readonly="readonly"]+label, input[type=datetime-local]:not(.browser-default):disabled+label, input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label, input[type=tel]:not(.browser-default):disabled+label, input[type=tel]:not(.browser-default)[readonly="readonly"]+label, input[type=number]:not(.browser-default):disabled+label, input[type=number]:not(.browser-default)[readonly="readonly"]+label, input[type=search]:not(.browser-default):disabled+label, input[type=search]:not(.browser-default)[readonly="readonly"]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly="readonly"]+label {
color: white
}
.btn{ .btn{
background-color: rgb(255,95,20); background-color: rgb(255,95,20);
} }
.btn-large{ .btn-large{
background-color: rgb(255,95,20); background-color: rgb(255,95,20);
} }
.btn:visited{ .btn:visited{
background-color: rgb(255,95,20); background-color: rgb(255,95,20);
} }
.btn:hover { .btn:hover {
background-color: orange background-color: orange
} }
.btn:active{ .btn:active{
background-color: red background-color: red
} }
.btn:focus { .btn:focus {
background-color: rgb(255,95,20); background-color: rgb(255,95,20);
} }
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid rgb(255,95,20); border-bottom: 1px solid rgb(255,95,20);
-webkit-box-shadow: 0 1px 0 0 rgb(255,95,20); -webkit-box-shadow: 0 1px 0 0 rgb(255,95,20);
box-shadow: 0 1px 0 0 rgb(255,95,20); box-shadow: 0 1px 0 0 rgb(255,95,20);
} }
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label { input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
color: rgb(255,95,20); color: rgb(255,95,20);
} }
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after { [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
background-color: rgb(255,95,20); background-color: rgb(255,95,20);
} }
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after { [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
border: 2px solid rgb(255,95,20); border: 2px solid rgb(255,95,20);
} }
#guild-nav { #guild-nav {
background-color: rgb(0,0,0); background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9) background-color: rgba(0,0,0,0.9)
} }
#guild-nav span { #guild-nav span {
color: white color: white
} }
#guild-nav a { #guild-nav a {
color: white color: white
} }
#members-nav { #members-nav {
background-color: rgb(0,0,0); background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9) background-color: rgba(0,0,0,0.9)
} }
#channeltopic { #channeltopic {
color: rgb(255,255,255) color: rgb(255,255,255)
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
font-style: light; font-style: light;
font-weight: 300; font-weight: 300;
src: url("../font/roboto_light.woff") format("woff") src: url("../font/roboto_light.woff") format("woff")
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
src: url("../font/roboto_normal.woff") format("woff") src: url("../font/roboto_normal.woff") format("woff")
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
font-style: medium; font-style: medium;
font-weight: 600; font-weight: 600;
src: url("../font/roboto_medium.woff") format("woff") src: url("../font/roboto_medium.woff") format("woff")
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
font-style: bold; font-style: bold;
font-weight: 700; font-weight: 700;
src: url("../font/roboto_bold.woff") format("woff") src: url("../font/roboto_bold.woff") format("woff")
} }
* { * {
@ -92,64 +100,64 @@ font-family: Helvetica Neue, Roboto, Helvetica, Arial, sans-serif;
} }
#footer { #footer {
background-color: rgb(0,0,0); background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9) background-color: rgba(0,0,0,0.9)
} }
#footercontainer span { #footercontainer span {
color: rgb(175,175,175) color: rgb(175,175,175)
} }
#footercontainer { #footercontainer {
border: 0px border: 0px
} }
.footercontainer { .footercontainer {
margin: 6.5px margin: 6.5px
} }
#messageboxouter textarea { #messageboxouter textarea {
color: rgb(255,255,255) color: rgb(255,255,255)
} }
nav a { nav a {
color: rgb(255,95,20) color: rgb(255,95,20)
} }
.btn:focus{ .btn:focus{
background-color: rgb(255,95,20) background-color: rgb(255,95,20)
} }
.brand-logo-text { .brand-logo-text {
color: white color: white
} }
.brand-logo-text [class="betatag align-top"]{ .brand-logo-text [class="betatag align-top"]{
color: rgb(175,175,175) color: rgb(175,175,175)
} }
.nav-wrapper { .nav-wrapper {
background-color: rgb(0,0,0); background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9) background-color: rgba(0,0,0,0.9)
} }
[src="/static/img/titanembeds_shield.png"]{ [src="/static/img/titanembeds_shield.png"]{
display: none display: none
} }
[type="checkbox"].filled-in:checked+label:after { [type="checkbox"].filled-in:checked+label:after {
border: 2px solid rgb(255,95,20); border: 2px solid rgb(255,95,20);
background-color: rgb(255,95,20); background-color: rgb(255,95,20);
} }
[type="checkbox"].filled-in:not(:checked)+label:after { [type="checkbox"].filled-in:not(:checked)+label:after {
background-color: transparent; background-color: transparent;
border: 2px solid #5a5a5a; border: 2px solid #5a5a5a;
} }
:root { :root {
--modal: rgb(20,20,20); --modal: rgb(20,20,20);
--noroleusers: rgb(100,100,100); --noroleusers: rgb(100,100,100);
--main: rgb(20,20,20); --main: rgb(20,20,20);
--chatmessage: rgb(255,255,255); --chatmessage: rgb(255,255,255);
--discrim: rgb(100,100,100) --discrim: rgb(100,100,100)