Css won’t load in firefox
-
Hey,
I have downloaded a theme but the css wont load in firefox, You can see the site working on http://www.dutchscene.nl in IE but does anybody know why it wont show the layout in firefox?
Code:
in header.php
<style type="text/css" media="screen"> @import url( <?php bloginfo('stylesheet_url'); ?> ); </style>
the css:
/* Theme Name: Landzilla-From the Swamp Theme URI: http://www.miklb.com/blog Description: Landzilla-From the Swamp is a update of the original Made by Vladimir Simovic aka Perun (private Weblog: <a href="http://www.perun.net">www.perun.net</a>). Version: .4 Author: Michael Bishop Author URI: http://www.miklb.com The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*--------------Main Divs---------------*/ body { padding: 0; margin: 0; font: 10px verdana, sans-serif; background: #394948 url(images/top.jpg) repeat-x; color: #333; line-height: 1.4em; } #page { text-align: left; margin: 0 auto; width: 770px; padding: 0 0 5px 0; position: relative; background: url(images/background.jpg) repeat-y; border-bottom: 1px solid #ddd; } #header { background: url(images/header.jpg) no-repeat; height: 190px; } #wrapper { width: 770px; background: #FFF; overflow: hidden; } #content { width: 520px; float: left; margin-left: 15px; background: #FFF; font-size: 1.1em; } #sidebar { float: right; width: 200px; text-align: center; background: #D3D5D5; font-size: 1.1em; padding: 0 0 5px 0; margin: 0 15px 15px 0; } #footer { clear: both; margin: 5px 15px 0 15px; padding: 5px; text-align: center; font-size: .9em; background: #FFF; border-top: 1px dotted #394948; } hr { display: none; } img { border: none; } acronym, abbr, dfn { border-bottom: 1px dashed #333; font-style: normal; } blockquote { border-left: 5px solid #394948; margin: 1em 0; padding: 5px 10px; background: #00bff3; width: 490px; } code, pre { color: #F26722; font: 1.1em 'courier new', courier, monospace; } .alignleft { float: left; margin: 0 15px 3px 0; } .alignright { float: right; margin: 0 0 3px 15px; } .center { text-align: center; } #header h1 { font: 30px 'trebuchet ms', sans-serif; color: #394948; margin: 0; padding: 5px 15px; } #header h1 a { color: #394948; text-decoration: none; } /*-----------------Post--------------*/ #content h2 { color: #394948; border-bottom: 1px solid #D3D5D5; font: bold 1.3em verdana, sans-serif; text-align: center; margin: .5em 0 0 0; padding: 2px 5px; } #content h2 a { text-decoration: none; } #content h3 { padding: 2px 0 2px 17px; margin: .5em 0; font-size: 1.4em; background: url(images/document.gif) no-repeat left center; } #content h3 a { color: #394948; text-decoration: none; } #content h3 a:hover { color: #394948; text-decoration: none; } #content h4 { font-size: 1.3em; padding: 0; margin: 1em 0; color: #444; } #content h5 { font-size: 1.1em; padding: 0; margin: 1em 0; color: #444; } #content a, #footer a { color: #394948; } #content a:hover, #footer a:hover { color: #444; text-decoration: none; } #content .meta { font-size: .9em; background: #00bff3; margin: 0; padding: 1px 5px; } #content .feedback { margin: 1em 1.7em 1em 1em; text-align: right; } .storycontent { margin-bottom: 60px; padding-bottom: 90px; background: url(images/divider.png) no-repeat bottom center; } .navigation { margin-bottom: 45px; } .edit { background: url(images/pen.png) no-repeat center right; padding-right: 14px; } /*----------------Sidebar---------------*/ #sidebar ul, #sidebar ol, #sidebar p, #sidebar form, #sidebar dl { text-align: left; padding-left: 10px; padding-right: 10px; } #sidebar div { margin: 10px 10px 15px 10px; text-align: left; } #sidebar h2 { font: bold 1.2em verdana, sans-serif; color: #fff; margin: 0 0 .5em 0; padding: 1px 5px 1px 20px; background: #00bff3 url(images/cube.gif) no-repeat center left; text-align: left; } #sidebar a { font-weight: bold; color: #394948; text-decoration: none; } #sidebar a:hover { color: #D3D5D5; background: #394948; } #sidebar ul { list-style: none; margin: .5em 0 1em 0; } #sidebar ul ul { margin: 2px 0 2px 7px; padding: 0; } #sidebar .sidebar-search { margin-bottom: 3px; width: 150px; font-size: 1em; } .current_page_item { font-size: 1.4em; color: #F26722; } .rss { background: url(images/feed-icon-10x10.gif) no-repeat center left; padding-left: 12px; } /*---------------Comments----------------*/ #commentlist li { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #D3D5D5; } #commentform { margin: 1em 0; padding: 1em; border: 1px solid #394948; background: #D3D5D5; }
can someone help me out please?
Thanks,
Stan
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘Css won’t load in firefox’ is closed to new replies.