/************************************************************************** ************************************************************** Welcome to the CSS for Relic, coded by Kevin Cannon. The CSS is pretty straight forward. There are a few small hacks however, with one line controlling firefox and the other IE. These are clearly labled. If you need any help with the template, email me at kmcannon@telus.net *************************************************************** ***********************************************************************/ body { margin:0; padding:0; font-family:verdana, arial, times, georgia, sans-serif; font-size:12px; } a { color:#59BF3F; text-decoration:none; font-size:12px; } a:hover { color:#40A7D6; text-decoration:underline; } img.left { float:left; padding:3px; margin-right:6px; border:1px solid #c4c4c4; } img.right { float:right; padding:3px; margin-right:6px; border:1px solid #c4c4c4; } img:hover { border:1px solid #4BA9E9; background:#EbF1F5; } #wrapper { height:100%; margin:auto; width:980px; } /********************* Search form ******************/ .text { height:14px; width:110px; } .go { height:21px; background:#65A8C9; color:#fff; font-family:Arial; font-weight:bold; } /***************** TEXT IN THE HEADER **************************/ #top h1 { font-family:Arial; font-weight:normal; font-size:35px; text-align:left; margin-top:20px; margin-left:2%; } /*************************** HEADER PROPERTIES ************************/ #top { margin:0 auto; padding:10px; height:70px; background:url(img/header.jpg) no-repeat top center; width:980px;text-align:left; } /************************ LEFT SIDE COLUMN *****************/ #left { float:left; padding:10px; width:150px; text-align:left; } #left h1, #right h1 { font-size:15px; padding-top:5px; font-family:helvetica, arial, georgia, times, sans-serif; border-bottom:1px dotted #c4c4c4; } #left p { font-size:10px; padding-bottom:10px; margin-top:-3px !important; /***** FIREFOX *****/ margin-top:-14px; /***** INTERNET EXLORER *****/ color:#404040; } /************************** MAIN CONTENT IN MIDDLE ******************/ #middle { float:left; width:600px; line-height:1.01em; padding-left:3.5%; padding-right:3.5%; } #middle p, p { font-size:11px; color:#404040; } #middle h1 { font-family:"Century Gothic", verdana, arial, times, sans-serif; font-size:21px; font-weight:normal; border-bottom:1px solid #c4c4c4; padding-bottom:3px; margin-top:24px;text-align:left; } /*************************** RIGHT COLUMN *********************/ #right { float:left; padding-top:10px; font-size:11px; width:150px; line-height:1.6em;text-align:left; } #right a { line-height:2em; } #right br { line-height:0.7em; } /******************************************** FOOTER *****************/ #footer { border-top:1px solid #c4c4c4; padding-top:5px; text-align:center; width:980px; margin:0 auto; clear:both; } .footer { margin-top:-2px; } /*****Template annuaire *****/ /***** ACCUEIL *****/ /* Texte sur la page d'acceuil : Cet annuaire contient... */ .text_index_annuaire { font-family: Arial; font-size: 12px; } /* Lien vers les categories princiaples sur la page d'accueil */ a.link_cat_index_annuaire { font-family: Arial; font-size: 12px; } /* Lien vers les sous-categories sur la page d'accueil */ a.link_scat_index_annuaire { font-family: Arial; font-size: 12px; } /* Nombre de sous-categories entre les () sur la page d'accueil */ .nb_scat_index_annuaire { font-family: Arial; font-size: 12px; } /***** CATEGORIES *****/ /* Lien vers les sous-categories sur les pages des categories */ a.link_scat_other_annuaire { font-family: Arial; font-size: 12px; } /* Nombre de sous-categories entre les () sur les pages des categories */ .nb_scat_other_annuaire { font-size: 12px; font-family: Arial; } /* Texte qui est affiche en guise de description d'une categorie */ .text_cat_annuaire { font-weight: bold; font-family: Arial; font-size: 12px; } /* Texte pour dire qu'il n'y a pas de site dans une categorie : Pas encore de sites dans... */ .no_site_in_cat_annuaire { color: #ff0000; font-size: 12px; font-family: Arial;} /***** SITES *****/ /* Titre des sites */ a.titre_site_annuaire { font-size: 12px; font-family: Arial;} /* Nombre de clics sur les sites */ .nb_clics_site_annuaire { font-size: 12px; font-family: Arial;} /* Date de validation des sites */ .date_validation_site_annuaire { font-size: 12px; font-family: Arial;} /* Moyenne + nombre de votes dans le top votes */ .moyenne_votes_topv_annuaire {font-family: Arial; font-size:12px;} /* Description des sites */ .description_site_annuaire { font-size: 12px; font-family: Arial;} /* Moyenne des votes des sites */ .moyenne_votes_site_annuaire { font-size: 12px;font-family: Arial; } /* Lien pour voter pour les sites */ a.vote_site_annuaire { font-family: Arial;} /* Nombre de commentaires pour les sites */ .commentaire_site_annuaire { font-size: 12px; font-family: Arial;} /* Lien pour voir et ecrire des commentaires */ a.read_write_com_site_annuaire { font-family: Arial; font-size:12px;} /* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */ .position_site_annuaire { font-size: 12px; font-family: Arial;} /***** NOUVEAUTES *****/ /* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours : Aucun site n'a été ajouté ... */ .no_new_site_annuaire { color: #ff0000;font-size: 12px; font-family: Arial;} /* Date pour laquelle il y a des nouveaux sites */ .date_new_site_annuaire { font-weight: bold; font-family: Arial; font-size:12px;} /***** TOP CLICS *****/ /* Texte pour dire qu'aucun site n'a deja recu de clic : Aucun site n'a encore reçu de visite... */ .no_clic_site_annuaire { color: #ff0000; font-size: 12px; font-family: Arial;} /***** TOP VOTES *****/ /* Texte pour dire qu'on n'a pas encore voter pour les sites : Aucun site n'a encore reçu de vote... */ .no_vote_site_annuaire { color: #ff0000;font-size: 12px ; font-family: Arial;} /* Liens vers les 2 types de classement par votes (moyenne ou nombre) */ a.type_vote_annuaire {font-size: 12px; font-family: Arial;} /***** RECHERCHE *****/ /* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee : Aucun résultat pour la recherche... */ .no_res_search_annuaire { color: #ff0000; font-family: Arial;} /* Timer pour le moteur de recherche */ .timer_search_annuaire { font-family: Arial; font-size:12px;} /* Texte dans les resultats d'une recherche : Categories trouvées, Sites trouves */ .res_search_cat_site_annuaire { font-weight: bold; font-family: Arial;font-size:12px; } /* Champ pour entrer le(s) mot(s) a rechercher */ input.text_to_search_annuaire { font-family: Arial; font-size:12px;} /* Bouton pour lancer la recherche */ input.button_make_search_annuaire { font-family: Arial; font-size:12px;} /* Texte en dessous du champ pour entrer la recherche a effectuer : Résultats par page ... */ .text_search_annuaire { text-align:left; font-family: Arial; font-size:12px;} /* Liste deroulante pour choisir le nombre de resultats de la recherche */ select.list_nb__res_search_annuaire { font-family: Arial; font-size:12px;} /***** AJOUTER UN SITE *****/ /* Texte de confirmation apres la proposition d'un site dans l'annuaire */ .confirm_add_site_annuaire { font-size: 12px; font-family: Arial; } /* Texte pour dire que tous les champs sont obligatoires */ .all_field_required_annuaire { color: #ff0000; font-weight: bold;font-size: 12px; font-family: Arial;} /* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */ .can_not_add_annuaire { color: #ff0000; font-weight: bold; font-size: 12px; font-family: Arial;} /* Texte devant les champs : Votre nom :, Votre prénom,... */ .text_before_field_add_annuaire { font-family: Arial; font-size: 12px; font-family: Arial;} /* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */ input.field_data_add_site_annuaire { font-family: Arial; font-size:12px;} /* Textarea pour la description du site */ textarea.descr_add_site_annuaire { font-family: Arial; font-size:12px;} /* Bouton pour envoyer le formulaire */ input.submit_form_add_site_annuaire { font-family: Arial; font-size:12px;} /* Liste deroulante avec toutes les categories */ select.list_all_cats_annuaire {font-family: Arial; font-size:12px; } /***** VOTE *****/ /* Texte si on a deja vote pour le site : Vous avez déjà voté ces dernières... */ .deja_vote_annuaire { color: #ff0000; font-family: Arial; font-size:12px;} /* Texte apres avoir voter correctement */ .vote_ok_annuaire { color: #009900; font-family: Arial; } /* Texte qui apparait dans la popup avant de voter : Vous allez pouvoir voter... */ .text_vote_annuaire { font-weight: bold; font-family: Arial; font-size:12px;} /* Liste deroulante avec les votes possibles */ select.list_vote_site_annuaire { font-family: Arial; font-size:12px;} /***** COMMENTAIRES *****/ /* Texte pour signaler qu'il n'y a pas encore eu de commentaires pour un site : Pas encore de commentaire... */ .no_com_site_annuaire { color: #ff0000; font-family: Arial; font-size:12px;} /* Auteur + date d'ajout du commentaire */ .author_and_date_com_annuaire { font-weight: bold; font-family: Arial; font-size:12px;} /* Texte du commentaire */ .text_com_annuaire {font-family: Arial; font-size:12px; } /* Bouton pour ajouter un commentaire */ input.button_add_com_annuaire { font-family: Arial; font-size:12px;} /* Texte devant les champs du formulaire d'ajout d'un commentaire */ .text_before_field_com_annuaire { font-weight: bold; font-family: Arial; font-size:12px;} /* Textarea pour entrer le commentaire */ textarea.text_add_com_annuaire { font-size: 12px; font-family: Arial;} /* Champs nom et email pour la personne qui ajoute un commentaire */ input.champ_com_annuaire { font-family: Arial; font-size:12px;} /***** DIVERS *****/ /* Lien dans le bas des pages */ a.link_footer_annuaire { font-family: Arial; font-size: 12 px; font-weight: bold; } /* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */ a.top_link_annuaire { font-family: Arial; font-size:12 px; } /* Arborescence en ligne des categories (texte) */ .arbo_annuaire {font-family: Arial; font-size:12px; } /* Arborescence en ligne des categories (liens) */ a.arbo_annuaire { font-family: Arial; font-size:12px;} /* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */ a.link_numpage_annuaire { font-family: Arial; font-size: 12px; } /* Titre des pages de l'annuaire */ .titre_annuaire { font-size: 12px; font-weight: bold; font-family: Arial; } /* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */ .link_to_cat_annuaire { font-size:12px; font-family: Arial;} /* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */ input.button_close_annuaire { font-family: Arial; font-size:12px;}