Skip to content

Instantly share code, notes, and snippets.

@overwine
Created May 13, 2013 14:56
Show Gist options
  • Save overwine/5568911 to your computer and use it in GitHub Desktop.
Save overwine/5568911 to your computer and use it in GitHub Desktop.
Some CSS bullshit
4,7c4,7
< src: url('../cartonslab/cartonslab.eot?#iefix') format('embedded-opentype'),
< url('../cartonslab/cartonslab.woff') format('woff'),
< url('../cartonslab/cartonslab.ttf') format('truetype'),
< url('../cartonslab/cartonslab.svg#cartonslab') format('svg');
---
> src: url('../cartonslab/cartonslab.eot?#iefix')
> format('embedded-opentype'), url('../cartonslab/cartonslab.woff')
> format('woff'), url('../cartonslab/cartonslab.ttf') format('truetype'),
> url('../cartonslab/cartonslab.svg#cartonslab') format('svg');
11,16c11,16
<
< h1 {
< font-family: Carton;
< color: #6d6e71;
< font-size: 30px;
< font-weight:normal;
---
>
> h1 {
> font-family: Carton;
> color: #6d6e71;
> font-size: 30px;
> font-weight: normal;
19c19,22
< * { margin: 0; padding: 0; }
---
> * {
> margin: 0;
> padding: 0;
> }
22,24c25,27
< font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
< font-size: 14px;
< background-image: url(../images/background-repeater.jpg);
---
> font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
> font-size: 14px;
> background-image: url(../images/background-repeater.jpg);
25a29
> }
26a31,32
> img {
> border: none;
28c34
< img {border:none;}
---
>
30c36
< width:100%;
---
> width: 100%;
31a38
>
33,34c40,41
< margin:0 auto;
< max-width:1024px;
---
> margin: 0 auto;
> max-width: 1024px;
36,38c43,45
< overflow-x:hidden;
< padding-bottom:35px;
< }
---
> overflow-x: hidden;
> padding-bottom: 35px;
> }
41,43c48,50
< width:968px;
< margin: 0 auto;
< overflow: auto;
---
> width: 968px;
> margin: 0 auto;
> overflow: auto;
48,49c55,56
< position:relative;
< top:-53px;
---
> position: relative;
> top: -53px;
60c67
< height:53px;
---
> height: 53px;
66,67c73
< height:53px
< /*overflow: hidden;
---
> height: 53px /*overflow: hidden;
72c78
< width:100%;
---
> width: 100%;
76c82
< width:960px;
---
> width: 960px;
81,89c87,95
< color:#10155e;
< font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
< font-size: 10px;
< font-weight: bold;
< margin: 13px 0 13px 0;
< float: left;
< position: relative;
< z-index:1000;
< line-height: 12px;
---
> color: #10155e;
> font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
> font-size: 10px;
> font-weight: bold;
> margin: 13px 0 13px 0;
> float: left;
> position: relative;
> z-index: 1000;
> line-height: 12px;
101,105c107,112
< .email-signup .button, .email-signup-footer .button, .login-logout .button, .reset button, .remind button, .registration button, #member-profile button, .category-list .button {
< font-size: 10px;
< width: 70px;
< padding: 3px;
< /*border: 0;
---
> .email-signup .button,.email-signup-footer .button,.login-logout .button,.reset button,.remind button,.registration button,#member-profile button,.category-list .button
> {
> font-size: 10px;
> width: 70px;
> padding: 3px;
> /*border: 0;
109c116
< .email-signup input, .email-signup-footer input {
---
> .email-signup input,.email-signup-footer input {
111,113c118,120
< font-size: 10px;
< padding: 2px;
< margin-left: 5px;
---
> font-size: 10px;
> padding: 2px;
> margin-left: 5px;
117,123c124,130
< color:#10155e;
< font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
< font-size: 10px;
< font-weight: bold;
< float: right;
< padding: 18px 0 0 0;
< position: relative;
---
> color: #10155e;
> font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
> font-size: 10px;
> font-weight: bold;
> float: right;
> padding: 18px 0 0 0;
> position: relative;
124a132
>
126c134
< float:left;
---
> float: left;
130,131c138,139
< float:left;
< line-height:12px;
---
> float: left;
> line-height: 12px;
132a141
>
134,136c143,145
< text-decoration: none;
< color:#10155e;
< outline: none;
---
> text-decoration: none;
> color: #10155e;
> outline: none;
140,141c149,150
< text-decoration: underline;
< color:#10155e;
---
> text-decoration: underline;
> color: #10155e;
146,147c155,156
< width: 100%;
< /*padding: 18px 0 0 0;
---
> width: 100%;
> /*padding: 18px 0 0 0;
149c158
< z-index: 40;
---
> z-index: 40;
153d161
<
155,156c163,164
< width: 194px;
< float: left;
---
> width: 194px;
> float: left;
169,172c177,180
< background-image: url(../images/menu/menu-top-logo-transparent.png);
< width: 194px;
< height: 130px;
< z-index: 50;
---
> background-image: url(../images/menu/menu-top-logo-transparent.png);
> width: 194px;
> height: 130px;
> z-index: 50;
178,184c186,192
< width: 152px;
< margin: -50px auto 0 auto;
< padding: 50px 0 10px 0;
< background-color: #272b6d;
< background-color: rgba(39,44,109,0.9);
< *background-color:#272c6d;
< z-index: 45;
---
> width: 152px;
> margin: -50px auto 0 auto;
> padding: 50px 0 10px 0;
> background-color: #272b6d;
> background-color: rgba(39, 44, 109, 0.9);
> *background-color: #272c6d;
> z-index: 45;
188,195c196,203
< width: 152px;
< position: relative;
< margin: 4px auto 0 auto;
< padding: 5px 0 5px 0;
< background-color: #272b6d;
< background-color: rgba(39,44,109,0.9);
< *background-color:#272c6d;
< z-index: 45;
---
> width: 152px;
> position: relative;
> margin: 4px auto 0 auto;
> padding: 5px 0 5px 0;
> background-color: #272b6d;
> background-color: rgba(39, 44, 109, 0.9);
> *background-color: #272c6d;
> z-index: 45;
196a205
>
198c207
< cursor:pointer;
---
> cursor: pointer;
200,205c209,214
< display: block;
< font-size: 11px;
< list-style: none outside none;
< padding: 5px 0 5px 20px;
< text-transform: uppercase;
< width: auto;
---
> display: block;
> font-size: 11px;
> list-style: none outside none;
> padding: 5px 0 5px 20px;
> text-transform: uppercase;
> width: auto;
209,215c218,224
< width: 152px;
< position: relative;
< margin: 4px auto 0 auto;
< padding: 10px 0 10px 0;
< background-color: rgba(167,169,172,0.9);
< *background-color: #afb1b4;
< z-index: 45;
---
> width: 152px;
> position: relative;
> margin: 4px auto 0 auto;
> padding: 10px 0 10px 0;
> background-color: rgba(167, 169, 172, 0.9);
> *background-color: #afb1b4;
> z-index: 45;
219,225c228,234
< width: 152px;
< position: relative;
< margin: 4px auto 0 auto;
< padding: 13px 0 10px 0;
< background-color: rgba(167,169,172,0.9);
< *background-color: #afb1b4;
< z-index: 45;
---
> width: 152px;
> position: relative;
> margin: 4px auto 0 auto;
> padding: 13px 0 10px 0;
> background-color: rgba(167, 169, 172, 0.9);
> *background-color: #afb1b4;
> z-index: 45;
228c237
< .menu-search input, input.search-filter {
---
> .menu-search input,input.search-filter {
233,235c242,244
< margin: 0 auto 2px auto;
< width: 126px;
< text-align: center;
---
> margin: 0 auto 2px auto;
> width: 126px;
> text-align: center;
238,242c247,250
< .menu-search .search-button,
< .menu-categories .search-button {
< margin: 0 auto;
< width: 126px;
< text-align: center;
---
> .menu-search .search-button,.menu-categories .search-button {
> margin: 0 auto;
> width: 126px;
> text-align: center;
243a252
>
245,246c254,255
< float:left;
< margin-left:40px;
---
> float: left;
> margin-left: 40px;
248c257,258
< .profile-content{
---
>
> .profile-content {
268,269c278
< float:left;
<
---
> float: left;
271,275c280,284
< .my-button input[type=submit],
< .my-button input[type=button]{
< width:130px;
< height:26px;
< margin:2px 4px;
---
>
> .my-button input[type=submit],.my-button input[type=button] {
> width: 130px;
> height: 26px;
> margin: 2px 4px;
278,279c287,288
< .menu ul, .menu-absolute ul {
< list-style: none;
---
> .menu ul,.menu-absolute ul {
> list-style: none;
282,285c291,294
< .menu li, .menu-absolute li {
< list-style: none;
< margin: 0;
< padding: 0;
---
> .menu li,.menu-absolute li {
> list-style: none;
> margin: 0;
> padding: 0;
288,295c297,304
< .menu li a, .menu-absolute li a {
< list-style: none;
< color: #ffffff;
< font-size: 11px;
< display: block;
< width: auto;
< padding: 5px 0 5px 20px;
< text-transform: uppercase;
---
> .menu li a,.menu-absolute li a {
> list-style: none;
> color: #ffffff;
> font-size: 11px;
> display: block;
> width: auto;
> padding: 5px 0 5px 20px;
> text-transform: uppercase;
298c307
< .menu li a:hover, .menu-absolute li a:hover {
---
> .menu li a:hover,.menu-absolute li a:hover {
300c309
< background-color: #a7a9ac;
---
> background-color: #a7a9ac;
303c312
< .menu li.active a, .menu-absolute li.active a {
---
> .menu li.active a,.menu-absolute li.active a {
305c314
< background-color: #a7a9ac;
---
> background-color: #a7a9ac;
308,309d316
<
<
311,313c318,320
< color: #58595b;
< font-weight: bold;
< /*border: 0;*/
---
> color: #58595b;
> font-weight: bold;
> /*border: 0;*/
317,320c324,327
< font-size: 11px;
< color: #414042;
< padding: 0 0 7px 20px;
< margin: 0;
---
> font-size: 11px;
> color: #414042;
> padding: 0 0 7px 20px;
> margin: 0;
341,345c348,352
< .rotate-arrow-up {
< -webkit-transform: rotate(-90deg);
< -moz-transform: rotate(-90deg);
< -o-transform: rotate(-90deg);
< filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
---
> .rotate-arrow-up {
> -webkit-transform: rotate(-90deg);
> -moz-transform: rotate(-90deg);
> -o-transform: rotate(-90deg);
> filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3 );
352,353c359,360
< background-image: url(../images/arrow-recipe-menu-down.png) !important;
< background-position: center center;
---
> background-image: url(../images/arrow-recipe-menu-down.png) !important;
> background-position: center center;
363d369
<
365c371
< width:200px;
---
> width: 200px;
366a373
>
368,369c375,376
< color:#666;
< text-decoration:none;
---
> color: #666;
> text-decoration: none;
370a378
>
372,373c380,381
< padding:0;
< border-top:0px solid #CCC;
---
> padding: 0;
> border-top: 0px solid #CCC;
374a383
>
376c385
< cursor:pointer;
---
> cursor: pointer;
377a387
>
379,380c389,390
< list-style:none;
< border-bottom:0px solid #CCC;
---
> list-style: none;
> border-bottom: 0px solid #CCC;
383,395c393,404
< .subcategory input,
< .subcategory-hidden input{
< float:left;
< margin-right:4px;
< }
< .subcategory label,
< .subcategory-hidden label {
< width:160px;
< display:block;
< margin:2px 0 2px 18px;
< text-indent: 0;
< font-size:11px;
< color:#ffffff;
---
> .subcategory input,.subcategory-hidden input {
> float: left;
> margin-right: 4px;
> }
>
> .subcategory label,.subcategory-hidden label {
> width: 160px;
> display: block;
> margin: 2px 0 2px 18px;
> text-indent: 0;
> font-size: 11px;
> color: #ffffff;
396a406
>
398,399c408,409
< padding: 0 0 0 7px;
< }/*
---
> padding: 0 0 0 7px;
> } /*
416,421c426,431
< list-style: none;
< color: #6d6e71;
< font-size: 11px;
< display: block;
< width: auto;
< padding: 5px 0 5px 20px;
---
> list-style: none;
> color: #6d6e71;
> font-size: 11px;
> display: block;
> width: auto;
> padding: 5px 0 5px 20px;
425c435
< padding-bottom: 10px;
---
> padding-bottom: 10px;
429,430c439,440
< background-color: transparent;
< text-decoration: underline;
---
> background-color: transparent;
> text-decoration: underline;
434,435c444,445
< font-size: 11px;
< color: #ffffff;
---
> font-size: 11px;
> color: #ffffff;
438,439c448,449
< .menu-categories input {
< /*margin: 5px 8px 5px 0;*/
---
> .menu-categories input { /*margin: 5px 8px 5px 0;*/
>
443,446c453,456
< background-image: url(../images/menu/menu-divider.png);
< height: 5px;
< width: 137px;
< margin: 10px auto 5px auto;
---
> background-image: url(../images/menu/menu-divider.png);
> height: 5px;
> width: 137px;
> margin: 10px auto 5px auto;
450,451c460,461
< width: 100%;
< text-align: center;
---
> width: 100%;
> text-align: center;
455,458c465,468
< font-size: 11px;
< color: #272b6d;
< padding: 5px 0 7px 20px;
< margin: 0;
---
> font-size: 11px;
> color: #272b6d;
> padding: 5px 0 7px 20px;
> margin: 0;
459a470
>
461c472
< cursor:pointer;
---
> cursor: pointer;
462a474
>
464,467c476,479
< font-size: 11px;
< color: #272b6d;
< padding: 5px 0 7px 0;
< margin: 0;
---
> font-size: 11px;
> color: #272b6d;
> padding: 5px 0 7px 0;
> margin: 0;
471d482
<
473,476c484,487
< width: 740px;
< float: left;
< margin: 0 0 0 30px;
< padding: 10px 0 0 0;
---
> width: 740px;
> float: left;
> margin: 0 0 0 30px;
> padding: 10px 0 0 0;
477a489
>
483c495,496
< -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9')";
---
> -ms-filter:
> "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9')";
485c498,499
< filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9');
---
> filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
> Color='#d8d9d9' );
486a501
>
492,495c507,510
< width:248px;
< height:184px;
< margin:5px 10px 5px 0;
< overflow:hidden;
---
> width: 248px;
> height: 184px;
> margin: 5px 10px 5px 0;
> overflow: hidden;
497c512
< position:relative;
---
> position: relative;
499c514
< float:left;
---
> float: left;
501d515
<
505,506c519,522
< -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9')";
< filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9');
---
> -ms-filter:
> "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9')";
> filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
> Color='#d8d9d9' );
508,509c524,526
< .feature-item:hover {
< /*cursor:pointer;*/
---
>
> .feature-item:hover { /*cursor:pointer;*/
>
513,525c530,542
< width:248px;
< height:184px;
< padding:5px;
< background:#0d0048;
< color:#fff;
< position:absolute;
< left:0;
< display:none;
< filter:alpha(opacity=85); /* ie */
< -moz-opacity:0.85; /* old mozilla browser like netscape */
< -khtml-opacity: 0.85; /* for really really old safari */
< opacity: 0.85; /* css standard, currently it works in most modern browsers like firefox, */
<
---
> width: 248px;
> height: 184px;
> padding: 5px;
> background: #0d0048;
> color: #fff;
> position: absolute;
> left: 0;
> display: none;
> filter: alpha(opacity = 85); /* ie */
> -moz-opacity: 0.85; /* old mozilla browser like netscape */
> -khtml-opacity: 0.85; /* for really really old safari */
> opacity: 0.85;
> /* css standard, currently it works in most modern browsers like firefox, */
530,532c547,549
< text-decoration:none;
< color:#ffffff;
< font-size:1.8125em;
---
> text-decoration: none;
> color: #ffffff;
> font-size: 1.8125em;
536c553
< display:block;
---
> display: block;
538c555,556
< .feature-item .caption a{
---
>
> .feature-item .caption a {
544a563
>
549a569
>
551c571
< float:none;
---
> float: none;
558,561c578,581
< width:244px;
< height:181px;
< margin:5px 10px 5px 0;
< overflow:hidden;
---
> width: 244px;
> height: 181px;
> margin: 5px 10px 5px 0;
> overflow: hidden;
563c583
< position:relative;
---
> position: relative;
565c585
< float:left;
---
> float: left;
567d586
<
571,572c590,593
< -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9')";
< filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9');
---
> -ms-filter:
> "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d9d9')";
> filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
> Color='#d8d9d9' );
574,575c595,597
< .recipe-item:hover {
< /*cursor:pointer;*/
---
>
> .recipe-item:hover { /*cursor:pointer;*/
>
576a599
>
582a606
>
584,595c608,620
< width:244px;
< height:181px;
< background:#0d0048;
< color:#fff;
< position:absolute;
< left:0;
< display:none;
< filter:alpha(opacity=85); /* ie */
< -moz-opacity:0.85; /* old mozilla browser like netscape */
< -khtml-opacity: 0.85; /* for really really old safari */
< opacity: 0.85; /* css standard, currently it works in most modern browsers like firefox, */
< z-index:10;
---
> width: 244px;
> height: 181px;
> background: #0d0048;
> color: #fff;
> position: absolute;
> left: 0;
> display: none;
> filter: alpha(opacity = 85); /* ie */
> -moz-opacity: 0.85; /* old mozilla browser like netscape */
> -khtml-opacity: 0.85; /* for really really old safari */
> opacity: 0.85;
> /* css standard, currently it works in most modern browsers like firefox, */
> z-index: 10;
598c623
< .recipe-item .caption .recipe-title a{
---
> .recipe-item .caption .recipe-title a {
600,602c625,627
< text-decoration:none;
< color:#ffffff;
< font-size:1.6em;
---
> text-decoration: none;
> color: #ffffff;
> font-size: 1.6em;
605c630
< display:block;
---
> display: block;
607c632,633
< .recipe-item .caption .view-recipe a{
---
>
> .recipe-item .caption .view-recipe a {
611a638
>
613c640
< padding:10px;
---
> padding: 10px;
614a642
>
616,618c644,646
< display:block;
< width:200px;
< position:relative;
---
> display: block;
> width: 200px;
> position: relative;
619a648
>
621c650
< border:0;
---
> border: 0;
623c652
< position:absolute;
---
> position: absolute;
624a654
>
626,628c656,658
< border:0;
< width:245px;
< height:181px;
---
> border: 0;
> width: 245px;
> height: 181px;
630c660
< position:absolute;
---
> position: absolute;
632,634c662,665
< .recipe-item .caption .recipe-rating img{
< position:none;
< float:left;
---
>
> .recipe-item .caption .recipe-rating img {
> position: none;
> float: left;
639,642c670,673
< width:297px;
< height:220px;
< margin:5px 16px 5px 0;
< overflow:hidden;
---
> width: 297px;
> height: 220px;
> margin: 5px 16px 5px 0;
> overflow: hidden;
644c675
< position:relative;
---
> position: relative;
646,647c677,678
< float:left;
< border:2px solid #cccccc;
---
> float: left;
> border: 2px solid #cccccc;
648a680
>
650c682
< cursor:pointer;
---
> cursor: pointer;
654,665c686,697
< width:297px;
< height:220px;
< background:#0d0048;
< color:#fff;
< position:absolute;
< left:0;
< display:none;
< filter:alpha(opacity=85); /* ie */
< -moz-opacity:0.85; /* old mozilla browser like netscape */
< -khtml-opacity: 0.85; /* for really really old safari */
< opacity: 0.85; /* css standard, currently it works in most modern browsers like firefox, */
<
---
> width: 297px;
> height: 220px;
> background: #0d0048;
> color: #fff;
> position: absolute;
> left: 0;
> display: none;
> filter: alpha(opacity = 85); /* ie */
> -moz-opacity: 0.85; /* old mozilla browser like netscape */
> -khtml-opacity: 0.85; /* for really really old safari */
> opacity: 0.85;
> /* css standard, currently it works in most modern browsers like firefox, */
668c700
< .might-like-item .caption .recipe-title a{
---
> .might-like-item .caption .recipe-title a {
670,672c702,704
< text-decoration:none;
< color:#ffffff;
< font-size:1.6em;
---
> text-decoration: none;
> color: #ffffff;
> font-size: 1.6em;
675c707
< display:block;
---
> display: block;
677c709,710
< .might-like-item .caption .view-recipe a{
---
>
> .might-like-item .caption .view-recipe a {
681a715
>
683c717
< padding:10px;
---
> padding: 10px;
684a719
>
686,688c721,723
< display:block;
< width:200px;
< position:relative;
---
> display: block;
> width: 200px;
> position: relative;
689a725
>
691c727
< border:0;
---
> border: 0;
693c729
< position:absolute;
---
> position: absolute;
694a731
>
696,697c733,734
< position:none;
< float:left;
---
> position: none;
> float: left;
701,704c738,740
< width: 720px;
< height: 356px;
< border: 1px solid #d9dada;
<
---
> width: 720px;
> height: 356px;
> border: 1px solid #d9dada;
708,710c744,746
< width: 720px;
< margin: 10px 0 0 0;
< overflow: hidden;
---
> width: 720px;
> margin: 10px 0 0 0;
> overflow: hidden;
714c750
< float: left;
---
> float: left;
718c754
< float: right;
---
> float: right;
722c758
< float: left;
---
> float: left;
725,727c761,763
< .brands-thumbs .thumbs img{
< float: right;
< margin: 0 0 0 5px;
---
> .brands-thumbs .thumbs img {
> float: right;
> margin: 0 0 0 5px;
731,732c767,768
< padding: 25px 0 0 0;
< /*overflow: auto;*/
---
> padding: 25px 0 0 0;
> /*overflow: auto;*/
738,741c774,777
< font-size: 22px;
< color: #6d6e71;
< text-transform: uppercase;
< font-family: Carton;
---
> font-size: 22px;
> color: #6d6e71;
> text-transform: uppercase;
> font-family: Carton;
745,746c781,782
< color: #6d6e71;
< font-size: 14px;
---
> color: #6d6e71;
> font-size: 14px;
748c784
<
---
> /* TABS */
750c786,826
< margin: 10px 0 0 0;
---
> margin: 10px 0 0 0;
> }
>
> .tab {
> display: inline-block;
> zoom: 1;
> *display: inline;
> background: #E7E8E9;
> border: solid 1px #AAAAAA;
> border-bottom: none;
> border-top-left-radius:4px;
> -moz-border-radius-topleft:4px;
> -webkit-border-top-left-radius:4px;
> border-top-right-radius:4px;
> -moz-border-radius-topright:4px;
> -webkit-border-top-right-radius:4px;
> }
>
> .tab a {
> font-size: 14px;
> line-height: 2em;
> display: block;
> padding: 0 10px;
> outline: none;
> }
>
> .tab a:hover {
> text-decoration: none;
> color:#272B6D !important;
> }
>
> .tab.active {
> background: #E7E8E9;
> padding-top: 2px;
> position: relative;
> top: 1px;
> border-color: #AAAAAA;
> }
>
> .tab a.active {
> font-weight: bold;
751a828
>
754a832
>
756c834
< margin:60px 0 20px 0;
---
> margin: 60px 0 20px 0;
757a836
>
759c838
< min-height:400px;
---
> min-height: 400px;
760a840
>
762,765c842,847
< background:url(/templates/marzetti-kitchens/images/featured-background.png) no-repeat;
< height:197px;
< width:961px;
< margin:20px auto;
---
> background:
> url(/templates/marzetti-kitchens/images/featured-background.png)
> no-repeat;
> height: 197px;
> width: 961px;
> margin: 20px auto;
766a849
>
768,771c851,856
< background:url(/templates/marzetti-kitchens/images/double-shaded-line.png) repeat-x;
< height:7px;
< width:961px;
< margin:20px auto;
---
> background:
> url(/templates/marzetti-kitchens/images/double-shaded-line.png)
> repeat-x;
> height: 7px;
> width: 961px;
> margin: 20px auto;
772a858
>
774,775c860,861
< width:961px;
< margin:20px auto;
---
> width: 961px;
> margin: 20px auto;
776a863
>
779,780c866,867
< width: 220px;
< float:left;
---
> width: 220px;
> float: left;
782,787c869,874
< .product-info h3,
< .might-like h3 {
< font-family: Carton;
< color: #6d6e71;
< font-size: 30px;
< font-weight:normal;
---
>
> .product-info h3,.might-like h3 {
> font-family: Carton;
> color: #6d6e71;
> font-size: 30px;
> font-weight: normal;
788a876
>
790,792c878,880
< float:left;
< margin-left:20px;
< width:70%;
---
> float: left;
> margin-left: 20px;
> width: 70%;
794a883
>
796,798c885,887
< float:left;
< text-align:center;
< margin-right:10px;
---
> float: left;
> text-align: center;
> margin-right: 10px;
800,801c889,891
< .product-info .featured-product .inside-featured img{
< height:100px;
---
>
> .product-info .featured-product .inside-featured img {
> height: 100px;
802a893
>
804,805c895,896
< padding:5px;
< width:100px;
---
> padding: 5px;
> width: 100px;
806a898
>
809c901
< font-size:10px;
---
> font-size: 10px;
811a904
>
813,816c906,909
< font-weight: bold !important;
< font-size: 14px;
< color: #6d6e71;
< outline: none;
---
> font-weight: bold !important;
> font-size: 14px;
> color: #6d6e71;
> outline: none;
825c918
< background-color: #e7e8e9;
---
> background-color: #e7e8e9;
828,834c921,927
< #tabs > div {
< padding: 20px;
< border: 1px solid #aaaaaa;
< color: #6d6e71;
< font-size: 14px;
< line-height: 17px;
< overflow: hidden;
---
> #tabs>div {
> padding: 20px;
> border: 1px solid #aaaaaa;
> color: #6d6e71;
> font-size: 14px;
> line-height: 17px;
> overflow: hidden;
838,840c931,933
< float: left;
< width: 48%;
< margin-right: 4%;
---
> float: left;
> width: 48%;
> margin-right: 4%;
843,845c936,938
< #tabs div .right {
< float: right;
< width: 48%;
---
> #tabs div .right {
> float: right;
> width: 48%;
849c942
< margin: 7px 0 7px 0;
---
> margin: 7px 0 0 0;
857c950
< list-style: none;
---
> list-style: none;
861c954
< margin: 7px 0 7px 0;
---
> margin: 7px 0 7px 0;
869c962
< margin: 7px 0 0 0;
---
> margin: 7px 0 0 0;
870a964
>
873a968
>
881,882c976,977
< display:block;
< width:355px;
---
> display: block;
> width: 355px;
883a979
>
885,886c981,982
< float:right;
< margin-left:5px;
---
> float: right;
> margin-left: 5px;
887a984
>
897d993
<
899d994
<
902c997
< *width:790px;
---
> *width: 790px;
910c1005
< margin-right: 10px;
---
> margin-right: 10px;
915a1011
>
916a1013
>
919d1015
<
921,925c1017,1021
< background-color: #ffffff;
< overflow: hidden;
< margin: 50px 0 0 0;
< width: 99%;
< border: 1px solid #d9dada;
---
> background-color: #ffffff;
> overflow: hidden;
> margin: 50px 0 0 0;
> width: 99%;
> border: 1px solid #d9dada;
929,935c1025,1031
< width: 259px;
< float: left;
< font-size: 32px;
< text-transform: uppercase;
< font-weight: bold;
< color: #939598;
< padding: 70px 16px 0px 16px;
---
> width: 259px;
> float: left;
> font-size: 32px;
> text-transform: uppercase;
> font-weight: bold;
> color: #939598;
> padding: 70px 16px 0px 16px;
939,940c1035,1036
< float: left;
< padding: 20px 0 20px 0 ;
---
> float: left;
> padding: 20px 0 20px 0;
944,947c1040,1043
< width: 120px;
< float: left;
< margin-right: 10px;
< text-align: center;
---
> width: 120px;
> float: left;
> margin-right: 10px;
> text-align: center;
951,953c1047,1049
< color: #6d6e71;
< font-size: 10px;
< text-decoration: underline;
---
> color: #6d6e71;
> font-size: 10px;
> text-decoration: underline;
957,960c1053,1056
< background-image: url(../images/content-divider.png);
< width: 955px;
< height: 7px;
< margin: 30px auto;
---
> background-image: url(../images/content-divider.png);
> width: 955px;
> height: 7px;
> margin: 30px auto;
964,966c1060,1062
< width: 100%;
< overflow: hidden;
< margin: 0 0 30px 0;
---
> width: 100%;
> overflow: hidden;
> margin: 0 0 30px 0;
970,972c1066,1068
< width:30%;
< margin: 0 5% 0 0;
< float: left;
---
> width: 30%;
> margin: 0 5% 0 0;
> float: left;
976c1072
< margin: 0;
---
> margin: 0;
980,984c1076,1080
< font-size: 32px;
< text-transform: uppercase;
< font-weight: bold;
< color: #939598;
< margin: 0 0 30px 4px;
---
> font-size: 32px;
> text-transform: uppercase;
> font-weight: bold;
> color: #939598;
> margin: 0 0 30px 4px;
988d1083
<
990,992c1085,1087
< width: 100%;
< margin: 10px 0 0;
< background-color: #0d0048;
---
> width: 100%;
> margin: 10px 0 0;
> background-color: #0d0048;
1050,1069c1145,1215
< .footer-bottom-mid a.marzetti {background-image: url(../images/footer-logos/logo-1.png);}
< .footer-bottom-mid a.ny {background-image: url(../images/footer-logos/logo-2.png);}
< .footer-bottom-mid a.sister {background-image: url(../images/footer-logos/logo-3.png);}
< .footer-bottom-mid a.simply {background-image: url(../images/footer-logos/logo-4.png);}
< .footer-bottom-mid a.otria {background-image: url(../images/footer-logos/logo-5.png);}
< .footer-bottom-mid a.girards {background-image: url(../images/footer-logos/logo-6.png);}
<
< .footer-bottom-mid a.cardinis {background-image: url(../images/footer-logos/logo-7.png);}
< .footer-bottom-mid a.pfeiffer {background-image: url(../images/footer-logos/logo-8.png);}
< .footer-bottom-mid a.reames {background-image: url(../images/footer-logos/logo-9.png);}
< .footer-bottom-mid a.inn {background-image: url(../images/footer-logos/logo-10.png);}
< .footer-bottom-mid a.amish {background-image: url(../images/footer-logos/logo-11.png);}
< .footer-bottom-mid a.chatham {background-image: url(../images/footer-logos/logo-12.png);}
<
< .footer-bottom-mid a.mamma {background-image: url(../images/footer-logos/logo-13.png);}
< .footer-bottom-mid a.marshalls {background-image: url(../images/footer-logos/logo-14.png);}
< .footer-bottom-mid a.jack {background-image: url(../images/footer-logos/logo-15.png);}
< .footer-bottom-mid a.romanoff {background-image: url(../images/footer-logos/logo-16.png);}
< .footer-bottom-mid a.oven {background-image: url(../images/footer-logos/logo-17.png);}
< .footer-bottom-mid a.kitchens {background-image: url(../images/footer-logos/logo-18.png);}
---
> .footer-bottom-mid a.marzetti {
> background-image: url(../images/footer-logos/logo-1.png);
> }
>
> .footer-bottom-mid a.ny {
> background-image: url(../images/footer-logos/logo-2.png);
> }
>
> .footer-bottom-mid a.sister {
> background-image: url(../images/footer-logos/logo-3.png);
> }
>
> .footer-bottom-mid a.simply {
> background-image: url(../images/footer-logos/logo-4.png);
> }
>
> .footer-bottom-mid a.otria {
> background-image: url(../images/footer-logos/logo-5.png);
> }
>
> .footer-bottom-mid a.girards {
> background-image: url(../images/footer-logos/logo-6.png);
> }
>
> .footer-bottom-mid a.cardinis {
> background-image: url(../images/footer-logos/logo-7.png);
> }
>
> .footer-bottom-mid a.pfeiffer {
> background-image: url(../images/footer-logos/logo-8.png);
> }
>
> .footer-bottom-mid a.reames {
> background-image: url(../images/footer-logos/logo-9.png);
> }
>
> .footer-bottom-mid a.inn {
> background-image: url(../images/footer-logos/logo-10.png);
> }
>
> .footer-bottom-mid a.amish {
> background-image: url(../images/footer-logos/logo-11.png);
> }
>
> .footer-bottom-mid a.chatham {
> background-image: url(../images/footer-logos/logo-12.png);
> }
>
> .footer-bottom-mid a.mamma {
> background-image: url(../images/footer-logos/logo-13.png);
> }
>
> .footer-bottom-mid a.marshalls {
> background-image: url(../images/footer-logos/logo-14.png);
> }
>
> .footer-bottom-mid a.jack {
> background-image: url(../images/footer-logos/logo-15.png);
> }
>
> .footer-bottom-mid a.romanoff {
> background-image: url(../images/footer-logos/logo-16.png);
> }
>
> .footer-bottom-mid a.oven {
> background-image: url(../images/footer-logos/logo-17.png);
> }
>
> .footer-bottom-mid a.kitchens {
> background-image: url(../images/footer-logos/logo-18.png);
> }
1089,1094c1235,1240
< color:#ffffff;
< font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
< font-size: 10px;
< font-weight: bold;
< padding: 13px 0 13px 0;
< float: left;
---
> color: #ffffff;
> font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
> font-size: 10px;
> font-weight: bold;
> padding: 13px 0 13px 0;
> float: left;
1102c1248
< max-width: 100%;
---
> max-width: 100%;
1135d1280
<
1138a1284
>
1140c1286
< margin-top:40px;
---
> margin-top: 40px;
1142a1289
>
1144c1291
< margin:5px 0;
---
> margin: 5px 0;
1146,1147c1293,1295
< .my-profile-menu{
< margin-top:10px;
---
>
> .my-profile-menu {
> margin-top: 10px;
1148a1297
>
1150c1299
< margin-top:20px;
---
> margin-top: 20px;
1151a1301
>
1154,1155c1304,1305
< float: left;
< width: 155px;
---
> float: left;
> width: 155px;
1157,1158c1307,1309
< #member-profile{
< margin-top:40px;
---
>
> #member-profile {
> margin-top: 40px;
1160,1161c1311,1313
< #member-profile .button-grp{
< margin-top:40px;
---
>
> #member-profile .button-grp {
> margin-top: 40px;
1163,1166c1315,1318
< #member-profile input[type=text],
< #member-profile input[type=email],
< #member-profile input[type=password]{
< margin-bottom:5px;
---
>
> #member-profile input[type=text],#member-profile input[type=email],#member-profile input[type=password]
> {
> margin-bottom: 5px;
1170c1322
< line-height:1.1em;
---
> line-height: 1.1em;
1172,1173c1324,1325
< #recipecontent,
< .item-page {
---
>
> #recipecontent,.item-page {
1175,1178c1327,1330
< /*margin: 0 2% 0 23%;*/
< padding: 0;
< /*width: 77%;*/
< width: 745px;
---
> /*margin: 0 2% 0 23%;*/
> padding: 0;
> /*width: 77%;*/
> width: 745px;
1186c1338
< width:77%;
---
> width: 77%;
1198,1200c1350,1352
< .category-list h1,
< .item-page h1 {
< margin-bottom:10px;
---
>
> .category-list h1,.item-page h1 {
> margin-bottom: 10px;
1203,1206c1355,1357
< .category-list p,
< .item-page p {
< /*margin-bottom:10px;*/
< color:#6d6e71;
---
>
> .category-list p,.item-page p { /*margin-bottom:10px;*/
> color: #6d6e71;
1208,1209c1359,1361
< #cat_container {
< /*overflow: auto;*/
---
>
> #cat_container { /*overflow: auto;*/
>
1211,1213c1363,1364
< #recipecontent #cat_container .cat_container,
< .category-list,
< .item-page {
---
>
> #recipecontent #cat_container .cat_container,.category-list,.item-page {
1221c1372,1373
< #recipecontent #cat_container .cat_container .cat-title, .tip-container .cat-title, .recipe-info-list .cat-title {
---
> #recipecontent #cat_container .cat_container .cat-title,.tip-container .cat-title,.recipe-info-list .cat-title
> {
1223c1375
< font-size:16px;
---
> font-size: 16px;
1226c1378,1379
< .cat-title a, .tip-container .cat-title a, .recipe-info-list .cat-title a {
---
> .cat-title a,.tip-container .cat-title a,.recipe-info-list .cat-title a
> {
1231c1384,1386
< .cat-title a:hover, .tip-container .cat-title a:hover, .recipe-info-list .cat-title a:hover {
---
>
> .cat-title a:hover,.tip-container .cat-title a:hover,.recipe-info-list .cat-title a:hover
> {
1233a1389
>
1235c1391
< font-size:12px;
---
> font-size: 12px;
1237c1393,1395
< #recipecontent #cat_container .cat_container .desc, .list-title .desc, .cat-items .category .tip-container-wide .desc, .recipe-info-list .desc {
---
>
> #recipecontent #cat_container .cat_container .desc,.list-title .desc,.cat-items .category .tip-container-wide .desc,.recipe-info-list .desc
> {
1240c1398
< color:#6d6e71;
---
> color: #6d6e71;
1244d1401
<
1247c1404,1405
< #recipecontent #cat_container .cat_container .cat_title a, #recipecontent .cat_container .cat_title a {
---
> #recipecontent #cat_container .cat_container .cat_title a,#recipecontent .cat_container .cat_title a
> {
1250c1408
< color:#6d6e71;
---
> color: #6d6e71;
1253a1412
>
1255c1414
< float:left;
---
> float: left;
1256a1416
>
1264a1425
>
1266c1427
< margin-top:60px;
---
> margin-top: 60px;
1267a1429
>
1269,1270c1431,1432
< margin-top:6px;
< width:710px;
---
> margin-top: 6px;
> width: 710px;
1272a1435
>
1274c1437
< float:right;
---
> float: right;
1275a1439
>
1277c1441
< color:red;
---
> color: red;
1278a1443
>
1280,1282c1445,1447
< float:left;
< display:block;
< width:200px;
---
> float: left;
> display: block;
> width: 200px;
1284,1289c1449,1456
< .view-btn,
< .view-btn-profile {
< background: url(/templates/marzetti-kitchens/images/recipe-nav/view-btn.png) no-repeat;
< width:105px;
< height:30px;
< padding:9px 0 0 14px;
---
>
> .view-btn,.view-btn-profile {
> background:
> url(/templates/marzetti-kitchens/images/recipe-nav/view-btn.png)
> no-repeat;
> width: 105px;
> height: 30px;
> padding: 9px 0 0 14px;
1291a1459
>
1293,1295c1461,1463
< width:105px;
< height:30px;
< padding:9px 0 0 14px;
---
> width: 105px;
> height: 30px;
> padding: 9px 0 0 14px;
1297a1466
>
1303,1305c1472,1474
< .view-btn a,
< .view-btn-profile a {
< margin-right:18px;
---
>
> .view-btn a,.view-btn-profile a {
> margin-right: 18px;
1306a1476
>
1308c1478
< float:left;
---
> float: left;
1310c1480,1481
< #recipecontent .view-btn a, #recipecontent .view-btn img {
---
>
> #recipecontent .view-btn a,#recipecontent .view-btn img {
1314c1485,1486
< a.grid-recipe img{
---
>
> a.grid-recipe img {
1317c1489,1490
< a.list-recipe img{
---
>
> a.list-recipe img {
1320c1493,1494
< a.columnlist-recipe img{
---
>
> a.columnlist-recipe img {
1322a1497
>
1324,1326c1499,1501
< border-bottom:1px solid #cccccc;
< padding-bottom:10px;
< margin-top:10px;
---
> border-bottom: 1px solid #cccccc;
> padding-bottom: 10px;
> margin-top: 10px;
1327a1503
>
1329,1330c1505,1506
< width:100%;
< text-align:center;
---
> width: 100%;
> text-align: center;
1332a1509
>
1336a1514
>
1338c1516
< list-style:none;
---
> list-style: none;
1339a1518
>
1341,1344c1520,1523
< float:left;
< line-height:18px;
< vertical-align:middle;
< margin:0 10px 0 0;
---
> float: left;
> line-height: 18px;
> vertical-align: middle;
> margin: 0 10px 0 0;
1359c1538,1539
< #recipecontent #cat_container .cat_container, .cat-items .category .tip-container {
---
> #recipecontent #cat_container .cat_container,.cat-items .category .tip-container
> {
1365c1545
< display:block;
---
> display: block;
1375c1555
< display:block;
---
> display: block;
1379,1380c1559,1560
< .cat-items .category .tip-container-wide .desc {
< /*font-size: 14px;*/
---
> .cat-items .category .tip-container-wide .desc { /*font-size: 14px;*/
>
1410,1424c1590,1598
< #rate1,
< #rate2,
< #rate3,
< #rate4,
< #rate5{
< margin:1px !important;
< padding:0 !important;
< float:left;
< }
< #rate1:hover,
< #rate2:hover,
< #rate3:hover,
< #rate4:hover,
< #rate5:hover{
< cursor:pointer;
---
>
> #rate1,#rate2,#rate3,#rate4,#rate5 {
> margin: 1px !important;
> padding: 0 !important;
> float: left;
> }
>
> #rate1:hover,#rate2:hover,#rate3:hover,#rate4:hover,#rate5:hover {
> cursor: pointer;
1425a1600
>
1427,1430c1602,1605
< position:absolute;
< bottom:10px;
< left:0;
< width:50%;
---
> position: absolute;
> bottom: 10px;
> left: 0;
> width: 50%;
1431a1607
>
1433c1609
< float:left;
---
> float: left;
1434a1611
>
1436c1613
< margin: 30px 0 0 0;
---
> margin: 30px 0 0 0;
1439,1440c1616
< a.add-recipe,
< .recipe-cart-list a.add-recipe, span.add-recipe {
---
> a.add-recipe,.recipe-cart-list a.add-recipe,span.add-recipe {
1443,1445c1619,1621
< font-size:0.8em;
< color:#6d6e71;
< float:left;
---
> font-size: 0.8em;
> color: #6d6e71;
> float: left;
1446a1623
>
1448,1449c1625,1626
< float:left;
< margin:15px 0 0 20px;
---
> float: left;
> margin: 15px 0 0 20px;
1451,1452c1628,1630
< #recipe-cart a{
< font-size:11px;
---
>
> #recipe-cart a {
> font-size: 11px;
1454c1632
< color:#6d6e71;
---
> color: #6d6e71;
1455a1634
>
1457c1636
< margin:13px 20px 0 0;
---
> margin: 13px 20px 0 0;
1461,1462c1640,1641
< margin-top:0px;
< margin-left:10px;
---
> margin-top: 0px;
> margin-left: 10px;
1464,1469c1643,1649
< .recipe-cart a.add-recipe{
< position:absolute;
< bottom:10px;
< right:5px;
< color:#ffffff;
< float:right;
---
>
> .recipe-cart a.add-recipe {
> position: absolute;
> bottom: 10px;
> right: 5px;
> color: #ffffff;
> float: right;
1484,1485c1664,1665
< float:left;
< *margin-left:5px;
---
> float: left;
> *margin-left: 5px;
1505,1506c1685,1686
< font-weight:normal !important;
< float:left;
---
> font-weight: normal !important;
> float: left;
1507a1688
>
1509,1510c1690,1691
< float:left;
< margin:30px 0 0 10px;
---
> float: left;
> margin: 30px 0 0 10px;
1511a1693
>
1513,1515c1695,1697
< margin-bottom:10px;
< display:block;
< clear:both;
---
> margin-bottom: 10px;
> display: block;
> clear: both;
1516a1699
>
1520a1704
>
1522c1706
< float:left;
---
> float: left;
1523a1708
>
1549,1551c1734,1736
< #wheretobuy,
< #newsletter {
< margin-top:20px;
---
>
> #wheretobuy,#newsletter {
> margin-top: 20px;
1552a1738
>
1555c1741
< width:200px;
---
> width: 200px;
1557,1567c1743,1748
< #wheretobuy label{
< display:block;
< float:left;
< margin-bottom:20px;
< width:126px;
< }
< #newsletter label{
< display:block;
< float:left;
< margin-bottom:20px;
< width:106px;
---
>
> #wheretobuy label {
> display: block;
> float: left;
> margin-bottom: 20px;
> width: 126px;
1569,1570c1750,1759
< .newsletter-field {
< /*overflow: auto;*/
---
>
> #newsletter label {
> display: block;
> float: left;
> margin-bottom: 20px;
> width: 106px;
> }
>
> .newsletter-field { /*overflow: auto;*/
>
1571a1761
>
1574a1765
>
1577a1769
>
1582,1583c1774
< .login-logout {
< /*margin: 0 290px 0 150px;*/
---
> .login-logout { /*margin: 0 290px 0 150px;*/
1601,1602c1792
< .login-logout input {
< /*float: right;*/
---
> .login-logout input { /*float: right;*/
1630c1820
< .reset p, .remind p, .registration p {
---
> .reset p,.remind p,.registration p {
1634,1635c1824
<
< .reset label, .remind label, .registration label {
---
> .reset label,.remind label,.registration label {
1639c1828
< .reset fieldset, .remind fieldset, .registration fieldset {
---
> .reset fieldset,.remind fieldset,.registration fieldset {
1647c1836
< .registration fieldset label, .registration fieldset input {
---
> .registration fieldset label,.registration fieldset input {
1657,1659c1846,1848
< font-size:11px;
< color:red;
< padding-left:10px;
---
> font-size: 11px;
> color: red;
> padding-left: 10px;
1660a1850
>
1662,1663c1852,1853
< margin:10px 0;
< color:#6d6e71;
---
> margin: 10px 0;
> color: #6d6e71;
1664a1855
>
1666c1857
< color:red;
---
> color: red;
1704c1895
< .item-page p, .item-page dd {
---
> .item-page p,.item-page dd {
1768d1958
<
1785c1975
< .wtb-selection div{
---
> .wtb-selection div {
1796,1797c1986,1988
< .wtb p{
< margin-bottom:10px;
---
>
> .wtb p {
> margin-bottom: 10px;
1800d1990
<
1808,1822c1998,2007
< #member-registration label, #user-registration label {
< width:160px;
< float:left;
< }
< #member-registration input[type=text],
< #member-registration input[type=password],
< #member-registration input[type=email],
< #newsletter input[type=text],
< #newsletter input[type=email],
< #user-registration input[type=text],
< #user-registration input[type=password],
< #user-registration input[type=email]
< {
< width:220px;
< float:left;
---
>
> #member-registration label,#user-registration label {
> width: 160px;
> float: left;
> }
>
> #member-registration input[type=text],#member-registration input[type=password],#member-registration input[type=email],#newsletter input[type=text],#newsletter input[type=email],#user-registration input[type=text],#user-registration input[type=password],#user-registration input[type=email]
> {
> width: 220px;
> float: left;
1826,1827c2011,2012
< float:left;
< margin:0 5px 0 0;
---
> float: left;
> margin: 0 5px 0 0;
1841c2026
< float:right;
---
> float: right;
1842a2028
>
1844,1845c2030,2031
< width:690px;
< padding:20px 20px;
---
> width: 690px;
> padding: 20px 20px;
1846a2033
>
1848,1851c2035,2038
< width:300px;
< margin:10px auto 20px;
< display:block;
< clear:both;
---
> width: 300px;
> margin: 10px auto 20px;
> display: block;
> clear: both;
1852a2040
>
1854,1855c2042,2043
< margin-top:30px;
< margin-left:20px;
---
> margin-top: 30px;
> margin-left: 20px;
1856a2045
>
1858,1860c2047,2049
< background-color:#ffffff;
< width:690px;
< padding:20px 20px;
---
> background-color: #ffffff;
> width: 690px;
> padding: 20px 20px;
1861a2051
>
1863,1864c2053,2054
< padding:10px 0px;
< width:100%;
---
> padding: 10px 0px;
> width: 100%;
1865a2056
>
1868,1873c2059,2064
< font-size: 10px;
< height: 145px;
< margin: 0 10px 5px 0;
< padding-top: 20px;
< text-align: center;
< width: 75px;
---
> font-size: 10px;
> height: 145px;
> margin: 0 10px 5px 0;
> padding-top: 20px;
> text-align: center;
> width: 75px;
1874a2066
>
1876c2068
< text-decoration:underline;
---
> text-decoration: underline;
1877a2070
>
1879,1881c2072,2074
< display:block;
< float:left;
< width:300px;
---
> display: block;
> float: left;
> width: 300px;
1882a2076
>
1884c2078
< float:left;
---
> float: left;
1885a2080
>
1887c2082
< float:left;
---
> float: left;
1888a2084
>
1890,1893c2086,2089
< margin:20px 0;
< display:block;
< width:780px;
< min-height:190px;
---
> margin: 20px 0;
> display: block;
> width: 780px;
> min-height: 190px;
1894a2091
>
1896c2093
< float:left;
---
> float: left;
1897a2095
>
1899,1901c2097,2099
< width:500px;
< float:left;
< margin-left:20px;
---
> width: 500px;
> float: left;
> margin-left: 20px;
1906c2104
< margin-top:20px;
---
> margin-top: 20px;
1910,1913c2108,2111
< width:200px;
< margin-top:20px;
< margin-right:20px;
< float:left;
---
> width: 200px;
> margin-top: 20px;
> margin-right: 20px;
> float: left;
1917,1918c2115
<
< .bx-viewport a, .bx-viewport img {
---
> .bx-viewport a,.bx-viewport img {
1924d2120
<
1940d2135
<
1945,1950c2140,2141
< .registration input[type=text],
< .registration input[type=password],
< .registration input[type=email],
< .login-logout input[type=text],
< .login-logout input[type=password],
< .login-logout input[type=email] {
---
> .registration input[type=text],.registration input[type=password],.registration input[type=email],.login-logout input[type=text],.login-logout input[type=password],.login-logout input[type=email]
> {
1955c2146
< .registration label, .login-logout label {
---
> .registration label,.login-logout label {
1957a2149
>
1960a2153
>
1962,1970c2155,2165
< border-color:#ed1c24;
< outline: 0;
< outline: thin dotted \9;
< /* IE6-9 */
<
< -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 28, 36, 0.6);
< -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 28, 36, 0.6);
< box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 28, 36, 0.6);
< padding:1px;
---
> border-color: #ed1c24;
> outline: 0;
> outline: thin dotted \9;
> /* IE6-9 */
> -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
> rgba(237, 28, 36, 0.6);
> -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
> rgba(237, 28, 36, 0.6);
> box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
> rgba(237, 28, 36, 0.6);
> padding: 1px;
1971a2167
>
1973c2169
< margin-top:20px;
---
> margin-top: 20px;
1974a2171
>
1976,1978c2173,2175
< float:left;
< width:500px;
< font-size:0.8em;
---
> float: left;
> width: 500px;
> font-size: 0.8em;
1979a2177
>
1981,1982c2179,2180
< float:left;
< margin-top:30px;
---
> float: left;
> margin-top: 30px;
1983a2182
>
1986a2186
>
1988,1989c2188,2189
< width:100px;
< padding:2px 0;
---
> width: 100px;
> padding: 2px 0;
1993d2192
<
1996,2000c2195,2199
< top:438px;
< left:420px;
< *left:440px;
< width:560px;
< z-index:99999;
---
> top: 438px;
> left: 420px;
> *left: 440px;
> width: 560px;
> z-index: 99999;
2005c2204
< *display:block;
---
> *display: block;
2009c2208
< color:#ffffff;
---
> color: #ffffff;
2012c2211
< width:0;
---
> width: 0;
2023c2222
< width: 400px;
---
> width: 400px;
2026,2027c2225
< .banner-button {
< /*position: absolute;*/
---
> .banner-button { /*position: absolute;*/
2040a2239
>
2046c2245,2247
< .recipe-banner .banner-name, .recipe-banner .banner-shadow, .recipe-banner-homepage .banner-name, .recipe-banner-homepage .banner-shadow{
---
>
> .recipe-banner .banner-name,.recipe-banner .banner-shadow,.recipe-banner-homepage .banner-name,.recipe-banner-homepage .banner-shadow
> {
2050c2251
< color:#ffffff;
---
> color: #ffffff;
2055c2256,2257
< .recipe-banner .banner-text, .recipe-banner-homepage .banner-text {
---
>
> .recipe-banner .banner-text,.recipe-banner-homepage .banner-text {
2058c2260
< background-color: rgba(255,255,255,0.7);
---
> background-color: rgba(255, 255, 255, 0.7);
2061d2262
<
2063c2264,2265
< .recipe-banner .banner-link, .recipe-banner-homepage .banner-link{
---
>
> .recipe-banner .banner-link,.recipe-banner-homepage .banner-link {
2066c2268,2270
< .recipe-banner .banner-link img, .recipe-banner-homepage .banner-link img {
---
>
> .recipe-banner .banner-link img,.recipe-banner-homepage .banner-link img
> {
2071c2275,2276
< .recipe-banner .banner-link a, .recipe-banner-homepage .banner-link a{
---
>
> .recipe-banner .banner-link a,.recipe-banner-homepage .banner-link a {
2075c2280,2282
< .recipe-banner .banner-link a:hover, .recipe-banner-homepage .banner-link a:hover {
---
>
> .recipe-banner .banner-link a:hover,.recipe-banner-homepage .banner-link a:hover
> {
2078,2079c2285,2287
< .pairing-romance{
< margin-bottom:20px;
---
>
> .pairing-romance {
> margin-bottom: 20px;
2082c2290,2293
< *|html .recipe-banner div.banner-shadow, .recipe-banner-homepage div.banner-shadow {display:none} /*hidden in other browsers*/
---
> * |html .recipe-banner div.banner-shadow,.recipe-banner-homepage div.banner-shadow
> {
> display: none
> } /*hidden in other browsers*/
\ No newline at end of file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment