File manager

File manager - Edit - /home/eliteafr/pmb/opac_css/styles/responsive/responsive.css

Back
/* +--------------------------------------------------------------------------+ // 2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net) // +-------------------------------------------------+ // $Id: responsive.css,v 1.15 2013-08-27 11:51:45 trenon Exp $ / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / ATTRIBUTS GENERAUX / / / / attrbitus generaux de la page / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ body#pmbopac { background-color: #ffffff; } body { font-family: Arial, Trebuchet, Helvetica, Sans Serif; font-size: 0.9em; color: #000000; } #container { margin: 0px auto; width: 100%; position: relative; border-top: 5px solid #ff6600; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / IFRAME / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / -----------------------------------------------------/ / Panier / / -----------------------------------------------------/ #resume_panier { } #iframe_resume_panier { height: 25px; } body.cart_info_body { background-color : transparent; font-family : arial, verdana, helvetica, sans-serif; margin: 0px; font-size: 0.9em; font-weight: bold; } / --------------lien panier----------------/ body.cart_info_body a { text-decoration: underline; } body.cart_info_body a:hover { -moz-text-shadow: 0px 0px 2px #ffffff; -webkit-text-shadow: 0px 0px 2px #ffffff; text-shadow: 0px 0px 2px #ffffff; text-decoration: none; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Intro_bibli / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #intro { border-top: 1px solid #ffffff; background: #eeeeee; / Old browsers / background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); / IE10+ / background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); / IE6-9 / } #intro_bibli h3 { display: none; } / -----------------------------------------------------/ / biblio_preamble_p1 / / -----------------------------------------------------/ #intro .p1 { } / -----------------------------------------------------/ / biblio_preamble_p2 / / -----------------------------------------------------/ #intro .p2 { } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Contenu du Bandeau / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #bandeau { background-color: #eeeeee; } #bandeau div { margin-bottom: 20px; } #bandeau div div { margin-bottom: 0px; } / -----------------------------------------------------/ / Accueil / / -----------------------------------------------------/ #accueil { } #accueil h3, #accueil p.centered { display: none; } / ------------lang_select------------/ #lang_select { } #lang_select h3 { display: none; } / -----------------------------------------------------/ / Connexion / / -----------------------------------------------------/ #connexion { } #login_form b { font-size: 17px; clear: both; padding-bottom: 5px; font-weight: normal; color: #333333; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -moz-text-shadow: 0px 1px 0px #ffffff; -webkit-text-shadow: 0px 1px 0px #ffffff; text-shadow: 0px 1px 0px #ffffff; } #login_form form label, #login_form form br { display: none; } / ---------------Input---------------/ input.login, input.password { width: 56%; margin-bottom: 3px; } #login_form input.bouton { text-transform: uppercase; padding-left: 5px; padding-right: 5px; text-align: center; } / -----------------------------------------------------/ / Meteo / / -----------------------------------------------------/ #meteo { } / -----------------------------------------------------/ / Adresse / / -----------------------------------------------------/ #adresse { } / -----------------------------------------------------/ / biblio_post_adress / / -----------------------------------------------------/ #post_adress { } / -----------------------------------------------------/ / lvl1 / / -----------------------------------------------------/ #lvl1 { } / -----------------------------------------------------/ / Facettes / / -----------------------------------------------------/ #facette { } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Contenu du Bandeau 2 / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #bandeau_2 { } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Contenu du Main / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #main { padding-left: 2%; padding-right: 2%; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #main_hors_footer { min-height: 415px; margin-bottom: 10px; } / ---------------------------------------------------------------------------/ / Main_header / / ---------------------------------------------------------------------------/ #main_header { } / -----------------------------------------------------/ / Intro_message / / -----------------------------------------------------/ #intro_message { border-bottom: none !important; } / --------biblio_important_p1-----------/ #intro_message .p1 { margin-bottom: 20px; } / -----------------------------------------------------/ / Navigator / / -----------------------------------------------------/ #navigator { margin-bottom: 10px; } #navigator strong { display: none; } #navigator a { display: block; padding-right: 10px; } / -----------------------------------------------------/ / Search / / -----------------------------------------------------/ #search { margin-top: 30px; margin-bottom: 20px; border: 1px solid #cccccc; } #search ul.search_tabs { margin-top: -23px; } #search form { padding-left: 15px; padding-right: 15px; padding-bottom: 10px; padding-top: 5px; } #search .p1 { font-style: italic; display: none; } #search .notice-parent .notice-heada { font-size: 0.9em; } #zsimplesChild { margin-bottom: 0px !important; border: none; } #resultatrech h3 span { font-size: 0.9em; } #search_onglet { margin-bottom: 10px; } / -----------------------------------------------------/ / Liste periodiques / / -----------------------------------------------------/ table.a2z_perio_list tr td { border-bottom: 1px solid #cfcdcb; padding-bottom: 3px; } / -----------------------------------------------------/ / Categories / / -----------------------------------------------------/ #categories { margin-bottom: 20px; clear: both; } #categories ul.search_tabs li { margin-bottom: 0px; } #categories-container { border: 1px solid #cccccc; padding-top: 10px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; clear: both; } .category { border-bottom: 1px dotted #999999; clear: both; margin-bottom: 10px; padding-bottom: 10px; } #categories-container h2 { font-size: 0.9; font-weight: normal; padding-bottom: 0px; } #categories-container h2 img { margin-right: 7px; } #categories-container ul { padding-left: 16px; } #categories-container ul li { display: inline-block; list-style: none; } #categories-container li a { padding-left: 5px; padding-right: 5px; background: none; color: #333333; font-size: 1em; } #categories-container li a:hover { text-decoration: underline; } / -----------------------------------------------------/ / Localisations / / -----------------------------------------------------/ #location { margin-bottom: 30px; clear: both; } / -----------------------------------------------------/ / Dernieres Acquisitions / / -----------------------------------------------------/ #last_entries { margin-bottom: 30px; clear: both; } #last_entries-container { border: 1px solid #cccccc; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } / -----------------------------------------------------/ / Etageres / / -----------------------------------------------------/ #etageres { margin-bottom: 30px; clear: both; } #etagere-container { } .etagere { margin-bottom: 10px; border: 1px solid #cccccc; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } / -----------------------------------------------------/ / Footer / / -----------------------------------------------------/ #footer { padding-top: 5px; padding-bottom: 5px; clear: both; width: 100%; bottom: 0px; background-color: #EEEEEE; } #footer img { margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Menus / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ ul.search_tabs, ul.empr_tabs, ul.list_tabs { height: 22px; border-bottom: 1px solid #333333; } ul.search_tabs li, ul.empr_tabs li, ul.list_tabs li { margin-bottom: 5px; border-right: 1px solid #333333; float: left; display: block; text-transform: uppercase; padding-top: 3px; padding-bottom: 3px; } ul.search_tabs li a, ul.empr_tabs li a, ul.list_tabs li a { padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; } ul.search_tabs li a:hover, ul.empr_tabs li a:hover, ul.list_tabs li a:hover { } ul.search_tabs li#current { color: #333333; font-weight: bold; text-decoration: none; background-color: #FF6600; padding-left: 10px; padding-right: 10px; } ul.empr_tabs li#current a, ul.list_tabs li#current a { color: #333333; font-weight: bold; text-decoration: none; background-color: #FF6600; } #search_onglet ul.search_tabs li.current a, #onglets_list ul.list_tabs li.current a { color: #333333; font-weight: bold; text-decoration: none; background-color: #FF6600; } ul.empr_subtabs { list-style: none; margin-top: 10px; } ul.empr_subtabs li { margin-right: 10px; border-right: 1px solid #333333; display: block; float: left; } ul.empr_subtabs li a { padding-right: 10px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Portail / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #cms_module_menu_54 { right: 585px; } #cms_module_menu_13 { right: 30px; } #menuDeroulant, .cms_menu_deep0 { font-size: 1.4em; list-style: none; } #menuDeroulant li, .cms_menu_deep0 li { display: block; float: right; margin-bottom: 5px; margin-right: 15px; margin-left: 15px; position: relative; font-family: 'Open Sans', sans-serif; } #menuDeroulant li a, .cms_menu_deep0 li a { color: #333333; text-decoration: none; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 7px; text-transform: uppercase; -moz-text-shadow: 0px 1px 0px #ffffff; -webkit-text-shadow: 0px 1px 0px #ffffff; text-shadow: 0px 1px 0px #ffffff; } #menuDeroulant li a:hover, #menuDeroulant li a:focus, .cms_menu_deep0 li a:hover, .cms_menu_deep0 li a:focus { border-bottom: 1px solid #ff6600; background: #e4e4e4; / Old browsers / background: -moz-linear-gradient(top, #e4e4e4 0%, #eeeeee 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#eeeeee)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #e4e4e4 0%,#eeeeee 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #e4e4e4 0%,#eeeeee 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 100%); / IE10+ / background: linear-gradient(to bottom, #e4e4e4 0%,#eeeeee 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 ); / IE6-9 / color: #ff6600; padding-top: 30px; } /**************** sous-menu ****************/ #menuDeroulant .sousMenu, .cms_menu_deep1 { display: none; position: absolute; left: 0px; top: 29px; width: 175px; } #menuDeroulant .sousMenu li, .cms_menu_deep1 li { display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; float: none; } #menuDeroulant .sousMenu li a, .cms_menu_deep1 li a { background-color: #eeeeee; display: block; border: none; border-bottom: 1px solid #ffffff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-transform: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width: 100%; } #menuDeroulant .sousMenu li a:hover, #menuDeroulant .sousMenu li a:focus, .cms_menu_deep1 li a:hover, .cms_menu_deep1 li a:focus { } #menuDeroulant li:hover > .sousMenu, #menuDeroulant li:focus > .sousMenu, .cms_menu_deep0 li:hover > .cms_menu_deep1, .cms_menu_deep0 li:focus > .cms_menu_deep1 { display: block; } /************* sous sous-menu ***************/ #menuDeroulant .sousMenu2, .cms_menu_deep2 { margin-left: 20px; top: auto; width: 155px; } /--------------------------------------------------------------------/ / Carrousel des actualites / /--------------------------------------------------------------------/ #cms_module_articleslist_21 h2, #cms_module_articleslist_65 h2, #cms_module_articleslist_70 h2 { margin-bottom: 20px; } #cms_module_articleslist_21 .bx-wrapper, #cms_module_articleslist_65 .bx-wrapper, #cms_module_articleslist_70 div.alaune { background-color: #ff6600; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; padding-top: 30px; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #cms_module_articleslist_70 div.alaune { height: 225px; } #cms_module_articleslist_21 .bx-window, #cms_module_articleslist_65 .bx-window { overflow: visible !important; } #cms_module_articleslist_21 .bx-wrapper ul li h3, #cms_module_articleslist_65 .bx-wrapper ul li h3 { background-color: #333333; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; padding-top: 3px; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; top: -45px; position: absolute; font-size: 1em; } #cms_module_articleslist_70 h3 { margin-left: 15px; top: 35px; background-color: #333333; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; padding-top: 3px; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; position: absolute; font-size: 1em; } #cms_module_articleslist_21 .bx-wrapper ul li, #cms_module_articleslist_65 .bx-wrapper ul li, #cms_module_articleslist_70 .bx-wrapper ul li { height: 160px !important; } #cms_module_articleslist_21 ul li a, #cms_module_articleslist_65 ul li a, #cms_module_articleslist_70 a { color: #ffffff; } #cms_module_articleslist_21 ul li a div, #cms_module_articleslist_65 ul li a div { height: 147px !important; } #cms_module_articleslist_21 .bx-prev, #cms_module_articleslist_21 .bx-next, #cms_module_articleslist_65 .bx-prev, #cms_module_articleslist_65 .bx-next { display: none; } #cms_module_articleslist_74 li { position: relative; } #cms_module_articleslist_74 .actu_carrousel_horizontal{ width: 95%; } #cms_module_articleslist_74 .bx-prev, #cms_module_articleslist_74 .bx-next { bottom: -5px; } .bx-pager { bottom: 5px; position: absolute; width: 100%; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /--------------------------------------------------------------------/ / Breves / /--------------------------------------------------------------------/ #cms_module_articleslist_36 { } #cms_module_articleslist_36 #breves_content { background-color: #eeeeee; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; padding-top: 10px; } #cms_module_articleslist_36 #breves_content blockquote { border-bottom: 1px dashed #333333; padding-bottom: 5px; margin-bottom: 5px; } /--------------------------------------------------------------------/ / Carrousel des nouveautes / /--------------------------------------------------------------------/ #cms_module_recordslist_23 { background-color: #eeeeee; } /--------------------------------------------------------------------/ / Articles / /--------------------------------------------------------------------/ .notice_associee, .section_access { margin-bottom: 15px; margin-top: 10px; } .notice_associee a, .section_access a { color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 15px; font-size: 1em; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #000000; / Old browsers / background: -moz-linear-gradient(top, #2a2a2a 0%, #000000 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#000000)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #2a2a2a 0%,#000000 100%); / IE10+ / background: linear-gradient(to bottom, #2a2a2a 0%,#000000 100%); / W3C / -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; } .notice_associee a:hover, .section_access a:hover { text-decoration: none; } .notice_associee a span { padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url("../../images/docweb.gif"); } .video_content { text-align: center; margin-top: 10px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Onglets de l'affichage public/ISBD / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ ul.onglets_isbd_public { margin-bottom: 10px; height: 21px; border-bottom: 1px solid #333333; margin-top: 10px; } ul.onglets_isbd_public li { margin-bottom: 3px; float: left; display: block; } ul.onglets_isbd_public li a { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #333333; } ul.onglets_isbd_public li.isbd_public_active a { color: #333333; background-color: #FF6600; font-weight: bold; text-decoration: none; } ul.onglets_isbd_public li img { vertical-align: bottom; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Balises HTML de base / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ a { text-decoration: none; color: #FF6600; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { text-decoration: underline; } h1 { font-size: 1.6em; clear: both; margin-bottom: 5px; font-weight: normal; color: #333333; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -moz-text-shadow: 0px 1px 0px #ffffff; -webkit-text-shadow: 0px 1px 0px #ffffff; text-shadow: 0px 1px 0px #ffffff; border-left: 2px solid #333333; padding-left: 10px; } h2 { font-size: 1.3em; clear: both; padding-bottom: 5px; font-weight: normal; color: #333333; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -moz-text-shadow: 0px 1px 0px #ffffff; -webkit-text-shadow: 0px 1px 0px #ffffff; text-shadow: 0px 1px 0px #ffffff; } h3 { font-size: 1.1em; clear: both; padding-bottom: 5px; font-weight: normal; color: #333333; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -moz-text-shadow: 0px 1px 0px #ffffff; -webkit-text-shadow: 0px 1px 0px #ffffff; text-shadow: 0px 1px 0px #ffffff; } h4 { font-size: 1em; clear: both; } img { border: none; } select { margin-top: 3px; margin-bottom: 3px; } input, select, textarea { border: 1px solid #d2d2d2; background: #ffffff; / Old browsers / background: -moz-linear-gradient(top, #ffffff 1%, #f1f1f1 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f1f1f1)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #ffffff 1%,#f1f1f1 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #ffffff 1%,#f1f1f1 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #ffffff 1%,#f1f1f1 100%); / IE10+ / background: linear-gradient(to bottom, #ffffff 1%,#f1f1f1 100%); / W3C / -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 3px #dedede inset; -webkit-box-shadow: 0px 0px 3px #dedede inset; box-shadow: 0px 0px 3px #dedede inset; } input, textarea { padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; } input.bouton, input.boutonrechercher { color: #ffffff; cursor: pointer; padding-top: 0px; padding-bottom: 0px; font-size: 1em; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #000000; / Old browsers / background: -moz-linear-gradient(top, #2a2a2a 0%, #000000 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#000000)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #2a2a2a 0%,#000000 100%); / IE10+ / background: linear-gradient(to bottom, #2a2a2a 0%,#000000 100%); / W3C / -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } input.bouton:hover, input.boutonrechercher:hover { -moz-box-shadow: 0px 0px 3px #194E7A inset; -webkit-box-shadow: 0px 0px 3px #194E7A inset; box-shadow: 0px 0px 3px #194E7A inset; } input[type="checkbox"] { margin-left: 2px; margin-right: 2px; } hr { background-color: #cccccc; color: #cccccc; border: 0px; height: 1px; margin-bottom: 5px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Tableaux / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ table { border-collapse: separate; width: 100%; } .exemplaires { border-collapse: separate; } th { text-align: left ; background-color: #333333; color: #ffffff; padding: 2px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } tr.even { } tr.odd { background-color: #eeeeee; } tr.surbrillance { background-color: #cccccc; } tr.surbrillance a { text-decoration: none; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Carrousel / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ .bx-wrapper, .bx-window { width: 100% !important; / important pour l'adaptation des blocs en fonction de la r�solution / } .bx-prev { background-repeat: no-repeat; background-image: url("./images/prev.png"); background-position: center center; bottom: 5px; position: absolute; left: 5px; } .bx-next { background-repeat: no-repeat; background-image: url("./images/next.png"); background-position: center center; bottom: 5px; position: absolute; right: 5px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Petit module de recherche / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ .searchbox { text-align: left; } .searchbox input[name="user_query"] { width: 95%; margin-bottom: 3px; } .searchbox .bouton { } #cms_module_menu_30 .cms_menu_deep0 li { font-size: 0.9em; text-align: center; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; float: none; font-family: Arial, Trebuchet, sans-serif; } #cms_module_search_66 .searchbox input[name="user_query"] { width: 55%; margin-right: 5px; } #cms_module_menu_30 .cms_menu_deep0 li a { text-transform: none; padding-top: 3px; padding-bottom: 3px; color: #ffffff; border: 1px solid #d2d2d2; background: #000000; / Old browsers / background: -moz-linear-gradient(top, #2a2a2a 0%, #000000 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#000000)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #2a2a2a 0%,#000000 100%); / IE10+ / background: linear-gradient(to bottom, #2a2a2a 0%,#000000 100%); / W3C / -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; display: block; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Page Inscription / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #subs_form table td input.subsform { width: 195px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Mise en forme de la fiche emprunteur / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #fiche-empr, #empr-all, #empr-late, #empr-old, #empr-resa, #empr-dsi, #empr-sugg, #empr-list, #empr-dema { margin-top: 45px; clear: both; } .form_liste_lecture .form-contenu .row .colonne2 .row textarea { max-width: 355px; } .form_liste_lecture h3 { margin-top: 20px; } #fiche-empr h3 { margin-bottom: 10px; } #comment { max-width: 615px; } .form_liste_lecture .left { float: none; margin-bottom: 5px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Notices affichage / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ .bg-grey { background-color: #fdfdfd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .notice-parent { padding-bottom: 5px; margin-bottom: 5px !important; border-bottom: 1px dotted #cccccc; } .notice-parent .notice-heada i { font-style: normal; } .notice-child { margin-bottom: 20px!important; margin-left: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; background-color: #eeeeee; -moz-box-shadow: 1px 1px 2px #cccccc; -webkit-box-shadow: 1px 1px 2px #cccccc; box-shadow: 1px 1px 2px #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .notice-child h3, #notice h3 { padding: 0px; font-size: 15px; } #bt_resa { margin-left: 3px; } .vignetteimg { max-width: 140px; max-height: 200px; width: expression(this.width > 140 ? "140px" : true); height: expression(this.height > 200 ? "200px" : true); -moz-box-shadow: 1px 1px 5px #cccccc; -webkit-box-shadow: 1px 1px 5px #cccccc; box-shadow: 1px 1px 5px #cccccc; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Pop-up / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ #make_sugg { } #titre-popup { font-size: 1.2em; font-weight: bold; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #cfcdcb; color: #0058A6; padding-bottom: 3px; } form#f { margin-left: 10px; } .echelle_avis { padding: 7px; } .alerte { color: #ff0000; font-size: 1em; } #print_options { margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; } #print_options b { color: #333333; font-size: 1em; border-bottom: 1px solid #333333; paddin-bottom: 5px; display: block; } #print_options blockquote { margin-top: 5px; text-align: justify; margin-bottom: 15px; } #print_options textarea { margin-top: 5px; max-width: 85%; } body#help_popup { margin: 0px; padding: 0px; } #help-container { margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-top: 0px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; border: 2px solid #FF6600; } #help-container h2 { color: #333333; font-size: 1.2em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; border-bottom: 1px solid #333333; clear: both; padding-bottom: 5px; } #help-container p, #help-container ul { margin-bottom: 10px; margin-top: 0px; margin-right: 10px; margin-left: 10px; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / CLASSES GENERIQUES / / divers pour les affichages simples de texte / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ .text_search0, .text_search1, .text_search2, .text_search3, .text_search4, .text_search5 { background-color: #cccccc; } .categmouseover { border: 1px solid #4180B5; background-color: #ffffff; position: absolute; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; z-index: 2000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .listedescription { border: 1px solid #4180B5; background-color: #ffffff; position: absolute; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; z-index: 2000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .colonne_suite { float: left; width: 50%; } .colonne2 { float: left; width: 50%; } / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ / Responsive / / ---------------------------------------------------------------------------/ / ---------------------------------------------------------------------------/ @viewport{ width: device-width; zoom: 1; } @media screen and (max-width: 985px) { #bandeau { width: 20% !important; } #main { width: 71% !important; } / recherche simple / #cms_module_search_66 { float: none !important; width: 100% !important; } / carrousel des nouveautes / #cms_module_recordslist_23 { display: none !important; } / carrousel d'actualites / #cms_module_articleslist_21 { float: none !important; width: 100% !important; } / calendrier / #cms_module_agenda_27 { display: none !important; } / nouveautes / #cms_module_articleslist_38 { width: 45% !important; } / selections / #cms_module_articleslist_38 { float: none !important; width: 100% !important; } / breves / #cms_module_articleslist_36 { float: none !important; width: 100% !important; margin-left: 0% !important; } } @media screen and (max-width: 730px) { / fixer une largeur maximale de 100 % aux �l�ments potentiellement probl�matiques / img, table, td, blockquote, textarea, input, iframe, object, embed, video { max-width: 100%; } / conserver le ratio des images et emp�cher les d�bordements de bo�tes d�s aux border ou padding / img { height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } / gestion des mots longs / textarea, table, td, th, code, pre, samp { word-wrap: break-word; / passage � la ligne forc� / -webkit-hyphens: auto; / c�sure propre / -moz-hyphens: auto; hyphens: auto; } #cms_module_menu_54 { display: none !important; } #cms_module_menu_13 { top: 10px !important; right: 10px !important; width: 50% !important; } #cms_module_menu_13 .cms_menu_deep0 { font-size: 1.2em; } #cms_module_menu_13 .cms_menu_deep0 li, #cms_module_menu_54 .cms_menu_deep0 li { margin: 0px !important; float: none !important; } #cms_module_menu_13 .cms_menu_deep0 li a, #cms_module_menu_54 .cms_menu_deep0 li a { background: #333333; color: #ffffff; -moz-text-shadow: 0px 1px 0px #000000; -webkit-text-shadow: 0px 1px 0px #000000; text-shadow: 0px 1px 0px #000000; margin-bottom: 10px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #cms_module_menu_13 .cms_menu_deep0 li a:hover, #cms_module_menu_13 .cms_menu_deep0 li a:focus, #cms_module_menu_54 .cms_menu_deep0 li a:hover, #cms_module_menu_54 .cms_menu_deep0 li a:focus { border-bottom: none; color: #ff6600; padding-left: 15px; padding-top: 4px; } #cms_module_menu_13 .cms_menu_deep1, #cms_module_menu_13 .cms_menu_deep2, #cms_module_menu_54 .cms_menu_deep1, #cms_module_menu_54 .cms_menu_deep2 { display: none; } } @media screen and (max-width: 640px) { #cms_module_articleslist_21 .bx-window li a img, #cms_module_articleslist_65 .bx-window li a img, #cms_module_articleslist_70 a img { display: none; } #cms_module_articleslist_88 { margin-bottom: 0px !important; } #cms_module_articleslist_88 div a img { display: none; } / Focus sur / #cms_module_shelveslist_79 { width: 100% !important; float: none !important; } / calendrier / #cms_module_agenda_27, #cms_module_agenda_85, #cms_module_agenda_93, #cms_module_agenda_71 { width: 100% !important; float: none !important; margin-left: 0% !important; } / actualites / #cms_module_articleslist_65, #cms_module_articleslist_70 { width: 100% !important; float: none !important; } #cms_module_articleslist_74 { display: none !important; } } @media screen and (max-width: 480px) { #intro { padding: 0px !important; } #cms_module_menu_54 { display: none !important; } #cms_module_menu_13 { top: 10px !important; right: 10px !important; width: 50% !important; } #cms_module_menu_13 .cms_menu_deep0, #cms_module_menu_54 .cms_menu_deep0 { font-size: 1.2em; } #cms_module_menu_13 .cms_menu_deep0 li, #cms_module_menu_54 .cms_menu_deep0 li { margin: 0px !important; float: none !important; } #cms_module_menu_13 .cms_menu_deep0 li a, #cms_module_menu_54 .cms_menu_deep0 li a { background: #333333; color: #ffffff; -moz-text-shadow: 0px 1px 0px #000000; -webkit-text-shadow: 0px 1px 0px #000000; text-shadow: 0px 1px 0px #000000; margin-bottom: 10px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #cms_module_menu_13 .cms_menu_deep0 li a:hover, #cms_module_menu_13 .cms_menu_deep0 li a:focus, #cms_module_menu_54 .cms_menu_deep0 li a:hover, #cms_module_menu_54 .cms_menu_deep0 li a:focus { border-bottom: none; color: #ff6600; padding-left: 15px; padding-top: 4px; } #cms_module_menu_13 .cms_menu_deep1, #cms_module_menu_13 .cms_menu_deep2, #cms_module_menu_54 .cms_menu_deep1, #cms_module_menu_54 .cms_menu_deep2 { display: none; } #bandeau { width: 92% !important; padding-left: 4% !important; padding-right: 4% !important; float: none !important; margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 20px !important; } #accueil, #adresse, #post_adress, #cms_module_menu_30 { display: none !important; } #bandeau input { margin-bottom: 10px; } .searchbox input[name="user_query"] { width: 56%; } #cms_module_articleslist_89 { display: none !important; } #cms_module_article_62 { display: none !important; } #main { width: 100% !important; padding-right: 4% !important; padding-left: 4% !important; float: none !important; margin: 0px !important; } #navigator { display: none !important; } / recherche simple / #cms_module_search_66 { display: none !important; } / carrousel des nouveautes / #cms_module_recordslist_23 { display: none !important; } / carrousel d'actualites / #cms_module_articleslist_21 { width: 100% !important; float: none !important; height: 155px !important; margin-top: 30px !important; } #cms_module_articleslist_21 h2 { display: none; } #cms_module_articleslist_21 .bx-wrapper { height: 150px !important; } #cms_module_articleslist_21 .bx-wrapper .bx-window li div { height: 113px !important; overflow: hidden !important; } #cms_module_articleslist_21 .bx-pager { display: none !important; } #cms_module_articleslist_21 ul li a img { display: none; } / Focus sur / #cms_module_shelveslist_79 { width: 100% !important; float: none !important; } / calendrier / #cms_module_agenda_27, #cms_module_agenda_85 { display: none !important; } / nouveautes / #cms_module_articleslist_38 { width: 100% !important; float: none !important; } #cms_module_recordslist_17 { display: none !important; } #cms_module_article_14 { width: 100% !important; } / Selections / #cms_module_articleslist_94, #cms_module_articleslist_75 { display: none !important; } / breves / #cms_module_articleslist_36, #cms_module_rss_80 { width: 100% !important; float: none !important; margin-left: 0% !important; } #cms_module_articleslist_95 { width: 49% !important; margin-left: 0% !important; } #cms_module_article_97 { width: 49% !important; } #cms_module_section_18 div { width: 100% !important; } #cms_module_section_18 ul li { list-style: none; margin-bottom: 10px; } #cms_module_section_18 ul li a { color: #ffffff; cursor: pointer; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; background: #000000; / Old browsers / background: -moz-linear-gradient(top, #2a2a2a 0%, #000000 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#000000)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #2a2a2a 0%,#000000 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #2a2a2a 0%,#000000 100%); / IE10+ / background: linear-gradient(to bottom, #2a2a2a 0%,#000000 100%); / W3C */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; border: 1px solid #D2D2D2; } #location-container table tr { display: inline; } #location-container table td { display: block; width: 33%; float: left; height: 90px; overflow: hidden; } input, textarea, select { margin-bottom: 10px; } }

| ver. 1.4 | Github | . | PHP 5.4.45 | Generation time: 0 | proxy | phpinfo | Settings