Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

adding try now

  • Loading branch information...
commit e24a21495d979ec92e92d1a04e5ee46a77924a04 1 parent a784126
Bryan Helmig authored March 21, 2012
467  emailpie/src/sass/_reset.scss
@@ -233,3 +233,470 @@ table {
233 233
 .table tbody tr:hover th {
234 234
   background-color: #f5f5f5;
235 235
 }
  236
+
  237
+
  238
+.btn {
  239
+  display: inline-block;
  240
+  *display: inline;
  241
+  /* IE7 inline-block hack */
  242
+
  243
+  *zoom: 1;
  244
+  padding: 4px 10px 4px;
  245
+  margin-bottom: 0;
  246
+  font-size: 13px;
  247
+  line-height: 18px;
  248
+  color: #333333;
  249
+  text-align: center;
  250
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  251
+  vertical-align: middle;
  252
+  background-color: #f5f5f5;
  253
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  254
+  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  255
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  256
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  257
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  258
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  259
+  background-repeat: repeat-x;
  260
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  261
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  262
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  263
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  264
+  border: 1px solid #cccccc;
  265
+  border-bottom-color: #b3b3b3;
  266
+  -webkit-border-radius: 4px;
  267
+  -moz-border-radius: 4px;
  268
+  border-radius: 4px;
  269
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  270
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  271
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  272
+  cursor: pointer;
  273
+  *margin-left: .3em;
  274
+}
  275
+.btn:hover,
  276
+.btn:active,
  277
+.btn.active,
  278
+.btn.disabled,
  279
+.btn[disabled] {
  280
+  background-color: #e6e6e6;
  281
+}
  282
+.btn:active,
  283
+.btn.active {
  284
+  background-color: #cccccc \9;
  285
+}
  286
+.btn:first-child {
  287
+  *margin-left: 0;
  288
+}
  289
+.btn:hover {
  290
+  color: #333333;
  291
+  text-decoration: none;
  292
+  background-color: #e6e6e6;
  293
+  background-position: 0 -15px;
  294
+  -webkit-transition: background-position 0.1s linear;
  295
+  -moz-transition: background-position 0.1s linear;
  296
+  -ms-transition: background-position 0.1s linear;
  297
+  -o-transition: background-position 0.1s linear;
  298
+  transition: background-position 0.1s linear;
  299
+}
  300
+.btn:focus {
  301
+  outline: thin dotted #333;
  302
+  outline: 5px auto -webkit-focus-ring-color;
  303
+  outline-offset: -2px;
  304
+}
  305
+.btn.active,
  306
+.btn:active {
  307
+  background-image: none;
  308
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  309
+  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  310
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  311
+  background-color: #e6e6e6;
  312
+  background-color: #d9d9d9 \9;
  313
+  outline: 0;
  314
+}
  315
+.btn.disabled,
  316
+.btn[disabled] {
  317
+  cursor: default;
  318
+  background-image: none;
  319
+  background-color: #e6e6e6;
  320
+  opacity: 0.65;
  321
+  filter: alpha(opacity=65);
  322
+  -webkit-box-shadow: none;
  323
+  -moz-box-shadow: none;
  324
+  box-shadow: none;
  325
+}
  326
+.btn-large {
  327
+  padding: 9px 14px;
  328
+  font-size: 15px;
  329
+  line-height: normal;
  330
+  -webkit-border-radius: 5px;
  331
+  -moz-border-radius: 5px;
  332
+  border-radius: 5px;
  333
+}
  334
+.btn-large [class^="icon-"] {
  335
+  margin-top: 1px;
  336
+}
  337
+.btn-small {
  338
+  padding: 5px 9px;
  339
+  font-size: 11px;
  340
+  line-height: 16px;
  341
+}
  342
+.btn-small [class^="icon-"] {
  343
+  margin-top: -1px;
  344
+}
  345
+.btn-mini {
  346
+  padding: 2px 6px;
  347
+  font-size: 11px;
  348
+  line-height: 14px;
  349
+}
  350
+.btn-primary,
  351
+.btn-primary:hover,
  352
+.btn-warning,
  353
+.btn-warning:hover,
  354
+.btn-danger,
  355
+.btn-danger:hover,
  356
+.btn-success,
  357
+.btn-success:hover,
  358
+.btn-info,
  359
+.btn-info:hover,
  360
+.btn-inverse,
  361
+.btn-inverse:hover {
  362
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  363
+  color: #ffffff;
  364
+}
  365
+.btn-primary.active,
  366
+.btn-warning.active,
  367
+.btn-danger.active,
  368
+.btn-success.active,
  369
+.btn-info.active,
  370
+.btn-inverse.active {
  371
+  color: rgba(255, 255, 255, 0.75);
  372
+}
  373
+.btn-primary {
  374
+  background-color: #0074cc;
  375
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  376
+  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  377
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  378
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  379
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  380
+  background-image: linear-gradient(top, #0088cc, #0055cc);
  381
+  background-repeat: repeat-x;
  382
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  383
+  border-color: #0055cc #0055cc #003580;
  384
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  385
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  386
+}
  387
+.btn-primary:hover,
  388
+.btn-primary:active,
  389
+.btn-primary.active,
  390
+.btn-primary.disabled,
  391
+.btn-primary[disabled] {
  392
+  background-color: #0055cc;
  393
+}
  394
+.btn-primary:active,
  395
+.btn-primary.active {
  396
+  background-color: #004099 \9;
  397
+}
  398
+.btn-warning {
  399
+  background-color: #faa732;
  400
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  401
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  402
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  403
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  404
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  405
+  background-image: linear-gradient(top, #fbb450, #f89406);
  406
+  background-repeat: repeat-x;
  407
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  408
+  border-color: #f89406 #f89406 #ad6704;
  409
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  410
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  411
+}
  412
+.btn-warning:hover,
  413
+.btn-warning:active,
  414
+.btn-warning.active,
  415
+.btn-warning.disabled,
  416
+.btn-warning[disabled] {
  417
+  background-color: #f89406;
  418
+}
  419
+.btn-warning:active,
  420
+.btn-warning.active {
  421
+  background-color: #c67605 \9;
  422
+}
  423
+.btn-danger {
  424
+  background-color: #da4f49;
  425
+  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  426
+  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  427
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  428
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  429
+  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  430
+  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  431
+  background-repeat: repeat-x;
  432
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  433
+  border-color: #bd362f #bd362f #802420;
  434
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  435
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  436
+}
  437
+.btn-danger:hover,
  438
+.btn-danger:active,
  439
+.btn-danger.active,
  440
+.btn-danger.disabled,
  441
+.btn-danger[disabled] {
  442
+  background-color: #bd362f;
  443
+}
  444
+.btn-danger:active,
  445
+.btn-danger.active {
  446
+  background-color: #942a25 \9;
  447
+}
  448
+.btn-success {
  449
+  background-color: #5bb75b;
  450
+  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  451
+  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  452
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  453
+  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  454
+  background-image: -o-linear-gradient(top, #62c462, #51a351);
  455
+  background-image: linear-gradient(top, #62c462, #51a351);
  456
+  background-repeat: repeat-x;
  457
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  458
+  border-color: #51a351 #51a351 #387038;
  459
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  460
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  461
+}
  462
+.btn-success:hover,
  463
+.btn-success:active,
  464
+.btn-success.active,
  465
+.btn-success.disabled,
  466
+.btn-success[disabled] {
  467
+  background-color: #51a351;
  468
+}
  469
+.btn-success:active,
  470
+.btn-success.active {
  471
+  background-color: #408140 \9;
  472
+}
  473
+.btn-info {
  474
+  background-color: #49afcd;
  475
+  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  476
+  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  477
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  478
+  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  479
+  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  480
+  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  481
+  background-repeat: repeat-x;
  482
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  483
+  border-color: #2f96b4 #2f96b4 #1f6377;
  484
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  485
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  486
+}
  487
+.btn-info:hover,
  488
+.btn-info:active,
  489
+.btn-info.active,
  490
+.btn-info.disabled,
  491
+.btn-info[disabled] {
  492
+  background-color: #2f96b4;
  493
+}
  494
+.btn-info:active,
  495
+.btn-info.active {
  496
+  background-color: #24748c \9;
  497
+}
  498
+.btn-inverse {
  499
+  background-color: #414141;
  500
+  background-image: -moz-linear-gradient(top, #555555, #222222);
  501
+  background-image: -ms-linear-gradient(top, #555555, #222222);
  502
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  503
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
  504
+  background-image: -o-linear-gradient(top, #555555, #222222);
  505
+  background-image: linear-gradient(top, #555555, #222222);
  506
+  background-repeat: repeat-x;
  507
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  508
+  border-color: #222222 #222222 #000000;
  509
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  510
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  511
+}
  512
+.btn-inverse:hover,
  513
+.btn-inverse:active,
  514
+.btn-inverse.active,
  515
+.btn-inverse.disabled,
  516
+.btn-inverse[disabled] {
  517
+  background-color: #222222;
  518
+}
  519
+.btn-inverse:active,
  520
+.btn-inverse.active {
  521
+  background-color: #080808 \9;
  522
+}
  523
+button.btn,
  524
+input[type="submit"].btn {
  525
+  *padding-top: 2px;
  526
+  *padding-bottom: 2px;
  527
+}
  528
+button.btn::-moz-focus-inner,
  529
+input[type="submit"].btn::-moz-focus-inner {
  530
+  padding: 0;
  531
+  border: 0;
  532
+}
  533
+button.btn.btn-large,
  534
+input[type="submit"].btn.btn-large {
  535
+  *padding-top: 7px;
  536
+  *padding-bottom: 7px;
  537
+}
  538
+button.btn.btn-small,
  539
+input[type="submit"].btn.btn-small {
  540
+  *padding-top: 3px;
  541
+  *padding-bottom: 3px;
  542
+}
  543
+button.btn.btn-mini,
  544
+input[type="submit"].btn.btn-mini {
  545
+  *padding-top: 1px;
  546
+  *padding-bottom: 1px;
  547
+}
  548
+.btn-group {
  549
+  position: relative;
  550
+  *zoom: 1;
  551
+  *margin-left: .3em;
  552
+}
  553
+.btn-group:before,
  554
+.btn-group:after {
  555
+  display: table;
  556
+  content: "";
  557
+}
  558
+.btn-group:after {
  559
+  clear: both;
  560
+}
  561
+.btn-group:first-child {
  562
+  *margin-left: 0;
  563
+}
  564
+.btn-group + .btn-group {
  565
+  margin-left: 5px;
  566
+}
  567
+.btn-toolbar {
  568
+  margin-top: 9px;
  569
+  margin-bottom: 9px;
  570
+}
  571
+.btn-toolbar .btn-group {
  572
+  display: inline-block;
  573
+  *display: inline;
  574
+  /* IE7 inline-block hack */
  575
+
  576
+  *zoom: 1;
  577
+}
  578
+.btn-group .btn {
  579
+  position: relative;
  580
+  float: left;
  581
+  margin-left: -1px;
  582
+  -webkit-border-radius: 0;
  583
+  -moz-border-radius: 0;
  584
+  border-radius: 0;
  585
+}
  586
+.btn-group .btn:first-child {
  587
+  margin-left: 0;
  588
+  -webkit-border-top-left-radius: 4px;
  589
+  -moz-border-radius-topleft: 4px;
  590
+  border-top-left-radius: 4px;
  591
+  -webkit-border-bottom-left-radius: 4px;
  592
+  -moz-border-radius-bottomleft: 4px;
  593
+  border-bottom-left-radius: 4px;
  594
+}
  595
+.btn-group .btn:last-child,
  596
+.btn-group .dropdown-toggle {
  597
+  -webkit-border-top-right-radius: 4px;
  598
+  -moz-border-radius-topright: 4px;
  599
+  border-top-right-radius: 4px;
  600
+  -webkit-border-bottom-right-radius: 4px;
  601
+  -moz-border-radius-bottomright: 4px;
  602
+  border-bottom-right-radius: 4px;
  603
+}
  604
+.btn-group .btn.large:first-child {
  605
+  margin-left: 0;
  606
+  -webkit-border-top-left-radius: 6px;
  607
+  -moz-border-radius-topleft: 6px;
  608
+  border-top-left-radius: 6px;
  609
+  -webkit-border-bottom-left-radius: 6px;
  610
+  -moz-border-radius-bottomleft: 6px;
  611
+  border-bottom-left-radius: 6px;
  612
+}
  613
+.btn-group .btn.large:last-child,
  614
+.btn-group .large.dropdown-toggle {
  615
+  -webkit-border-top-right-radius: 6px;
  616
+  -moz-border-radius-topright: 6px;
  617
+  border-top-right-radius: 6px;
  618
+  -webkit-border-bottom-right-radius: 6px;
  619
+  -moz-border-radius-bottomright: 6px;
  620
+  border-bottom-right-radius: 6px;
  621
+}
  622
+.btn-group .btn:hover,
  623
+.btn-group .btn:focus,
  624
+.btn-group .btn:active,
  625
+.btn-group .btn.active {
  626
+  z-index: 2;
  627
+}
  628
+.btn-group .dropdown-toggle:active,
  629
+.btn-group.open .dropdown-toggle {
  630
+  outline: 0;
  631
+}
  632
+.btn-group .dropdown-toggle {
  633
+  padding-left: 8px;
  634
+  padding-right: 8px;
  635
+  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  636
+  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  637
+  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  638
+  *padding-top: 3px;
  639
+  *padding-bottom: 3px;
  640
+}
  641
+.btn-group .btn-mini.dropdown-toggle {
  642
+  padding-left: 5px;
  643
+  padding-right: 5px;
  644
+  *padding-top: 1px;
  645
+  *padding-bottom: 1px;
  646
+}
  647
+.btn-group .btn-small.dropdown-toggle {
  648
+  *padding-top: 4px;
  649
+  *padding-bottom: 4px;
  650
+}
  651
+.btn-group .btn-large.dropdown-toggle {
  652
+  padding-left: 12px;
  653
+  padding-right: 12px;
  654
+}
  655
+.btn-group.open {
  656
+  *z-index: 1000;
  657
+}
  658
+.btn-group.open .dropdown-menu {
  659
+  display: block;
  660
+  margin-top: 1px;
  661
+  -webkit-border-radius: 5px;
  662
+  -moz-border-radius: 5px;
  663
+  border-radius: 5px;
  664
+}
  665
+.btn-group.open .dropdown-toggle {
  666
+  background-image: none;
  667
+  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  668
+  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  669
+  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  670
+}
  671
+.btn .caret {
  672
+  margin-top: 7px;
  673
+  margin-left: 0;
  674
+}
  675
+.btn:hover .caret,
  676
+.open.btn-group .caret {
  677
+  opacity: 1;
  678
+  filter: alpha(opacity=100);
  679
+}
  680
+.btn-mini .caret {
  681
+  margin-top: 5px;
  682
+}
  683
+.btn-small .caret {
  684
+  margin-top: 6px;
  685
+}
  686
+.btn-large .caret {
  687
+  margin-top: 6px;
  688
+  border-left: 5px solid transparent;
  689
+  border-right: 5px solid transparent;
  690
+  border-top: 5px solid #000000;
  691
+}
  692
+.btn-primary .caret,
  693
+.btn-warning .caret,
  694
+.btn-danger .caret,
  695
+.btn-info .caret,
  696
+.btn-success .caret,
  697
+.btn-inverse .caret {
  698
+  border-top-color: #ffffff;
  699
+  border-bottom-color: #ffffff;
  700
+  opacity: 0.75;
  701
+  filter: alpha(opacity=75);
  702
+}
21  emailpie/src/sass/base.scss
@@ -4,10 +4,12 @@
4 4
 .fancy {
5 5
     font-family: 'Coming Soon', cursive;
6 6
 }
7  
-
8 7
 .small {
9 8
   font-size:12px;
10 9
 }
  10
+.clear {
  11
+  clear:both;
  12
+}
11 13
 
12 14
 body {
13 15
   background:transparent url('../img/square_bg.png') repeat;
@@ -55,4 +57,21 @@ body {
55 57
     margin:0 auto;
56 58
     width:230px;
57 59
   }
  60
+
  61
+  form {
  62
+    .field {
  63
+      float:left;
  64
+
  65
+      input {
  66
+        border:1px solid #ccc;
  67
+        padding:5px 8px;
  68
+        font-size:14px;
  69
+        width:414px;
  70
+        @include border-radius(6px);
  71
+      }
  72
+    }
  73
+    .submit {
  74
+      float:right;
  75
+    }
  76
+  }
58 77
 }
478  emailpie/static/css/base.css
@@ -296,12 +296,478 @@ table {
296 296
 .table tbody tr:hover th {
297 297
   background-color: #f5f5f5; }
298 298
 
  299
+.btn {
  300
+  display: inline-block;
  301
+  *display: inline;
  302
+  /* IE7 inline-block hack */
  303
+  *zoom: 1;
  304
+  padding: 4px 10px 4px;
  305
+  margin-bottom: 0;
  306
+  font-size: 13px;
  307
+  line-height: 18px;
  308
+  color: #333333;
  309
+  text-align: center;
  310
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  311
+  vertical-align: middle;
  312
+  background-color: #f5f5f5;
  313
+  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  314
+  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  315
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  316
+  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  317
+  background-image: -o-linear-gradient(top, white, #e6e6e6);
  318
+  background-image: linear-gradient(top, white, #e6e6e6);
  319
+  background-repeat: repeat-x;
  320
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  321
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  322
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  323
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  324
+  border: 1px solid #cccccc;
  325
+  border-bottom-color: #b3b3b3;
  326
+  -webkit-border-radius: 4px;
  327
+  -moz-border-radius: 4px;
  328
+  border-radius: 4px;
  329
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  330
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  331
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  332
+  cursor: pointer;
  333
+  *margin-left: .3em; }
  334
+
  335
+.btn:hover,
  336
+.btn:active,
  337
+.btn.active,
  338
+.btn.disabled,
  339
+.btn[disabled] {
  340
+  background-color: #e6e6e6; }
  341
+
  342
+.btn:active,
  343
+.btn.active {
  344
+  background-color: #cccccc \9; }
  345
+
  346
+.btn:first-child {
  347
+  *margin-left: 0; }
  348
+
  349
+.btn:hover {
  350
+  color: #333333;
  351
+  text-decoration: none;
  352
+  background-color: #e6e6e6;
  353
+  background-position: 0 -15px;
  354
+  -webkit-transition: background-position 0.1s linear;
  355
+  -moz-transition: background-position 0.1s linear;
  356
+  -ms-transition: background-position 0.1s linear;
  357
+  -o-transition: background-position 0.1s linear;
  358
+  transition: background-position 0.1s linear; }
  359
+
  360
+.btn:focus {
  361
+  outline: thin dotted #333;
  362
+  outline: 5px auto -webkit-focus-ring-color;
  363
+  outline-offset: -2px; }
  364
+
  365
+.btn.active,
  366
+.btn:active {
  367
+  background-image: none;
  368
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  369
+  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  370
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  371
+  background-color: #e6e6e6;
  372
+  background-color: #d9d9d9 \9;
  373
+  outline: 0; }
  374
+
  375
+.btn.disabled,
  376
+.btn[disabled] {
  377
+  cursor: default;
  378
+  background-image: none;
  379
+  background-color: #e6e6e6;
  380
+  opacity: 0.65;
  381
+  filter: alpha(opacity=65);
  382
+  -webkit-box-shadow: none;
  383
+  -moz-box-shadow: none;
  384
+  box-shadow: none; }
  385
+
  386
+.btn-large {
  387
+  padding: 9px 14px;
  388
+  font-size: 15px;
  389
+  line-height: normal;
  390
+  -webkit-border-radius: 5px;
  391
+  -moz-border-radius: 5px;
  392
+  border-radius: 5px; }
  393
+
  394
+.btn-large [class^="icon-"] {
  395
+  margin-top: 1px; }
  396
+
  397
+.btn-small {
  398
+  padding: 5px 9px;
  399
+  font-size: 11px;
  400
+  line-height: 16px; }
  401
+
  402
+.btn-small [class^="icon-"] {
  403
+  margin-top: -1px; }
  404
+
  405
+.btn-mini {
  406
+  padding: 2px 6px;
  407
+  font-size: 11px;
  408
+  line-height: 14px; }
  409
+
  410
+.btn-primary,
  411
+.btn-primary:hover,
  412
+.btn-warning,
  413
+.btn-warning:hover,
  414
+.btn-danger,
  415
+.btn-danger:hover,
  416
+.btn-success,
  417
+.btn-success:hover,
  418
+.btn-info,
  419
+.btn-info:hover,
  420
+.btn-inverse,
  421
+.btn-inverse:hover {
  422
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  423
+  color: #ffffff; }
  424
+
  425
+.btn-primary.active,
  426
+.btn-warning.active,
  427
+.btn-danger.active,
  428
+.btn-success.active,
  429
+.btn-info.active,
  430
+.btn-inverse.active {
  431
+  color: rgba(255, 255, 255, 0.75); }
  432
+
  433
+.btn-primary {
  434
+  background-color: #0074cc;
  435
+  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  436
+  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  437
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  438
+  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  439
+  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  440
+  background-image: linear-gradient(top, #0088cc, #0055cc);
  441
+  background-repeat: repeat-x;
  442
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  443
+  border-color: #0055cc #0055cc #003580;
  444
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  445
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  446
+
  447
+.btn-primary:hover,
  448
+.btn-primary:active,
  449
+.btn-primary.active,
  450
+.btn-primary.disabled,
  451
+.btn-primary[disabled] {
  452
+  background-color: #0055cc; }
  453
+
  454
+.btn-primary:active,
  455
+.btn-primary.active {
  456
+  background-color: #004099 \9; }
  457
+
  458
+.btn-warning {
  459
+  background-color: #faa732;
  460
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  461
+  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  462
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  463
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  464
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  465
+  background-image: linear-gradient(top, #fbb450, #f89406);
  466
+  background-repeat: repeat-x;
  467
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  468
+  border-color: #f89406 #f89406 #ad6704;
  469
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  470
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  471
+
  472
+.btn-warning:hover,
  473
+.btn-warning:active,
  474
+.btn-warning.active,
  475
+.btn-warning.disabled,
  476
+.btn-warning[disabled] {
  477
+  background-color: #f89406; }
  478
+
  479
+.btn-warning:active,
  480
+.btn-warning.active {
  481
+  background-color: #c67605 \9; }
  482
+
  483
+.btn-danger {
  484
+  background-color: #da4f49;
  485
+  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  486
+  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  487
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  488
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  489
+  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  490
+  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  491
+  background-repeat: repeat-x;
  492
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  493
+  border-color: #bd362f #bd362f #802420;
  494
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  495
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  496
+
  497
+.btn-danger:hover,
  498
+.btn-danger:active,
  499
+.btn-danger.active,
  500
+.btn-danger.disabled,
  501
+.btn-danger[disabled] {
  502
+  background-color: #bd362f; }
  503
+
  504
+.btn-danger:active,
  505
+.btn-danger.active {
  506
+  background-color: #942a25 \9; }
  507
+
  508
+.btn-success {
  509
+  background-color: #5bb75b;
  510
+  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  511
+  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  512
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  513
+  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  514
+  background-image: -o-linear-gradient(top, #62c462, #51a351);
  515
+  background-image: linear-gradient(top, #62c462, #51a351);
  516
+  background-repeat: repeat-x;
  517
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  518
+  border-color: #51a351 #51a351 #387038;
  519
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  520
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  521
+
  522
+.btn-success:hover,
  523
+.btn-success:active,
  524
+.btn-success.active,
  525
+.btn-success.disabled,
  526
+.btn-success[disabled] {
  527
+  background-color: #51a351; }
  528
+
  529
+.btn-success:active,
  530
+.btn-success.active {
  531
+  background-color: #408140 \9; }
  532
+
  533
+.btn-info {
  534
+  background-color: #49afcd;
  535
+  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  536
+  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  537
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  538
+  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  539
+  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  540
+  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  541
+  background-repeat: repeat-x;
  542
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  543
+  border-color: #2f96b4 #2f96b4 #1f6377;
  544
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  545
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  546
+
  547
+.btn-info:hover,
  548
+.btn-info:active,
  549
+.btn-info.active,
  550
+.btn-info.disabled,
  551
+.btn-info[disabled] {
  552
+  background-color: #2f96b4; }
  553
+
  554
+.btn-info:active,
  555
+.btn-info.active {
  556
+  background-color: #24748c \9; }
  557
+
  558
+.btn-inverse {
  559
+  background-color: #414141;
  560
+  background-image: -moz-linear-gradient(top, #555555, #222222);
  561
+  background-image: -ms-linear-gradient(top, #555555, #222222);
  562
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  563
+  background-image: -webkit-linear-gradient(top, #555555, #222222);
  564
+  background-image: -o-linear-gradient(top, #555555, #222222);
  565
+  background-image: linear-gradient(top, #555555, #222222);
  566
+  background-repeat: repeat-x;
  567
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  568
+  border-color: #222222 #222222 #000000;
  569
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  570
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  571
+
  572
+.btn-inverse:hover,
  573
+.btn-inverse:active,
  574
+.btn-inverse.active,
  575
+.btn-inverse.disabled,
  576
+.btn-inverse[disabled] {
  577
+  background-color: #222222; }
  578
+
  579
+.btn-inverse:active,
  580
+.btn-inverse.active {
  581
+  background-color: #080808 \9; }
  582
+
  583
+button.btn,
  584
+input[type="submit"].btn {
  585
+  *padding-top: 2px;
  586
+  *padding-bottom: 2px; }
  587
+
  588
+button.btn::-moz-focus-inner,
  589
+input[type="submit"].btn::-moz-focus-inner {
  590
+  padding: 0;
  591
+  border: 0; }
  592
+
  593
+button.btn.btn-large,
  594
+input[type="submit"].btn.btn-large {
  595
+  *padding-top: 7px;
  596
+  *padding-bottom: 7px; }
  597
+
  598
+button.btn.btn-small,
  599
+input[type="submit"].btn.btn-small {
  600
+  *padding-top: 3px;
  601
+  *padding-bottom: 3px; }
  602
+
  603
+button.btn.btn-mini,
  604
+input[type="submit"].btn.btn-mini {
  605
+  *padding-top: 1px;
  606
+  *padding-bottom: 1px; }
  607
+
  608
+.btn-group {
  609
+  position: relative;
  610
+  *zoom: 1;
  611
+  *margin-left: .3em; }
  612
+
  613
+.btn-group:before,
  614
+.btn-group:after {
  615
+  display: table;
  616
+  content: ""; }
  617
+
  618
+.btn-group:after {
  619
+  clear: both; }
  620
+
  621
+.btn-group:first-child {
  622
+  *margin-left: 0; }
  623
+
  624
+.btn-group + .btn-group {
  625
+  margin-left: 5px; }
  626
+
  627
+.btn-toolbar {
  628
+  margin-top: 9px;
  629
+  margin-bottom: 9px; }
  630
+
  631
+.btn-toolbar .btn-group {
  632
+  display: inline-block;
  633
+  *display: inline;
  634
+  /* IE7 inline-block hack */
  635
+  *zoom: 1; }
  636
+
  637
+.btn-group .btn {
  638
+  position: relative;
  639
+  float: left;
  640
+  margin-left: -1px;
  641
+  -webkit-border-radius: 0;
  642
+  -moz-border-radius: 0;
  643
+  border-radius: 0; }
  644
+
  645
+.btn-group .btn:first-child {
  646
+  margin-left: 0;
  647
+  -webkit-border-top-left-radius: 4px;
  648
+  -moz-border-radius-topleft: 4px;
  649
+  border-top-left-radius: 4px;
  650
+  -webkit-border-bottom-left-radius: 4px;
  651
+  -moz-border-radius-bottomleft: 4px;
  652
+  border-bottom-left-radius: 4px; }
  653
+
  654
+.btn-group .btn:last-child,
  655
+.btn-group .dropdown-toggle {
  656
+  -webkit-border-top-right-radius: 4px;
  657
+  -moz-border-radius-topright: 4px;
  658
+  border-top-right-radius: 4px;
  659
+  -webkit-border-bottom-right-radius: 4px;
  660
+  -moz-border-radius-bottomright: 4px;
  661
+  border-bottom-right-radius: 4px; }
  662
+
  663
+.btn-group .btn.large:first-child {
  664
+  margin-left: 0;
  665
+  -webkit-border-top-left-radius: 6px;
  666
+  -moz-border-radius-topleft: 6px;
  667
+  border-top-left-radius: 6px;
  668
+  -webkit-border-bottom-left-radius: 6px;
  669
+  -moz-border-radius-bottomleft: 6px;
  670
+  border-bottom-left-radius: 6px; }
  671
+
  672
+.btn-group .btn.large:last-child,
  673
+.btn-group .large.dropdown-toggle {
  674
+  -webkit-border-top-right-radius: 6px;
  675
+  -moz-border-radius-topright: 6px;
  676
+  border-top-right-radius: 6px;
  677
+  -webkit-border-bottom-right-radius: 6px;
  678
+  -moz-border-radius-bottomright: 6px;
  679
+  border-bottom-right-radius: 6px; }
  680
+
  681
+.btn-group .btn:hover,
  682
+.btn-group .btn:focus,
  683
+.btn-group .btn:active,
  684
+.btn-group .btn.active {
  685
+  z-index: 2; }
  686
+
  687
+.btn-group .dropdown-toggle:active,
  688
+.btn-group.open .dropdown-toggle {
  689
+  outline: 0; }
  690
+
  691
+.btn-group .dropdown-toggle {
  692
+  padding-left: 8px;
  693
+  padding-right: 8px;
  694
+  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  695
+  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  696
+  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  697
+  *padding-top: 3px;
  698
+  *padding-bottom: 3px; }
  699
+
  700
+.btn-group .btn-mini.dropdown-toggle {
  701
+  padding-left: 5px;
  702
+  padding-right: 5px;
  703
+  *padding-top: 1px;
  704
+  *padding-bottom: 1px; }
  705
+
  706
+.btn-group .btn-small.dropdown-toggle {
  707
+  *padding-top: 4px;
  708
+  *padding-bottom: 4px; }
  709
+
  710
+.btn-group .btn-large.dropdown-toggle {
  711
+  padding-left: 12px;
  712
+  padding-right: 12px; }
  713
+
  714
+.btn-group.open {
  715
+  *z-index: 1000; }
  716
+
  717
+.btn-group.open .dropdown-menu {
  718
+  display: block;
  719
+  margin-top: 1px;
  720
+  -webkit-border-radius: 5px;
  721
+  -moz-border-radius: 5px;
  722
+  border-radius: 5px; }
  723
+
  724
+.btn-group.open .dropdown-toggle {
  725
+  background-image: none;
  726
+  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  727
+  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  728
+  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
  729
+
  730
+.btn .caret {
  731
+  margin-top: 7px;
  732
+  margin-left: 0; }
  733
+
  734
+.btn:hover .caret,
  735
+.open.btn-group .caret {
  736
+  opacity: 1;
  737
+  filter: alpha(opacity=100); }
  738
+
  739
+.btn-mini .caret {
  740
+  margin-top: 5px; }
  741
+
  742
+.btn-small .caret {
  743
+  margin-top: 6px; }
  744
+
  745
+.btn-large .caret {
  746
+  margin-top: 6px;
  747
+  border-left: 5px solid transparent;
  748
+  border-right: 5px solid transparent;
  749
+  border-top: 5px solid #000000; }
  750
+
  751
+.btn-primary .caret,
  752
+.btn-warning .caret,
  753
+.btn-danger .caret,
  754
+.btn-info .caret,
  755
+.btn-success .caret,
  756
+.btn-inverse .caret {
  757
+  border-top-color: #ffffff;
  758
+  border-bottom-color: #ffffff;
  759
+  opacity: 0.75;
  760
+  filter: alpha(opacity=75); }
  761
+
299 762
 .fancy, .wrapper h2, .wrapper h3, .wrapper h4 {
300 763
   font-family: 'Coming Soon', cursive; }
301 764
 
302 765
 .small {
303 766
   font-size: 12px; }
304 767
 
  768
+.clear {
  769
+  clear: both; }
  770
+
305 771
 body {
306 772
   background: transparent url("../img/square_bg.png") repeat;
307 773
   color: #555; }
@@ -334,3 +800,15 @@ body {
334 800
     border-radius: 6px;
335 801
     margin: 0 auto;
336 802
     width: 230px; }
  803
+  .wrapper form .field {
  804
+    float: left; }
  805
+    .wrapper form .field input {
  806
+      border: 1px solid #ccc;
  807
+      padding: 5px 8px;
  808
+      font-size: 14px;
  809
+      width: 414px;
  810
+      -moz-border-radius: 6px;
  811
+      -webkit-border-radius: 6px;
  812
+      border-radius: 6px; }
  813
+  .wrapper form .submit {
  814
+    float: right; }
15  emailpie/templates/index.html
@@ -30,6 +30,21 @@ <h2 class="fancy">Email Pie</h2>
30 30
     </ul>
31 31
   </div>
32 32
 
  33
+
  34
+  <h2>Try it!</h2>
  35
+
  36
+  <form action="/v1/check">
  37
+    <div class="field">
  38
+      <input type="text" name="email" id="email-address" placeholder="Enter an email address here.">
  39
+    </div>
  40
+
  41
+    <div class="submit">
  42
+      <input type="submit" class="btn btn-success" value="submit">
  43
+    </div>
  44
+  </form>
  45
+  <div class="clear"></div>
  46
+
  47
+
33 48
   <h2>How?</h2>
34 49
 
35 50
   <p>Well, first we make sure the email is formatted correctly. Catching things like invalid characters or no @ signs. Then, we make sure that the domain is configured to collect email. Finally, we check for common misspellings.</p>
6  tests.py
@@ -14,6 +14,12 @@ def test_good_email(self):
14 14
 
15 15
         self.assertFalse(errors)
16 16
 
  17
+    def test_good_plus_email(self):
  18
+        validator = utils.EmailChecker('bryan+merica@bryanhelmig.com')
  19
+        errors = validator.validate()
  20
+
  21
+        self.assertFalse(errors)
  22
+
17 23
     def test_invalid_email(self):
18 24
         validator = utils.EmailChecker('sdahjsdfh.asdofh')
19 25
         errors = validator.validate()

0 notes on commit e24a214

Please sign in to comment.
Something went wrong with that request. Please try again.