After htaccess changes the css stop working as stylesheet
<p>I have a weird issue with my css files.
After i changed the htaccess file to this</p>
<pre><code>&lt;IfModule mod_rewrite.c&gt;
RewriteEngine on
RewriteCond %{THE_REQUEST} /eventDetails\.php\?id=([0-9]+)&amp;name=(.+)\sHTTP [NC]
RewriteRule ^ /%1/%2? [L,R]
RewriteRule ^([^/]+)/([^/]+)/?$ /eventDetails.php?id=$1&amp;name=$2 [L]
&lt;/IfModule&gt;
</code></pre>
<p>my css files stoped loading to ALL the pages of the website.</p>
<p>My public_html folder contains</p>
<ul>
<li>index.php</li>
<li>profile.php</li>
<li>css -&gt; style.css</li>
<li>js -&gt;  owl.carousel.js</li>
<li>.htaccess</li>
</ul>
<p>With Google Chrome Developer Tools i have this error for the css files</p>
<pre><code>Resource interpreted as Stylesheet but transferred with MIME type text/html: &quot;http://something.gr/css/style.css&quot;.
</code></pre>
<p>and this error for the javascript files</p>
<pre><code>owl.carousel.js:1 Uncaught SyntaxError: Unexpected token &lt;
</code></pre>
<p>Some images from the <code>Network</code> Tab.</p>
<p>WITHOUT .htaccess file</p>
<p><a href="https://i.stack.imgur.com/lH6jS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lH6jS.png" alt="enter image description here" /></a></p>
<p>As you can see the Content-Type is text/css  .. like it should be</p>
<p>WITH .htaccess file</p>
<p><a href="https://i.stack.imgur.com/Bn78v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bn78v.png" alt="enter image description here" /></a></p>
<p>As you can see here the mime.type returns it as a text/html</p>
<p>What i've tried.</p>
<p>First.  after <code>&lt;title&gt;</code> html tag i've enternet</p>
<pre><code>&lt;base href=&quot;/&quot;&gt;
</code></pre>
<p>Second. I've tried to change the .htaccess file to this</p>
<pre><code>    &lt;IfModule mod_rewrite.c&gt;
    RewriteEngine on
AddType application/javascript js
AddType text/css css
    RewriteCond %{THE_REQUEST} /eventDetails\.php\?id=([0-9]+)&amp;name=(.+)\sHTTP [NC]
    RewriteRule ^ /%1/%2? [L,R]
    RewriteRule ^([^/]+)/([^/]+)/?$ /eventDetails.php?id=$1&amp;name=$2 [L]
    &lt;/IfModule&gt;
</code></pre>
<p>And lastly i've checked on my dedicated server <code>usr/local/apache/conf/</code></p>
<p>on the mime.types file that the  <code>text/css css</code> is NOT commented the same as
<code>application/javascript js</code></p>
<p>I dont know what else i should do.</p>