/* HOTLINKS WIDGET STYLESHEET Use to customize fonts and colors and the like in your Hotlinks widgets. (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, if 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/default.asp */ /* ======================= see user guide for diagram 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: Verdana, Arial, Helvetica, sans-serif; /* 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: #ffcc00; 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: ; /* Set to display: inline; if you want the links to be horizontal all on one line */ font-family: ; color:white ; font-size: ; font-weight: ; } /* 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 */ .podRelatedAdWord { /* you may need to add !important just before the semicolon for each */ font-family: ; color: ; font-size: ; font-weight: ; }