Skip to content

Commit 9ea8061

Browse files
pointlessonepointlessone
committed
Make it pretty in Firefox
Only two changes: * Standard gradients * Removed prefixed border-radius as all modern (and not so much) browsers support it
1 parent 33fee62 commit 9ea8061

File tree

1 file changed

+26
-60
lines changed

1 file changed

+26
-60
lines changed

‎stylesheets/application.css

Lines changed: 26 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,9 @@ a {
88

99
a:hover {
1010
background: #325986;
11-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31));
11+
background: linear-gradient(#325986, #001A31);
1212
color: white;
13-
border-radius: .25em;
14-
-moz-border-radius: .25em;
15-
-webkit-border-radius: .25em; }
13+
border-radius: .25em; }
1614

1715
#enjoy a,
1816
footer a {
@@ -23,11 +21,9 @@ footer a {
2321
#enjoy a:hover,
2422
footer a:hover {
2523
background: white;
26-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#325986));
24+
background: linear-gradient(white, #325986);
2725
color: #001a31;
28-
border-radius: .25em;
29-
-moz-border-radius: .25em;
30-
-webkit-border-radius: .25em; }
26+
border-radius: .25em; }
3127

3228
body {
3329
font-family: "helvetica neue", helvetica, arial, "sans-serif";
@@ -59,13 +55,11 @@ ol.code,
5955
.code,
6056
code {
6157
background: #eee;
62-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
58+
background: linear-gradient(#fff, #eee);
6359
border-width: 1px;
6460
border-style: solid;
6561
border-color: #666666;
6662
border-radius: .25em;
67-
-moz-border-radius: .25em;
68-
-webkit-border-radius: .25em;
6963
color: #333333;
7064
display: block;
7165
font-size: 14px;
@@ -117,14 +111,12 @@ p.or {
117111

118112
aside {
119113
background: #e0ecff;
120-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0ecff), to(white));
114+
background: linear-gradient(#e0ecff, white);
121115
padding: 1em;
122116
border-color: white;
123117
border-width: 1px;
124118
border-style: solid;
125-
border-radius: .25em;
126-
-moz-border-radius: .25em;
127-
-webkit-border-radius: .25em; }
119+
border-radius: .25em; }
128120
aside ul,
129121
aside li {
130122
margin: 0;
@@ -187,11 +179,9 @@ header {
187179
margin-top: -6px; }
188180
#version a {
189181
background: #001a31;
190-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8373), to(#ff1e00));
182+
background: linear-gradient(#ff8373, #ff1e00);
191183
color: white;
192184
border-radius: .25em;
193-
-moz-border-radius: .25em;
194-
-webkit-border-radius: .25em;
195185
letter-spacing: -.04em;
196186
font-size: 3em;
197187
font-weight: bold; }
@@ -205,7 +195,7 @@ header {
205195

206196
#intro {
207197
background: #e0ecff;
208-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e0ecff));
198+
background: linear-gradient(white, #e0ecff);
209199
padding: 15px 0 0;
210200
border-bottom: 1px solid #ccc;
211201
}
@@ -326,8 +316,6 @@ p.more {
326316
.review {
327317
background: #f2f6ce;
328318
border-radius: .25em;
329-
-moz-border-radius: .25em;
330-
-webkit-border-radius: .25em;
331319
color: #333333;
332320
display: block;
333321
padding: 1.5em;
@@ -366,10 +354,8 @@ a.instruction {
366354
padding: 0.5em 0 0.25em 0.25em;
367355
display: block;
368356
background: #dedede;
369-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dddddd));
357+
background: linear-gradient(#fefefe, #dddddd);
370358
border-radius: 0.1em;
371-
-moz-border-radius: 0.1em;
372-
-webkit-border-radius: 0.1em;
373359
font-family: 'Courier New', Courier;
374360
}
375361

@@ -378,10 +364,8 @@ a.instruction:hover {
378364
color: black;
379365
padding: 0.5em 0 0.25em 0.25em;
380366
background: #dedede;
381-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dddddd));
367+
background: linear-gradient(#fefefe, #dddddd);
382368
border-radius: 0.1em;
383-
-moz-border-radius: 0.1em;
384-
-webkit-border-radius: 0.1em;
385369
font-family: 'Courier New', Courier;
386370
}
387371

@@ -438,10 +422,7 @@ div.post {
438422
text-align: center;
439423
margin: 0 0 2em 0;
440424
background: #dedded;
441-
border-radius: .3em;
442-
-moz-border-radius: .3em;
443-
-webkit-border-radius: .3em;
444-
}
425+
border-radius: .3em; }
445426

446427
.comments p {
447428
padding-top: 1em;
@@ -464,15 +445,15 @@ div.post {
464445
}
465446

466447
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
467-
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
468-
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
469-
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
448+
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none; -moz-appearance:none;}
449+
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox; -moz-appearance:none;}
450+
#mc_embed_signup input[type=radio]{-webkit-appearance:radio; -moz-appearance:radio;}
470451
#mc_embed_signup input:focus {border-color:#333;}
471452
#mc_embed_signup .button {
472453
clear:both;
473454

474455
background: #001a31;
475-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8373), to(#ff1e00));
456+
background: linear-gradient(#ff8373, #ff1e00);
476457
color: white;
477458
background-color: #aaa;
478459
border: 0 none;
@@ -689,29 +670,23 @@ a#feed_icon:hover {
689670
}
690671
.languages nav li a.current {
691672
background: #325986;
692-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31));
673+
background: linear-gradient(#325986, #001A31);
693674
color: white;
694675
border-radius: .25em;
695-
-moz-border-radius: .25em;
696-
-webkit-border-radius: .25em;
697676
}
698677

699678
.doc_menu a#documentation {
700679
background: #325986;
701-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31));
680+
background: linear-gradient(#325986, #001A31);
702681
color: white;
703682
border-radius: .25em;
704-
-moz-border-radius: .25em;
705-
-webkit-border-radius: .25em;
706683
}
707684

708685
.blog_menu a#blog {
709686
background: #325986;
710-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31));
687+
background: linear-gradient(#325986, #001A31);
711688
color: white;
712689
border-radius: .25em;
713-
-moz-border-radius: .25em;
714-
-webkit-border-radius: .25em;
715690
}
716691

717692
.diagram {
@@ -728,24 +703,22 @@ a#feed_icon:hover {
728703
.diagram .basement {
729704
margin-bottom: 1em;
730705
background: red;
731-
border-radius: .25em;
732-
-webkit-border-radius: .25em;
733-
-moz-border-radius: .25em; }
706+
border-radius: .25em; }
734707
.diagram .turret {
735708
background: #0088ff;
736-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0ecff), to(#08F));
709+
background: linear-gradient(#e0ecff, #08F);
737710
color: white; }
738711
.diagram .attic {
739712
background: #325986;
740-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0ecff), to(#325986));
713+
background: linear-gradient(#e0ecff, #325986);
741714
color: #e0ecff; }
742715
.diagram .mezzanine {
743716
background: #004480;
744-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#08F), to(#004480));
717+
background: linear-gradient(#08F, #004480);
745718
color: #e0ecff; }
746719
.diagram .basement {
747720
background: #001a31;
748-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004480), to(#001A31));
721+
background: linear-gradient(#004480, #001A31);
749722
color: #e0ecff; }
750723
.diagram #primitives {
751724
padding: 5.75em 0; }
@@ -795,9 +768,7 @@ footer {
795768
background: #e0ecff;
796769
color: #001a31;
797770
padding: .5em .5em .5em 15px;
798-
border-radius: .25em;
799-
-moz-border-radius: .25em;
800-
-webkit-border-radius: .25em; }
771+
border-radius: .25em; }
801772
#docs_faq dl dd {
802773
font-size: 1.5em;
803774
margin: 0;
@@ -827,14 +798,9 @@ footer {
827798

828799
#announcement a:hover {
829800
background: #325986;
830-
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#325986), to(#001A31));
801+
background: linear-gradient(#325986, #001A31);
831802
color: white;
832803
border-radius: .25em;
833-
-moz-border-radius: .25em;
834-
-webkit-border-radius: .25em;
835804
border-radius: 0;
836-
-moz-border-radius: 0;
837-
-webkit-border-radius: 0;
838-
839805
}
840806
/* ...#rbxday announcment */

0 commit comments

Comments
 (0)
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