Sample custom.css file

Backgrounds and colours

This CSS makes solid backgrounds and adds different colours. They are quite glaring and make big contrasts and color names are used, so you can easily find whats is styled and change to your needs.

Use RGB or RGBA format instead of names, as you need ie. for orange #FFA500 or rgba(255,165,0,1).

 

/*colours and backgrounds*/

/* -------main------- */
body#competizer {background:DodgerBlue;color:black}

#competizer #cmp-header{background-color:Gainsboro;}
#competizer #cmp-header h1 a{color:LightSlateGray;}
#competizer #cmp-content{background-color:white;}
#competizer .aside {background-color:WhiteSmoke;}
#competizer #cmp-content{border-color:LightSlateGray;}
#competizer .aside {border-color:grey;}
#competizer .header {color:SlateGray; } /* used on main headers like h2, h3, legend */
#competizer .photo {border-color:gray}
/* -------navigation------- */
#competizer #cmp-nav_main {background-color:DeepPink ; }
#competizer #cmp-nav_main a {background:HotPink ; color:white}
#competizer #cmp-nav_main a.current,
#competizer #cmp-nav_main a:hover{background:white;color:DeepPink}

/* -------tabbs------- */
#competizer .tabbs a,
#competizer .tabbs a:visited {background:LightGray;color:LightSlateGray}
#competizer .tabbs a.current,
#competizer .tabbs a:hover,
#competizer .ui-tabs-selected a {background:White;color:Black; }
#competizer .tabbed{background:white;}

/* ----- links and buttons -------*/
#competizer a,
#competizer a:visited {color:blue}
#competizer a:hover,
#competizer a:active {color:mediumblue}

#competizer a.vote-for,
#competizer .additional_button a,
#competizer .additional_button a:visited,
#competizer div.submit input {background:royalBlue;color:white;}
#competizer .additional_button a:hover,
#competizer a.vote-for:hover {background:MidnightBlue;}

/*open and close filters icon for small screens*/
#competizer #filters a.more,
#competizer #filters a.less{background: LightSeaGreen;color:white}
#competizer #filters a.more:hover,
#competizer #filters a.less:hover {background:CadetBlue;color:#FFFFFF}

/* filter colours and backgrounds */
#competizer .filters dl{border-color:white}
#competizer .filters dt,
#competizer .filters dd li+li{border-color:lightGray;}
#competizer .filters dl:hover .summary {border-top-color: gray}
#competizer .filters a{color:white}
#competizer .filters dd a{color:black;background:Lightgray;}
#competizer .filters dd a.current{color:white;background:Navy}

/*---------- less important, labels etc.----------- */
#competizer #bannerGroupSponsoredby,
#competizer #section_contest_status,
#competizer #cmp-footer,
#competizer .dataLabel,
#competizer .hmedia .comments,
#competizer .rating,
#competizer .created,
#competizer .paginator,
#competizer div.input,
#competizer #banners_microbanner_text,
#competizer li.report_abuse a,
#competizerFooter a,
#cpage h3,
#competizer .filters dt{color:DarkGray;}

 

  

Competizer Platform is the online contest software to create and manage Online Competitions.

More info at 

competizer.com

  

Competizer Platform is the online contest software to create and manage Online Competitions.

More info at 

competizer.com