Skip to content

Instantly share code, notes, and snippets.

@mtso
Created September 24, 2016 08:31
Show Gist options
  • Save mtso/20549e786c34af8cfd76efa30fb7b449 to your computer and use it in GitHub Desktop.
Save mtso/20549e786c34af8cfd76efa30fb7b449 to your computer and use it in GitHub Desktop.
My Flarum's custom CSS shim.
/*
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