WordPress.org

Ready to get started?Download WordPress

Forums

Css won't load in firefox (5 posts)

  1. stannmusic
    Member
    Posted 5 years ago #

    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

  2. t31os
    Member
    Posted 5 years ago #

    Try using..

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    In place of..

    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>
  3. stannmusic
    Member
    Posted 5 years ago #

    thanks! I will try it now!

  4. stannmusic
    Member
    Posted 5 years ago #

    It helped thank you very much!!

  5. t31os
    Member
    Posted 5 years ago #

    You're welcome... ;)

Topic Closed

This topic has been closed to new replies.

About this Topic