From 9ea8061ae73d285aad6e12a3f4d34e924838f2e1 Mon Sep 17 00:00:00 2001 From: Alexander Mankuta Date: Sun, 18 May 2014 11:08:15 +0300 Subject: [PATCH] Make it pretty in Firefox Only two changes: * Standard gradients * Removed prefixed border-radius as all modern (and not so much) browsers support it --- stylesheets/application.css | 86 +++++++++++-------------------------- 1 file changed, 26 insertions(+), 60 deletions(-) diff --git a/stylesheets/application.css b/stylesheets/application.css index 003d3f9..27884e2 100644 --- a/stylesheets/application.css +++ b/stylesheets/application.css @@ -8,11 +8,9 @@ a { a:hover { background: #325986; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31)); + background: linear-gradient(#325986, #001A31); color: white; - border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } + border-radius: .25em; } #enjoy a, footer a { @@ -23,11 +21,9 @@ footer a { #enjoy a:hover, footer a:hover { background: white; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#325986)); + background: linear-gradient(white, #325986); color: #001a31; - border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } + border-radius: .25em; } body { font-family: "helvetica neue", helvetica, arial, "sans-serif"; @@ -59,13 +55,11 @@ ol.code, .code, code { background: #eee; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); + background: linear-gradient(#fff, #eee); border-width: 1px; border-style: solid; border-color: #666666; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; color: #333333; display: block; font-size: 14px; @@ -117,14 +111,12 @@ p.or { aside { background: #e0ecff; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0ecff), to(white)); + background: linear-gradient(#e0ecff, white); padding: 1em; border-color: white; border-width: 1px; border-style: solid; - border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } + border-radius: .25em; } aside ul, aside li { margin: 0; @@ -187,11 +179,9 @@ header { margin-top: -6px; } #version a { background: #001a31; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8373), to(#ff1e00)); + background: linear-gradient(#ff8373, #ff1e00); color: white; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; letter-spacing: -.04em; font-size: 3em; font-weight: bold; } @@ -205,7 +195,7 @@ header { #intro { background: #e0ecff; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e0ecff)); + background: linear-gradient(white, #e0ecff); padding: 15px 0 0; border-bottom: 1px solid #ccc; } @@ -326,8 +316,6 @@ p.more { .review { background: #f2f6ce; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; color: #333333; display: block; padding: 1.5em; @@ -366,10 +354,8 @@ a.instruction { padding: 0.5em 0 0.25em 0.25em; display: block; background: #dedede; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dddddd)); + background: linear-gradient(#fefefe, #dddddd); border-radius: 0.1em; - -moz-border-radius: 0.1em; - -webkit-border-radius: 0.1em; font-family: 'Courier New', Courier; } @@ -378,10 +364,8 @@ a.instruction:hover { color: black; padding: 0.5em 0 0.25em 0.25em; background: #dedede; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dddddd)); + background: linear-gradient(#fefefe, #dddddd); border-radius: 0.1em; - -moz-border-radius: 0.1em; - -webkit-border-radius: 0.1em; font-family: 'Courier New', Courier; } @@ -438,10 +422,7 @@ div.post { text-align: center; margin: 0 0 2em 0; background: #dedded; - border-radius: .3em; - -moz-border-radius: .3em; - -webkit-border-radius: .3em; -} + border-radius: .3em; } .comments p { padding-top: 1em; @@ -464,15 +445,15 @@ div.post { } #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;} -#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;} -#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} -#mc_embed_signup input[type=radio]{-webkit-appearance:radio;} +#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none; -moz-appearance:none;} +#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox; -moz-appearance:none;} +#mc_embed_signup input[type=radio]{-webkit-appearance:radio; -moz-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} #mc_embed_signup .button { clear:both; background: #001a31; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8373), to(#ff1e00)); + background: linear-gradient(#ff8373, #ff1e00); color: white; background-color: #aaa; border: 0 none; @@ -689,29 +670,23 @@ a#feed_icon:hover { } .languages nav li a.current { background: #325986; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31)); + background: linear-gradient(#325986, #001A31); color: white; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } .doc_menu a#documentation { background: #325986; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31)); + background: linear-gradient(#325986, #001A31); color: white; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } .blog_menu a#blog { background: #325986; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31)); + background: linear-gradient(#325986, #001A31); color: white; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } .diagram { @@ -728,24 +703,22 @@ a#feed_icon:hover { .diagram .basement { margin-bottom: 1em; background: red; - border-radius: .25em; - -webkit-border-radius: .25em; - -moz-border-radius: .25em; } + border-radius: .25em; } .diagram .turret { background: #0088ff; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0ecff), to(#08F)); + background: linear-gradient(#e0ecff, #08F); color: white; } .diagram .attic { background: #325986; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0ecff), to(#325986)); + background: linear-gradient(#e0ecff, #325986); color: #e0ecff; } .diagram .mezzanine { background: #004480; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#08F), to(#004480)); + background: linear-gradient(#08F, #004480); color: #e0ecff; } .diagram .basement { background: #001a31; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004480), to(#001A31)); + background: linear-gradient(#004480, #001A31); color: #e0ecff; } .diagram #primitives { padding: 5.75em 0; } @@ -795,9 +768,7 @@ footer { background: #e0ecff; color: #001a31; padding: .5em .5em .5em 15px; - border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; } + border-radius: .25em; } #docs_faq dl dd { font-size: 1.5em; margin: 0; @@ -827,14 +798,9 @@ footer { #announcement a:hover { background: #325986; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31)); + background: linear-gradient(#325986, #001A31); color: white; border-radius: .25em; - -moz-border-radius: .25em; - -webkit-border-radius: .25em; border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - } /* ...#rbxday announcment */ pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy