/** Top-level Classes: * bodywrap = div just inside and containing everything (used because not all properties may be applied to ) * dateline = the line of text above the header, including the date, parsha, list-subscribe. This really ought to be contained inside div.header. One day.... * sheet-of-paper = container for header, canvas, and footer. Gives the white backdrop of the whole page. * showcase = Presentation of top 4-7 articles, mostly via graphics. * canvas = Everything below the navbars. Includes the content and the dashboard. * content = main content container * dashboard = the right column with the various widgets (Most Popular, Today, Sponsors, WallCam, etc) * section ?? * promo = Box: Medium graphic, teaser, byline, opt:more (rename to article-leader?) * I want to rename this to article-promo, since it promotes a single article * category-promo = Promotes a category. Used on the site/special homepages * interest-promo = Promotes an interest. Used on the category pages. Also currently used on the interest page to style the sectionbar, although it should be renamed/dropped here and selected by other means. Protected Classes: (Always selected via a context!) * a.img-holder = a linked image. Always selected via a context! * a.more = for _more_ links Obsolete Classes: * inner * brown-box * red-box * top-area * gray-showcase * six-images Abstract Pagetypes: .pagetype-homepage .pagetype-CIA .pagetype-category .pagetype-interest .pagetype-article .pagetype-core .pagetype-special Core Pagetypes: .pagetype-jewish-world .pagetype-current-issues .pagetype-spirituality .pagetype-family .pagetype-dating .pagetype-jewish-literacy Special Pagetypes: .pagetype-ask-the-rabbi .pagetype-9av .pagetype-10tevet .pagetype-15shvat .pagetype-chanukah .pagetype-high-holidays .pagetype-holiday-list .pagetype-holocaust .pagetype-israel-independence-day .pagetype-israel-memorial-day .pagetype-jewlarious .pagetype-omer .pagetype-passover .pagetype-purim .pagetype-reb-noach .pagetype-RSS .pagetype-shabbat .pagetype-shavuot .pagetype-sukkot .pagetype-videos .pagetype-wallcam *************************************************************************************/ /***** ***** Default descriptions *****/ img { border-style:none; } form, fieldset { margin:0; padding:0; border-style:none; } input, textarea, select { font:11px/14px arial,sans-serif; vertical-align: middle; } /*** Link behaviour: *** Links are just ordinary text that respond to mouse-overs. (i.e. no change in color) *** Utility classes enable other behaviours. ***/ a { text-decoration: none; color: /* inherit Hack: IE<=7 doesn't support inherit. This fakes it: */ expression(this.parentNode.currentStyle.color); color: inherit; } a:hover { text-decoration: underline; } a.util--std-link { text-decoration: underline; } a.util--std-link-color { text-decoration: underline; } a.util--std-link-color:link { color: blue; } a.util--std-link-color:visited { color: purple; } a.util--std-link-color:active { color: red; } a.util--inverted-link { text-decoration: underline; } a.util--inverted-link:hover { text-decoration: none; } /***** ***** HEADER ELEMENTS *****/ /** Body: Container of whole page. Gives a fixed-width page, regardless of window-size. **/ body { margin:0; font:14px/17px Arial,sans-serif; background: #000033; color: black; } #bodywrap { margin:0 auto; width:900px; padding-top:23px; padding-bottom:25px; /*overflow:hidden; position:relative;*/ } #bodywrap.pagetype-homepage { padding-top:0; } /* This positions the navbars at the same spot on the homepage (with its tall flag) as on the other pages (with their shorter flag) */ /** Dateline: date/parsha/subscribe. Should be merged into header. **/ .dateline { padding:6px 14px 1px 0; /*height:1%;*/ overflow:auto; } .dateline ul { margin:0; padding:0; } .dateline ul li { list-style:none; float:left; font-size:12px; line-height:14px; padding:6px 14px 0 11px; color:#fff; } .dateline ul li a { text-decoration:underline; } .dateline ul li a:hover { text-decoration:none; } /** NEWSLETTER SIGNUP: This code is re-used with minor changes in the footer's newsletter-signup! **/ .newsletter-signup { float:right; width:491px; height:27px; background:url(../images/join-area-bg.jpg) no-repeat; } .newsletter-signup p { float:left; margin:0; color:#000033; font-size:12px; word-spacing:-1px; line-height:14px; padding:6px 0 0 10px; } .newsletter-signup fieldset { width:213px; padding:4px 0 0; float:right; } .newsletter-signup fieldset input { margin:0; float:left; } .newsletter-signup fieldset input.text { border:1px solid #c3c3c3; border-top-color:#7c7c7c; padding:2px 5px 1px; width:156px; } .newsletter-signup fieldset input.join-btn { margin:0 0 0 3px; display:inline; } #sheet-of-paper { clear: both; padding: 1px; background: white; /*height:1%; overflow:hidden; position:relative;*/ } /* Header contains the flag and the navbars */ #header { border:1px solid #183764; border-bottom:none; } #flag { position: relative; background:url(../images/inner-header-bg.jpg) no-repeat; height: 56px; } .pagetype-homepage #flag { background:url(../images/header-home-bg.jpg) no-repeat; height: 81px; } #logo { position: absolute; left: 11px; top: 3px; background:url(../images/logo-inner.gif) no-repeat; width:165px; height:48px; text-indent:-3000px; } .pagetype-homepage #logo { left:12px; top: 5px; background:url(../images/logo-home.gif) no-repeat; width:217px; height:63px; } #homepage-adbanner { position:absolute; left: 394px; top: 11px; } #navbar-sideshows ul { margin:0; padding:1px 0 1px 4px; overflow:auto;/*???*/ background:#183764; } #navbar-sideshows ul li { list-style:none; float:left; padding:0 4px 0 5px; background: url(http://media.aish.com/designimages/main-nav-bullet.gif) no-repeat left 8px; } #navbar-sideshows ul li:first-child { background:none; } #navbar-sideshows ul li a { line-height:19px; /*float:left;*/ padding:0 5px; font-size:12px; color:#c3dcf1; } #navbar-sideshows ul li a.brighter { color: #FFF; } /* make 1st 3 items white */ #navbar-sideshows ul li.active a, #navbar-sideshows ul li a:hover { text-decoration:none; color:#003366; background: url(http://media.aish.com/designimages/main-nav-bg-hov.gif) repeat-x; } #navbar-core { padding:3px 0 0; overflow:hidden; background: url(http://media.aish.com/designimages/home-sab-nav-bg.gif) repeat-x; } /* Note: I have not yet cleaned up this section. It may not resize well. */ #navbar-core ul { margin:0; padding:0 0 0 12px; float:left; } #navbar-core ul li { list-style:none; float:left; margin:0 0 0 -1px; background: url(http://media.aish.com/designimages/sub-nav-separator.gif) no-repeat left 3px; } #navbar-core ul li:first-child { background:none; } #navbar-core ul li a { float:left; margin:0 2px 0 1px; color:#1D3A58; font-size:14px; position:relative/*somehow this fixes an overlap problem between the tabs and the '|' pipes */; } #navbar-core ul li a span { height:22px; margin-left: 6px; margin-right: -2px; padding: 2px 6px 0 0; float:left; } #navbar-core ul li a:hover, #navbar-core ul li.active a { color:#cc3300; text-decoration:none; background: url(http://media.aish.com/designimages/tab-homepage.gif) no-repeat top left; } #navbar-core ul li.active { background:none;} #navbar-core ul li a:hover span, #navbar-core ul li.active a span { background: url(http://media.aish.com/designimages/tab-homepage.gif) no-repeat top right;} #navbar-core fieldset { float:right; padding-right:12px; } #navbar-core fieldset input.text { padding:2px 5px 1px; width:135px; font-size:12px; line-height:15px; color:#990000; border:1px solid #183764; } #navbar-core fieldset input.go-btn { margin:0 0 0 1px; } .pagetype-CIA #navbar-core { background:url(../images/pagetype-CIA-navbar-core-bg.gif) repeat-x; border-bottom: 4px solid; /*height:28px;*/ } .pagetype-CIA #navbar-core ul li.active a { color:#fff; font-weight:bold; } .pagetype-CIA #navbar-core ul li a:hover { color:#fff; } .pagetype-CIA #navbar-core ul li.active a , .pagetype-CIA #navbar-core ul li a:hover { background: left no-repeat; } .pagetype-CIA #navbar-core ul li a:hover span, .pagetype-CIA #navbar-core ul li.active a span { background: right no-repeat;} /** COLOR SCHEMES **/ .pagetype-jewish-world #navbar-core ul li.active a, .pagetype-jewish-world #navbar-core ul li a:hover, .pagetype-jewish-world #navbar-core ul li.active a span, .pagetype-jewish-world #navbar-core ul li a:hover span { background-image: url(../images/tab-jewish-world.gif); } .pagetype-jewish-world #navbar-core { border-bottom-color: #339999; } .pagetype-current-issues #navbar-core ul li.active a, .pagetype-current-issues #navbar-core ul li a:hover, .pagetype-current-issues #navbar-core ul li.active a span, .pagetype-current-issues #navbar-core ul li a:hover span { background-image: url(../images/tab-current-issues.gif); } .pagetype-current-issues #navbar-core { border-bottom-color: #990000; } .pagetype-spirituality #navbar-core ul li.active a, .pagetype-spirituality #navbar-core ul li a:hover, .pagetype-spirituality #navbar-core ul li.active a span, .pagetype-spirituality #navbar-core ul li a:hover span { background-image: url(../images/tab-spirituality.gif); } .pagetype-spirituality #navbar-core { border-bottom-color: #CC9933; } .pagetype-family #navbar-core ul li.active a, .pagetype-family #navbar-core ul li a:hover, .pagetype-family #navbar-core ul li.active a span, .pagetype-family #navbar-core ul li a:hover span { background-image: url(../images/tab-family.gif); } .pagetype-family #navbar-core { border-bottom-color: #9966CC; } .pagetype-dating #navbar-core ul li.active a, .pagetype-dating #navbar-core ul li a:hover, .pagetype-dating #navbar-core ul li.active a span, .pagetype-dating #navbar-core ul li a:hover span { background-image: url(../images/tab-dating.gif); } .pagetype-dating #navbar-core { border-bottom-color: #FF9966; } .pagetype-jewish-literacy #navbar-core ul li.active a, .pagetype-jewish-literacy #navbar-core ul li a:hover, .pagetype-jewish-literacy #navbar-core ul li.active a span, .pagetype-jewish-literacy #navbar-core ul li a:hover span { background-image: url(../images/tab-jewish-literacy.gif); } .pagetype-jewish-literacy #navbar-core { border-bottom-color: #339933; } /******************************************************************* ***** Special Page Header *******************************************************************/ #special-banner { width: 898px; height: 81px; display:block; margin:1px -1px 0;/* originally, the sides were 1px, but when I moved the banner from the canvas to the header, it needed adjusting. */ } /* generic */ #special-banner { background: url(../images/special-banner-generic.jpg); } .pagetype-9av #special-banner { background: url(../images/special-banner-9av.jpg); } .pagetype-10tevet #special-banner { background: url(../images/special-banner-10tevet.jpg); } .pagetype-15shvat #special-banner { background: url(../images/special-banner-15shvat.jpg); } .pagetype-chanukah #special-banner { background: url(../images/special-banner-chanukah.jpg); } .pagetype-high-holidays #special-banner { background: url(../images/special-banner-high-holidays.jpg); } .pagetype-holiday-list #special-banner { background: url(../images/special-banner-holiday-list.jpg); } .pagetype-holocaust #special-banner { background: url(../images/special-banner-holocaust.jpg); } .pagetype-israel-independence-day #special-banner { background: url(../images/special-banner-israel-independence-day.jpg); } .pagetype-israel-memorial-day #special-banner { background: url(../images/special-banner-israel-memorial-day.jpg); } .pagetype-jewlarious #special-banner { background: url(../images/special-banner-jewlarious.jpg); } .pagetype-omer #special-banner { background: url(../images/special-banner-omer.jpg); } .pagetype-passover #special-banner { background: url(../images/special-banner-passover.jpg); } .pagetype-purim #special-banner { background: url(../images/special-banner-purim.jpg); } .pagetype-RSS #special-banner { background: url(../images/special-banner-RSS.gif); } .pagetype-shabbat #special-banner { background: url(../images/special-banner-shabbat.jpg); } .pagetype-shavuot #special-banner { background: url(../images/special-banner-shavuot.jpg); } .pagetype-sukkot #special-banner { background: url(../images/special-banner-sukkot.jpg); } .pagetype-wallcam #special-banner { background: url(../images/special-banner-wallcam.jpg); } IMAGE PENDING .pagetype-videos #special-banner { background: url(../images/special-banner-videos.jpg); } .navbar-special { margin:0 -1px;/* ditto the comment on a#special-banner */ overflow:hidden; width:896px; padding:4px 2px 0 0; height:25px; } .navbar-special ul { margin:0; padding:0 0 0 12px; float:left; } .navbar-special ul li { padding:0 5px 0 0; margin:0; background:none; list-style:none; float:left; } .navbar-special ul li a { float: left; margin: 0 2px 0 0; } /* When navbar-special was a type of sub-nav, it inherited: font-size: 14px; (but redundant on body{}), and position: relative; (so now defaults to static, but it doesn't seem to make a difference) */ .navbar-special ul li a span { height:22px; padding:3px 6px 0 0; margin-left: 6px; margin-right: -2px; float:left; } .navbar-special ul li a:hover, .navbar-special ul li.active a { text-decoration:none; background: url(../images/tab-navbar-special.gif) no-repeat top left; } .navbar-special ul li.active a { font-weight:bold;} .navbar-special ul li a:hover span, .navbar-special ul li.active a span { background: url(../images/tab-navbar-special.gif) no-repeat top right; } /** COLOR SCHEMES **/ /* generic */ .navbar-special { background:#FFFF00; } /* generic */ .navbar-special ul li a { color:#00FFFF; } /* generic */ .navbar-special ul li a:hover, /* generic */ .navbar-special ul li.active a { color:#00FFFF; } .pagetype-ask-the-rabbi .navbar-special { background: rgb(51, 103, 153); border-top: 1px solid #6799CC; } .pagetype-ask-the-rabbi .navbar-special ul li a { color: rgb(194, 221, 242); } .pagetype-ask-the-rabbi .navbar-special ul li a:hover, .pagetype-ask-the-rabbi .navbar-special ul li.active a { color: rgb(51, 103, 153); /* same as navbar's bgcolor */ /* background: rgb(51, 103, 153); */ } .pagetype-9av .navbar-special { background:#660000; } .pagetype-9av .navbar-special ul li a { color:#ff9933; } .pagetype-9av .navbar-special ul li a:hover, .pagetype-9av .navbar-special ul li.active a { color:#660000; } .pagetype-10tevet .navbar-special { background:#660000; } .pagetype-10tevet .navbar-special ul li a { color:#e1d5b4; } .pagetype-10tevet .navbar-special ul li a:hover, .pagetype-10tevet .navbar-special ul li.active a { color:#660000; } .pagetype-15shvat .navbar-special { background:#1f841f; } .pagetype-15shvat .navbar-special ul li a { color:#ccff66; } .pagetype-15shvat .navbar-special ul li a:hover, .pagetype-15shvat .navbar-special ul li.active a { color:#1f841f; } .pagetype-chanukah .navbar-special { background:#330000; } .pagetype-chanukah .navbar-special ul li a { color:#e4b185; } .pagetype-chanukah .navbar-special ul li a:hover, .pagetype-chanukah .navbar-special ul li.active a { color:#993300; } .pagetype-high-holidays .navbar-special { background:#003366; } .pagetype-high-holidays .navbar-special ul li a { color:#6699cc; } .pagetype-high-holidays .navbar-special ul li a:hover, .pagetype-high-holidays .navbar-special ul li.active a { color:#003366; } .pagetype-holiday-list .navbar-special { background:#330000; } .pagetype-holiday-list .navbar-special ul li a { color:#e47e25; } .pagetype-holiday-list .navbar-special ul li a:hover, .pagetype-holiday-list .navbar-special ul li.active a { color:#993300; } .pagetype-holocaust .navbar-special { background:#eaa451; } .pagetype-holocaust .navbar-special ul li a { color:#3c0904; } .pagetype-holocaust .navbar-special ul li a:hover, .pagetype-holocaust .navbar-special ul li.active a { color:#3c0904; } .pagetype-israel-independence-day .navbar-special { background:#052571; } .pagetype-israel-independence-day .navbar-special ul li a { color:#84b7ea; } .pagetype-israel-independence-day .navbar-special ul li a:hover, .pagetype-israel-independence-day .navbar-special ul li.active a { color:#052571; } .pagetype-israel-memorial-day .navbar-special { background:#493e0c; } .pagetype-israel-memorial-day .navbar-special ul li a { color:#fff0bb; } .pagetype-israel-memorial-day .navbar-special ul li a:hover, .pagetype-israel-memorial-day .navbar-special ul li.active a { color:#493e0c; } .pagetype-jewlarious .navbar-special { background:#003366; } .pagetype-jewlarious .navbar-special ul li a { color:#ffffff; } .pagetype-jewlarious .navbar-special ul li a:hover, .pagetype-jewlarious .navbar-special ul li.active a { color:#990000; } .pagetype-omer .navbar-special { background:#2f6bb7; } .pagetype-omer .navbar-special ul li a { color:#ffffff; } .pagetype-omer .navbar-special ul li a:hover, .pagetype-omer .navbar-special ul li.active a { color:#2f6bb7; } .pagetype-passover .navbar-special { background:#940000; } .pagetype-passover .navbar-special ul li a { color:#ffffff; } .pagetype-passover .navbar-special ul li a:hover, .pagetype-passover .navbar-special ul li.active a { color:#940000; } .pagetype-purim .navbar-special { background:#602d93; } .pagetype-purim .navbar-special ul li a { color:#a9df00; } .pagetype-purim .navbar-special ul li a:hover, .pagetype-purim .navbar-special ul li.active a { color:#669900; } .pagetype-reb-noach .navbar-special { background:#000; } .pagetype-reb-noach .navbar-special ul li a { color:#9e9176; } .pagetype-reb-noach .navbar-special ul li a:hover, .pagetype-reb-noach .navbar-special ul li.active a { color:#8c7647; } .pagetype-RSS .navbar-special { background:#993300; } .pagetype-RSS .navbar-special ul li a { color:#e47e25; } .pagetype-RSS .navbar-special ul li a:hover, .pagetype-RSS .navbar-special ul li.active a { color:#993300; } .pagetype-shabbat .navbar-special { background:#573509; } .pagetype-shabbat .navbar-special ul li a { color:#ffaf0a; } .pagetype-shabbat .navbar-special ul li a:hover, .pagetype-shabbat .navbar-special ul li.active a { color:#993300; } .pagetype-shavuot .navbar-special { background:#451b3b; } .pagetype-shavuot .navbar-special ul li a { color:#cc99cc; } .pagetype-shavuot .navbar-special ul li a:hover, .pagetype-shavuot .navbar-special ul li.active a { color:#451b3b; } .pagetype-sukkot .navbar-special { background:#336600; } .pagetype-sukkot .navbar-special ul li a { color:#99cc33; } .pagetype-sukkot .navbar-special ul li a:hover, .pagetype-sukkot .navbar-special ul li.active a { color:#336600; } .pagetype-videos .navbar-special { background:#006; } .pagetype-videos .navbar-special ul li a { color:#69c; } .pagetype-videos .navbar-special ul li a:hover, .pagetype-videos .navbar-special ul li.active a { color:#36c; } .pagetype-wallcam .navbar-special { background:#000; } .pagetype-wallcam .navbar-special ul li a { color:#999; } .pagetype-wallcam .navbar-special ul li a:hover, .pagetype-wallcam .navbar-special ul li.active a { color:#c60; } /***** ***** HIGH-LEVEL PAGE STRUCTURE: CANVAS / CONTENT / DASHBOARD / FOOTER *****/ #canvas { margin:16px 0 0; padding:0 20px 20px 18px; overflow:auto; /*height:1%;*/ } /*.pagetype-homepage #canvas { margin:16px 0 0; }*/ /*.pagetype-special #canvas { margin:16px 0 0; }*/ #status-404 { margin: 0 20px; } /* The 404 page is just the homepage with this div stuck in above the content */ #content { width:500px; float:left; } #dashboard { width:343px; float:right; overflow:auto; } #footer { margin: 1px; border:1px solid #000033; background:#214d78; /*height:1%;*/ } #footer-head { padding: 5px 3px 0 0; background:url(../images/footer-head-bg.jpg) no-repeat; height:33px; } #footer .logo { float:left; margin: -15px 0 0 16px; text-indent:-3000px; background:url(../images/foot-logo.gif) no-repeat; width:285px; height:41px; } /** Alternatively, can be done via absolute placement, but this seems to trigger an IE7 bug: #footer-head { position: relative; padding:5px 3px 0 0; background:url(../images/footer-head-bg.jpg) no-repeat; height:33px; } #footer .logo { position: absolute; left:16px; top:-10px; text-indent:-3000px; background:url(../images/foot-logo.gif) no-repeat; width:285px; height:41px; display:block; } **/ /** NEWSLETTER SIGNUP: See .newsletter-signup{} up above in the .dateline section for base-values **/ #footer .newsletter-signup { height:25px; background:url(../images/footer-join-area-bg.gif) repeat-x; border:1px solid #183764; } #footer .newsletter-signup fieldset { padding-top: 3px; } #sitemap { padding-bottom:68px; background:url(../images/foot-box-bg.jpg) no-repeat; overflow:auto; /*height:1%;*/ } #sitemap div { padding:27px 0 0 17px; float:left; width:132px; } #sitemap div h4 { margin:0; font-size:12px; font-weight:bold; color:#ffcc33; } #sitemap div ul { margin:0; padding:0; } #sitemap div ul li { line-height:17px; list-style:none; } #sitemap div ul li a { font-size:12px; color:#fff; } #sitemap div ul li a span { color:#ff9900; } /******************************************************************************************************************************************/ /***** ***** SHOWCASE ***** Presentation of top 4-7 articles, mostly via graphics. *****/ .showcase { padding:12px 10px 5px 11px; overflow:auto; border:1px solid #000; /*height:1%;*/ } .showcase a.img-holder { display:block; } .showcase a img { border: 1px solid; } .showcase .box em { display:block; font-size:12px; word-spacing:-1px; padding:2px 0 0; } .showcase .box p { margin:0; padding:4px 0 6px; font-size:12px; line-height:13px; color: white; } .showcase .showcase-row-of-3 { margin-top: 13px; clear:both; } .showcase .showcase-row-of-3 .box { float:left; width:142px; margin-right:25px; } .showcase .showcase-row-of-3 .last { margin-right:0; } .showcase .showcase-row-of-2 .box { float:left; width:228px; margin-right:18px; margin-bottom:14px; } .showcase .showcase-row-of-2 .last { margin-right:0; } .pagetype-homepage .showcase { margin-top: 5px; } .pagetype-homepage .showcase-row-of-3 .box { margin-right:15px; } .pagetype-homepage .showcase-row-of-3 .last { margin-left:2px; margin-right:0; width:161px; } .pagetype-special .showcase { margin-top:20px; } .pagetype-CIA .showcase { background:#f3f2f3 url(../images/gray-showcase-bg.gif) repeat-x; border-color:#ccc; margin:0; padding-bottom:9px; } .pagetype-CIA .showcase h2 { margin:0; padding:12px 16px 0; color:#999; font-size:16px; font-weight:bold; } .pagetype-CIA .showcase a img { border-color:#ccc;} .pagetype-CIA .showcase .box em {color:#666;} .pagetype-CIA .showcase .box p {color:#000;} .pagetype-CIA .showcase a.more { margin:0 14px; padding:0 10px 0 0; background:url(../images/arrow-gray.gif) no-repeat 100% 6px; color:#999; font-size:14px; font-weight:bold; float:right; } .pagetype-CIA .showcase .box { padding-top:8px;} /** COLOR SCHEMES **/ /* generic */ .showcase { background:#FFFF00; border-color: #FFFF00; } /* generic */ .showcase a img { border-color:#FFFF00; } /* Image Graphic Border */ /* generic */ .showcase .box em { color:#00FFFF; } /* Byline text */ .pagetype-ask-the-rabbi .showcase { background:#ffff00; border-color: #ffff00; } /* NOT YET DEFINED */ .pagetype-ask-the-rabbi .showcase a img { border-color:#ffff00; } .pagetype-ask-the-rabbi .showcase .box em { color:#ffff00; } .pagetype-9av .showcase { background:#660000; border-color: #330000; } .pagetype-9av .showcase a img { border-color:#ffcccc; } .pagetype-9av .showcase .box em { color:#ffcccc; } .pagetype-10tevet .showcase { background:#660000; border-color: #330000; } .pagetype-10tevet .showcase a img { border-color:#ffcccc; } .pagetype-10tevet .showcase .box em { color:#ffcccc; } .pagetype-15shvat .showcase { background:#339933; border-color: #339933; } .pagetype-15shvat .showcase a img { border-color:#ccff99; } .pagetype-15shvat .showcase .box em { color:#ccff99; } .pagetype-chanukah .showcase { background:#996633; border-color: #6b4015; } .pagetype-chanukah .showcase a img { border-color:#ffcc99; } .pagetype-chanukah .showcase .box em { color:#ffcc99; } .pagetype-high-holidays .showcase { background:#003366; border-color: #000033; } .pagetype-high-holidays .showcase a img { border-color:#ccffff; } .pagetype-high-holidays .showcase .box em { color:#ccffff; } .pagetype-holiday-list .showcase { background:#996633; border-color: #6b4015; } .pagetype-holiday-list .showcase a img { border-color:#ffcc99; } .pagetype-holiday-list .showcase .box em { color:#ffcc99 } .pagetype-holocaust .showcase { background:#3c0904; border-color: #3c0904; } .pagetype-holocaust .showcase a img { border-color:#eaa451; } .pagetype-holocaust .showcase .box em { color:#eaa451; } .pagetype-homepage .showcase { background:#003366; border-color: black; } .pagetype-homepage .showcase a img { border-color:#c3dcf1; } .pagetype-homepage .showcase a img#editors-pick { border-left: none; } .pagetype-homepage .showcase .box em { color:#c3dcf1; } .pagetype-israel-independence-day .showcase { background:#003366; border-color: #000033; } .pagetype-israel-independence-day .showcase a img { border-color:#ccffff; } .pagetype-israel-independence-day .showcase .box em { color:#ccffff; } .pagetype-israel-memorial-day .showcase { background:#333300; border-color: #333300; } .pagetype-israel-memorial-day .showcase a img { border-color:#fff0bb; } .pagetype-israel-memorial-day .showcase .box em { color:#fff0bb; } .pagetype-jewlarious .showcase { background:#ffff00; border-color: #ffff00; } /* NOT DEFINED */ .pagetype-jewlarious .showcase a img { border-color:#ffff00; } .pagetype-jewlarious .showcase .box em { color:#ffff00; } .pagetype-omer .showcase { background:#2f6bb7; border-color: #003366; } .pagetype-omer .showcase a img { border-color:#99ccff; } .pagetype-omer .showcase .box em { color:#99ccff; } .pagetype-passover .showcase { background:#940000; border-color: #660000; } .pagetype-passover .showcase a img { border-color:#ffcccc; } .pagetype-passover .showcase .box em { color:#ffcccc; } .pagetype-purim .showcase { background:#602d93; border-color: #330066; } .pagetype-purim .showcase a img { border-color:#ffccff; } .pagetype-purim .showcase .box em { color:#ffccff; } .pagetype-reb-noach .showcase { background:#ffff00; border-color: #ffff00; } /* NOT DEFINED */ .pagetype-reb-noach .showcase a img { border-color:#ffff00; } .pagetype-reb-noach .showcase .box em { color:#ffff00; } .pagetype-RSS .showcase { background:#cc6600; border-color: #cc6600; } .pagetype-RSS .showcase a img { border-color:#ffcc99; } .pagetype-RSS .showcase .box em { color:#ffcc99; } .pagetype-shabbat .showcase { background:#573509; border-color: #000000; } .pagetype-shabbat .showcase a img { border-color:#ffcc99; } .pagetype-shabbat .showcase .box em { color:#ffcc99; } .pagetype-shavuot .showcase { background:#451b3b; border-color: #2e0b26; } .pagetype-shavuot .showcase a img { border-color:#cc99cc; } .pagetype-shavuot .showcase .box em { color:#cc99cc; } .pagetype-sukkot .showcase { background:#336600; border-color: #003300; } .pagetype-sukkot .showcase a img { border-color:#ccffcc; } .pagetype-sukkot .showcase .box em { color:#ccffcc; } .pagetype-videos .showcase { background:#000066; border-color: #000033; } .pagetype-videos .showcase a img { border-color:#ccccff; } .pagetype-videos .showcase .box em { color:#ccccff; } .pagetype-wallcam .showcase { background:#666666; border-color: black; } .pagetype-wallcam .showcase a img { border-color:#cccccc; } .pagetype-wallcam .showcase .box em { color:#cccccc; } /*** ------------ END OF COLOR SCHEMES -------------------- ****/ /* --v-- unexamined --v-- ---------------------------------------- */ .pagetype-category .promo { margin: 9px 0 0; padding:14px 0 12px; background:#183764 url(../images/violet-promo-bg.jpg) repeat-x; } .pagetype-category .promo a.img-holder { margin:0 11px 0 12px; } .pagetype-category .promo p { padding-right:56px; color:#fff; } .pagetype-category .promo span.author { left:253px; bottom:12px; color:#fff; } .pagetype-category .promo span.author a { color:#fff;} /* These should be merged in with navbar-core fieldset ... */ .navbar-special fieldset { float:right; width:174px; } .navbar-special fieldset input { float:left; margin:0; } .navbar-special fieldset input.text { font-size:12px; line-height:15px; color:#990000; border:1px solid #183764; padding:2px 5px 1px; width:122px; } .navbar-special fieldset input.go-btn { display:inline; margin:0 0 0 1px; } /***** ***** CATEGORY/INTEREST PROMOS ***** Mini-showcases for each subcategory of the current landing page. ***** Category Promos are shown on the homepage and promote a Category. ***** Interest Promos are shown on the category landing pages and promote an Interest. *****/ .category-promo { background:url(../images/container-bg.gif) repeat-x; height:1%; overflow:hidden; padding:0 0 7px; margin:21px 0 0; } /* NOTE: "container"s other than category-promo were inheriting height:1% overflow:hidden; but overriding everything else */ .category-promo .section-bar, .interest-promo .section-bar { padding:0 10px 0 0; height:1%; overflow:hidden; background: url(../images/sectionbar-bg-generic.png) repeat-x; } .category-promo .section-bar h2, .interest-promo .section-bar h2 { text-transform: uppercase; margin:0; float:left; padding:0 0 0 10px; color:#fff; font-size:14px; line-height:19px; background:url(../images/sectionbar-titlesplash-generic.png) no-repeat top left; } .category-promo .section-bar h2 span { padding-right:20px; float:left; background: url(../images/sectionbar-titlesplash-generic.png) no-repeat top right; } .category-promo .section-bar a.more, .interest-promo .section-bar a.more { font-size:12px; color:#fff; padding:0 8px 0 0; float:right; background:url(../images/arrow-white.png) no-repeat 100% 7px; } /* Hack: the label .virtual-category is gemini'd with section-bar. I don't know the syntax for saying "match the gemini" in an IE6-friendly way */ .category-promo .virtual-category /*.section-bar*/ h2 {background:url(../images/sectionbar-titlesplashvirtual-generic.png) no-repeat top left;} .category-promo .virtual-category /*.section-bar*/ h2 span {background:url(../images/sectionbar-titlesplashvirtual-generic.png) no-repeat top right;} /** Promo Body types: **/ .category-promo .category-promo--articles { overflow:hidden; height:1%; margin:14px 0 0; background:url(../images/divider.gif) repeat-y 335px 0; } .category-promo .category-promo--articles .box-image { width:139px; padding:2px 0 0 8px; float:left; } .category-promo .category-promo--articles .box-image img { border:1px solid #ccc; display:block; } .category-promo .category-promo--articles .box-image img.black-border { border-color:#000;} .category-promo .category-promo--articles .box-text { width:177px; padding:0 0 0 10px; float:left; } .category-promo .category-promo--articles .box-text p { margin:0; padding:11px 0 0; color:#666; font-size:12px; line-height:14px; } .category-promo .category-promo--articles .also-ran { width:144px; padding:0 0 0 10px; float:left; } .category-promo .category-promo--articles .also-ran p { margin:0; padding:0 0 7px; font-size:10px; line-height:11px; color:#666; } .category-promo h3, .category-promo h4 { letter-spacing:-1px; font:bold 14px/14px Georgia, "Times New Roman", Times, serif; color:#336699; margin:0; padding:0 5px 0 0; } .category-promo h4 { font-size:13px; line-height:13px; } .category-promo h3 a, .category-promo h4 a { color:#336699;} .category-promo h4 a span { color:#cc6600;} .category-promo em.author { display:block; color:#666; font-size:12px; } .category-promo .category-promo--articles a.more { text-decoration:underline; color:#336699; font-size:10px; } .category-promo .category-promo--articles a.more:hover { text-decoration:none;} .category-promo--2medium { margin-top:14px; } .category-promo--2medium img { margin-left:12px; } .category-promo--1medium-list { margin-top:14px; } .category-promo--1medium-list img { margin-left:12px; float:left;} .category-promo--1medium-list div { margin-left:16px; width:230px; float:left;} .category-promo--1medium-list div span { font-size:10pt; font-weight:bold; } .category-promo--1medium-list div ol { margin:0; padding-left:1.5em;/* this works in FF. What about IE? */} /* Note that only the category-promo's on the special homepages have bulleted lists. */ .category-promo ul { margin:0; padding:0 2px 0 0; } .category-promo ul li { padding:0 0 4px 8px; font:bold 11px/13px Georgia, "Times New Roman", Times, serif; list-style:none; letter-spacing:-1px; } .interest-promo { background:none; margin-top:20px; padding-bottom:0; } /* NOTE: See also .category-promo section for more .interest-promo definitions! */ .interest-promo .section-bar { background:url(../images/container-head-bg-red.gif) repeat-x; height:1%; overflow:hidden; padding:0 10px 0 0; } .interest-promo .section-bar h2 { background:url(../images/red-red-container-head.gif) no-repeat; } .interest-promo .section-bar h2 span { float:left; padding:0 30px 0 0; background:url(../images/red-red-container-head-right.gif) no-repeat 100% 0;} .interest-promo .interest-promo-body { overflow:hidden; height:1%; } .interest-promo .interest-promo-body a.img-holder { display:inline; margin:0 5px 0 0; float:left; } .interest-promo .interest-promo-body a.img-holder img { display:block;} .interest-promo .interest-promo-body ul.article-list { overflow:hidden; margin:0; padding:5px 0; } .interest-promo .interest-promo-body ul.article-list li { padding:0 0 0 9px; color:#666; background:url(../images/bullet-red.gif) no-repeat 0 7px; list-style:none; } .interest-promo .interest-promo-body ul.article-list li a {color:#666;} /*** COLOR SCHEMES ***/ .pagetype-homepage .category-promo .section-bar { background-image: url(../images/sectionbar-bg-homepage.png); } .pagetype-homepage .category-promo h2, .pagetype-homepage .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-homepage.png); } .pagetype-homepage .category-promo .virtual-category h2, .pagetype-homepage .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-homepage.png); } .pagetype-9av .category-promo .section-bar { background-image: url(../images/sectionbar-bg-9av.png); } .pagetype-9av .category-promo h2, .pagetype-9av .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-9av.png); } .pagetype-9av .category-promo .virtual-category h2, .pagetype-9av .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-9av.png); } .pagetype-9av .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-9av .category-promo h3, .pagetype-9av .category-promo h3 a, .pagetype-9av .category-promo h4, .pagetype-9av .category-promo h4 a, .pagetype-9av .category-promo ul li a, .pagetype-9av .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-10tevet .category-promo .section-bar { background-image: url(../images/sectionbar-bg-10tevet.png); } .pagetype-10tevet .category-promo h2, .pagetype-10tevet .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-10tevet.png); } .pagetype-10tevet .category-promo .virtual-category h2, .pagetype-10tevet .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-10tevet.png); } .pagetype-10tevet .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-10tevet .category-promo h3, .pagetype-10tevet .category-promo h3 a, .pagetype-10tevet .category-promo h4, .pagetype-10tevet .category-promo h4 a, .pagetype-10tevet .category-promo ul li a, .pagetype-10tevet .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-15shvat .category-promo .section-bar { background-image: url(../images/sectionbar-bg-15shvat.png); } .pagetype-15shvat .category-promo h2, .pagetype-15shvat .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-15shvat.png); } .pagetype-15shvat .category-promo .virtual-category h2, .pagetype-15shvat .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-15shvat.png); } .pagetype-15shvat .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-15shvat .category-promo h3, .pagetype-15shvat .category-promo h3 a, .pagetype-15shvat .category-promo h4, .pagetype-15shvat .category-promo h4 a, .pagetype-15shvat .category-promo ul li a, .pagetype-15shvat .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-chanukah .category-promo .section-bar { background-image: url(../images/sectionbar-bg-chanukah.png); } .pagetype-chanukah .category-promo h2, .pagetype-chanukah .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-chanukah.png); } .pagetype-chanukah .category-promo .virtual-category h2, .pagetype-chanukah .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-chanukah.png); } .pagetype-chanukah .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-chanukah .category-promo h3, .pagetype-chanukah .category-promo h3 a, .pagetype-chanukah .category-promo h4, .pagetype-chanukah .category-promo h4 a, .pagetype-chanukah .category-promo ul li a, .pagetype-chanukah .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-high-holidays .category-promo .section-bar { background-image: url(../images/sectionbar-bg-high-holidays.png); } .pagetype-high-holidays .category-promo h2, .pagetype-high-holidays .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-high-holidays.png); } .pagetype-high-holidays .category-promo .virtual-category h2, .pagetype-high-holidays .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-high-holidays.png); } .pagetype-high-holidays .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-high-holidays .category-promo h3, .pagetype-high-holidays .category-promo h3 a, .pagetype-high-holidays .category-promo h4, .pagetype-high-holidays .category-promo h4 a, .pagetype-high-holidays .category-promo ul li a, .pagetype-high-holidays .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-holiday-list .category-promo .section-bar { background-image: url(../images/sectionbar-bg-holiday-list.png); } .pagetype-holiday-list .category-promo h2, .pagetype-holiday-list .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-holiday-list.png); } .pagetype-holiday-list .category-promo .virtual-category h2, .pagetype-holiday-list .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-holiday-list.png); } .pagetype-holiday-list .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-holiday-list .category-promo h3, .pagetype-holiday-list .category-promo h3 a, .pagetype-holiday-list .category-promo h4, .pagetype-holiday-list .category-promo h4 a, .pagetype-holiday-list .category-promo ul li a, .pagetype-holiday-list .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-holocaust .category-promo .section-bar { background-image: url(../images/sectionbar-bg-holocaust.png); } .pagetype-holocaust .category-promo h2, .pagetype-holocaust .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-holocaust.png); } .pagetype-holocaust .category-promo .virtual-category h2, .pagetype-holocaust .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-holocaust.png); } .pagetype-holocaust .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-holocaust .category-promo h3, .pagetype-holocaust .category-promo h3 a, .pagetype-holocaust .category-promo h4, .pagetype-holocaust .category-promo h4 a, .pagetype-holocaust .category-promo ul li a, .pagetype-holocaust .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-israel-independence-day .category-promo .section-bar { background-image: url(../images/sectionbar-bg-israel-independence-day.png); } .pagetype-israel-independence-day .category-promo h2, .pagetype-israel-independence-day .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-israel-independence-day.png); } .pagetype-israel-independence-day .category-promo .virtual-category h2, .pagetype-israel-independence-day .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-israel-independence-day.png); } .pagetype-israel-independence-day .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-israel-independence-day .category-promo h3, .pagetype-israel-independence-day .category-promo h3 a, .pagetype-israel-independence-day .category-promo h4, .pagetype-israel-independence-day .category-promo h4 a, .pagetype-israel-independence-day .category-promo ul li a, .pagetype-israel-independence-day .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-israel-memorial-day .category-promo .section-bar { background-image: url(../images/sectionbar-bg-israel-memorial-day.png); } .pagetype-israel-memorial-day .category-promo h2, .pagetype-israel-memorial-day .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-israel-memorial-day.png); } .pagetype-israel-memorial-day .category-promo .virtual-category h2, .pagetype-israel-memorial-day .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-israel-memorial-day.png); } .pagetype-israel-memorial-day .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-israel-memorial-day .category-promo h3, .pagetype-israel-memorial-day .category-promo h3 a, .pagetype-israel-memorial-day .category-promo h4, .pagetype-israel-memorial-day .category-promo h4 a, .pagetype-israel-memorial-day .category-promo ul li a, .pagetype-israel-memorial-day .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-jewlarious .category-promo .section-bar { background-image: url(../images/sectionbar-bg-jewlarious.png); } .pagetype-jewlarious .category-promo h2, .pagetype-jewlarious .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-jewlarious.png); } .pagetype-jewlarious .category-promo .virtual-category h2, .pagetype-jewlarious .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-jewlarious.png); } .pagetype-jewlarious .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-jewlarious .category-promo h3, .pagetype-jewlarious .category-promo h3 a, .pagetype-jewlarious .category-promo h4, .pagetype-jewlarious .category-promo h4 a, .pagetype-jewlarious .category-promo ul li a, .pagetype-jewlarious .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-omer .category-promo .section-bar { background-image: url(../images/sectionbar-bg-omer.png); } .pagetype-omer .category-promo h2, .pagetype-omer .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-omer.png); } .pagetype-omer .category-promo .virtual-category h2, .pagetype-omer .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-omer.png); } .pagetype-omer .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-omer .category-promo h3, .pagetype-omer .category-promo h3 a, .pagetype-omer .category-promo h4, .pagetype-omer .category-promo h4 a, .pagetype-omer .category-promo ul li a, .pagetype-omer .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-passover .category-promo .section-bar { background-image: url(../images/sectionbar-bg-passover.png); } .pagetype-passover .category-promo h2, .pagetype-passover .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-passover.png); } .pagetype-passover .category-promo .virtual-category h2, .pagetype-passover .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-passover.png); } .pagetype-passover .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-passover .category-promo h3, .pagetype-passover .category-promo h3 a, .pagetype-passover .category-promo h4, .pagetype-passover .category-promo h4 a, .pagetype-passover .category-promo ul li a, .pagetype-passover .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-purim .category-promo .section-bar { background-image: url(../images/sectionbar-bg-purim.png); } .pagetype-purim .category-promo h2, .pagetype-purim .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-purim.png); } .pagetype-purim .category-promo .virtual-category h2, .pagetype-purim .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-purim.png); } .pagetype-purim .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-purim .category-promo h3, .pagetype-purim .category-promo h3 a, .pagetype-purim .category-promo h4, .pagetype-purim .category-promo h4 a, .pagetype-purim .category-promo ul li a, .pagetype-purim .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-reb-noach .category-promo .section-bar { background-image: url(../images/sectionbar-bg-reb-noach.png); } .pagetype-reb-noach .category-promo h2, .pagetype-reb-noach .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-reb-noach.png); } .pagetype-reb-noach .category-promo .virtual-category h2, .pagetype-reb-noach .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-reb-noach.png); } .pagetype-reb-noach .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-reb-noach .category-promo h3, .pagetype-reb-noach .category-promo h3 a, .pagetype-reb-noach .category-promo h4, .pagetype-reb-noach .category-promo h4 a, .pagetype-reb-noach .category-promo ul li a, .pagetype-reb-noach .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-RSS .category-promo .section-bar { background-image: url(../images/sectionbar-bg-RSS.png); } .pagetype-RSS .category-promo h2, .pagetype-RSS .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-RSS.png); } .pagetype-RSS .category-promo .virtual-category h2, .pagetype-RSS .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-RSS.png); } .pagetype-RSS .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-RSS .category-promo h3, .pagetype-RSS .category-promo h3 a, .pagetype-RSS .category-promo h4, .pagetype-RSS .category-promo h4 a, .pagetype-RSS .category-promo ul li a, .pagetype-RSS .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-shabbat .category-promo .section-bar { background-image: url(../images/sectionbar-bg-shabbat.png); } .pagetype-shabbat .category-promo h2, .pagetype-shabbat .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-shabbat.png); } .pagetype-shabbat .category-promo .virtual-category h2, .pagetype-shabbat .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-shabbat.png); } .pagetype-shabbat .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-shabbat .category-promo h3, .pagetype-shabbat .category-promo h3 a, .pagetype-shabbat .category-promo h4, .pagetype-shabbat .category-promo h4 a, .pagetype-shabbat .category-promo ul li a, .pagetype-shabbat .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-shavuot .category-promo .section-bar { background-image: url(../images/sectionbar-bg-shavuot.png); } .pagetype-shavuot .category-promo h2, .pagetype-shavuot .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-shavuot.png); } .pagetype-shavuot .category-promo .virtual-category h2, .pagetype-shavuot .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-shavuot.png); } .pagetype-shavuot .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-shavuot .category-promo h3, .pagetype-shavuot .category-promo h3 a, .pagetype-shavuot .category-promo h4, .pagetype-shavuot .category-promo h4 a, .pagetype-shavuot .category-promo ul li a, .pagetype-shavuot .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-sukkot .category-promo .section-bar { background-image: url(../images/sectionbar-bg-sukkot.png); } .pagetype-sukkot .category-promo h2, .pagetype-sukkot .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-sukkot.png); } .pagetype-sukkot .category-promo .virtual-category h2, .pagetype-sukkot .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-sukkot.png); } .pagetype-sukkot .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-sukkot .category-promo h3, .pagetype-sukkot .category-promo h3 a, .pagetype-sukkot .category-promo h4, .pagetype-sukkot .category-promo h4 a, .pagetype-sukkot .category-promo ul li a, .pagetype-sukkot .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-videos .category-promo .section-bar { background-image: url(../images/sectionbar-bg-videos.png); } .pagetype-videos .category-promo h2, .pagetype-videos .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-videos.png); } .pagetype-videos .category-promo .virtual-category h2, .pagetype-videos .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-videos.png); } .pagetype-videos .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-videos .category-promo h3, .pagetype-videos .category-promo h3 a, .pagetype-videos .category-promo h4, .pagetype-videos .category-promo h4 a, .pagetype-videos .category-promo ul li a, .pagetype-videos .category-promo .category-promo--articles a.more { color:#BADBAD;} .pagetype-wallcam .category-promo .section-bar { background-image: url(../images/sectionbar-bg-wallcam.png); } .pagetype-wallcam .category-promo h2, .pagetype-wallcam .category-promo h2 span { background-image: url(../images/sectionbar-titlesplash-wallcam.png); } .pagetype-wallcam .category-promo .virtual-category h2, .pagetype-wallcam .category-promo .virtual-category h2 span { background-image: url(../images/sectionbar-titlesplashvirtual-wallcam.png); } .pagetype-wallcam .category-promo ul li { background: url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-wallcam .category-promo h3, .pagetype-wallcam .category-promo h3 a, .pagetype-wallcam .category-promo h4, .pagetype-wallcam .category-promo h4 a, .pagetype-wallcam .category-promo ul li a, .pagetype-wallcam .category-promo .category-promo--articles a.more { color:#BADBAD;} /* Chanukah */ /* --- OBSOLETED BY COLOR SCHEMES ABOVE .pagetype-chanukah .category-promo .section-bar { background:url(../images/container-head-bg-brown.gif) repeat-x;} .pagetype-chanukah .category-promo h2 { background:url(../images/brown-container-head-bg.gif) no-repeat;} .pagetype-chanukah .category-promo h2 span { background:url(../images/brown-container-head-bg-right.gif) no-repeat 100% 0;} .pagetype-chanukah .category-promo .virtual-category h2 { background:url(../images/red-brown-container-head.gif) no-repeat;} .pagetype-chanukah .category-promo .virtual-category h2 span { background:url(../images/red-brown-container-head-right.gif) no-repeat 100% 0;} .pagetype-chanukah .category-promo ul li { background:url(../images/bullet-brown.gif) no-repeat 0 5px; } .pagetype-chanukah .category-promo h3, .pagetype-chanukah .category-promo h3 a, .pagetype-chanukah .category-promo h4, .pagetype-chanukah .category-promo h4 a, .pagetype-chanukah .category-promo ul li a, .pagetype-chanukah .category-promo .category-promo--articles a.more { color:#663300;} ------------------- */ /* --- **MOSTLY** OBSOLETED BY COLOR SCHEMES ABOVE .pagetype-jewlarious .category-promo .section-bar { background:url(../images/sectionbar-bg-jewlarious.png) repeat-x; } .pagetype-jewlarious .category-promo h2 { color:rgb(255,205,0); background:url(../images/sectionbar-title-jewlarious.png) no-repeat; } .pagetype-jewlarious .category-promo h2 span { background:url(../images/sectionbar-titlebevel-jewlarious.png) no-repeat 100% 0; } .pagetype-jewlarious .category-promo .section-bar a.more { font-family: Arial, sans-serif; color:#036; } .pagetype-jewlarious .category-promo h3, .pagetype-jewlarious .category-promo h3 a, .pagetype-jewlarious .category-promo h4, .pagetype-jewlarious .category-promo h4 a, .pagetype-jewlarious .category-promo ul li a, .pagetype-jewlarious .category-promo .category-promo--1medium-list, .pagetype-jewlarious .category-promo .category-promo--articles a.more { color:rgb(0, 52, 102);} .category-promo--comix { text-align:center; margin-top:14px; overflow:hidden; } ---------------- */ /* ---------------- */ /** HACK: Jewlarious **/ .category-promo .category-promo--articles .comix { text-align: center; } /***** ***** WIDGETS *****/ /*.dashboard ul { margin:0; padding:0; } PSD2HTML added this but seems to always override it anyway. It's causing problems with the Jewlarious Jokes widget, so I'm striking it. */ .widget { margin:5px 0 0; overflow:hidden; height:1%; border:1px solid #9abddb; background:#c3dcf1; padding:0 0 6px; } .widget h3, .subdued-widget h3 { font-size:14px; line-height:16px; padding:1px 8px; margin:0; color:#003366; } .subdued-widget h3 { padding-top:5px;} .widget h3 em { font-weight:normal; font-size:11px; } /* I commented out div.tab because I believe this is unused except by .widget--most-popular-in, which overrides all these descriptors except overflow:hidden. nope! It's used on the homepage Most Popular Widget */ div.tab, .widget .box, .subdued-widget .box { margin:0 6px 0 5px; background:#fff; border:1px solid #99bedb; overflow:hidden; } .widget .box, .subdued-widget .box { margin:2px 8px 1px; width:323px; } .subdued-widget { margin:5px 0 0; overflow:hidden; height:1%; border:1px solid #ccc; background:#f3f2f3; padding:0 0 6px; } .subdued-widget h3.small { margin:0; padding:0 8px; font-size:10px; line-height:13px; color:#999; } ul.banners { padding:0; margin:2px 0 2px 2px; height:1%; overflow:hidden; } ul.banners li { float:left; padding:0 0 7px 7px; list-style:none; } ul.banners a img { display:block; } .video { margin:8px 10px 12px; background:#183764; padding:0 0 2px; } .video a.img-holder img { display:block; border:1px solid #000; } a.view { white-space:nowrap; margin:0 0 0 116px; font-size:12px; color:#fff; padding:1px 0 2px 18px; background:url(../images/icon-view.gif) no-repeat; } ul.banners-list { overflow:hidden; height:1%; margin:0; padding:0 9px; } ul.banners-list li { width:323px; float:left; list-style:none; padding:0 0 4px; } ul.banners-list li img { border:1px solid #9bbfe9; display:block; } .widget fieldset.form { padding:0 7px 8px; margin:0 8px 186px; background:#fff; border:1px solid #9abddb; overflow:hidden; } .widget fieldset.form select { font-size:11px; line-height:14px; color:#000; display:block; margin:9px 0 0; padding:1px 0; width:202px; } /* -- "Most Popular Widget" ----------------------------------------------------------------- */ /** This css is gross. Everything is inter-related in obscene ways. I tried cleaning it up, but it really needs to be redone from scratch. The basic model is that you have an article-list ("items-list number"). The can be used as a tabpage within a most-popular-by-media or most-popular-in object. The most most-popular-by-media may in turn be used as a tabpage within a most-popular-in object or within a simple widget. **/ #tab2, #tab1-2, #tab2-2 { display:none; } /* Hide secondary tabs from the get-go, rather than wait for the Javscript OnLoad to kick in */ /* Note: ul.items-list is also used in other widgets */ ul.items-list { margin:0; padding:0 12px 0 9px; } ul.items-list li { padding:3px 0 4px; margin-bottom:-1px; border-bottom:1px solid #ccc; list-style:none; } ul.items-list li h4 { clear:both; overflow:hidden; color:#336699; margin:0; font:bold 13px/14px Georgia, "Times New Roman", Times, serif; } /*ul.items-list li h4 a {color:#336699;} Commented out to test under IE. Under firefox, this line isn't needed at all. */ /* ul.number li h4 a {display:table;} PSD2HTML added this, but it breaks the hover underlining and doesn't seem to affect the layout. What's it here for? */ * html ul.number li h4 a {float:left;} /* what's with the * html ??? */ ul.number li h4 span { padding-bottom:2px; width:14px; float:left; padding-right:3px; } ul.items-list li p { margin:0; padding:0; color:#666; font-size:10px; line-height:12px; } div.tab ul.items-list li p {padding:0 0 0 16px;} ul.tabset { height:1%; overflow:hidden; margin:0 0 -1px; padding:0 0 0 5px; position:relative; z-index:10; } ul.tabset li { list-style:none; padding:0 2px 0 0; float:left; } ul.tabset li a { color:#336699; font-size:12px; line-height:15px; float:left; text-decoration:none; margin-right: 2px; } ul.tabset li a span { cursor:pointer; white-space:nowrap; height:16px; margin-left: 5px; margin-right: -2px; padding:2px 5px 0 0; float:left; } .pagetype-homepage ul.tabset li a:hover, .pagetype-homepage ul.tabset li a.active { color:#cc3300; text-decoration:none; background:url(../images/tab-most-popular-mediatype-homepage.gif) no-repeat top left; } .pagetype-homepage ul.tabset li a:hover span, .pagetype-homepage ul.tabset li a.active span { background:url(../images/tab-most-popular-mediatype-homepage.gif) no-repeat top right;} .widget--most-popular-in { overflow:hidden; height:1%; margin: 20px 0 0; } .widget--most-popular-in h3 { padding:3px 5px 0 2px; margin:0; font-weight:normal; font-size:14px; color:#336699; float:left; } .widget--most-popular-in div.tab { margin:0; padding:5px 6px 6px 5px; border: 1px solid; } .widget--most-popular-in div.tab div.tab { padding:0; overflow:hidden; background:#fff; } /* this selects the nested tabs of special-homepage */ .widget--most-popular-in ul.tabset--most-popular-in li { padding:0 2px 0 0; } .widget--most-popular-in ul.tabset--most-popular-in a { color:#336699; margin-right: 2px;/*NSM*/ font-size:14px; font-weight:bold; background:url(../images/tab-aish-com.gif) no-repeat; } .widget--most-popular-in ul.tabset--most-popular-in a:hover, .widget--most-popular-in ul.tabset--most-popular-in a.active { color:#fff; background:/*url(../images/tab-current-issues.gif)*/ no-repeat left; } .widget--most-popular-in ul.tabset--most-popular-in a span { padding:4px 12px 0 0; margin-left: 12px; margin-right: -2px;/*NSM*/ height:20px; background:url(../images/tab-aish-com.gif) no-repeat right; } .widget--most-popular-in ul.tabset--most-popular-in a:hover span, .widget--most-popular-in ul.tabset--most-popular-in a.active span { background:/*url(../images/tab-current-issues.gif)*/ no-repeat right;} .widget--most-popular-in div.box { overflow:hidden; height:1%; background:#fff; border:1px solid #660000; } /* tabset--most-popular-by-media only exists on the special pages! */ .widget--most-popular-in ul.tabset--most-popular-by-media a { color:#fff;} .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .widget--most-popular-in ul.tabset--most-popular-by-media a.active { color: #990000 /* was #cc3300*/; background:url(../images/tab-most-popular-mediatype-purim.gif) no-repeat top left; } .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span, .widget--most-popular-in ul.tabset--most-popular-by-media a.active span { background:url(../images/tab-most-popular-mediatype-purim.gif) no-repeat top right;} /** COLOR SCHEMES **/ /* generic */ .widget--most-popular-in ul.tabset--most-popular-in a.active, /* generic */ .widget--most-popular-in ul.tabset--most-popular-in a.active span, /* generic */ .widget--most-popular-in ul.tabset--most-popular-in a:hover, /* generic */ .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-generic.gif); } /* generic */ .widget--most-popular-in div.tab { background: #183764; } /* generic */ .widget--most-popular-in div.tab { border-color: #183764; } /* Outer trim */ /* generic */ .widget--most-popular-in div.tab div.tab { border-color: #183764; } /* Inner trim */ /* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a.active, /* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, /* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, /* generic */ .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-generic.gif); } /* Core Sections */ .pagetype-jewish-world .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-jewish-world .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-jewish-world .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-jewish-world .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-jewish-world.gif); } .pagetype-jewish-world .widget--most-popular-in div.tab { background: #339999; } .pagetype-jewish-world .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-jewish-world .widget--most-popular-in div.tab div.tab { border-color: #006666; } /* Inner trim */ .pagetype-current-issues .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-current-issues .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-current-issues .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-current-issues .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-current-issues.gif); } .pagetype-current-issues .widget--most-popular-in div.tab { background: #990000; } .pagetype-current-issues .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-current-issues .widget--most-popular-in div.tab div.tab { border-color: #660000; } /* Inner trim */ .pagetype-spirituality .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-spirituality .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-spirituality .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-spirituality .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-spirituality.gif); } .pagetype-spirituality .widget--most-popular-in div.tab { background: #CC9933; } .pagetype-spirituality .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-spirituality .widget--most-popular-in div.tab div.tab { border-color: #996600; } /* Inner trim */ .pagetype-family .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-family .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-family .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-family .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-family.gif); } .pagetype-family .widget--most-popular-in div.tab { background: #9966CC; } .pagetype-family .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-family .widget--most-popular-in div.tab div.tab { border-color: #663399; } /* Inner trim */ .pagetype-dating .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-dating .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-dating .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-dating .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-dating.gif); } .pagetype-dating .widget--most-popular-in div.tab { background: #FF9966; } .pagetype-dating .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-dating .widget--most-popular-in div.tab div.tab { border-color: #cc6633; } /* Inner trim */ .pagetype-jewish-literacy .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-jewish-literacy .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-jewish-literacy .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-jewish-literacy .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-jewish-literacy.gif); } .pagetype-jewish-literacy .widget--most-popular-in div.tab { background: #339933; } .pagetype-jewish-literacy .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-jewish-literacy .widget--most-popular-in div.tab div.tab { border-color: #006600; } /* Inner trim */ /* Special Sections */ .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-9av.gif); } .pagetype-9av .widget--most-popular-in div.tab { background: #660000; } .pagetype-9av .widget--most-popular-in div.tab { border-color: #330000; } /* Outer trim */ .pagetype-9av .widget--most-popular-in div.tab div.tab { border-color: #330000; } /* Inner trim */ .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-9av .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-9av.gif); } .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-10tevet.gif); } .pagetype-10tevet .widget--most-popular-in div.tab { background: #660000; } .pagetype-10tevet .widget--most-popular-in div.tab { border-color: #330000; } /* Outer trim */ .pagetype-10tevet .widget--most-popular-in div.tab div.tab { border-color: #330000; } /* Inner trim */ .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-10tevet .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-10tevet.gif); } .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-15shvat.gif); } .pagetype-15shvat .widget--most-popular-in div.tab { background: #339933; } .pagetype-10tevet .widget--most-popular-in div.tab { border-color: #339933; } /* Outer trim */ .pagetype-10tevet .widget--most-popular-in div.tab div.tab { border-color: #339933; } /* Inner trim */ .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-15shvat .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-15shvat.gif); } .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-chanukah.gif); } .pagetype-chanukah .widget--most-popular-in div.tab { background: #996633; } .pagetype-chanukah .widget--most-popular-in div.tab { border-color: #6b4015; } /* Outer trim */ .pagetype-chanukah .widget--most-popular-in div.tab div.tab { border-color: #6b4015; } /* Inner trim */ .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-chanukah.gif); } .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-high-holidays.gif); } .pagetype-high-holidays .widget--most-popular-in div.tab { background: #003366; } .pagetype-high-holidays .widget--most-popular-in div.tab { border-color: #000033; } /* Outer trim */ .pagetype-high-holidays .widget--most-popular-in div.tab div.tab { border-color: #000033; } /* Inner trim */ .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-high-holidays .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-high-holidays.gif); } .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-holiday-list.gif); } .pagetype-holiday-list .widget--most-popular-in div.tab { background: #996633; } .pagetype-holiday-list .widget--most-popular-in div.tab { border-color: #6b4015; } /* Outer trim */ .pagetype-holiday-list .widget--most-popular-in div.tab div.tab { border-color: #6b4015; } /* Inner trim */ .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-holiday-list .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-holiday-list.gif); } .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-holocaust.gif); } .pagetype-holocaust .widget--most-popular-in div.tab { background: #3c0904; } .pagetype-holocaust .widget--most-popular-in div.tab { border-color: #3c0904; } /* Outer trim */ .pagetype-holocaust .widget--most-popular-in div.tab div.tab { border-color: #3c0904; } /* Inner trim */ .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-holocaust .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-holocaust.gif); } .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-israel-independence-day.gif); } .pagetype-israel-independence-day .widget--most-popular-in div.tab { background: #003366; } .pagetype-israel-independence-day .widget--most-popular-in div.tab { border-color: #000033; } /* Outer trim */ .pagetype-israel-independence-day .widget--most-popular-in div.tab div.tab { border-color: #000033; } /* Inner trim */ .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-israel-independence-day .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-israel-independence-day.gif); } .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-israel-memorial-day.gif); } .pagetype-israel-memorial-day .widget--most-popular-in div.tab { background: #333300; } .pagetype-israel-memorial-day .widget--most-popular-in div.tab { border-color: #333300; } /* Outer trim */ .pagetype-israel-memorial-day .widget--most-popular-in div.tab div.tab { border-color: #333300; } /* Inner trim */ .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-israel-memorial-day .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-israel-memorial-day.gif); } .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-jewlarious.gif); } .pagetype-jewlarious .widget--most-popular-in div.tab { background: #FF9966; } .pagetype-jewlarious .widget--most-popular-in div.tab { border-color: #FF9966; } /* Outer trim */ .pagetype-jewlarious .widget--most-popular-in div.tab div.tab { border-color: #FF9966; } /* Inner trim */ .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-jewlarious .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-jewlarious.gif); } .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-omer.gif); } .pagetype-omer .widget--most-popular-in div.tab { background: #2f6bb7; } .pagetype-omer .widget--most-popular-in div.tab { border-color: #003366; } /* Outer trim */ .pagetype-omer .widget--most-popular-in div.tab div.tab { border-color: #003366; } /* Inner trim */ .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-omer .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-omer.gif); } .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-passover.gif); } .pagetype-passover .widget--most-popular-in div.tab { background: #940000; } .pagetype-passover .widget--most-popular-in div.tab { border-color: #660000; } /* Outer trim */ .pagetype-passover .widget--most-popular-in div.tab div.tab { border-color: #660000; } /* Inner trim */ .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-passover .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-passover.gif); } .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-purim.gif); } .pagetype-purim .widget--most-popular-in div.tab { background: #602d93; } .pagetype-purim .widget--most-popular-in div.tab { border-color: #330066; } /* Outer trim */ .pagetype-purim .widget--most-popular-in div.tab div.tab { border-color: #330066; } /* Inner trim */ .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-purim .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-purim.gif); } .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-reb-noach.gif); } .pagetype-reb-noach .widget--most-popular-in div.tab { background: #FF9966; } .pagetype-reb-noach .widget--most-popular-in div.tab { border-color: #FF9966; } /* Outer trim */ .pagetype-reb-noach .widget--most-popular-in div.tab div.tab { border-color: #FF9966; } /* Inner trim */ .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-reb-noach .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-reb-noach.gif); } .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-RSS.gif); } .pagetype-RSS .widget--most-popular-in div.tab { background: #cc6600; } .pagetype-RSS .widget--most-popular-in div.tab { border-color: #cc6600; } /* Outer trim */ .pagetype-RSS .widget--most-popular-in div.tab div.tab { border-color: #cc6600; } /* Inner trim */ .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-RSS .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-RSS.gif); } .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-shabbat.gif); } .pagetype-shabbat .widget--most-popular-in div.tab { background: #573509; } .pagetype-shabbat .widget--most-popular-in div.tab { border-color: #000000; } /* Outer trim */ .pagetype-shabbat .widget--most-popular-in div.tab div.tab { border-color: #000000; } /* Inner trim */ .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-shabbat .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-shabbat.gif); } .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-shavuot.gif); } .pagetype-shavuot .widget--most-popular-in div.tab { background: #451b3b; } .pagetype-shavuot .widget--most-popular-in div.tab { border-color: #2e0b26; } /* Outer trim */ .pagetype-shavuot .widget--most-popular-in div.tab div.tab { border-color: #2e0b26; } /* Inner trim */ .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-shavuot .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-shavuot.gif); } .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-sukkot.gif); } .pagetype-sukkot .widget--most-popular-in div.tab { background: #336600; } .pagetype-sukkot .widget--most-popular-in div.tab { border-color: #003300; } /* Outer trim */ .pagetype-sukkot .widget--most-popular-in div.tab div.tab { border-color: #003300; } /* Inner trim */ .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-sukkot .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-sukkot.gif); } .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-videos.gif); } .pagetype-videos .widget--most-popular-in div.tab { background: #000066; } .pagetype-videos .widget--most-popular-in div.tab { border-color: #000033; } /* Outer trim */ .pagetype-videos .widget--most-popular-in div.tab div.tab { border-color: #000033; } /* Inner trim */ .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-videos .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-videos.gif); } .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-in a.active, .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-in a.active span, .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-in a:hover span { background-image: url(../images/tab-wallcam.gif); } .pagetype-wallcam .widget--most-popular-in div.tab { background: #666666; } .pagetype-wallcam .widget--most-popular-in div.tab { border-color: #000000; } /* Outer trim */ .pagetype-wallcam .widget--most-popular-in div.tab div.tab { border-color: #000000; } /* Inner trim */ .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-by-media a.active, .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-by-media a:hover, .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-by-media a.active span, .pagetype-wallcam .widget--most-popular-in ul.tabset--most-popular-by-media a:hover span { background-image: url(../images/tab-most-popular-mediatype-wallcam.gif); } /** END COLOR SCHEMES for Most Popular In widget **/ /** Anything set in here ought to be merged into either the generic definition or the chanukah color scheme above......... .pagetype-chanukah .widget--most-popular-in div.tab{ background:#cc9933; border:1px solid #996600; } .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a { background:url(../images/tab-aish-com.gif) no-repeat; } .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a span { padding:3px 20px 0 0; margin-left: 20px; height:21px; background:url(../images/tab-aish-com.gif) no-repeat right; } .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a:hover, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a.active { background:url(../images/tab-chanukah.gif) no-repeat; } .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a:hover span, .pagetype-chanukah .widget--most-popular-in ul.tabset--most-popular-in a.active span { background:url(../images/tab-chanukah.gif) no-repeat right; } **/ /* ------------------------------------------------------------------------------------------------------------------ */ .widget--latest-jokes { background:rgb(255,224,85) url(../images/jewlarious-latest-jokes-bg.gif) no-repeat -1px -1px; padding:86px 18px 17px; border:rgb(214,164,51) 1px solid; margin-top:21px; } .widget--latest-jokes ul { list-style-type: none; margin:0; padding:0;} .widget--latest-jokes li { border-bottom: rgb(224,156,59) 1px solid; padding: 0.5em 0;} .widget--latest-jokes h6 { margin: 0pt; font-family: Verdana,Arial; font-size: 12px; font-weight: bold; } .widget--latest-jokes p { margin: 0pt; } .widget--latest-jokes span { color: red; } .widget--latest-jokes img { margin-top:11px; margin-left:92px; } .widget--jewlarious-jokes { margin:20px 0 0; padding:5px; border:1px solid #9abddb; background:#c3dcf1; overflow:hidden; height:1%; } .widget--jewlarious-jokes input { margin-right:4px; } .widget--jewlarious-jokes p { font-family:Verdana,Arial; font-size:12px; font-weight:bold; color:#436FA0; text-transform:uppercase; } /** widget--textbox = A box with an h6 title and div containing text **/ .widget--textbox { padding: 6px; } .widget--textbox h6 { font-weight: bold; font-size: 14px; margin:0 0 0.25em; } .pagetype-ask-the-rabbi .widget--textbox div { padding:10px; } .pagetype-ask-the-rabbi .widget--textbox div p { margin-top:0; } #ask-the-rabbi--top-question-widget { margin-top:23px /*approximated*/; } .pagetype-ask-the-rabbi .widget--textbox { border:rgb(0,52,102) 1px solid; background:rgb(51,103,153); } .pagetype-ask-the-rabbi .widget--textbox h6 { color:white; } .pagetype-ask-the-rabbi .widget--textbox div { border:rgb(0,52,102) 1px solid; background:white; color:rgb(51,103,153); } /* this is for the most-popular-in widget at the bottom of the category page, which is embedded inside of a subdued widget */ .subdued-widget .widget--most-popular-in div.box { width:auto; padding:0; margin:0; } /******* ******* Special (usu. holiday specific) pages *******/ ul.bullets-items-list li { padding-left:8px; background:url(../images/bullet-blue.gif) no-repeat 0 12px; } ul.bullets-items-list li h4 { font-size:11px; padding-top:4px; padding-bottom:2px; } ul.bullets-items-list li span { font-size:10px; color:#ff9900; } .subdued-widget .box img { display:block;} .subs-box { margin:8px 8px 0; padding:2px; background:#fff; border:1px solid #9abddb; } .subs-box fieldset { padding:0 0 15px 31px; overflow:hidden; background:#ffcc66 url(../images/subs-box-bg.gif) repeat-x; border:1px solid #cc9900; } .subs-box fieldset input.text { background:#fff url(../images/input-bg.gif) repeat-x; float:left; display:inline; margin:0; padding:3px 5px 2px; border:1px solid #7c7c7c; border-top:1px solid #7c7c7c; } .subs-btn { display:inline; margin:0 0 0 2px; float:left; } .subs-box fieldset label { font-size:17px; color:#990000; padding:54px 0 11px 18px; display:block; background:url(../images/envelope.gif) no-repeat 70px 0; } /*------------------------------------- pagetype-CIA ---------------------------------*/ /*-- breadcrumbs --*/ ul.breadcrumbs { overflow:hidden; height:1%; margin:0; padding: 20px 0 0; } ul.breadcrumbs li { padding:0 4px 0 9px; background:url(../images/breadcrumb-arrow.gif) no-repeat 0 5px; float:left; list-style:none; font-size:12px; line-height:14px; } ul.breadcrumbs li:first-child { background:none; padding-left:0; } ul.breadcrumbs li a { color:#999; text-transform: uppercase; } ul.breadcrumbs li a:hover { color: inherit; } /* Color Schemes */ .pagetype-CIA /*This is just a placeholder. Replace with core category names*/ ul.breadcrumbs { color:#990000; } .pagetype-ask-the-rabbi ul.breadcrumbs { color: #000000; } .pagetype-9av ul.breadcrumbs { color: #660000; } .pagetype-10tevet ul.breadcrumbs { color: #660000; } .pagetype-15shvat ul.breadcrumbs { color: #1f841f; } .pagetype-chanukah ul.breadcrumbs { color: #993300; } .pagetype-high-holidays ul.breadcrumbs { color: #003366; } .pagetype-holiday-list ul.breadcrumbs { color: #993300; } .pagetype-holocaust ul.breadcrumbs { color: #3c0904; } .pagetype-israel-independence-day ul.breadcrumbs { color: #052571; } .pagetype-israel-memorial-day ul.breadcrumbs { color: #493e0c; } .pagetype-jewlarious ul.breadcrumbs { color: #990000; } .pagetype-omer ul.breadcrumbs { color: #2f6bb7; } .pagetype-passover ul.breadcrumbs { color: #940000; } .pagetype-purim ul.breadcrumbs { color: #669900; } .pagetype-reb-noach ul.breadcrumbs { color: #8c7647; } .pagetype-RSS ul.breadcrumbs { color: #993300; } .pagetype-shabbat ul.breadcrumbs { color: #993300; } .pagetype-shavuot ul.breadcrumbs { color: #451b3b; } .pagetype-sukkot ul.breadcrumbs { color: #336600; } .pagetype-videos ul.breadcrumbs { color: #3366cc; } .pagetype-wallcam ul.breadcrumbs { color: #cc6600; } /*-- promo --*/ .promo { position:relative; overflow:hidden; height:1%; padding: 10px 0 26px; } .promo a.img-holder { float:left; display:inline; margin:0 12px 0 0; } .promo a.img-holder img { border:1px solid #000; display:block; } .promo span.author { color:#666; font-size:12px; position:absolute; left:243px; bottom:26px; } .promo span.author a { text-decoration:underline; color:#666; } .promo span.author a:hover { text-decoration:none;} .promo p { font-size:16px; line-height:18px; color:#000; margin:0; padding:0 0 10px; } .promo a.more { padding:0 10px 0 0; text-decoration:underline; background:url(../images/arrow-red.gif) no-repeat 100% 5px; font-size:14px; color:#990000; } .promo a.more:hover { text-decoration:none;} /*-- tools --*/ ul.tools { height:26px; background:url(../images/tools-bg.gif) no-repeat; margin:7px 0 0; padding:4px 0 9px 33px; overflow:hidden; } ul.bottom-tools { padding-bottom:5px; padding-left:20px; margin-top:2px; } ul.tools li { padding:0 3px 0 0; float:left; list-style:none; } ul.tools li a { display:block; line-height:22px; font-size:12px; color:#666; } ul.tools li a.top { background:url(../images/top-arrow.gif) no-repeat 0 8px; width:28px; padding:0 0 0 13px; } ul.tools li a.comment { background:url(../images/btn-comment.gif) no-repeat; width:60px; padding:0 0 0 28px; } ul.tools li a.email { background:url(../images/btn-e-mail.gif) no-repeat; width:40px; padding:0 0 0 32px; } ul.tools li a.print { background:url(../images/btn-print.gif) no-repeat; width:40px; padding:0 0 0 32px; } ul.tools li a.save { background:url(../images/btn-save.gif) no-repeat; width:40px; padding:0 0 0 32px; } ul.tools li a.share { background:url(../images/btn-share.gif) no-repeat; width:71px; padding:0 0 0 46px; } /* Added for Parsha */ ul.tools li a.back-issues { background:url(../images/btn-back.gif) no-repeat; width:74px; padding:0 0 0 33px; } .article-content { overflow:hidden; height:1%; padding-bottom:17px; } .article-content p { margin:0; padding:16px 0 0; } .article-content p strong.left-text { width:155px; float:left; display:inline; margin:0 9px 0 0; font-size:18px; line-height:20px; color:#990000; font-weight:normal; } p.date-published { padding-top:23px; display:block; text-align:right; font-size:10px; color:#999; } p.support-info { color:#cc0000; padding-top:0; } p.support-info a { color:#cc0000; text-decoration:underline; } /** Added for Parsha **/ /*-------------- new-boxes css --------------*/ /*-- graphic --*/ .graphic { padding:32px 0 23px 115px; } .graphic img { display:block;} .article-content h2 { margin:0; color:#990000; font-size:20px; font-weight:bold; padding:17px 0 0; } .article-content h2 span { padding:0 0 0 5px; color:#666; font-weight:normal; } .article-content h3 { margin:0; padding:7px 0 9px; color:#000; font-size:20px; font-weight:normal; } .article-type--video { text-align: center; } /*-- pager-box --*/ .pager-box { margin:19px 0 3px; background:url(../images/pager-box-bg.gif) repeat-y; } .pager-box-foot { height:1%; overflow:hidden; background:url(../images/pager-box-foot-bg.gif) no-repeat 0 100%; } .pager-box h4 { font-size:14px; font-weight:normal; text-align:center; clear:both; background:url(../images/pager-box-head-bg.gif) no-repeat; color:#000; overflow:hidden; margin:0; padding:3px 0 1px; } .pager-box div a { line-height:22px; color:#666; font-size:12px; } .pager-box div p { font-size:10px; color:#666; overflow:hidden; clear:both; padding:1px 0; margin:0; } .pager-box div.prev { padding:0 0 0 7px; width:242px; float:left; } .pager-box div.prev a { float:left; width:55px; padding:0 0 0 17px; background:url(../images/btn-prev.gif) no-repeat; } .pager-box div.next { text-align:right; width:242px; padding:0 9px 0 0; float:right; } .pager-box div.next a { padding:0 27px 0 0; width:45px; float:right; background:url(../images/btn-next.gif) no-repeat; } /*-- gray-info-box == Torah Portion Sidras/ArticleList --*/ .gray-info-box { height:1%; border:1px solid #ccc; background:#f2f2f2; padding:0 0 43px; margin:4px 0 0; } .gray-info-box h2 { color:#990000; font-size:20px; font-weight:bold; margin:0; float:left; padding:9px 7px 22px; } .gray-info-box h2 span { font-weight:normal; color:#666; } a.red-btn { margin:1px; display:inline; width:106px; padding:0 16px 0 0; text-align:right; line-height:20px; background:url(../images/btn-red.gif) no-repeat; color:#fff; font-weight:bold; font-size:12px; float:right; } .gray-info-box .cols { clear:both; overflow:hidden; height:1%; } .four-cols .cols {background:url(../images/four-cols-bg.gif) repeat-y;} .five-cols { padding-bottom:7px; } .five-cols .cols { background:url(../images/five-cols.gif) repeat-y;} .gray-info-box .g-i-b-col { float:left; } .four-cols .g-i-b-col { padding:0 0 0 8px; width:116px; } .five-cols .g-i-b-col { padding:0 0 0 7px; width:93px; } .five-cols .first-col { padding:0 0 0 3px; width:93px; } .gray-info-box h3 { margin:0; color:#990000; font-size:14px; line-height:14px; height:37px; } .five-cols h3 {height:14px;} .gray-info-box ul { margin:0; padding:0 0 1px; } .five-cols ul { padding-left:2px;} .gray-info-box ul li { padding:11px 0 0; line-height:12px; list-style:none; } strong.new { font-size:11px; color:#990000; } .gray-info-box ul li a { text-decoration:underline; color:#3167cb; } .gray-info-box ul li a { line-height:12px; font-size:11px; color:#3366cc; } .gray-info-box ul li a:hover { text-decoration:none;} .gray-info-box ul li h4 { font-size:11px; line-height:12px; font-weight:bold; color:#666; margin:0; } .gray-info-box ul.foot-links { padding:20px 0 4px; margin:0; clear:both; overflow:hidden; } .gray-info-box ul.foot-links li { width:92px; padding:0 0 0 8px; float:left; } .gray-info-box ul.foot-links li.first-col { padding:0 0 0 3px; width:93px; } .gray-info-box ul.foot-links li a { color:#990000; font-size:12px; } /*-- more-info-box --*/ .more-info-box h3 { font-size:14px; color:#990000; margin:0; padding:8px 0 0; } .more-info-box ul { margin:0; padding:1px 0 29px; } .more-info-box ul li { font-size:14px; line-height:19px; padding:0 0 0 6px; background:url(../images/blue-bullet.gif) no-repeat 0 6px; list-style:none; } .more-info-box ul li.red-bullet { background:url(../images/red-bullet.gif) no-repeat 0 6px;} .more-info-box ul li a { text-decoration:underline; color:#3366cc; } .more-info-box ul li a:hover {text-decoration:none;} .more-info-box ul li strong { font-weight:normal; color:#990000; } /** END: Added for Parsha **/ /*-- info-box --*/ .info-box { overflow:hidden; height:1%; padding-top:26px; } .info-box h2 { color:#003366; font-size:14px; line-height:19px; margin:0; border-bottom:1px solid #003366; } .info-box h2 span { font-weight:normal; color:#666; } ul.comments-list { margin:0; padding:0 0 0 23px; } ul.comments-list li { padding:11px 0 4px; list-style:none; } ul.comments-list li h3 { margin:0; color:#333; font-size:12px; line-height:13px; font-weight:normal; } ul.comments-list li p { color:#666; font-size:12px; line-height:14px; margin:0; padding:0 65px 0 0; } a.btn { display:inline; margin:6px 9px 0 0; float:left; width:112px; line-height:21px; padding:0 0 0 22px; color:#fff; font-size:12px; } a.blue-btn {background:url(../images/btn-blue.gif) no-repeat;} a.green-btn {background:url(../images/btn-green.gif) no-repeat;} .author-box a.img-holder { float:right; display:inline; margin:57px 0 0 6px; } .author-box a.img-holder img { display:block; border:1px solid #999; } .author-box p { font-size:10px; font-weight:bold; color:#666; margin:0; padding:8px 0 0; line-height:15px; } .author-box p strong { font-size:12px; } ul.link-list { margin:0; padding:14px 0 0; } ul.link-list li { list-style:none; } ul.link-list li a { padding:0 0 0 16px; color:#2d6dc1; font-weight:bold; font-size:12px; line-height:14px; background:url(../images/arrow-link.gif) no-repeat 0 1px; } ul.link-list li a img { padding-top:2px; padding-right:3px; } ul.related-articles { margin:0; padding:0; } ul.related-articles li { padding:14px 23px 0 0; float:left; list-style:none; } ul.related-articles li img {display:block;} fieldset.search { height:1%; overflow:hidden; background:#c3dcf1; border:1px solid #6699cc; padding:7px 0 8px 0; margin:5px 0 0; } fieldset.search input { float:left; margin:0; } fieldset.search input.text {border:1px solid #6699cc; background:#fff; padding:2px 5px; color:#990000; display:inline; margin:0 1px 0 98px; } /*------------------------------- interest page -----------------------------*/ .post { padding:20px 0 0; height:1%; overflow:hidden; } .post a.img-holder { display:inline; margin:0 6px 0 0; float:left; } .post a.img-holder img { display:block;} .post h3 { letter-spacing:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; margin:0; padding:0; } .post h3 a { text-decoration:underline; color:#000080; } .post h3 a:hover { text-decoration:none;} .post p { margin:0; padding:0 50px 0 0; font-size:11px; line-height:14px; } .post em { font-size:11px; line-height:12px; } /* ******************** Added by Noach ********************************** */ /** Pagination for long lists of articles **/ .pagination { margin-top: 20px; text-align: center; } .pagination span { font-size: 27px; font-weight: bold; vertical-align: middle; } /* current page */ .pagination a { text-decoration: underline; font-size: 16px; vertical-align: top; } /* * Comments Form and red/blue "Processing..." blocks. * Copied from Spanish CSS */ .comments-form { margin:15px 0 0; } .comments-form h3 { margin:0; font:bold 14px "Lucida Sans Unicode", sans-serif; color:#4a80ca; letter-spacing:-1px; } .comments-form ul { margin:20px 0 0; padding:0; list-style:none; } .comments-form ul li { width:100%; overflow:hidden; height:1%; vertical-align:top; margin:7px 0 0; } .comments-wrapper { float:left; margin:0 8px 0 0; } .comments-wrapper p { margin:0; width:217px; } .comments-form ul li label { float:left; font-size:11px; font-weight:bold; } .comments-form ul li .txt-2 { clear:left; width:148px; height:19px; background:url(../images/text-field-3.gif) no-repeat; } .comments-form ul li .txt-2 input { margin:2px 0 0 2px; padding:0 3px 0 2px; float:left; width:142px; height:18px; border:0; background:none; } .select .rad-1 { float:left; margin:0; padding:0; width:14px; height:14px; margin:5px 5px 0 0; } .comments-form ul li .select label { font-weight:normal; margin:5px 0 0; width:25px; } .comments-form ul li .txt-3 { clear:left; width:322px; height:19px; background:url(../images/text-field-4.gif) no-repeat; } .comments-form ul li .txt-3 input { margin:2px 0 0 2px; padding:0; padding:0 3px 0 2px; float:left; width:315px; height:18px; border:0; background:none; } .comments-form ul li textarea { margin:0; padding:0; width:300px; height:65px; float:left; clear:both; border:1px solid #737373; background:url(../images/textarea-bg.gif) no-repeat 100% 100%; } .comments-form ul li span {color:#ff002e;} .comments-form ul li .notation { clear:both; float:left; font-size:11px; } .comments-form .btn-3 { margin:15px auto 0; display:block; } .red-block { width:351px; min-height:90px; margin:19px 0 0 22px; background:#f2cbcc; border:2px solid #9b0005; padding:0 30px 0 15px; } * html .red-block {height:50px;} .red-block p { margin:20px 0 0; font-weight:bold; color:#9b0005; } .blue-block { width:351px; min-height:90px; margin:19px 0 0 22px; background:#d6e3f4; border:2px solid #164b9b; padding:0 30px 0 15px; } * html .blue-block {height:90px;} .blue-block p { margin:20px 0 0; font-weight:bold; color:#164b9b; } /**END Comments Form **/ /*** *** Jewlarious ***/ .pagetype-jewlarious h4 { font-size:20px; font-weight:bold; font-family: Verdana, Arial; color:darkblue; } /** jewlarious-rated-content := Presentation of the full joke, with all its trappings (ratings, etc) **/ .jewlarious-rated-content { clear:both; color:#797979; font-family: Verdana, Arial; font-weight: bold; margin-bottom:6em; } .jewlarious-rated-content h1 { color:#436FA0; font-size:14px; margin:5px 0; } .jewlarious-rated-content .stats { font-size: 10px; line-height: 12px; background: url(../images/jewlarious-joke-stats-greygradient-bg.gif) repeat-x;} .jewlarious-rated-content .stats .rating-info span { padding-right:12px; } .jewlarious-rated-content .joke-text { font-size: 12px; } .jewlarious-rated-content .comic-display { margin:8px 0 5px; font-size:10px; } .jewlarious-rated-content .actions { color: #CD9933; font-size: 14px; } .jewlarious-rated-content .actions .email, .jewlarious-rated-content .actions .print { border-left:1px solid #D4D4D4; padding-left:2px; font-size:10px; } .jewlarious-rated-content .actions .email a { background:url(../images/jewlarious-icon-email.gif) no-repeat; padding-left:17px} .jewlarious-rated-content .actions .print a { background:url(../images/jewlarious-icon-print.gif) no-repeat; padding-left:17px} /** Star Rating Code taken from http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/ . Much thanks to Rogie! **/ span.star-rating { /* NOTE: Order matters here (I think) */ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; } .star-rating ul, .star-rating ul a:hover, .star-rating ul a:active, .star-rating ul a:focus, .star-rating ul .current-rating { background: url(../images/star-rating-selector.gif) left -1000px repeat-x; } .star-rating ul { position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating ul li { display: inline; } .star-rating ul a, .star-rating ul .current-rating { position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating ul a:hover, .star-rating ul a:active, .star-rating ul a:focus { background-position: left bottom; } .star-rating ul a.star1 { width:20%; z-index:6; } .star-rating ul a.star2 { width:40%; z-index:5; } .star-rating ul a.star3 { width:60%; z-index:4; } .star-rating ul a.star4 { width:80%; z-index:3; } .star-rating ul a.star5 { width:100%; z-index:2; } .star-rating ul .current-rating { z-index:1; background-position: left center; } .jewlarious-linked-list { color:rgb(50,101,154); margin-bottom:4em; } .jewlarious-linked-list .prev-link { background:url(../images/arrow-in-circle-blue-left.png) no-repeat left bottom; padding-left:17px; float:left;} .jewlarious-linked-list .next-link { background:url(../images/arrow-in-circle-blue-right.png) no-repeat right bottom; padding-right:17px; float:right; } .jewlarious-comic-brief { margin-bottom:3em; } .jewlarious-comic-brief h1 { font-size:12px; margin-bottom:0.15em; } .jewlarious-comic-brief .comix-display img { border:1px solid black; } /***** ***** Ask the Rabbi *****/ /** FAQ = The display of a single Q&A **/ .pagetype-ask-the-rabbi .FAQ {} .pagetype-ask-the-rabbi .FAQ h1 { font-size:13pt; } .pagetype-ask-the-rabbi .FAQ div { color:grey; } .pagetype-ask-the-rabbi .FAQ h6 { font-size:10pt; } .ask-the-rabbi-linked-list { color:rgb(50,101,154); margin-bottom:4em; } .ask-the-rabbi-linked-list .prev-link { background:url(../images/arrow-in-circle-blue-left.png) no-repeat left bottom; padding-left:17px; float:left;} .ask-the-rabbi-linked-list .next-link { background:url(../images/arrow-in-circle-blue-right.png) no-repeat right bottom; padding-right:17px; float:right; } .ask-the-rabbi-linked-list .up-link { color:red; text-align:center; } .ask-the-rabbi-archives {} .ask-the-rabbi-archives li a { text-decoration:underline; } .ask-the-rabbi-archives .faq-title { font-variant:small-caps; color:grey; } .ask-the-rabbi-searchbox {} .ask-the-rabbi-searchbox a { text-decoration:underline; } /***** ***** RSS Feeds *****/ ul.RSS-Table { list-style-type: none; margin:0; padding:0; } ul.RSS-Table li.first-child { border-top:15px solid #ddd; } ul.RSS-Table li { background:#eee; border-bottom:15px solid #ddd; padding:0 0.5em; line-height:2em; overflow:auto; } ul.RSS-Table span { float:right; } ul.RSS-Table img { margin:0 0.5em; vertical-align:text-top; } .RSS-help {} .RSS-help h4 { margin-bottom:0; } .RSS-help p { margin-top:0; } /***** ***** Daily Lift *****/ .article-type--daily-lift .sources { font-style: italic; } .daily-lift--see-also { text-align: right; } .daily-lift--see-also a { text-decoration: underline; } .daily-lift--book-plug { margin: 4em 0 0 0; font-family: Arial,Helvetica; color: navy; } .daily-lift--book-plug h5 { font-size: 20px; text-align: center; } .daily-lift--book-plug img { float: right; } .daily-lift--book-plug a { text-decoration: underline; } /***** ***** Growing Each Day *****/ .growing-each-day--date { color: #990000; font-weight: bold; font-size: 1.75em; } .article-type--growing-each-day .intro { font-weight: bold; font-style: italic; } .article-type--growing-each-day .intro span { font-weight: normal; } .article-type--growing-each-day .inspirational-message h6 { margin-bottom: 0; font: 16px 'Trebuchet MS',Arial,Helvetica; font-weight: bold; } .growing-each-day--archive-entry { margin-bottom: 4em; overflow: auto; } .growing-each-day--archive-entry a { float: right; text-decoration: underline; }