template team web
  CSS overview
  bucket types
  setting channel colors
  view the CSS
  conversion tips
  samples
  Webreference CSS tutorial
  Index DOT Css QuickRef
  CSS spec @ W3C
 

webeng: template team: syndication buckets and CSS: CSS viewer

This is our style sheet, generated from the real thing........

/*
 * $Id: jimg.css,v 1.10 2001/03/16 23:55:56 jgourgou Exp $
 * Copyright(c) 2000, Listen.com. All rights reserved
 */


/* GLOBAL SETTINGS */
BODY {
	background-color: #FFFFFF;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	} /*sets background color and global (default) font attributes*/

A:link {color: #FF0000} /*global link color*/
A:active {color: ff0000} /*global active link color*/
A:visited {color: 0000ff} /*global visited link color */
A:hover {color: #FF0000} /*IE link hover color*/

.contentarea {background-color: #FFFFFF} /*background color for main chunk of page*/

.line { background-color: #000000 }  /*thin title header line color*/

.icon {background-color: #0066ff;} /*sets header icon bgcolor globally */



/* SUBNAV */
.subnav {background-color: #0066ff} /*sets background color for inactive nav-tabs*/ 

.subnav A, .subnav A:visited {
	color: #ffffff; 
	font-size: 10px; 
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	} /*sets font attribs for inactive nav-tabs*/ 

.subnav A:hover {
	color: #FF0000; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: underline;
	} /*sets font attribs for IE navtab hover*/ 

.subnavOn {background-color: #ffcc33} /*sets background color for active nav-tab*/ 

.subnavOn A, .subnavOn A:visited {
	color: #000000; 
	font-size: 10px; 
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	} /*sets font attribs for inactive nav-tabs*/ 

.subnavOn A:hover {
	color: #FF0000; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	text-decoration: underline;
	} /*sets font attribs for IE navtab hover*/ 

.searchbox {
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-weight: bold;
	} /* sets background color and font attribs for subnav search box */ 



/* CRUMBTRAIL NAVIGATION */
.crumbtrail {
	background-color: #FFCC33; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666; 
	} /* sets background color and font attribs for crumbtrail */ 

.crumbtrail A, .crumbtrail A:visited {color: #333333; } /* sets font attribs for inactive crumbtrail links */ 

DELETE.crumbtrail A:active {color: #ffffff } /* sets font attribs for active crumbtrail links */ 

DELETE.crumbtrail A:hover {
	color: #999999; 
	text-decoration: underline;
	} /* sets font attribs for IE navtab hover */ 



/* LISTEN.COM ADBAR */
.adbar {background-color: #FFCC33; } /* sets background color and font attributes for our side-adbar */ 
.adbarHilite {background-color: #FFCC33;} /* sets bgcolor for thin "highlight" trim line atop the adbar */



/* WELCOME HEADER BOX */
.welcomeHeader {
	background-color: #FFFFFF; 
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-weight: bold;
	} /* sets bgcolor and font attribs for welcome box header/title */ 

.welcomeHeaderSm {
	font-size: 14px; 
	font-weight: normal;
	} /*smaller font for welcome header*/

.welcomeBorder {
	background-color: #FFCC33;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /* bordercolor and font attribs for welcome box border-area */

.welcome {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /*sets font attribs for welcome box content --bgcolor gets inherited from .contentarea*/ 

.welcome A {
	color: #0000FF; 
	font-weight: bold;
	} /*sets welcome link font attribs */



/* PRIMARY BOX */
.primaryHeader {
	background-color: #FFFFFF; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-weight: bold;
	}  /* sets bgcolor and font attribs for primary content box header/title */

.primaryHeader A { color: #0000FF; }

.primaryHeaderSm {
	font-size: 10px; 
	font-weight: normal;} /* smaller font for welcome header */

.primaryBorder {
	background-color: #FFCC33;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /* bordercolor and font attribs for primary content box border-area */
	
.primaryBorderLrg { font-size: 12px; } /* large font attribs for primary content box border-area */	

.primary {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFFFFF; 
	}  /* sets font attribs for primary content box -- bgcolor gets inherited from .contentarea */

.primary A:link, .primary A:visited  {
	color: #0000FF;
	font-weight: bold;
	}  /* sets primary content link font attribs */

.primaryEmph {
	font-size: 12px; 
	color: #FF0000; 
	font-weight: bold;
	} /* used for special emphasis text, such as 'step 1, step 2,' etc. in moodlogic_entry */
  
.primaryEmphSm {
	font-size: 10px; 
	color: #FF0000; 
	} /* used for moderate emphasis text, such as on tour dates front door */

.primaryLrg {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	}  /* sets large font attribs for primary content box -- bgcolor gets inherited from .contentarea */

.primaryLrg A {
	color: #0000FF;
	font-weight: bold;
	}  /* sets welcome link large font attribs */

.primarySm {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	}  /* sets small font attribs for primary content box -- bgcolor gets inherited from .contentarea */

.primarySm A {color: #0000FF; }  /* sets welcome link small font attribs */

.primary_radiobutton {
  background-color:#FFCC33; 
  color:#FFFFFF
  } /*sets background color and button interior color to spoof netscape*/ 



/* FEATURE BOX */
.featureHeader {
	background-color: #ffcc33; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366; 
	font-weight: bold;
	}   /* sets bgcolor and font attribs for feature box header/title */

.featureHeaderSm {
	color: #000000; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	}  /* sets bgcolor and font attribs for feature box small font in header/title */

.featureBorder {background-color: #ffcc33; }   /* sets bgcolor for feature box border */

.feature {
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	}  /* sets font attribs for feature content box */

.feature A {
	color: #0000FF; 
	font-weight: bold;
	}  /* sets feature content link font attribs */

.featureLrg {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366; 
	font-weight: bold;
	} /* sets large font attribs for feature content box */

.featureLrg A {
	color: #0000FF; 
	font-weight: bold;
	}  /* sets welcome link large font attribs */

.featureSm {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366; 
	font-weight: bold;
	} /* sets small font attribs for feature content box */

.featureSm A {
	color: #0000FF; 
	font-weight: bold;
	}  /* sets welcome link small font attribs */



/* ECOMMERCE BOX SETTINGS */
.ecommerce { 
	background-color: #999999; 
	color: #ffffff; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} /* ecommerce boxes througout the website */

.ecommerce A:link, .ecommerce A:visited {
	color: #ffffff; 
	text-decoration: none;
	} /* ecommerce links in ecommerce boxes */

.ecommercelink2 {color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}



/* SYNDICATION FOOTER */	  
.syndfooter {
	background-color: #0066FF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /*sets bgcolor and font attribs for syn_footer 1st color variation*/ 

.syndfooter A, .syndfooter A:visited { 
	color: #000000; 
	text-decoration: underline 
	} /*sets syn_footer 1st color link font attribs*/ 

.syndfooter2{
	background-color: #99CCFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /*sets bgcolor and font attribs for syn_footer color variation*/ 

.syndfooter2 A, .syndfooter2 A:visited {
	color: #333333; 
	} /*sets syn_footer 1st color link font attribs*/ 



/* ATTRIBUTION FOOTER */	  
.attribution {	
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; }



/* RESULTS BOX */
.resultsHeader {
	background-color: #FFFFFF; 
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /* sets bgcolor and font attribs for results content box header/title */ 

.resultsHeader A {
	color: #0000FF;
	font-weight: bold;
	} /*sets results header link font attribs*/  

.resultsSubheader {
	background-color: #0066ff; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold;
	} /*sets bgcolor and font attribs for results box 1st subheader*/ 

.resultsSubheader A, .resultsSubheader A:link, .resultsSubheader A:visited {color: #FFFFFF} /*sets results 1st subheader link font attribs*/ 

.resultsSubheader2 {
	background-color: #FFCC33; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /*sets bgcolor and font attribs for results box 2nd subheader*/ 

.resultsSubheader2 A, .resultsSubheader2 A:visited {color: #0000CC} /*sets results subheader2 link font attribs*/ 

.resultsSubheader2Sm {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /* sets small font attribs for results box 2nd subheader*/  

.resultsSubheader3 {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
  background-color: #CCCCCC;
	}  /* sets font attribs for subhead on track_detail page */

.results {
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	}  /* sets font attribs for results content box -- bgcolor gets inherited from .contentarea */ 

.results A:link, .results A:visited {
	color: #0000FF;
	font-weight: bold;
	} /* sets results content link  font attribs */  

.resultsLrg {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /* sets large font attribs for results content box -- bgcolor gets inherited from .contentarea */ 

.resultsLrg A:link, .resultsLrg A:visited {
	color: #0000FF; 
	font-weight: bold;
	} /* sets results content link large font attribs */ 

.resultsAlt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
	font-weight: bold;
	} /* additional alternate text class */

.resultsAlt A, .resultsAlt A:link, .resultsAlt A:visited {
	font-size: 10px; 
	color: #FF0000; 
	font-weight: bold;
	}

.resultsAltLrg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000; 
	font-weight: bold;
	} /* additional alternate large text class */
	
.resultsAltLrg A {
	color: #FF0000; 
	font-weight: bold;
	} /* sets results large content link large font attribs */
	
.resultsSm {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366; 
	font-weight: bold;
	} /* sets small font attribs for results content box -- bgcolor gets inherited from .contentarea */ 

.resultsSm A {
	color: #0000FF; 
	font-weight: bold
	} /* sets results link small font attribs */ 

.resultsDelim {background-color: #cccccc} /*bgcolor for results delimiter */ 

.resultsOffset {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
  background-color: #FFCC33;
	}  /* sets font attribs for striping results content box */
	
.resultsInterviewBlurb {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
    background-color: #CCCCCC;
	}  /* sets font attribs for interview block on guest editor home */



/* ARTIST CARD */
.artistCardHeader {
	background-color: #0066ff;  
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold;
	} /* sets bgcolor and font attribs for.artistCard header-title bar */ 

.artistCardHeaderSm {
	background-color: #0066ff; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold;
	} /* sets bgcolor and font attribs for.artistCard small font in header-subheader bar */ 

.artistCardHeader A:link, .artistCardHeader A:visited {color: #FFFFFF;} /* link color for.artistCard header bar font */ 

.artistCardHeaderSm A:link, .artistCardHeaderSm A:visited {
	color: #FFFFFF;
	} /* link color for.artistCard header bar small font */ 

.artistCardBorder {	background-color: #0066ff;	} /* sets bgcolor and font attribs for.artistCard border */ 

.artistCard {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	background-color: #FFFFFF;
	} /* sets font attribs for plain portion of.artistCard content box */ 

.artistCard A {
	color: #0000FF;
	} /* sets link font attribs for.artistCard box 1st offset color */ 

.artistCardLrg {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FF0000;
	font-weight: bold;
	} /* sets large font-attribs for plain portion of.artistCard content box */ 

.artistCardOffset {
	background-color: #666666; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /* sets bgcolor and font attribs for.artistCard box 1st offset color */ 

.artistCardOffset A {
	color: #0000FF; 
	} /* sets link font attribs for.artistCard box 1st offset color */ 

.artistCardOffset2 {
	background-color: #FFCC33; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	} /*sets bgcolor and font attribs for.artistCard box 2nd offset color */ 

.artistCardOffset2 A {
	color: #0000FF; 
	font-weight: bold;
	} /* sets link font attribs for.artistCard box 2nd offset color */ 



/* ARTIST MAIN BOX */	
.artistMainHeader {
	background-color: #666666;
	font-size: 10px; 
	font-family:Verdana, Arial, Helvetica,sans-serif; 
	color: #FFFFFF;
	} /*sets bgcolor and font attribs for.artistMain box 1st offset color */

.artistMainHeader A:link, .artistMainHeader A:visited {
	color:#cccccc; 
	} /* sets link font attribs for.artistMain box 1st offset color */

.artistMainSubheader {
	background-color: #cccccc; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica,sans-serif; 
	color: #333333;
	font-weight: bold;
	} /* sets bgcolor and font attribs for.artistMain box 2nd offset color */ 

.artistMainSubheader A, .artistMainSubheader A:visited {
	color: #0000FF; 
	font-size: 10px;
	font-weight: normal;
	} /*sets link font attribs for.artistMain box 2nd offset color */

.artistMainBorder { background-color: #0066FF} /*sets border color for "file under" table at bottom of component*/ 

.artistMain {
	background-color: #FFFFFF;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	} /* sets font attribs for plain portion of.artistMain content box -- inherits bgcolor from .contentarea */ 

.artistMain A:link, .artistMain A:visited {
	color: #0000FF;
	} /*sets link font attribs for.artistMain box 1st offset color */



/* GUEST EDITOR */
.guestSubheader {
	background-color: #0066ff; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold;
	} /*sets bgcolor and font attribs for guest subheader*/ 

.guestSubheader A, .guestSubheader A:visited {color: #FFFFFF} /*sets results guest subheader link font attribs*/ 

.guestSubheaderLrg {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	} /* sets large font attribs for guest editor subheader*/ 

.guestBorder {background-color: #FFFFFF; }   /* sets border for guest editor */

.guest {
	background-color: #000000;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	}  /* sets font attribs for guest editor pages*/ 

.guest A, .guest A:visited {
	color: #FF0000;
	font-weight: bold;
	} /* sets guest editor content link  font attribs */
	 
.guestLrg {
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	} /* sets large font attribs for guest editor*/ 

.guestSm {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	} /* sets small font attribs for guest editor*/ 
	
.guestSm A, .guestSm A:visited {
	color: #FF0000;
	font-size: 10px; 
	} /* sets small link font attribs for guest editor*/ 	



/* PARTNER SIDE AD- or NAV- COLUMN */
.sidebar {
	background-color: #000000; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366; 
	font-weight: bold;
	} /*sets background color and font attributes for partner-provided navbar/sidebar*/ 


/* GLOBAL PREVIEW LINKS -- HAVE TO BE AT THE BOTTOM OF THE CSS FOR PROPER INHERITANCE!!! */
A.previewlink, A.previewlink:link, A.previewlink:visited {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ff0000;
	} /* preview links throughout the site -- have to use all 3 classes for NS and IE compatibility */

  
/* CUSTOM LINKS FOR BAND NAMES ON TOUR EVENT LISTINGS */ 
A.headlinerlink:link, A.headlinerlink:visited{
  font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ff0000;
  font-weight: bold;
	}

A.supportlink:link, A.supportlink:visited{
  font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #0000FF;
  font-weight: bold;
	}

  
/* insert custom style sheet - be sure to check for duplicate class names */

.realTD { font-family:arial,helvetica,sans-serif; font-size:13px }
.b { font-family:arial,helvetica,sans-serif; font-size:13px }
.w { font-family:arial,helvetica,sans-serif; font-size:13px; color:white }
.sw { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; color:white }
.s { font-family:verdana,arial,helvetica,sans-serif; font-size:10px }
.ss { font-family:arial,helvetica,sans-serif; font-size:8px }
.s2 { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; line-height: 14px}
.sw2 { font-family:verdana,arial,helvetica,sans-serif; font-size:10px; line-height: 14px; color:white}
.t2 { font-family:arial,helvetica,sans-serif; font-size:2px; line-height: 2px}
.t5 { font-family:arial,helvetica,sans-serif; font-size:5px; line-height: 5px}
.t8 { font-family:arial,helvetica,sans-serif; font-size:8px; line-height: 8px}
.t25 { font-family:arial,helvetica,sans-serif; font-size:25px; line-height: 25px; color:white} 
.lb { font-family:arial,helvetica,sans-serif; font-size:18px }
.xlb { font-family:arial,helvetica,sans-serif; font-size:24px }

/* end custom stylesheet */


For listen.com internal use only.
Last Updated: