Skip to content

Instantly share code, notes, and snippets.

@mquandalle mquandalle/style.diff Secret
Created Dec 24, 2015

Embed
What would you like to do?
3427,3430d3426
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
3440,3444d3435
< -webkit-box-flex: 1;
< -o-box-flex: 1;
< box-flex: 1;
< -webkit-flex: 1;
< -ms-flex: 1;
3446d3436
< -webkit-align-self: center;
3448d3437
< -ms-flex-item-align: center;
3537a3527,3529
> -moz-transition: margin 0.1s;
> -o-transition: margin 0.1s;
> -ms-transition: margin 0.1s;
3546a3539
> -moz-box-align: start;
3551a3545
> display: -moz-box;
3556a3551
> -moz-box-orient: horizontal;
3580c3575
< background: #222;
---
> background: #000;
3581a3577,3578
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
> filter: alpha(opacity=33);
3582a3580,3582
> -moz-animation: fadeIn 0.2s;
> -o-animation: fadeIn 0.2s;
> -ms-animation: fadeIn 0.2s;
4063d4062
< -webkit-transition-duration: 0.15s;
4065,4066c4064
< -webkit-transition-property: color, 16, background;
< transition-property: color, 16, background;
---
> transition-property: color, font-size, background;
4125,4128d4122
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
4130,4133d4123
< -webkit-box-align: center;
< -o-box-align: center;
< -ms-flex-align: center;
< -webkit-align-items: center;
4135,4138d4124
< -webkit-box-pack: center;
< -o-box-pack: center;
< -ms-flex-pack: center;
< -webkit-justify-content: center;
4175,4178d4160
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
4180,4184d4161
< -webkit-box-lines: multiple;
< -moz-box-lines: multiple;
< -o-box-lines: multiple;
< -webkit-flex-wrap: wrap;
< -ms-flex-wrap: wrap;
4203,4206d4179
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
4208,4211d4180
< -webkit-box-align: center;
< -o-box-align: center;
< -ms-flex-align: center;
< -webkit-align-items: center;
4217,4220d4185
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
4222,4225d4186
< -webkit-box-align: center;
< -o-box-align: center;
< -ms-flex-align: center;
< -webkit-align-items: center;
4227,4230d4187
< -webkit-box-pack: center;
< -o-box-pack: center;
< -ms-flex-pack: center;
< -webkit-justify-content: center;
4270c4227
< border: 1px solid #222;
---
> border: 1px solid #000;
4278d4234
< -ms-flex-negative: 0;
4281d4236
< -ms-flex-preferred-size: 470px;
4285a4241
> -webkit-border-bottom-left-radius: 3px;
4286a4243
> -webkit-border-bottom-right-radius: 3px;
4289a4247,4249
> -moz-animation: flexGrowIn 0.1s;
> -o-animation: flexGrowIn 0.1s;
> -ms-animation: flexGrowIn 0.1s;
4290a4251
> -webkit-box-shadow: 0 0 7px 0 #b3b3b3;
4292,4295c4253,4256
< -webkit-transition: -webkit-flex-basis 0.1s;
< -webkit-transition: -webkit-flex-basis 0.1s;
< transition: -webkit-flex-basis 0.1s;
< transition: -ms-flex-preferred-size 0.1s;
---
> -webkit-transition: flex-basis 0.1s;
> -moz-transition: flex-basis 0.1s;
> -o-transition: flex-basis 0.1s;
> -ms-transition: flex-basis 0.1s;
4349a4311
> -webkit-border-radius: 3px;
4359a4322
> display: -moz-box;
4371d4333
< -ms-flex-negative: 1;
4407a4370,4372
> -moz-transition: none;
> -o-transition: none;
> -ms-transition: none;
4424a4390
> -webkit-border-radius: 4px;
4436a4403
> -o-text-overflow: ellipsis;
4452a4420
> -webkit-box-shadow: 0 0 0 2px #bfbfbf inset;
4457a4426
> -webkit-box-shadow: 0 0 0 2px #666 inset;
4466a4436
> display: -moz-box;
4486d4455
< -ms-flex-positive: 1;
4488a4458
> display: -moz-box;
4493a4464
> -moz-box-align: center;
4498a4470
> -moz-box-pack: center;
4585a4558
> -webkit-border-radius: 3px;
4594a4568,4570
> -moz-transition: margin-right 0.1s;
> -o-transition: margin-right 0.1s;
> -ms-transition: margin-right 0.1s;
4620a4597,4598
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
> filter: alpha(opacity=80);
4632a4611
> -webkit-border-radius: 3px;
4645,4648d4623
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
4650,4653d4624
< -webkit-box-align: center;
< -o-box-align: center;
< -ms-flex-align: center;
< -webkit-align-items: center;
4664d4634
< cursor: -webkit-grabbing;
4666,4667d4635
< -webkit-transform: rotate(4deg);
< -ms-transform: rotate(4deg);
4692,4696d4659
< -webkit-box-flex: 1;
< -o-box-flex: 1;
< box-flex: 1;
< -webkit-flex: 1;
< -ms-flex: 1;
4698,4702d4660
< -webkit-box-lines: multiple;
< -moz-box-lines: multiple;
< -o-box-lines: multiple;
< -webkit-flex-wrap: wrap;
< -ms-flex-wrap: wrap;
4710d4667
< -webkit-transition: -webkit-transform 0.2s, border-radius 0.2s;
4715,4716d4671
< -webkit-transform: translateX(11px);
< -ms-transform: translateX(11px);
4739,4741d4693
< -webkit-user-select: none;
< -moz-user-select: none;
< -ms-user-select: none;
4755,4758d4706
< display: -webkit-box;
< display: -webkit-flex;
< display: -ms-flexbox;
< display: box;
4838,4839d4785
< -webkit-transform: translateX(0px);
< -ms-transform: translateX(0px);
4850a4797,4798
> -webkit-box-sizing: border-box;
> -moz-box-sizing: border-box;
4854a4803
> -webkit-border-radius: 3px;
4893a4843,4845
> -moz-transition: background 85ms ease-in, border-color 85ms ease-in;
> -o-transition: background 85ms ease-in, border-color 85ms ease-in;
> -ms-transition: background 85ms ease-in, border-color 85ms ease-in;
4916a4869
> -webkit-box-shadow: none;
4939a4893
> -webkit-box-shadow: 0 0 2px #318ec4;
4948a4903
> -webkit-box-shadow: 0 0 2px #d11515;
4978a4934,4936
> -moz-transition: background 85ms ease-in, border-color 85ms ease-in;
> -o-transition: background 85ms ease-in, border-color 85ms ease-in;
> -ms-transition: background 85ms ease-in, border-color 85ms ease-in;
4989a4948
> -webkit-border-radius: 3px;
4998a4958,4960
> background: -moz-linear-gradient(#cfcfcf, #c2c2c2);
> background: -o-linear-gradient(#cfcfcf, #c2c2c2);
> background: -ms-linear-gradient(#cfcfcf, #c2c2c2);
5021a4984,4986
> background: -moz-linear-gradient(#c2c2c2, #b5b5b5);
> background: -o-linear-gradient(#c2c2c2, #b5b5b5);
> background: -ms-linear-gradient(#c2c2c2, #b5b5b5);
5028a4994,4996
> background: -moz-linear-gradient(#b5b5b5, #a8a8a8);
> background: -o-linear-gradient(#b5b5b5, #a8a8a8);
> background: -ms-linear-gradient(#b5b5b5, #a8a8a8);
5029a4998
> -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
5040a5010,5012
> background: -moz-linear-gradient(#e6e6e6, #e6e6e6);
> background: -o-linear-gradient(#e6e6e6, #e6e6e6);
> background: -ms-linear-gradient(#e6e6e6, #e6e6e6);
5046a5019
> -webkit-box-shadow: 0 1px 0 #4d4d4d;
5068a5042,5044
> background: -moz-linear-gradient(#990f0f, #7d0c0c);
> background: -o-linear-gradient(#990f0f, #7d0c0c);
> background: -ms-linear-gradient(#990f0f, #7d0c0c);
5069a5046
> -webkit-box-shadow: 0 1px 0 #4d4d4d;
5076a5054
> -webkit-box-shadow: 0 1px 0 #4d4d4d;
5102a5081
> -webkit-box-shadow: none;
5189a5169
> -webkit-border-radius: 1px;
5191a5172,5174
> -moz-transition: 0.2s;
> -o-transition: 0.2s;
> -ms-transition: 0.2s;
5205a5189,5190
> -moz-transform: rotate(40deg);
> -o-transform: rotate(40deg);
5209a5195,5196
> -moz-transform-origin: 100% 100%;
> -o-transform-origin: 100% 100%;
5216a5204,5206
> background: -moz-linear-gradient(#fff, #f5f5f5);
> background: -o-linear-gradient(#fff, #f5f5f5);
> background: -ms-linear-gradient(#fff, #f5f5f5);
5217a5208
> -webkit-border-radius: 3px;
5218a5210,5211
> -webkit-box-sizing: border-box;
> -moz-box-sizing: border-box;
5236a5230
> -o-text-overflow: ellipsis;
5242a5237,5239
> background: -moz-linear-gradient(#48b512, #3d990f);
> background: -o-linear-gradient(#48b512, #3d990f);
> background: -ms-linear-gradient(#48b512, #3d990f);
5243a5241
> -webkit-border-radius: 3px;
5305a5304
> -webkit-box-shadow: none;
5326a5326
> -o-text-overflow: ellipsis;
5340a5341,5342
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
5349a5352,5354
> background: -moz-linear-gradient(#318ec4, #2b7cab);
> background: -o-linear-gradient(#318ec4, #2b7cab);
> background: -ms-linear-gradient(#318ec4, #2b7cab);
5363a5369,5371
> background: -moz-linear-gradient(#2e85b8, #28739f);
> background: -o-linear-gradient(#2e85b8, #28739f);
> background: -ms-linear-gradient(#2e85b8, #28739f);
5371a5380,5382
> background: -moz-linear-gradient(#990f0f, #7d0c0c);
> background: -o-linear-gradient(#990f0f, #7d0c0c);
> background: -ms-linear-gradient(#990f0f, #7d0c0c);
5383a5395,5397
> background: -moz-linear-gradient(#48b512, #3d990f);
> background: -o-linear-gradient(#48b512, #3d990f);
> background: -ms-linear-gradient(#48b512, #3d990f);
5392a5407,5409
> background: -moz-linear-gradient(#3d990f, #327d0c);
> background: -o-linear-gradient(#3d990f, #327d0c);
> background: -ms-linear-gradient(#3d990f, #327d0c);
5399a5417,5419
> background: -moz-linear-gradient(#ba1212, #8b0e0e);
> background: -o-linear-gradient(#ba1212, #8b0e0e);
> background: -ms-linear-gradient(#ba1212, #8b0e0e);
5408a5429,5431
> background: -moz-linear-gradient(#a21010, #740b0b);
> background: -o-linear-gradient(#a21010, #740b0b);
> background: -ms-linear-gradient(#a21010, #740b0b);
5418a5442
> -webkit-box-shadow: none;
5425a5450
> -webkit-box-shadow: none;
5443a5469
> -webkit-border-radius: 3px;
5496a5523
> -webkit-border-radius: 3px;
5541a5569
> -webkit-border-radius: 3px;
5562a5591
> -webkit-border-radius: 3px;
5610a5640,5641
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
5619a5651,5653
> background: -moz-linear-gradient(#318ec4, #2b7cab);
> background: -o-linear-gradient(#318ec4, #2b7cab);
> background: -ms-linear-gradient(#318ec4, #2b7cab);
5625a5660
> -webkit-border-radius: 2px;
5647a5683
> -webkit-border-radius: 2px;
5696a5733,5734
> -webkit-box-sizing: border-box;
> -moz-box-sizing: border-box;
5698a5737
> display: -moz-box;
5703a5743
> -moz-box-orient: vertical;
5708a5749
> -moz-box-flex: 1;
5731a5773
> -webkit-box-shadow: -2px 2px 8px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.5);
5733a5776,5777
> -moz-transform: rotate(4deg);
> -o-transform: rotate(4deg);
5736d5779
< cursor: -webkit-grabbing;
5741d5783
< cursor: -webkit-grabbing;
5747a5790
> -webkit-box-shadow: none;
5764a5808
> -moz-box-flex: 1;
5776d5819
< cursor: -webkit-grab;
5788a5832
> -o-text-overflow: ellipsis;
5802a5847
> -moz-box-flex: 1;
5808a5854
> display: -moz-box;
5818a5865
> -moz-box-flex: 1;
5831a5879,5880
> -moz-transform: translateX(2px);
> -o-transform: translateX(2px);
5836a5886
> -webkit-border-radius: 2px;
5843a5894,5896
> -moz-animation: fadeIn 0.3s;
> -o-animation: fadeIn 0.3s;
> -ms-animation: fadeIn 0.3s;
5853a5907
> -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
5873a5928,5930
> -moz-transition: background-color 0.4s;
> -o-transition: background-color 0.4s;
> -ms-transition: background-color 0.4s;
5889a5947
> -webkit-border-radius: 3px;
5907a5966,5967
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
> filter: alpha(opacity=60);
5908a5969,5971
> -moz-transition: opacity 0.15s;
> -o-transition: opacity 0.15s;
> -ms-transition: opacity 0.15s;
5913a5977,5978
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
> filter: alpha(opacity=90);
5930a5996
> -webkit-border-radius: 3px;
5980a6047,6049
> -moz-transition: background-color 0.4s;
> -o-transition: background-color 0.4s;
> -ms-transition: background-color 0.4s;
5985a6055
> display: -moz-box;
6014a6085,6087
> -moz-transition: opacity 0.2s;
> -o-transition: opacity 0.2s;
> -ms-transition: opacity 0.2s;
6043d6115
< -ms-flex-negative: 0;
6081d6152
< -ms-flex-positive: 1;
6111a6183,6185
> -moz-transition: background-color 0.4s;
> -o-transition: background-color 0.4s;
> -ms-transition: background-color 0.4s;
6123a6198
> -o-text-overflow: ellipsis;
6227c6302
< color: #222;
---
> color: #000;
6281a6357
> display: -moz-box;
6286a6363
> -moz-box-orient: vertical;
6296a6374
> -moz-box-flex: 1;
6328a6407
> -webkit-border-radius: 4px;
6382a6462
> -webkit-border-radius: 3px;
6438c6518
< font-family: lucida console, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
---
> font-family: lucida console, monospace;
6481a6562,6564
> background: -moz-linear-gradient(top, #fff 0, #f0f0f0 100%);
> background: -o-linear-gradient(top, #fff 0, #f0f0f0 100%);
> background: -ms-linear-gradient(top, #fff 0, #f0f0f0 100%);
6502a6586
> -webkit-border-radius: 3px;
6504a6589
> -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
6511a6597,6600
> .clearfix {
> zoom: 1;
> }
>
6592a6682
> -o-text-overflow: ellipsis;
6614d6703
< cursor: -webkit-grab;
6619d6707
< cursor: -webkit-grabbing;
6668a6757
> -webkit-border-radius: 3px;
6740a6830,6837
> @-moz-keyframes fadeIn {
> from {
> opacity: 0;
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
> }
> }
>
6743a6841,6850
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
> }
> }
>
> @-o-keyframes fadeIn {
> from {
> opacity: 0;
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
6749a6857,6865
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
> }
> }
>
> @-moz-keyframes flexGrowIn {
> from {
> -webkit-flex-basis: 0;
> flex-basis: 0;
6759a6876,6882
> @-o-keyframes flexGrowIn {
> from {
> -webkit-flex-basis: 0;
> flex-basis: 0;
> }
> }
>
6763d6885
< -ms-flex-preferred-size: 0;
6769a6892
> -webkit-border-radius: 3px;
6772a6896
> -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
6819a6944
> -o-text-overflow: ellipsis;
6828a6954,6956
> -moz-transition: width 0.2s;
> -o-transition: width 0.2s;
> -ms-transition: width 0.2s;
6860a6989,6991
> -moz-transition: -moz-transform 0.2s;
> -o-transition: -o-transform 0.2s;
> -ms-transition: -ms-transform 0.2s;
6917a7049,7050
> -moz-transform: translateX(-300px);
> -o-transform: translateX(-300px);
6923a7057,7058
> -moz-transform: translateX(-600px);
> -o-transform: translateX(-600px);
6929a7065,7066
> -moz-transform: translateX(-900px);
> -o-transform: translateX(-900px);
6935a7073,7074
> -moz-transform: translateX(-1200px);
> -o-transform: translateX(-1200px);
6941a7081,7082
> -moz-transform: translateX(-1500px);
> -o-transform: translateX(-1500px);
6947a7089,7090
> -moz-transform: translateX(-1800px);
> -o-transform: translateX(-1800px);
7011a7155,7156
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
> filter: alpha(opacity=35);
7027a7173
> -webkit-border-radius: 3px;
7187a7334,7335
> -moz-transform: translateX(-10%);
> -o-transform: translateX(-10%);
7193a7342,7343
> -moz-transform: translateX(-20%);
> -o-transform: translateX(-20%);
7199a7350,7351
> -moz-transform: translateX(-30%);
> -o-transform: translateX(-30%);
7205a7358,7359
> -moz-transform: translateX(-40%);
> -o-transform: translateX(-40%);
7211a7366,7367
> -moz-transform: translateX(-50%);
> -o-transform: translateX(-50%);
7217a7374,7375
> -moz-transform: translateX(-60%);
> -o-transform: translateX(-60%);
7236d7393
< -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
7241d7397
< -webkit-animation-delay: -1.1s;
7246d7401
< -webkit-animation-delay: -1s;
7251d7405
< -webkit-animation-delay: -0.9s;
7256d7409
< -webkit-animation-delay: -0.8s;
7259a7413,7422
> @-moz-keyframes sk-waveStretchDelay {
> 0%, 40%, 100% {
> transform: scaleY(0.4);
> }
>
> 20% {
> transform: scaleY(1);
> }
> }
>
7262,7263d7424
< -webkit-transform: scaleY(0.4);
< -ms-transform: scaleY(0.4);
7268,7269c7429,7438
< -webkit-transform: scaleY(1);
< -ms-transform: scaleY(1);
---
> transform: scaleY(1);
> }
> }
>
> @-o-keyframes sk-waveStretchDelay {
> 0%, 40%, 100% {
> transform: scaleY(0.4);
> }
>
> 20% {
7276,7277d7444
< -webkit-transform: scaleY(0.4);
< -ms-transform: scaleY(0.4);
7282,7283d7448
< -webkit-transform: scaleY(1);
< -ms-transform: scaleY(1);
7301a7467
> -webkit-box-shadow: -10px 0px 5px -10px #b3b3b3;
7332a7499
> display: -moz-box;
7337a7505
> -moz-box-orient: vertical;
7345a7514
> display: -moz-box;
7352a7522
> -webkit-border-radius: 3px;
7354a7525
> -moz-box-align: center;
7373a7545
> -moz-box-flex: 1;
7380a7553
> -o-text-overflow: ellipsis;
7391a7565
> -webkit-border-radius: 3px;
7407a7582,7584
> -moz-transition: top 0.1s, right 0.1s, width 0.1s;
> -o-transition: top 0.1s, right 0.1s, width 0.1s;
> -ms-transition: top 0.1s, right 0.1s, width 0.1s;
7432a7610
> -webkit-box-shadow: -4px 0px 7px -4px #b3b3b3;
7435a7614,7616
> -moz-transition: left 0.1s;
> -o-transition: left 0.1s;
> -ms-transition: left 0.1s;
7442a7624,7626
> -moz-transition: -moz-transform 0.5s;
> -o-transition: -o-transform 0.5s;
> -ms-transition: -ms-transform 0.5s;
7455a7640,7641
> -moz-transform: rotate(180deg);
> -o-transform: rotate(180deg);
7498a7685,7687
> -moz-transition: left 0.1s;
> -o-transition: left 0.1s;
> -ms-transition: left 0.1s;
7500a7690
> -webkit-border-radius: 50%;
7502a7693
> -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
7518a7710
> -webkit-border-radius: 50%;
7520a7713
> -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
7535a7729
> -webkit-border-radius: 3px;
7549a7744
> -webkit-border-radius: 50%;
7554a7750
> -webkit-border-radius: 50%;
7574a7771
> -webkit-border-radius: 50%;
7609a7807
> -webkit-border-radius: 50%;
7611c7809
< background: #222;
---
> background: #000;
7612a7811
> display: -moz-box;
7617a7817
> -moz-box-align: center;
7622a7823
> -moz-box-pack: center;
7627a7829,7830
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
> filter: alpha(opacity=0);
7631a7835,7836
> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
> filter: alpha(opacity=60);
7639a7845
> display: -moz-box;
7644a7851
> -moz-box-align: center;
7649a7857
> -moz-box-pack: center;
7653a7862
> -webkit-box-shadow: 0 0 0 2px #bfbfbf inset;
7658a7868
> -webkit-box-shadow: 0 0 0 2px #666 inset;
7663a7874
> -webkit-border-radius: 3px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.