Created
September 24, 2016 08:31
-
-
Save mtso/20549e786c34af8cfd76efa30fb7b449 to your computer and use it in GitHub Desktop.
My Flarum's custom CSS shim.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Main color: #00BF93 / #00917E | |
2ndary color: #4D698E | |
*/ | |
@import 'https://fonts.googleapis.com/css?family=Ubuntu'; | |
.App-header { | |
background-color: #14191f; | |
background-image: url('http://i.imgur.com/duab0vq.png'); | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-size: cover; | |
} | |
body { | |
font-family: 'Ubuntu', sans-serif; | |
background-color: #efefef; | |
} | |
.Header-title a, #home-link { | |
text-transform: lowercase; | |
font-weight: 800; | |
font-variant: small-caps; | |
color: #00FFB7; | |
} | |
.WelcomeHero { | |
background: #5713a0; | |
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d0f84+0,00876e+89 */ | |
background: rgb(93,15,132); /* Old browsers */ | |
background: -moz-linear-gradient(-45deg, rgba(93,15,132,1) 0%, rgba(0,135,110,1) 89%); /* FF3.6-15 */ | |
background: -webkit-linear-gradient(-45deg, rgba(93,15,132,1) 0%,rgba(0,135,110,1) 89%); /* Chrome10-25,Safari5.1-6 */ | |
background: linear-gradient(135deg, rgba(93,15,132,1) 0%,rgba(0,135,110,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d0f84', endColorstr='#00876e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | |
color: #fff; | |
} | |
.Alert { | |
background: #14191f; | |
border: 1px solid #098058; /* #00DE94; */ | |
color: #00DE94; | |
margin: 0.6em; | |
} | |
.Alert .Button-label { | |
color: #00DE94; | |
text-decoration-color: #00DE94; | |
-moz-text-decoration-color: #00DE94; | |
} | |
.Navigation-pin, .Navigation-back { | |
background-color: #14191f; | |
} | |
input.FormControl, input.FormControl:focus { | |
background-color: #14191f; | |
color: #eee; | |
} | |
.Button--flat { | |
background-color: #14191f; | |
} | |
.Dropdown-toggle:hover, .Dropdown-toggle:focus { | |
background-color: #14191f; | |
} | |
.Dropdown-toggle:active, | |
.Dropdown-toggle:focus, | |
.Dropdown-toggle.active, | |
.Dropdown-toggle.focus, | |
.Dropdown-toggle.open, | |
.Button--flat.focus, | |
.Button--flat:focus, | |
.Button--flat.active, | |
.Button--flat:active, | |
.Button--flat.open { | |
background-color: #101418; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment