Created
January 6, 2011 17:37
-
-
Save nataliepo/768239 to your computer and use it in GitHub Desktop.
SE Main - Global Masthead diff
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0} | |
| .clearfix{display:inline-block} | |
| * html .clearfix{height:1%} | |
| .clearfix{display:block} | |
| body { background: #DAE491 url(http://www.seriouseats.com/imagesV3/bg2.png) repeat-x; } | |
| #logo { display:inline;height:122px;margin-left:25px;margin-right:18px;margin-top:10px;width:182px; } | |
| #topHeader { background:none;padding-top:0; } | |
| #SL li a, #AHT li a { padding:0; } | |
| .familyTabs { position:relative;height:35px; } | |
| .familyTabs li a { display:block;height:36px;margin:0;text-indent:-9999px;overflow:hidden; } | |
| .familyTabs p { margin:0;padding:0; } | |
| <<<<<<< HEAD | |
| .familyTabs ul { height:36px;margin:0;padding:0;width:635px;position:relative;z-index:100;margin-left:7px; } | |
| .familyTabs li { float:left;list-style-type:none;width:auto; } | |
| #seTab { width:123px;background:url(http://www.seriouseats.com/imagesV3/tab-sprites.png) 0 0 no-repeat;position:absolute;top:0;left:0;z-index:106; } | |
| #seTab:hover { background-position:0 -100px; } | |
| #seTab.active, | |
| #seTab.active:hover { background-position:0 -50px;z-index:107; } | |
| #sliceTab { width:64px;background:url(http://www.seriouseats.com/imagesV3/tab-sprites.png) -122px 0 no-repeat;position:absolute;top:0;left:115px;z-index:105; } | |
| #sliceTab:hover { background-position:-122px -100px; } | |
| #sliceTab.active, | |
| #sliceTab.active:hover { background-position:-122px -50px;z-index:107; } | |
| #ahtTab { width:183px;background:url(http://www.seriouseats.com/imagesV3/tab-sprites.png) -186px 0 no-repeat;position:absolute;top:0;left:172px;z-index:104; } | |
| #ahtTab:hover { background-position:-186px -100px; } | |
| #ahtTab.active, | |
| #ahtTab.active:hover { background-position:-186px -50px;z-index:107; } | |
| #senyTab { width:106px;background:url(http://www.seriouseats.com/imagesV3/tab-sprites.png) -369px 0 no-repeat;position:absolute;top:0;left:348px;z-index:103; } | |
| #senyTab:hover { background-position:-369px -100px; } | |
| #senyTab.active, | |
| #senyTab.active:hover { background-position:-369px -50px;z-index:107; } | |
| #photoTab { width:132px;background:url(http://www.seriouseats.com/imagesV3/tab-sprites.png) -475px 0 no-repeat;position:absolute;top:0;left:447px;z-index:102; } | |
| #photoTab:hover { background-position:-475px -100px; } | |
| #photoTab.active, | |
| #photoTab.active:hover { background-position:-475px -50px;z-index:107; } | |
| #talkTab { width:62px;background:url(http://www.seriouseats.com/imagesV3/tab-sprites.png) -607px 0 no-repeat;position:absolute;top:0;left:572px;z-index:101; } | |
| #talkTab:hover { background-position:-607px -100px; } | |
| #talkTab.active, | |
| #talkTab.active:hover { background-position:-607px -50px;z-index:107; }/**/ | |
| ======= | |
| .familyTabs ul { height:36px;margin:0;padding:0;width:715px;position:relative;z-index:100;margin-left:7px; } | |
| .familyTabs li { float:left;list-style-type:none;width:auto; } | |
| #seTab { width:123px;background:url(/images/nav/tab-sprites-recipes-32.png) 0 0 no-repeat;position:absolute;top:0;left:0;z-index:107; } | |
| #seTab:hover { background-position:0 -100px; } | |
| #seTab.active, | |
| #seTab.active:hover { background-position:0 -50px;z-index:108; } | |
| #sliceTab { width:64px;background:url(/images/nav/tab-sprites-recipes-32.png) -122px 0 no-repeat;position:absolute;top:0;left:115px;z-index:106; } | |
| #sliceTab:hover { background-position:-122px -100px; } | |
| #sliceTab.active, | |
| #sliceTab.active:hover { background-position:-122px -50px;z-index:108; } | |
| #ahtTab { width:183px;background:url(/images/nav/tab-sprites-recipes-32.png) -186px 0 no-repeat;position:absolute;top:0;left:172px;z-index:105; } | |
| #ahtTab:hover { background-position:-186px -100px; } | |
| #ahtTab.active, | |
| #ahtTab.active:hover { background-position:-186px -50px;z-index:108; } | |
| #senyTab { width:106px;background:url(/images/nav/tab-sprites-recipes-32.png) -369px 0 no-repeat;position:absolute;top:0;left:348px;z-index:104; } | |
| #senyTab:hover { background-position:-369px -100px; } | |
| #senyTab.active, | |
| #senyTab.active:hover { background-position:-369px -50px;z-index:108; } | |
| #photoTab { width:132px;background:url(/images/nav/tab-sprites-recipes-32.png) -475px 0 no-repeat;position:absolute;top:0;left:447px;z-index:103; } | |
| #photoTab:hover { background-position:-475px -100px; } | |
| #photoTab.active, | |
| #photoTab.active:hover { background-position:-475px -50px;z-index:108; } | |
| #talkTab { width:62px;background:url(/images/nav/tab-sprites-recipes-32.png) -607px 0 no-repeat;position:absolute;top:0;left:572px;z-index:102; } | |
| #talkTab:hover { background-position:-607px -100px; } | |
| #talkTab.active, | |
| #talkTab.active:hover { background-position:-607px -50px;z-index:108; } | |
| #recipesTab { width:87px;background:url(/images/nav/tab-sprites-recipes-32.png) -669px 0 no-repeat;position:absolute;top:0;left:627px;z-index:101; } | |
| #recipesTab:hover { background-position:-669px -100px; } | |
| #recipesTab.active, | |
| #recipesTab.active:hover { background-position:-669px -50px;z-index:108; } | |
| >>>>>>> master | |
| #login-tab { background:url(http://www.seriouseats.com/imagesV3/login-tab-left.png) 0 0 no-repeat;padding-left:10px;position:absolute;top:0;right:18px;height:35px; } | |
| #login-link { background:url(http://www.seriouseats.com/imagesV3/banner/txt-Log-In.png) 50% 50% no-repeat;display:block;height:35px;overflow:hidden;text-align:left;text-indent:-9999px;width:52px; } | |
| #login-tab-inner { background:url(http://www.seriouseats.com/imagesV3/login-tab-right.png) 100% 0 no-repeat;height:32px;padding:3px 10px 0 5px;text-align:right; } | |
| #login-tab-inner a { color:#fff;} | |
| #login-spinner { height:22px;padding-top:8px;text-align:center;width:52px; } | |
| #login-tab-inner p { padding-bottom:0;font-size:12px;line-height:13px; } | |
| #login-tab.hovered { background-position:0 -50px; } | |
| #login-tab.hovered #login-tab-inner { background-position:100% -50px; } | |
| <<<<<<< HEAD | |
| #banner-twitter a { background:url(http://www.seriouseats.com/imagesV3/banner-twitter.png) 0 0 no-repeat;height:37px;left:720px;position:absolute;overflow:hidden;text-indent:-9999px;top:0;width:144px; } | |
| #banner-twitter a:hover { background-position:0 -37px; } | |
| ======= | |
| #banner-twitter a { background:url(/images/banner-twitter-32.png) 0 0 no-repeat;height:37px;left:720px;position:absolute;overflow:hidden;text-indent:-9999px;top:0;width:144px; } | |
| #banner-twitter a:hover { background-position:0 -37px;z-index:101; } | |
| >>>>>>> master | |
| .skybox { width:220px;float:left;position:relative;margin:8px 0 0 15px; } | |
| .skybox .dropshadow2 { width: 210px } | |
| .skybox-thumb { position:absolute;top:0;left:0;width:210px;height:120px;overflow:hidden; } | |
| .skybox-text { position:absolute;left:0;bottom:0;background:rgba(255,255,255,.75);width:190px;padding:10px 10px 5px; } | |
| .skybox-text p { padding-bottom:6px; } | |
| .skybox a.linksrc { font-size:12px;font-weight:bold;text-transform:uppercase; } | |
| .skybox a.linktitle { font-size:16px;font-family:Georgia,serif;color:#000; } | |
| .skybox .innerbox { min-height:120px;padding:0; } | |
| #skybox1 .innerbox, | |
| #skybox2 .innerbox, | |
| #skybox3 .innerbox { min-height:120px;padding:0; } | |
| #skybox2 img, | |
| #skybox3 img { display:block;margin:0;padding:0; } | |
| #skybox2 h2,#skybox2 h5,#skybox2 p, | |
| #skybox3 h2,#skybox3 h5,#skybox3 p { text-align:left; } | |
| #skybox3 a.linksrc:link, #skybox3 a.linksrc:visited, #skybox3 a.linksrc:active, #skybox3 a.linksrc:hover { color:#00a5e9; } | |
| #skybox3 a.linktitle:link, #skybox3 a.linktitle:visited, #skybox3 a.linktitle:active, #skybox3 a.linktitle:hover { color:#000; } | |
| #skybox3 p { background:none;font-size:11px;line-height:12px; } | |
| .innerbox .poll-promo { background:#FFE069 url(http://www.seriouseats.com/imagesV3/bg-gold-gradient.jpg) repeat-x 0 100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:95px;position:absolute;top:0;left:0;width:190px;padding:15px 10px 10px;text-align:center; } | |
| .poll-promo a, | |
| #skybox3 .poll-promo a { color:#00A5E9;display:block;font-weight:bold;padding-top:5px; } | |
| .vote-flag { background:url(http://www.seriouseats.com/imagesV3/flg-Vote.png) 0 0 no-repeat;height:44px;left:-10px;overflow:hidden;position:absolute;text-indent:-9999px;top:-10px;width:62px; } | |
| .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/skybox/skybox1Bite.png);display:inline;float:left;height:24px;left:0;position:absolute;top:0;width:20px;z-index:100;} | |
| #SE { background:none;border:0; } | |
| .SE-header #logo { background:url(http://www.seriouseats.com/imagesV3/banner/logo-se.png) 0 0 no-repeat; } | |
| .SE-header #topHeader { background:#ef6800 url(http://www.seriouseats.com/imagesV3/banner/bg-banner-se.jpg) 0 0 repeat-x; } | |
| .SE-header .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/banner/skybox-bite.png) 0 0 no-repeat; } | |
| #SL { background:none;border:0; } | |
| .SL-header #logo { background:url(http://www.seriouseats.com/imagesV3/banner/logo-slice.png) 0 0 no-repeat; } | |
| .SL-header #topHeader { background:#ef6800 url(http://www.seriouseats.com/imagesV3/banner/bg-banner-slice.jpg) 0 0 repeat-x; } | |
| .SL-header .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/banner/skybox-bite.png) 0 -24px no-repeat; } | |
| #AHT { background:none;border:0; } | |
| .AHT-header #logo { background:url(http://www.seriouseats.com/imagesV3/banner/logo-aht.png) 0 0 no-repeat; } | |
| .AHT-header #topHeader { background:#ef6800 url(http://www.seriouseats.com/imagesV3/banner/bg-banner-aht.jpg) 0 0 repeat-x; } | |
| .AHT-header .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/banner/skybox-bite.png) 0 -48px no-repeat; } | |
| #SENY { background:none;border:0; } | |
| .SENY-header #logo { background:url(http://www.seriouseats.com/imagesV3/banner/logo-seny.png) 0 0 no-repeat; } | |
| .SENY-header #topHeader { background:#ef6800 url(http://www.seriouseats.com/imagesV3/banner/bg-banner-seny.jpg) 0 0 repeat-x; } | |
| .SENY-header .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/banner/skybox-bite.png) 0 -72px no-repeat; } | |
| #PG { background:none;border:0; } | |
| .PG-header #logo { background:url(http://www.seriouseats.com/imagesV3/banner/logo-photo.png) 0 0 no-repeat; } | |
| .PG-header #topHeader { background:#ef6800 url(http://www.seriouseats.com/imagesV3/banner/bg-banner-photo.jpg) 0 0 repeat-x; } | |
| .PG-header .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/banner/skybox-bite.png) 0 -96px no-repeat; } | |
| #TK { background:none;border:0; } | |
| .TK-header #logo { background:url(http://www.seriouseats.com/imagesV3/banner/logo-talk.png) 0 0 no-repeat; } | |
| .TK-header #topHeader { background:#ef6800 url(http://www.seriouseats.com/imagesV3/banner/bg-banner-talk.jpg) 0 0 repeat-x; } | |
| .TK-header .skyboxBite { background:url(http://www.seriouseats.com/imagesV3/banner/skybox-bite.png) 0 -120px no-repeat; } | |
| <<<<<<< HEAD | |
| ======= | |
| >>>>>>> master | |
| #newNavBar { background:url(http://www.seriouseats.com/imagesV3/banner/bg-navbar2.png) 0 0 repeat-x;height:35px;z-index:200;float:left;width:970px; } | |
| #navNew { float:left;margin:0;width:auto; } | |
| #navNew li { font-size:14px;position:relative;margin-top:3px; float:left;list-style:none;width:auto; } | |
| #navNew li a.nav-item { color:#fff;padding:5px 15px 0 10px;height:25px;position:relative;display:block;float:left;width:auto; } | |
| #navNew li a.nav-menu { background:url(http://www.seriouseats.com/imagesV3/banner/arw-nav-menu.png) 100% 50% no-repeat;padding-right:30px; } | |
| #navNew li a.nav-item:hover, | |
| #navNew li.hovered a.nav-item { background:url(http://www.seriouseats.com/imagesV3/banner/bg-nav-item.png) top right no-repeat;color:#B92E23;text-decoration:none;z-index:105; } | |
| #navNew li a.nav-menu:hover, | |
| #navNew li.hovered a.nav-menu { background:url(http://www.seriouseats.com/imagesV3/banner/bg-nav-tab.png) top right no-repeat;color:#B92E23;text-decoration:none;z-index:105; } | |
| body#recipes #navNew li a#nav-recipes, | |
| body#eating_out #navNew li a#nav-out, | |
| body#columns #navNew li a#nav-columns { background:url(http://www.seriouseats.com/imagesV3/banner/bg-nav-tab.png) top right no-repeat;color:#B92E23;text-decoration:none;z-index:105; } | |
| #home #navNew li a.home, #home #navNew li a.home:hover, | |
| #aht-recipes #navNew li a.recipes, #aht-recipes #navNew li a.recipes:hover, | |
| #grilled #navNew li a.grilled, #grilled #navNew li a.grilled:hover, | |
| #reviews #navNew li a.reviews, #reviews #navNew li a.reviews:hover, | |
| #recommended #navNew li a.recommended, #recommended #navNew li a.recommended:hover { background:#fff;color:#B92E23; } | |
| .thumb-100x90 { height:90px;width:100px; } | |
| .home-column-excerpt { clear:both;min-height:90px;position:relative;padding:10px 110px 10px 0;border-bottom:1px solid #b2b2b2; } | |
| .home-column-excerpt .thumb-100x90 { overflow:hidden;position:absolute;right:0;top:10px; } | |
| .home-column-excerpt .thumb-100x90 img { display:block;margin:0 0 0 -10px; } | |
| .navFlyout { position:absolute;top:25px;left:-9999px;background:#fff;padding:10px;width:325px;-moz-box-shadow:1px 2px 2px #666;z-index:110; } | |
| #navNew li:hover .navFlyout, | |
| #navNew li.hovered .navFlyout { left:0; } | |
| .navFlyout .home-column-excerpt { min-height:90px;position:relative;padding:12px 0 10px 110px;border-bottom:4px double #b2b2b2; } | |
| .navFlyout .home-column-excerpt.first { border-bottom:1px solid #b2b2b2;} | |
| .navFlyout .home-column-excerpt .thumb-100x90 { position:absolute;left:0;top:12px; } | |
| .navFlyout .home-column-excerpt .thumb-100x90 img { margin:0; } | |
| .navFlyout .home-column-excerpt .thumb-100x90 .no-primary-thumb { display:block;height:88px;width:98px; } | |
| .navFlyout .section-sponsor { float:right;padding:20px 0 10px; } | |
| .navFlyout .section-sponsor a { color:#ccc; } | |
| .navFlyout .section-sponsor img { vertical-align:middle; } | |
| .navFlyout .recent-posts { border-bottom:4px double #b2b2b2;float:right;width:325px;text-align:right;padding:6px 0;font-size:14px;font-weight:bold; } | |
| .navFlyout .recent-posts a { float:none; } | |
| .navFlyout p.linksrc { padding-bottom:5px; } | |
| .navFlyout p.flyout-title { padding-bottom:0;font-family:Georgia,serif;font-size:15px; } | |
| .navFlyout p.flyout-title a { color:#000; } | |
| .navFlyout h2 { padding-bottom:5px;overflow:hidden;text-indent:-9999px; } | |
| h2.most-popular-head { background:url(http://www.seriouseats.com/imagesV3/banner/txt-Most-Popular.png) 0 0 no-repeat; } | |
| h2.featured-column-head { background:url(http://www.seriouseats.com/imagesV3/banner/txt-Featured.png) 0 0 no-repeat; } | |
| h2.latest-column-head { background:url(http://www.seriouseats.com/imagesV3/banner/txt-Latest-Column.png) 0 0 no-repeat; } | |
| <<<<<<< HEAD | |
| ======= | |
| >>>>>>> master | |
| /* Column Nav Flyout SE */ | |
| #column-flyout { border-top:4px double #B2B2B2; } | |
| #column-flyout a.column-title { font-size:14px; font-family:Arial,Helvetica,sans-serif; text-decoration:none; color:#00A5E9; } | |
| #column-flyout a.column-title:hover { color: #fff; } | |
| #column-flyout a.column-title div { border-bottom:1px solid #B2B2B2;padding:4px 0 4px 18px; } | |
| #column-flyout a.column-title div:hover { background-color: #00A5E9; } | |
| /* End Column Nav Flyout SE */ | |
| <<<<<<< HEAD | |
| ======= | |
| >>>>>>> master | |
| .cat-food-and-drink #navNew li a#navTalkFood, | |
| .cat-site-feedback #navNew li a#navTalkSiteFeedback, | |
| .cat-eating-out #navNew li a#navTalkEatingOut, | |
| .cat-cooking-and-baking #navNew li a#navTalkCookingAndBaking, | |
| .cat-food-media-and-news #navNew li a#navTalkFoodMediaAndNews, | |
| .cat-newyork #navNew li a#navTalkNewYork { | |
| background:url(http://www.seriouseats.com/imagesV3/banner/bg-nav-item.png) top right no-repeat;color:#B92E23;text-decoration:none;z-index:105; | |
| } | |
| #home #navNew li a.home, #home #navNew li a.home:hover, | |
| #pizza-maps #navNew li a.pizza-maps, #pizza-maps #navNew li a.pizza-maps:hover, | |
| #video #navNew li a.video, #video #navNew li a.video:hover, | |
| #reviews #navNew li a.reviews, #reviews #navNew li a.reviews:hover, | |
| #recommended #navNew li a.recommended, #recommended #navNew li a.recommended:hover, | |
| #slice-recipes #navNew li a.recipes, #slice-recipes #navNew li a.recipes:hover { | |
| background:url(http://www.seriouseats.com/imagesV3/banner/bg-nav-item.png) top right no-repeat;color:#B92E23;text-decoration:none;z-index:105; | |
| } | |
| #topAdSpace { padding-top:20px;padding-bottom:20px; } | |
| #navNew li a { margin:0 } | |
| #navNew li { margin-right:3px } | |
| #header, #navBar { z-index:101 } | |
| #navNew a.neighborhoods, #navNew a.neighborhoods a { display:block;text-align:left;width:140px; } | |
| #navNew li li a { /* all list items */ | |
| float:left;text-align:left;width: 140px; } | |
| /* Drop Down Menus */ | |
| #navNew li ul { /* second-level lists */ | |
| background:#fff;border:none;border-top:none;box-shadow:1px 2px 2px #666;left:0;position:absolute;padding:0 5px 5px 10px;margin-left:-999em;top:25px;width:140px;z-index:110;-moz-box-shadow:1px 2px 2px #666;-webkit-box-shadow:1px 2px 2px #666; } | |
| /* first level */ | |
| #navNew li:hover ul li a, #navNew li.sfhover ul li a { color:#666; } | |
| #navNew li ul li a:hover { background:#fff } | |
| #navNew li ul li:hover, #navNew li ul li.sfhover { background:none } | |
| #navNew li:hover ul li.hasmore a, #navNew li.sfhover ul li.hasmore a, | |
| #navNew li:hover ul .hasmore a:hover, #navNew li:hover ul .hasmore:hover { background: url(http://www.seriouseats.com/imagesV3/banner/arw-sub-menu.png) no-repeat 118px 50%; } | |
| /* SECOND DROPDOWN */ | |
| #navNew li:hover ul, #navNew li.sfhover ul{ /* lists nested under hovered list items */ | |
| margin-left:0; } | |
| #navNew li:hover ul li ul { margin-left: -999em;border-top:1px solid #efefef; } | |
| #navNew li:hover ul li:hover ul { margin-left:118px;margin-top:0;top:0; } | |
| #navNew ul ul li { font-size: 12px;line-height: 14px; } | |
| #navNew li:hover ul .hasmore ul a { background: #fff } | |
| #navNew li:hover ul .hasmore ul a:hover { background: none } | |
| /* FOOTER */ | |
| #footer, | |
| .shortFooter { background: #B23524 url(http://www.seriouseats.com/imagesV3/footer/shortFooter.png) 0 0 repeat-x } | |
| .footerDottedLine { display:none; } | |
| #footer { padding:35px 10px 30px;position:relative;width:920px; } | |
| #footer li, | |
| #footer p { line-height:17px;padding-bottom:10px; } | |
| #footer #feedburner { padding-bottom:60px; } | |
| #footerColumn1, #footerColumn2, #footerColumn3, #footerColumn4 { float:left;margin:0;padding:0 20px 0 19px;width:190px; } | |
| #footerColumn2,#footerColumn3,#footerColumn4 { border-left:1px dotted #e0864a; } | |
| #footerColumn1 { padding:0 20px;width:190px; } | |
| #footer input.short { width:185px; } | |
| #footer-twitter { background:url(http://www.seriouseats.com/imagesV3/footer/footer-sprites.png) 0 0 no-repeat;bottom:20px;display:block;height:59px;position:absolute;right:65px;text-indent:-9999px;overflow:hidden;width:191px; } | |
| #footer #profile_edit { padding-top:10px; } | |
| .footer-column h3 { background:url(http://www.seriouseats.com/imagesV3/footer/footer-sprites.png) -2px -75px no-repeat;height:20px;text-indent:-9999px;width:190px; } | |
| .footer-column h3#h-delivery { background-position:-2px -110px; } | |
| .footer-column h3#h-kiss-the-chef { background-position:-2px -145px; } | |
| .footer-column h3#h-family-style { background-position:-2px -180px; } | |
| .footer-column h3#h-feed-yourself { background-position:-2px -215px; } | |
| .footer-column h3#h-slice-of-heaven { background-position:-2px -250px; } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment