Quick styling for .NetCore

Quck .css stlying for .NETCore MVC

A quick way to consistently style a .netcore site is to add site.min.css

The named colours below (Tomato, Orange, DodgerBlue, MediumSeaGreen, SlateBlue, Violet, LightGray) give a quick way to style a default .NETCore solution.

using named colours makes it easier to identify the elements/classes that you are changing.

html {
    background-color: lightgray;
    position: relative;
    min-height: 100%;
}

.navbar-inverse, .navbar-inverse .navbar-nav .open a, .navbar-inverse .navbar-nav .open a:focus, .navbar-inverse .navbar-nav .open a:hover {
    background-color: Tomato;
    border-color: Orange;
}

.navbar-inverse, .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav .open a, .navbar-inverse .navbar-nav .open a:focus, .navbar-inverse .navbar-nav .open a:hover {
    color: DodgerBlue;
}

.navbar-inverse .navbar-nav .open a:hover {
    color: SlateBlue;
}

.navbar-default, .navbar-default .navbar-text, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: DodgerBlue;
    color: Orange;
}

.dropdown, .dropdown-toggle, .dropdown-menu, .dropdown:focus, .dropdown:hover, .dropdown:active, .dropdown-menu:focus, .dropdown-menu:hover, .dropdown-menu:active {
    background-color: Tomato;
    border-color: Orange;
    color: DodgerBlue;
}

.btn-default, .btn-info:hover {
    background-color: Tomato;
    border-color: Orange;
    color: DodgerBlue;
}

.btn-info, .btn-default:hover {
    background-color: DodgerBlue;
    border-color: Orange;
    color: Tomato;
}

a {
    color: Tomato;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

body {
    margin-bottom: 40px;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: MediumSeaGreen;
}

---