title: use custom css with gwt
body: <p>How do I set up gwt to use my custom css for the makeup ?
  These links didn't help me at all:
  <a href="https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCss?hl=cs" rel="nofollow">https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCss?hl=cs</a>
  <a href="http://code.google.com/p/google-web-toolkit-doc-1-5/wiki/GettingStartedStyle#Default_styles" rel="nofollow">http://code.google.com/p/google-web-toolkit-doc-1-5/wiki/GettingStartedStyle#Default_styles</a></p>
  
  <ul>
  <li>The issue is that I  can't get gwt to detect the css files I declare in my lorum.gwt.xml file, when I start debug mode jetty gives the following error in log output on startup:    </li>
  </ul>
  
  <p>:</p>
  
  <pre><code> 00:00:00.811  [WARN] 404 - GET /lorum/stylesheet.css (127.0.0.1) 1418 bytes
            00:00:00.811  [INFO] Request headers
              00:00:00.811  [INFO] Host: 127.0.0.1:8888
              00:00:00.811  [INFO] Connection: keep-alive
              00:00:00.811  [INFO] User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/535.19 (KHTML, like Gecko) Ubuntu/11.10 Chromium/18.0.1025.168 Chrome/18.0.1025.168 Safari/535.19
              00:00:00.811  [INFO] Accept: text/css,*/*;q=0.1
              00:00:00.811  [INFO] Referer: http://127.0.0.1:8888/Home.html?gwt.codesvr=127.0.0.1:9997
              00:00:00.812  [INFO] Accept-Encoding: gzip,deflate,sdch
              00:00:00.812  [INFO] Accept-Language: en-US,en;q=0.8
              00:00:00.812  [INFO] Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3
              00:00:00.812  [INFO] Cookie: JSESSIONID=ywoku1zfjs0b
            00:00:00.812  [INFO] Response headers
              00:00:00.812  [INFO] Content-Type: text/html; charset=iso-8859-1
              00:00:00.812  
  </code></pre>
  
  <p>And it doesn't load my css. </p>
  
  <p><strong>lorum.gwt.xml source:</strong></p>
  
  <p>
  
  <pre><code>l version="1.0" encoding="UTF-8"?&gt;
  &lt;module rename-to='lorum'&gt;
      &lt;!-- Inherit the core Web Toolkit stuff.                        --&gt;
      &lt;inherits name='com.google.gwt.user.User'/&gt;
      &lt;inherits name='com.google.gwt.user.theme.chrome.Chrome'/&gt;
      &lt;inherits name="com.google.gwt.resources.Resources" /&gt;
      &lt;inherits name="com.company.lorum.gwt.client.stylesheet.css"/&gt;
      &lt;entry-point class='com.company.lorum.gwt.client.LoadModuleLorum'/&gt;
  
      &lt;stylesheet src='stylesheet.css' /&gt;
  
      &lt;servlet path="/AuthenticationImpl" class="com.company.lorum.gwt.server.implementations.AuthenticationServiceImpl" /&gt;
      &lt;servlet path="/GeneralImpl" class="com.company.lorum.gwt.server.implementations.GeneralServiceImpl" /&gt;
      &lt;servlet path="/ProjectImpl" class="com.company.lorum.gwt.server.implementations.ProjectServiceImpl" /&gt;
  &lt;/module&gt;
  </code></pre>
  
  <ul>
  <li>I tried inherriting my css file in the welcome-file (Home.html), which works; but it doesn't apply the style rules to my widgets. And I don't prefer this method since different browsers act differently on css syntax. Altough if you know how I get it to work I will use it. This is my Home.html source</li>
  </ul>
  
  <p>:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf8"/&gt;
      &lt;link href="stylesheet.css" rel="stylesheet" type="text/css"&gt;
      &lt;title&gt;lorum&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script language="javascript" src="lorum/lorum.nocache.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS (stylesheet.css) source (its simple because I just want to test if it works):</p>
  
  <pre><code>.gwt-MenuBar {
  color:green;
  }
  .gwt-Button {
  font-size: 200%;
  }
  </code></pre>
  
  <p><strong>Sub question:</strong><br>
  Where do I have to store my css file in order for my lorum.gwt.xml file to detect and use it using the following syntax: <code>&lt;stylesheet src='stylesheet.css' /&gt;</code></p>