asp.net theme style.css at bottom of head
I am using asp.net themes and in my /App_Themes/Skin_1/ folder I have style.css which is added to all the pages loaded.
This is great but it's adding it after all of the other items in the head section. So if my .master page css files need to overwrite the main style.css it won't work.
Any ideas if this is possible?
Here is a sample of how it's resolving to on my home page:
HTML Code:
<head id="ctl00_Head1">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title of page</title>
<meta name="description" content="description of page" />
<meta name="keywords" content="keywords of page" />
<link href="http://fonts.googleapis.com/css?family=Arimo:400,700|Cabin:400,700" rel="stylesheet" type="text/css" />
<link href="App_Templates/Skin_1/styles/home.css" rel="stylesheet" type="text/css" />
<link href="App_Templates/Skin_1/slides/global.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/jscripts/core.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
<script type="text/javascript" src="~/../App_Templates/Skin_1/js/slides.min.jquery.js"></script>
<script type="text/javascript">
$(function () {
$(".item").css("font-weight", "bold");
});
</script>
<link href="App_Themes/Skin_1/style.css" type="text/css" rel="stylesheet" />
</head>
Here is how I would like to have it load:
HTML Code:
<head id="ctl00_Head1">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title of page</title>
<meta name="description" content="description of page" />
<meta name="keywords" content="keywords of page" />
<link href="App_Themes/Skin_1/style.css" type="text/css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Arimo:400,700|Cabin:400,700" rel="stylesheet" type="text/css" />
<link href="App_Templates/Skin_1/styles/home.css" rel="stylesheet" type="text/css" />
<link href="App_Templates/Skin_1/slides/global.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/jscripts/core.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
<script type="text/javascript" src="~/../App_Templates/Skin_1/js/slides.min.jquery.js"></script>
<script type="text/javascript">
$(function () {
$(".item").css("font-weight", "bold");
});
</script>
</head>
