How can I change the background color to #97EFFC when a menu item is selected? I want the body content background to be transparent until a menu item is displayed.
Site.css
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
.jumbotron {
margin-top: 20px;
background-color:transparent
}
.body-content {
padding: 0;
background-color: #97EFFC;
}
Site.Master
<div class="container body-content">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
<hr />
</asp:ContentPlaceHolder>
<footer>
<p>It is <%: DateTime.Now %> at Bob's Place</p>
</footer>
</div>
Here is the menu, it follows the standard from VS2013 -- does the JavaScript go in the Site.css?
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a runat="server" href="~/">Home</a></li>
<li><a runat="server" href="~/About">About</a></li>
<li><a runat="server" href="~/Contact">Contact</a></li>
<li><a runat="server" href="~/WeatherInfo/WeatherInfoMenu">WeatherInfo</a></li>
</ul>
<asp:LoginView runat="server" ViewStateMode="Disabled">
<AnonymousTemplate>
<ul class="nav navbar-nav navbar-right">
<li><a runat="server" href="~/Account/Register">Register</a></li>
<li><a runat="server" href="~/Account/Login">Log in</a></li>
</ul>
</AnonymousTemplate>
<LoggedInTemplate>
<ul class="nav navbar-nav navbar-right">
<li><a runat="server" href="~/Account/Manage" title="Manage your account">Hello, <%: Context.User.Identity.GetUserName() %>!</a></li>
<li>
<asp:LoginStatus runat="server" LogoutAction="Redirect" LogoutText="Log off" LogoutPageUrl="~/" OnLoggingOut="Unnamed_LoggingOut" />
</li>
</ul>
</LoggedInTemplate>
</asp:LoginView>
</div>
</
div>