Improve disabled and readonly styles

README.md

@@ -32,12 +32,10 @@ Well, I may have lied a *little* bit when I said Water.css makes use of no class
 
 Oh, you want a demo you say? Cheeky fellah!
 
-[Well, here's your demo.](https://kognise.github.io/water.css/) And here's a screenshot to top it off:
+[Well, here's your demo.](https://kognise.github.io/water.css/) And here's a screenshot of the dark theme to top it off:
 
 ![Screenshot](screenshot.jpg)
 
-Don't forget there's a light theme as well.
-
 Don't like how it looks? Feel free to submit an issue or PR with suggestions.
 
 ## Contributing

docs/index.html

@@ -57,5 +57,7 @@
 
       <input type='submit'>
     </form>
+    <input disabled label='This is disabled'>
+    <input readonly label='This is readonly'>
   </body>
 </html>

water.css

@@ -64,6 +64,14 @@ input[type='checkbox']:active, input[type='submit']:active, input[type='button']
   transform: translateY(2px);
 }
 
+input:read-only, input:disabled {
+  cursor: not-allowed;
+}
+
+input:disabled {
+  opacity: 0.5;
+}
+
 body.light {
   background: #ffffff;
   color: #363636;