FireBrick Custom CSS: Difference between revisions

Content deleted Content added

Inline

@@ Line 40: / Line 40: @@
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#202080')";
 }
+</syntaxhighlight>
+== Example - changing font size ==
+The following example CSS greatly reduces the font sizes in use in the Firebrick's web pages -
+<syntaxhighlight lang=css>
+@media screen
+    {
+    div.main,  div.sidemenu div.menu a
+        {
+        font-size:x-small
+        }
+    }
 </syntaxhighlight>
 == Internal inline CSS - using data URIs ==
-To avoid having to use an external website to store your custom CSS, you can employ a "data:" uri. Be aware that there may be a limit on the length of URIs however. The following example greatly reduces the font sizes in use in the Firebrick's web pages -
+To avoid having to use an external website to store your custom CSS, you can employ a "data:" uri. Be aware that there may be a limit on the length of URIs however. Example:
-<syntaxhighlight><http css-url="data:text/css,@media screen{div.main,div.sidemenu div.menu a{font-size:x-small}}"  />
+<syntaxhighlight lang=xml><http css-url="data:text/css,@media screen{div.main,div.sidemenu div.menu a{font-size:x-small}}"  />
 </syntaxhighlight>