/********************************************************* * * This is color scheme samples for easy colors change * of some page elements. Patterns are on the bottom. * * "colours.css" is separate CSS file containing * statements which overrides same named statements at * main CSS file -> "style.css". * * You can change colors on some existing scheme or add * your own. * * To apply particular scheme just add it's name to * html tag, attribute id="..." on main html page: * * * * You can also change colors in "style.css" directly. * In that case you don't need id="..." attribute and * "colours.css" at all. * **********************************************************/ /* "default" color scheme */ html#default a { color:#2cbbcb; } /* Links color */ html#default a:hover { color:#f36f36; } html#default h2 { color:#606060; } /* Headings color */ html#default #main_header { border-top:10px solid #3e3d3d; } /* Main header border color */ html#default #bottom_header { background-color:#333030; } /* Bottom header (slogan) background color */ html#default .slogan { color:#b9ab7a; } /* Slogan text color in header and footer */ html#default .light_text{ color:#f3eedb; } /* Slogan lighter text color */ html#default div.colored_box, html#default form { background-color:#eeede8; } /* Colored box and form background color */ html#default div.colored_box h2, html#default form#subscribe h2 { color:#ff8833; } /* Colored box Heading color */ html#default input[type="text"] { background-color:#e1dfd4; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#default .button, html#default .button:hover{ color:#fffefd; } /* Button text color */ html#default .yellow_btn, html#default .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#default .green_btn, html#default .green_btn:hover { color:#417733; } /* Green header button text color */ /* "moon" color scheme */ html#moon a { color:#4fafb5; } /* Links color */ html#moon a:hover { color:#e94116; } html#moon h2 { color:#4C5552; } /* Headings color */ html#moon #main_header { border-top:10px solid #3d4341; } /* Main header border color */ html#moon #bottom_header { background-color:#3d4341; } /* Bottom header (slogan) background color */ html#moon .slogan { color:#e3d95b; } /* Slogan text color in header and footer */ html#moon .light_text{ color:#f3f5d3; } /* Slogan lighter text color */ html#moon div.colored_box, html#moon form { background-color:#ededeb; } /* Colored box and form background color */ html#moon div.colored_box h2, html#moon form#subscribe h2 { color:#7aa9a9; } /* Colored box Heading color */ html#moon input[type="text"] { background-color:#e1dfd4; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#moon .button, html#moon .button:hover{ color:#fffefd; } /* Button text color */ html#moon .yellow_btn, html#moon .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#moon .green_btn, html#moon .green_btn:hover { color:#417733; } /* Green header button text color */ /* "strange" color scheme */ html#strange a { color:#D7574C; } /* Links color */ html#strange a:hover { color:#73a2a2; } html#strange h2 { color:#49acb4; } /* Headings color */ html#strange #main_header { border-top:10px solid #85261f; } /* Main header border color */ html#strange #bottom_header { background-color:#85261f; } /* Bottom header (slogan) background color */ html#strange .slogan { color:#FCD787; } /* Slogan text color in header and footer */ html#strange .light_text{ color:#eff0e8; } /* Slogan lighter text color */ html#strange div.colored_box, html#strange form { background-color:#ededeb; } /* Colored box and form background color */ html#strange div.colored_box h2, html#strange form#subscribe h2 { color:#d85a50; } /* Colored box Heading color */ html#strange input[type="text"] { background-color:#e1dfd4; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#strange .button, html#strange .button:hover{ color:#fffefd; } /* Button text color */ html#strange .yellow_btn, html#strange .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#strange .green_btn, html#strange .green_btn:hover { color:#417733; } /* Green header button text color */ /* "brasil" color scheme */ html#brasil a { color:#E76E7C; } /* Links color */ html#brasil a:hover { color:#72a5e2; } html#brasil h2 { color:#78664b; } /* Headings color */ html#brasil #main_header { border-top:10px solid #fcc654; } /* Main header border color */ html#brasil #bottom_header { background-color:#3A3A3C; } /* Bottom header (slogan) background color */ html#brasil .slogan { color:#c5c761; } /* Slogan text color in header and footer */ html#brasil .light_text{ color:#fbc555; } /* Slogan lighter text color */ html#brasil div.colored_box, html#brasil form { background-color:#F8F4DB; } /* Colored box and form background color */ html#brasil div.colored_box h2, html#brasil form h2 { color:#9c9e38; } /* Colored box Heading color */ html#brasil input[type="text"] { background-color:#efe6af; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#brasil .button, html#brasil .button:hover{ color:#fffefd; } /* Button text color */ html#brasil .yellow_btn, html#brasil .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#brasil .green_btn, html#brasil .green_btn:hover { color:#417733; } /* Green header button text color */ /* "brooklyn" color scheme */ html#brooklyn a { color:#72a5e2; } /* Links color */ html#brooklyn a:hover { color:#4084d7; } html#brooklyn h2 { color:#82b07d; } /* Headings color */ html#brooklyn #main_header { border-top:10px solid #333; } /* Main header border color */ html#brooklyn #bottom_header { background-color:#333; } /* Bottom header (slogan) background color */ html#brooklyn .slogan { color:#CE534D; } /* Slogan text color in header and footer */ html#brooklyn .light_text{ color:#89c7c4; } /* Slogan lighter text color */ html#brooklyn div.colored_box, html#brooklyn form { background-color:#eee9db; } /* Colored box and form background color */ html#brooklyn div.colored_box h2, html#brooklyn form h2 { color:#8a8068; } /* Colored box Heading color */ html#brooklyn input[type="text"] { background-color:#e1d8bd; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#brooklyn .button, html#brooklyn .button:hover{ color:#fffefd; } /* Button text color */ html#brooklyn .yellow_btn, html#brooklyn .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#brooklyn .green_btn, html#brooklyn .green_btn:hover { color:#417733; } /* Green header button text color */ /* "hand_made" color scheme */ html#hand_made a { color:#72a5e2; } /* Links color */ html#hand_made a:hover { color:#4084d7; } html#hand_made h2 { color:#B06068; } /* Headings color */ html#hand_made #main_header { border-top:10px solid #56584B; } /* Main header border color */ html#hand_made #bottom_header { background-color:#48493f; } /* Bottom header (slogan) background color */ html#hand_made .slogan { color:#ebeedb; } /* Slogan text color in header and footer */ html#hand_made .light_text{ color:#b9ca55; } /* Slogan lighter text color */ html#hand_made div.colored_box, html#hand_made form { background-color:#e2efee; } /* Colored box and form background color */ html#hand_made div.colored_box h2, html#hand_made form h2 { color:#8a8068; } /* Colored box Heading color */ html#hand_made input[type="text"] { background-color:#bedcda; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#hand_made .button, html#hand_made .button:hover{ color:#fffefd; } /* Button text color */ html#hand_made .yellow_btn, html#hand_made .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#hand_made .green_btn, html#hand_made .green_btn:hover { color:#417733; } /* Green header button text color */ /* "fresh_water" color scheme */ html#fresh_water a { color:#F38630; } /* Links color */ html#fresh_water a:hover { color:#4fcae3; } html#fresh_water h2 { color:#60cee6; } /* Headings color */ html#fresh_water #main_header { border-top:10px solid #3a3c33; } /* Main header border color */ html#fresh_water #bottom_header { background-color:#309670; } /* Bottom header (slogan) background color */ html#fresh_water .slogan { color:#fff; } /* Slogan text color in header and footer */ html#fresh_water .light_text{ color:#faa914; } /* Slogan lighter text color */ html#fresh_water div.colored_box, html#fresh_water form { background-color:#def4fa; } /* Colored box and form background color */ html#fresh_water div.colored_box h2, html#fresh_water form h2 { color:#699fdc; } /* Colored box Heading color */ html#fresh_water input[type="text"] { background-color:#c4edf4; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#fresh_water .button, html#fresh_water .button:hover{ color:#fffefd; } /* Button text color */ html#fresh_water .yellow_btn, html#fresh_water .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#fresh_water .green_btn, html#fresh_water .green_btn:hover { color:#417733; } /* Green header button text color */ /* "baby" color scheme */ html#baby a { color:#21afc9; } /* Links color */ html#baby a:hover { color:#EE5596; } html#baby h2 { color:#FF86A8; } /* Headings color */ html#baby #main_header { border-top:10px solid #3e7286; } /* Main header border color */ html#baby #bottom_header { background-color:#21afc9; } /* Bottom header (slogan) background color */ html#baby .slogan { color:#f9d133; } /* Slogan text color in header and footer */ html#baby .light_text{ color:#fff; } /* Slogan lighter text color */ html#baby div.colored_box, html#baby form { background-color:#ffe8f3; } /* Colored box and form background color */ html#baby div.colored_box h2, html#baby form h2 { color:#ef5f9c; } /* Colored box Heading color */ html#baby input[type="text"] { background-color:#ffcae4; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#baby .button, html#baby .button:hover{ color:#fffefd; } /* Button text color */ html#baby .yellow_btn, html#baby .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#baby .green_btn, html#baby .green_btn:hover { color:#417733; } /* Green header button text color */ /* "caravan" color scheme */ html#caravan a { color:#67B79E; } /* Links color */ html#caravan a:hover { color:#538A95; } html#caravan h2 { color:#F5634A; } /* Headings color */ html#caravan #main_header { border-top:10px solid #565175; } /* Main header border color */ html#caravan #bottom_header { background-color:#565175; } /* Bottom header (slogan) background color */ html#caravan .slogan { color:#FFB727; } /* Slogan text color in header and footer */ html#caravan .light_text{ color:#fff; } /* Slogan lighter text color */ html#caravan div.colored_box, html#caravan form { background-color:#fcdead; } /* Colored box and form background color */ html#caravan div.colored_box h2, html#caravan form h2 { color:#ef9450; } /* Colored box Heading color */ html#caravan input[type="text"] { background-color:#fbce84; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#caravan .button, html#caravan .button:hover{ color:#fffefd; } /* Button text color */ html#caravan .yellow_btn, html#caravan .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#caravan .green_btn, html#caravan .green_btn:hover { color:#417733; } /* Green header button text color */ /* "theme10" color scheme */ html#theme10 a { color:#E4491C; } /* Links color */ html#theme10 a:hover { color:#83A808; } html#theme10 h2 { color:#777777; } /* Headings color */ html#theme10 #main_header { border-top:10px solid #484848; } /* Main header border color */ html#theme10 #bottom_header { background-color:#484848; } /* Bottom header (slogan) background color */ html#theme10 .slogan { color:#ffc246; } /* Slogan text color in header and footer */ html#theme10 .light_text{ color:#fff; } /* Slogan lighter text color */ html#theme10 div.colored_box, html#theme10 form { background-color:#edede7; } /* Colored box and form background color */ html#theme10 div.colored_box h2, html#theme10 form h2 { color:#8a8a68; } /* Colored box Heading color */ html#theme10 input[type="text"] { background-color:#dbdbce; } /* Input box background color */ /* Colors for some buttons must be overridden because of link color - a */ html#theme10 .button, html#theme10 .button:hover{ color:#fffefd; } /* Button text color */ html#theme10 .yellow_btn, html#theme10 .yellow_btn:hover { color:#886622; } /* Yellow header button text color */ html#theme10 .green_btn, html#theme10 .green_btn:hover { color:#417733; } /* Green header button text color */ /*========== P A T E R N S ==========*/ .pattern1{ background:url("../images/patterns/pattern1.png") repeat; } .pattern2{ background:url("../images/patterns/pattern2.png") repeat; } .pattern3{ background:url("../images/patterns/pattern3.png") repeat; } .pattern4{ background:url("../images/patterns/pattern4.png") repeat; } .pattern5{ background:url("../images/patterns/pattern5.png") repeat; }