/* * CSS Document * Title: Goop Global Styles * Author: Richard Coulson * Last Updated: 9th March 2012 * Time: 17:00 */ /* * Tab Navigation */ DIV.tab{ position:absolute; width:51px; height:102px; /*top:360px;*/ top:320px; z-index:10; } DIV#tab-left{ left:0px; } DIV#tab-right{ right:0px; } DIV.tab DIV{ position:absolute; overflow:hidden; width:51px; height:102px; } DIV.tab DIV IMG{ position:relative; -moz-transition: left .2s; -webkit-transition: left .2s; -o-transition: left .2s; } DIV#tab-left:HOVER DIV IMG{ left:-6px; } DIV#tab-right:HOVER DIV IMG{ left:6px; } /* UL#tab-navigation{ position:absolute; min-width:980px; width:100%; *width:auto; top:360px; left:0; z-index:9; } UL#tab-navigation LI{ width:51px; height:102px; } UL#tab-navigation LI DIV{ position:absolute; overflow:hidden; width:51px; height:102px; } UL#tab-navigation LI DIV IMG{ position:relative; -moz-transition: left .2s; -webkit-transition: left .2s; -o-transition: left .2s; } LI#tab-left{ float:left; } LI#tab-right{ float:right; } UL#tab-navigation LI#tab-left:HOVER DIV IMG{ left:-6px; } UL#tab-navigation LI#tab-right:HOVER DIV IMG{ left:6px; } /* * goop homepage */ DIV#slide-selector-wrapper{ position:relative; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/double-line.gif); height:10px; } UL#slide-selector{ width: 85px; background: url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/homepage-slides.gif) no-repeat bottom left; height: 18px; position: absolute; top: -36px; left: 422px; padding: 19px 22px 0px 19px; } UL#slide-selector LI{ text-indent:-9999px; width:10px; height:10px; float:left; -moz-border-radius:10px; border-radius:10px; margin:0 8px 0 0; cursor:pointer; background:#b6b8ba; } UL#slide-selector LI.current{ background:#35bdb2; } UL#slide-selector LI.last-child{ margin-right:0; } UL#slide-selector LI A{ width:10px; height:10px; display:block; } DIV#journal{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-line-spot.gif) top left repeat-x; padding:25px 0 0 0; } DIV.journal-hp{ background:none !important; padding:65px 0 0 0 !important; } DIV#journal H1{ text-align:center; font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:18px; color:#5f6062; margin-bottom:3px; font-weight:normal; } DIV#journal P{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#35bdb2; text-align:center; margin-bottom:5px; } DIV#journal P A{ color:#35bdb2; text-decoration:none; } DIV#journal P A:HOVER{ text-decoration:underline; } DIV#journal OL#cats{ width:770px; width:555px; margin:0 auto; } DIV#journal OL#cats LI{ position:relative; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#5f6062; text-align:center; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/journal-cats.png) no-repeat; width:100px; width:80px; padding:0; margin:0 15px 30px 0; } DIV#journal OL#cats LI.last-child{ margin-right:0px; } DIV#journal OL#cats LI.make{background-position:27px 12px;} DIV#journal OL#cats LI.go{background-position:-72px 12px;} DIV#journal OL#cats LI.get{background-position:-172px 13px;} DIV#journal OL#cats LI.do{background-position:-270px 11px;} DIV#journal OL#cats LI.be{background-position:-375px 11px;} DIV#journal OL#cats LI.see{background-position:-476px 11px;} /* DIV#journal OL#cats LI.make{background-position:32px 0px;} DIV#journal OL#cats LI.go{background-position:-94px 0px;} DIV#journal OL#cats LI.get{background-position:-229px 0px;} DIV#journal OL#cats LI.do{background-position:-360px 0px;} DIV#journal OL#cats LI.be{background-position:-494px 0px;} DIV#journal OL#cats LI.see{background-position:-630px 0px;} */ DIV#journal OL#cats LI A{ display:block; height:20px; width:100px; width:80px; padding:70px 0 0 0; font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:14px; font-size:12px; font-style:normal; color:#5f6062; text-decoration:none; } DIV#journal OL#cats LI A:HOVER{ text-decoration:none; } DIV#journal OL#cats LI DIV#tooltip-wrap{ position:absolute; width:170px; background:white; color:white; left: -45px; bottom: 100px; padding:2px; border:1px solid #d5d5d6; -moz-border-radius:7px; border-radius:7px; } DIV#journal OL#cats LI DIV#tooltip-container{ background:#5f6062; padding:7px 10px 10px 10px; -moz-border-radius:4px; border-radius:4px; } DIV#journal OL#cats LI DIV#tooltip-container P{ text-align:center; color:white; text-decoration:none; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; margin:0; } DIV#journal OL#cats LI DIV#tooltip-container DIV.arrow{ position:absolute; } DIV#journal OL#cats LI DIV#tooltip-container IMG{ position:relative; bottom: -10px; left: 64px; } /* * How it works */ DIV#splash-how-it-works{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/splash-panels/how-it-works/120413.jpg) no-repeat top left; width:948px; height:425px; position:relative; } DIV#splash-how-it-works DIV#content{ position:absolute; top: 90px; left: 500px; width:370px; } DIV#splash-how-it-works DIV#content H1{ text-align:center; font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:50px; letter-spacing:5px; color:#FFFFFF; text-shadow: 0px 1px 2px #91a5b3; padding:0 0 20px 0; margin:0 0 15px 0; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-white.gif) bottom left repeat-x; } DIV#splash-how-it-works DIV#content P{ text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; color:#FFFFFF; text-shadow: 0px 1px 2px #91a5b3; line-height:20px; padding:0 0 20px 0; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-white.gif) bottom left repeat-x; } DIV#how-it-works{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-thread.gif) top left repeat-x; padding:20px 0 0 0; margin-bottom:20px; } DIV#how-it-works OL#step-wrap{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-thread.gif) repeat-x top left; padding:20px 0 0 30px; } DIV#how-it-works OL#step-wrap LI{ float:left; margin: 0 20px 20px 0; padding: 0 20px 0 0; width:270px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/arrow-divide-horiz.gif) 275px 30px no-repeat; } DIV#how-it-works OL#step-wrap LI.last-child{ margin-right:0; padding-right:0; background:none; } DIV#how-it-works OL#step-wrap LI P{ float:left; } DIV#how-it-works OL#step-wrap LI P.step{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:60px; color:#5f6062; margin-right:20px; padding-left:0; } DIV#how-it-works OL#step-wrap LI P.step-copy{ font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; padding:20px 0 10px 0; width:220px; line-height:20px; }DIV#journal H1 /* * About goop */ DIV#about-goop{ } DIV#about-goop H1{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:24px; color:#5f6062; margin-bottom:15px; font-weight:normal; } DIV#about-goop H2{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:18px; color:#5f6062; margin-bottom:15px; font-weight:normal; } DIV#about-goop H3{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:14px; color:#5f6062; margin-bottom:15px; font-weight:normal; } DIV#about-goop P{ /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:15px; line-height:20px; } DIV#about-goop UL{ /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:15px; line-height:20px; list-style:disc; padding-left:30px; } DIV#about-goop OL{ /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:15px; line-height:20px; list-style:decimal; padding-left:30px; } DIV#about-goop A{ color:#5f6062; } DIV#about-goop A:HOVER{ text-decoration:none; } /* Site Splash Areas */ /* APPS */ .app-block{ height:425px; width:948px; display: block; background: url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/apps/apps-hp.jpg) top left no-repeat; text-decoration: none; } .app-content{ /*position:absolute; top:80px; left:525px;*/ width:375px; height: 225px; text-align:left; } .app-content H1{ width:224px; height:85px; text-indent:-9999px; margin-bottom:5px; } .app-content P.intro{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; text-decoration:none; color:#7E8083; /*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:20px; padding:15px 10px 0 10px; margin-bottom:15px; } .app-content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; padding:20px 10px 0 10px; } /* For modern browsers */ .app-content DIV.buttons:before, .app-content DIV.buttons:after { content:""; display:table; } .app-content DIV.buttons:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .app-content DIV.buttons{ *zoom:1; } .app-content DIV.buttons A.app-buy-now{ float:left; margin-right:5px; } .app-content DIV.buttons A.app-support{ float:left; background:#5f6062; } .app-ny-block{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-bkg-ny.jpg) top left no-repeat; } .app-lon-block{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-bkg-lon.jpg) top left no-repeat; } .app-hp-block{ /*background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/apps-hp.jpg) top left no-repeat; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/apps/apps-hp_02.jpg) top left no-repeat;*/ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/apps/apps-hp.jpg) top left no-repeat; } .app-hp-block H1.app-hp-title{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:18px; font-style:normal; font-weight:normal; color:#5F6062; margin-bottom:15px; text-align:center; padding-top:130px; } .app-hp-block .item-button{ padding:5px 8px; -moz-border-radius:2px; border-radius:2px; border:0; color:white; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; cursor:pointer; text-decoration:none; background:#35BDB2; width:110px; margin:0 auto; text-align:center; } .app-ny-content H1{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-ny-logo.png) 3px 0px no-repeat; } .app-lon-content H1{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-lon-logo.png) -6px -10px no-repeat; } .app-hp-content{ /*position:absolute;*/ height: auto; width:350px; } .app-hp-left-content{ /*top:330px; left:65px;*/ float:left; margin-top: 330px; margin-left: 75px; margin-right: 110px; } .app-hp-right-content{ /*top:330px; left:540px;*/ float:left; margin-top:330px; } .app-hp-left-content H1{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-ny-logo_2.png) -6px -10px no-repeat; width:200px; height:50px; float:left; } .app-hp-right-content H1{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-lon-logo_2.png) -6px -13px no-repeat; width:200px; height:70px; float:left; } .app-hp-content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top left; padding:0 0 0 20px; float:left; } .app-hp-content DIV.buttons A.app-buy-now{ margin-bottom:5px; width:95px; float:none; text-align:center; } .app-hp-content DIV.buttons A.app-support{ background:#5f6062; width:95px; float:none; text-align:center; } DIV.app-splash{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-line-spot.gif) repeat-x bottom left; margin-bottom:0; padding-top:45px; } DIV.app-splash DIV.content{ position:relative; height:345px; width:960px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/apps/apps-splash.png) no-repeat bottom left; } DIV.app-splash DIV.content DIV.intro{ position:absolute; top:10px; right:50px; width:400px; } DIV.app-splash DIV.content DIV.intro H1{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:25px; font-weight:normal; color:#5f6062; margin-bottom:15px; padding-left:10px; padding-right:10px; padding-bottom:19px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x bottom left; } DIV.app-splash DIV.content DIV.intro P{ margin-bottom:15px; line-height:20px; margin-left:10px; margin-right:10px; } DIV.app-splash DIV.content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; padding:20px 10px 0 10px; } DIV.app-splash DIV.content DIV.buttons A.app-buy-now{ float:left; margin-right:5px; } DIV.app-splash DIV.content DIV.buttons A.app-support{ float:left; background:#5f6062; } H2.app-cities-title{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:20px; font-weight:normal; color:#5f6062; padding-top:10px; text-align:center; padding-bottom:20px; margin-bottom:0; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-line-spot.gif) repeat-x bottom left; } /* * HOMEPAGE APPS * */ DIV.app-splash-hp{ margin-bottom:0; padding-top:45px; } DIV.app-splash-hp DIV.content{ height:345px; width:960px; } DIV.app-splash-hp DIV.content DIV.intro{ width:400px; padding-left: 510px; padding-top: 50px; } DIV.app-splash-hp DIV.content DIV.intro H1{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:25px; font-weight:normal; color:#5f6062; margin-bottom:15px; padding-left:10px; padding-right:10px; padding-bottom:19px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x bottom left; } DIV.app-splash-hp DIV.content DIV.intro P{ margin-bottom:15px; line-height:20px; margin-left:10px; margin-right:10px; } DIV.app-splash-hp DIV.content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; padding:20px 10px 0 10px; } DIV.app-splash-hp DIV.content DIV.buttons A.app-buy-now{ float:left; margin-right:5px; } DIV.app-splash-hp DIV.content DIV.buttons A.app-support{ float:left; background:#5f6062; width:70px; text-align:center; } /* * HOMEPAGE APPS * */ UL.app-types{ width: 890px; margin: 0 auto; margin-bottom:15px; *margin-bottom:50px; } /* For modern browsers */ UL.app-types:before, UL.app-types:after { content:""; display:table; } UL.app-types:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ UL.app-types{ *zoom:1; } UL.app-types LI{ float:left; } UL.app-types LI:first-child{ margin-right:40px; } UL.app-types LI DIV.app-content{ position:static; width:405px; padding-left:10px; padding-right:10px; text-align:left; padding-top:10px; } UL.app-types LI DIV.app-content H1{ width:224px; height:85px; text-indent:-9999px; margin-bottom:5px; } UL.app-types LI DIV.app-ny-content H1{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-ny-logo.png) 3px 0px no-repeat; } UL.app-types LI DIV.app-lon-content H1{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/app-lon-logo.png) -6px -10px no-repeat; } /*JOURNAL*/ .jounal-hp-block{ height:425px; width:948px; position:relative; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/journal-splash.jpg) no-repeat top left; } .jounal-hp-content{ position:absolute; top:60px; left:50px; width:455px; text-align:left; } .jounal-hp-content H1{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:40px; text-align:center; font-weight:normal; color:#5f6062; margin-bottom:15px; letter-spacing:5px; } .jounal-hp-content P.intro{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; text-decoration:none; color:#7E8083; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:35px; padding:15px 5px 0 5px; margin-bottom:15px; text-align:center; } .jounal-hp-content P.intro A{ color:#5f6062; } .jounal-hp-content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; padding:15px 10px 0 20px; } .jounal-hp-content DIV.buttons DIV.sign-up-now{ float:left; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top right; padding-right:19px; margin-right:15px; } .jounal-hp-content DIV.buttons DIV.sign-up-now .form-wrapper{ background:#f2f2f4; padding:3px; border:1px solid #b2b2b3; -moz-border-radius:7px; border-radius:7px; margin-bottom:3px; } .jounal-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box{ -moz-border-radius:4px; border-radius:4px; border:1px solid #e2e2e3; width:220px; padding:5px 5px 3px 5px; background:white; } .jounal-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-text{ float:left; margin:0; border:0; padding:3px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#a9a9ac; width:150px; } .jounal-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-submit{ display:block; float:right; border:0; cursor:pointer; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top left; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#35BDB2; padding-top: 2px; padding-bottom: 2px; width:59px; } .jounal-hp-content DIV.buttons DIV.cta{ float:left; } .jounal-hp-content DIV.buttons DIV.cta A.journal-issue-button{ padding:13px 13px 13px 13px; } .jounal-hp-content DIV.buttons H2{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:15px; text-align:center; font-weight:normal; color:#5f6062; margin-bottom:5px; } /* */ /*JOURNAL*/ .home-hp-block{ height:425px; width:948px; /*position:relative;*/ } .home-hp-block-kitch{ /*background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/splash-panels/homepage/homepage-splash_kitch.jpg) no-repeat top left;*/ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/splash-panels/homepage/splash_icons.jpg) no-repeat top left; } .home-hp-block-bench{ /*background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/splash-panels/homepage/homepage-splash_bench.jpg) no-repeat top left;*/ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/journal-splash.jpg) no-repeat top left; padding: 70px 0 0 50px; height: 355px; width: 898px; } .home-hp-content{ /*position:absolute;*/ } .home-hp-kitch{ /*top:65px; left:440px;*/ width:460px; } .home-hp-bench{ /*top:70px; left:460px; left:50px;*/ width:460px; } .home-hp-content H1{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:40px; text-align:center; font-weight:normal; color:#5f6062; margin-bottom:15px; letter-spacing:5px; } .home-hp-bench H1{ font-size:21px; margin-bottom:15px; letter-spacing:1px; } .home-hp-content P.intro{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; text-decoration:none; color:#7E8083; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; font-style:italic; line-height:25px; padding:15px 30px 0 30px; margin-bottom:15px; text-align:center; } .home-hp-content P.intro A{ color:#5f6062; } .home-hp-content P.intro A:HOVER{ color:#5f6062; } .home-hp-kitch P.intro A{ color:#7E8083; } .home-hp-kitch P.intro A:HOVER{ color:#35bdb2; } .home-hp-bench P.intro{ padding:15px 10px 0 10px; } .home-hp-bench P.intro A{ color:#7E8083; } .home-hp-bench P.intro A:HOVER{ color:#35bdb2; } .home-hp-content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; padding:15px 8px 0 8px; } .home-hp-content DIV.buttons DIV.sign-up-now{ float:left; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top right; padding-right:13px; margin-right:14px; width:245px; } .home-hp-content DIV.buttons DIV.sign-up-now .form-wrapper{ background:#f2f2f4; padding:3px; border:1px solid #b2b2b3; -moz-border-radius:7px; border-radius:7px; margin-bottom:3px; width:232px; } .home-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box{ -moz-border-radius:4px; border-radius:4px; border:1px solid #e2e2e3; width:220px; padding:5px 5px 3px 5px; background:white; } .home-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-text{ float:left; margin:0; border:0; padding:3px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#a9a9ac; width:150px; } .home-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-submit{ display:block; float:right; border:0; cursor:pointer; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top left; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#35BDB2; padding-top: 2px; padding-bottom: 2px; width:59px; } .home-hp-content DIV.buttons DIV.cta{ float:left; width:172px; } .home-hp-content DIV.buttons DIV.cta A.journal-issue-button{ padding:13px 13px 13px 13px; text-align:center; font-size:90%; } .home-hp-content DIV.buttons H2{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:15px; text-align:center; font-weight:normal; color:#5f6062; margin-bottom:5px; } /* * * RECIPE BLOCK */ /*JOURNAL*/ .recipe-hp-block{ height:425px; width:948px; /*position:relative;*/ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/splash-panels/homepage/recipes.jpg) no-repeat top left; } .recipe-hp-content{ /*position:absolute; top:75px; left:470px;*/ width: 455px; text-align: left; float: right; margin: 75px 30px 0 0; } .recipe-hp-content H1{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:40px; text-align:center; font-weight:normal; color:#5f6062; margin-bottom:15px; letter-spacing:5px; } .recipe-hp-content P.intro{ background: url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; text-decoration: none; color: #7E8083; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; line-height: 25px; padding: 15px 15px 0 15px; margin-bottom: 15px; text-align: center; } .recipe-hp-content P.intro A{ color:#5f6062; } .recipe-hp-content DIV.buttons{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; padding:15px 10px 0 15px; } .recipe-hp-content DIV.buttons DIV.sign-up-now{ float:left; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top right; padding-right:19px; margin-right:15px; } .recipe-hp-content DIV.buttons DIV.sign-up-now .form-wrapper{ background:#f2f2f4; padding:3px; border:1px solid #b2b2b3; -moz-border-radius:7px; border-radius:7px; margin-bottom:3px; } .recipe-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box{ -moz-border-radius:4px; border-radius:4px; border:1px solid #e2e2e3; width:220px; padding:5px 5px 3px 5px; background:white; } .recipe-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-text{ float:left; margin:0; border:0; padding:3px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#a9a9ac; width:150px; } .recipe-hp-content DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-submit{ display:block; float:right; border:0; cursor:pointer; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top left; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#35BDB2; padding-top: 2px; padding-bottom: 2px; width:59px; } .recipe-hp-content DIV.buttons DIV.cta{ float:none; width:130px; text-align:center; margin:0 auto; } .recipe-hp-content DIV.buttons DIV.cta A.journal-issue-button{ padding:13px 13px 13px 13px; font-size:90%; } .recipe-hp-content DIV.buttons H2{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:15px; text-align:center; font-weight:normal; color:#5f6062; margin-bottom:5px; } /* * * */ /* * * * */ .home-hp-content-f1 DIV.buttons{ background:none; padding:0; width:948px; } .home-hp-content-f1 DIV.buttons DIV.sign-up-now{ float:none; background:none; padding-right:0; margin:0 auto; width:232px; } .home-hp-content-f1 DIV.buttons DIV.sign-up-now .form-wrapper{ background:#f2f2f4; padding:3px; border:1px solid #b2b2b3; -moz-border-radius:7px; border-radius:7px; margin-bottom:3px; width:232px; } .home-hp-content-f1 DIV.buttons DIV.sign-up-now FORM#sign-up-box{ -moz-border-radius:4px; border-radius:4px; border:1px solid #e2e2e3; width:220px; padding:5px 5px 3px 5px; background:white; } .home-hp-content-f1 DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-text{ float:left; margin:0; border:0; padding:3px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#a9a9ac; width:150px; } .home-hp-content-f1 DIV.buttons DIV.sign-up-now FORM#sign-up-box #sign-up-submit{ display:block; float:right; border:0; cursor:pointer; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top left; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#35BDB2; padding-top: 2px; padding-bottom: 2px; width:59px; } /* * * * */ DIV.advanced-search-wrapper{ width:300px; } DIV.advanced-search-wrapper .form-container{ background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/arrow-divide.gif) no-repeat -1051px bottom; padding-bottom:20px; margin-bottom:3px; } DIV.advanced-search-wrapper H2{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:16px; font-weight:normal; color:#5f6062; margin-bottom:0px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/arrow-divide.gif) no-repeat -1051px bottom; padding-bottom:20px; } DIV.advanced-search-wrapper .form-wrapper{ background:#f2f2f4; padding:3px; border:1px solid #b2b2b3; -moz-border-radius:7px; border-radius:7px; margin-bottom:3px; width:262px; } DIV.advanced-search-wrapper .form-wrapper FORM#sign-up-box{ -moz-border-radius:4px; border-radius:4px; border:1px solid #e2e2e3; width:250px; padding:5px 5px 3px 5px; background:white; } DIV.advanced-search-wrapper .form-wrapper FORM#sign-up-box #sign-up-text{ float:left; margin:0; border:0; padding:3px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#a9a9ac; width:125px; } DIV.advanced-search-wrapper .form-wrapper FORM#sign-up-box #sign-up-submit{ display:block; float:right; border:0; cursor:pointer; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross-vert.gif) repeat-y top left; padding-left:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#35BDB2; padding-top: 2px; padding-bottom: 2px; width:104px; } /* For modern browsers */ FORM#sign-up-box:before, FORM#sign-up-box:after { content:""; display:table; } FORM#sign-up-box:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ FORM#sign-up-box { *zoom:1; } DIV.main-content OL#as-left{ padding:0 20px 0 0; margin-bottom:0px; width:300px; min-height:600px; } DIV.main-content OL#as-left H3{ font-family:'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size:16px; font-weight:normal; padding:0 0 25px 0; margin-bottom:0px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/arrow-divide.gif) no-repeat -361px bottom; width:270px; color:#5f6062; } DIV.main-content OL#as-left H3 A{ color:#5f6062; text-decoration:none; } DIV.main-content OL#as-left .form-checkboxes{ margin-bottom:15px; } DIV.main-content OL#as-left .form-submit{ margin-right:5px; display:block; padding:5px 8px; -moz-border-radius:2px; border-radius:2px; border:0; color:white; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; cursor:pointer; text-decoration:none; background:#35bdb2; -webkit-appearance: none; } /* * * */ DIV.subscribe-form{ padding: 50px 0 10px 0; width: 320px; margin: 0 auto; text-align: center; } DIV.subscribe-form H1{ font-family: 'tributeRoman', Georgia, 'Times New Roman', Times, serif; font-size: 30px; font-weight: normal; color: #5F6062; margin-bottom: 15px; padding-bottom: 10px; background:url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x bottom left; } DIV.subscribe-form H3{ font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-weight:normal; font-size:12px; margin-bottom:10px; line-height:20px; padding: 0 10px; } DIV.subscribe-form H3 A{ color:#7E8083; } DIV.subscribe-form P { margin-bottom: 15px; line-height: 20px; } DIV.subscribe-form P.buttonset { padding-top: 15px; background: url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-cross.gif) repeat-x top left; } DIV.subscribe-form P.buttonset .button { display:block; padding:5px 8px; -moz-border-radius:2px; border-radius:2px; border:0; color:white; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:12px; cursor:pointer; text-decoration:none; background:#35bdb2; -webkit-appearance: none; width: 140px; margin: 0 auto; } .item-list .pager{ padding: 25px 0 0 0; background: url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-flower-top.gif) repeat-x top left; } .item-list .pager A{ color:#5F6062; } .item-list .pager .pager-current{ color: #35BDB2; font-weight: normal; } .search-form{ padding: 10px 0 25px 0; background: url(/web/20140326060312im_/http://www.goop.com/sites/all/themes/goop20/images/pattern-flower-top.gif) repeat-x bottom left; } .search-form .form-wrapper{ padding-left:10px; } .search-form .form-wrapper LABEL{ font-weight:normal; margin-right: 7px; } .search-form .form-wrapper .form-text{ width:350px; padding: 7px; border: #E0E0E0 1px solid; font-size: 11px; color:#5F6062; margin-right: 5px; } .search-form .form-submit{ padding: 5px 8px; -moz-border-radius: 2px; border-radius: 2px; border: 0; color: white; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 12px; cursor: pointer; text-decoration: none; background: #35BDB2; width: 110px; margin: 0 auto; } OL#navigation-left DIV.search-icon{ padding: 10px 0 0 30px; } /* FILE ARCHIVED ON 06:03:12 Mar 26, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:21:49 Oct 16, 2020. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): CDXLines.iter: 21.242 (3) esindex: 0.015 PetaboxLoader3.datanode: 368.645 (4) RedisCDXSource: 40.918 load_resource: 287.196 LoadShardBlock: 1859.122 (3) PetaboxLoader3.resolve: 431.643 (4) exclusion.robots: 0.33 captures_list: 1925.438 exclusion.robots.policy: 0.315 */