Subversion Repositories wimsdev

Rev

Rev 8017 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /*************************************************************************
  2.     AFFICHAGE SUR SMARTPHONES, TABLETTES ET PETITS ECRANS (<1024px width)
  3. *************************************************************************/
  4. @media only screen and (max-width: 40em) {
  5.   body {
  6.     font-size: 105%;
  7.   }
  8.  
  9.   /*input[name="keyword"], input.wims_home_form {
  10.         width: 80%;
  11.   }*
  12.  
  13.   /********PAGE D'ACCUEIL MOBILES*************/
  14.   body div#wimsfrontpage div#wimstopbox {
  15.     padding-top: 0;
  16.   }
  17.  
  18.   div#wimsfrontpage .wimsbody{
  19.     min-width:inherit;
  20.   }
  21.  
  22.   body div#wimsfrontpage div.wims_frontpage {
  23.     padding: 0;
  24.   }
  25.  
  26.   div#wimstopbox div#wims_title {
  27.     float: left;
  28.     padding-left: 0;
  29.     margin-left: 10px;
  30.     width: 70%;
  31.   }
  32.   body div#wimsfrontpage div#wimstopbox div#wims_title .wims_subtitle{
  33.       margin-bottom:5px;
  34.   }
  35.   body div#wimsfrontpage div#wimstopbox .spacer{
  36.       display:none;
  37.   }
  38.   body #wimstopbox .institution_logo {
  39.     margin-top:2.5em;
  40.   }
  41.  
  42.   /*** Styles OEF ****/
  43.   div.oefform{
  44.       margin:0 .5em;
  45.   }
  46.   /****************/
  47.  
  48.   /** Gros Titres **/
  49.   body #wimsbodybox #wimspagebox .oeftitle,body #wimsbodybox div.title_box {
  50.       padding-left:1em;
  51.       /*margin:0 -2px;*/
  52.       border-radius: 0;
  53.   }
  54.  
  55.   .wimsbody .title_box, .wims_docu_title, .wimsbody #wims_title .wims_title{
  56.     margin:.5em 0;
  57.   }
  58.  
  59.   div#wimstopbox ul.menuglobal {
  60.     padding:0;
  61.     text-align: center;
  62.   }
  63.  
  64.   body div#wimstopbox ul.menuglobal li.menuitem, body div#wimstopbox ul.menuglobal li.topmenuitem {
  65.     display: block;
  66.     margin: 0;
  67.     box-shadow: 0 0 1px rgba(0, 0, 0, .5)  ;
  68.     padding: 2px 5px 2px .5em;
  69.   }
  70.  
  71.   .main_body .wimsmenu .menuitem{
  72.     padding-left: 0;
  73.   }
  74.   .wimsmenu .menuitem a{
  75.     width: 100%;
  76.     /*padding-left:0;*/
  77.     box-sizing: border-box;
  78.   }
  79.  
  80.   div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a {
  81.     display: block;
  82.   }
  83.   div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a:hover,
  84.   div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a:active {
  85.     text-decoration: none;
  86.   }
  87.  
  88.   div#wimsfrontpage div#wimsbodybox div#wimspagebox .wimsbody,div#wimsbodybox .wimsfrontpage {
  89.     padding: 0;
  90.     margin: 0;
  91.   }
  92.  
  93.   div#wimsfrontpage div#wimsbodybox div.footer {
  94.     text-align: left;
  95.     background-color: #ffffff;
  96.   }
  97.  
  98.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu {
  99.     padding: 0;
  100.   }
  101.  
  102.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem {
  103.     display: block;
  104.     background-image: none;
  105.     padding: 0;
  106.     margin: 0;
  107.     box-shadow: 0 0 1px rgba(0, 0, 0, .5)  ;
  108.   }
  109.  
  110.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a {
  111.     color: #000;
  112.     background-image: none;
  113.     display: block;
  114.   }
  115.  
  116.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a:hover,
  117.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a:active {
  118.     text-decoration: none;
  119.   }
  120.  
  121.  
  122.   /********DOCUMENTATION MOBILE*******************************/
  123.  
  124.   body div#wimsdoc #wimsbodybox #wimspagebox .wimsdocleftmenu, body div#wimsdoc #wimsbodybox #wimspagebox .wimsdocrightmenu,
  125.   div#wimsdoc div#wimstopbox div.wimsmenu span.menuitem a.doch_printable,
  126.   div#wimsdoc div#wimstopbox div.wimsmenu span.menuitem a.doch_about {
  127.         display: none;
  128.   }
  129.  
  130.   body div#wimsdoc #wimsbodybox #wimspagebox .wimsbody {
  131.         margin: auto;
  132.   }
  133.  
  134.  
  135.   /********HEADER POUR MOBILES***************************/
  136.   #wimstopbox {
  137.     padding-top: 0;
  138.   }
  139.  
  140.   #wimstopbox div#wims_title,
  141.   #wimstopbox ul.wimsmenu.langues {
  142.     float: none;
  143.     clear: both;
  144.     text-align: center;
  145.     padding : 0;
  146.     margin : 0;
  147.   }
  148.  
  149.   #wimstopbox ul.wimsmenu.langues .legende{
  150.       display:none;
  151.   }
  152.  
  153.   #wimstopbox ul.wimsmenu.langues img{
  154.       max-height:20px;
  155.   }
  156.   .wimsmenu.langues .menuitem a{
  157.     min-height: 0;
  158.   }
  159.  
  160.   #wimstopbox ul.menuglobal li.topmenuitem {
  161.     display: block;
  162.     padding: 0;
  163.     margin: 0;
  164.     box-shadow: 0 0 1px rgba(0, 0, 0, .5)  ;
  165.     padding: 5px 0;
  166.   }
  167.  
  168.   #wimstopbox ul.menuglobal li.topmenuitem a {
  169.     display: block;
  170.   }
  171.  
  172.   #wimstopbox ul.menuglobal li.topmenuitem a:hover,
  173.   #wimstopbox ul.menuglobal li.topmenuitem a:active {
  174.     text-decoration: none;
  175.   }
  176.  
  177.  
  178.   /********CORPS DE PAGE POUR MOBILES******************/
  179.  
  180.   #wimsbodybox div#wimsmenumodubox {
  181.     float: none;
  182.     width: auto;
  183.   }
  184.  
  185.   #wimsbodybox div#wimsmenumodubox ul li a {
  186.     display: block;
  187.   }
  188.  
  189.   #wimsbodybox div#wimsmenumodubox ul li a:hover,
  190.   #wimsbodybox div#wimsmenumodubox ul li a:active {
  191.     text-decoration: none;
  192.   }
  193.  
  194.   #wimsbodybox div#wimsmenubox.footer {
  195.     text-align: left;
  196.     /*background-color: #ffffff;*/
  197.   }
  198.  
  199.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu {
  200.     padding: 0;
  201.   }
  202.  
  203.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem {
  204.     display: block;
  205.     background-image: none;
  206.     padding: 0;
  207.     margin: 0;
  208.     box-shadow: 0 0 1px rgba(0, 0, 0, .5)  ;
  209.   }
  210.  
  211.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a {
  212.     /*color: #000000;*/
  213.    /* background-image: none;*/
  214.     display: block;
  215.   }
  216.  
  217.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a:hover,
  218.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a:active {
  219.     text-decoration: none;
  220.   }
  221.  
  222.  
  223.  
  224.   #wimsbodybox div#wimspagebox div.wimsbody {
  225.     width: auto;
  226.     float: none;
  227.     margin: 0;
  228.   }
  229.  
  230.   #wimsbodybox div#wimspagebox div.wimsbody div.titre_recherche {
  231.     border-radius: 0;
  232.     padding-left: 10px;
  233.   }
  234.  
  235.   body #wimsbodybox div.titre_recherche{
  236.       margin:0;
  237.   }
  238.  
  239.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable {
  240.     margin: 0;
  241.     padding: 0;
  242.     width: 100%;
  243.   }
  244.  
  245.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable td {
  246.     font-size: 75%;
  247.   }
  248.  
  249.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable th {
  250.     margin: 0;
  251.     padding: 0;
  252.     text-align: center;
  253.   }
  254.  
  255.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable input {
  256.     margin: 0;
  257.     width: 100%;
  258.   }
  259.  
  260.   #wimsbodybox div#wimspagebox div.wimsbody {
  261.     padding: 0;
  262.     width: auto;
  263.   }
  264.  
  265.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_engine,
  266.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_classe {
  267.     float: none;
  268.     width: 100%;
  269.     margin: auto;
  270.     margin-bottom: 10px;
  271.   }
  272.  
  273.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_engine div.titre_recherche,
  274.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_classe div.titre_recherche {
  275.     border-radius: 0;
  276.   }
  277.  
  278.   /*#wimsbodybox div#wimspagebox div.wimsbody form {
  279.     text-align: center;
  280.   }*/
  281.  
  282.   #wimsbodybox div#wimspagebox div.wimsbody form input {
  283.     margin: 0 0 10px 10px;
  284.   }
  285.  
  286. }
  287.