/* STYLESHEET (Some things happen in the widget code itself like changing the number of links and renaming titles.) TO USE Either paste these styles into your own stylesheet; or else save this file on your own webserver as "podstyle.css" and then put the following code in the header of your HTML pages: (Remove the and below -- your page already has them.) All styles below are blank -- add styles here to any that you want to change. For example, it a style below reads "background-color: ;" you can fill in "background-color: pink;" to set that style. GOOD CSS REFERENCE Intro at Webmonkey: http://www.webmonkey.com/reference/Stylesheets_Guide Great CSS reference at W3Schools: http://www.w3schools.com/css/css_font.asp */ */ ======================= see user guide for diagram that showing widget parts ================= */ /* RELATED LINKS WIDGET BASICS - GENERAL FONTS - BACKGROUND COLOR - BORDERS - PADDING AND MARGIN */ .podPodLinksWidget { width: ; /* To change the overall size of the widget, add a new width here */ background-color: ; /* you may need to add !important just before the semicolon */ margin: ; padding: ; font-family: ; /* you may need to add !important just before the semicolon */ } /* TITLE FONTS ("Sponsored Links" and "Related Articles") */ .podSectionTitle { /* you may need to add !important just before the semicolon for each */ font-family: ; color: ; font-size: ; font-weight: ; } /* FONTS FOR THE AD & PUBLISHER LINKS */ a.podRelatedAdWord, a.podHeadline { /* you may need to add !important just before the semicolon for each */ display: inline; /* Set to display: inline; if you want the links to be horizontal all on one line */ font-family: ; color: ; /* font-size: 10pt; font-weight: normal; */ } /* RESULTS PAGE WIDGET BASICS - GENERAL FONTS - BACKGROUND COLOR - BORDERS - PADDING AND MARGIN */ .podRelatedAdLinksWidget { font-family: ; color: ; font-size: ; font-weight: ; background-color: ; border-color: ; border-style: ; border-width: ; padding: ; margin: ; } /* PAGE TITLE AND SECTION TITLE */ .podPageTitle { /* "top results >>> Banjos" */ font-family: ; color: ; font-size: ; font-weight: ; } .podSectionTitle { /* "sponsored listings" - you may need to add !important just before the semicolon for each */ font-family: ; color: ; font-size: ; font-weight: ; } /* RELATED AD TITLE */ .podRelatedAdTitle { /* "Banjorama banjos -- we're the best." - you may need to add !important just before the semicolon for each */ font-family: ; color: ; font-size: ; font-weight: ; } /* RELATED AD TEXT */ .podRelatedAdText { /* "Are you looking for the best banjo?" */ font-family: ; color: ; font-size: ; font-weight: ; } /* RELATED AD LINK TEXT */ .podRelatedAdUrl { /* "banjo-is-the-best.com" */ font-family: ; color: ; font-size: ; font-weight: ; } /* "RELATED SEARCHES" SECTION TITLE */ .podRight .podSectionTitle { /* "Related Searches" */ font-family: ; color: ; font-size: ; font-weight: ; } /* "RELATED SEARCHES" SECTION BASICS - FONTS - BACKGROUND COLOR - BORDERS - PADDING AND MARGIN */ .podRight { font-family: ; color: red !important; font-size: ; font-weight: ; background-color: ; border-color: ; border-style: ; border-width: ; padding: ; margin: ; } /* "RELATED SEARCHES" SECTION RELATED AD LINKS */