Subversion Repositories wimsdev

Rev

Rev 6745 | Rev 7671 | Go to most recent revision | 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-device-width: 1024px) {
  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.   body div#wimsfrontpage div.wims_frontpage {
  19.     padding: 0;
  20.   }
  21.  
  22.   div#wimsfrontpage #wimspagebox div.wimsbody div.wims_widget_box.medium_size {
  23.     margin:1em auto;
  24.     width:90%;
  25.     max-width: 600px;
  26.     float:none;
  27.   }
  28.  
  29.   body div#wimsfrontpage div#wimstopbox div#wims_title {
  30.     /*float: none;*/
  31.     padding-left: 0;
  32.     margin-left: 10px;
  33.     width: 70%;
  34.   }
  35.   body div#wimsfrontpage div#wimstopbox div#wims_title .wims_subtitle{
  36.       margin-bottom:5px;
  37.   }
  38.   body div#wimsfrontpage div#wimstopbox .spacer{
  39.       display:none;
  40.   }
  41.   body #wimstopbox .institution_logo {
  42.     margin-top:2.5em;
  43.   }
  44.  
  45.   /*** Styles OEF ****/
  46.   div.oefform{
  47.       margin:0 0.5em;
  48.   }
  49.   /****************/
  50.  
  51.   /** Gros Titres **/
  52.   body #wimsbodybox #wimspagebox .oeftitle,body #wimsbodybox div.title_box {
  53.       padding-left:1em;
  54.       margin:0 -2px;
  55.       border-radius: 0;
  56.       margin-bottom:5px;
  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.     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  68.     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  69.     box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  70.     padding: 2px 5px 2px 0.5em;
  71.   }
  72.   div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a {
  73.     display: block;
  74.   }
  75.   div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a:hover,
  76.   div#wimsfrontpage div#wimstopbox ul.menuglobal li.menuitem a:active {
  77.     text-decoration: none;
  78.   }
  79.  
  80.   body #wimsbodybox #wimspagebox.zone_prof div.wimsbody {
  81.     float:none;
  82.     width:100%;
  83.   }
  84.  
  85.   body div#wimsbodybox div#wimspagebox {
  86.     padding: 0 2px;
  87.     margin: 0;
  88.   }
  89.  
  90.   div#wimsfrontpage div#wimsbodybox div#wimspagebox .wimsbody,div#wimsbodybox .wimsfrontpage {
  91.     padding: 0;
  92.     margin: 0;
  93.   }
  94.  
  95.   div#wimsfrontpage div#wimsbodybox div.footer {
  96.     text-align: left;
  97.     background-color: #ffffff;
  98.   }
  99.  
  100.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu {
  101.     padding: 0;
  102.   }
  103.  
  104.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem {
  105.     display: block;
  106.     background-image: none;
  107.     padding: 0;
  108.     margin: 0;
  109.     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  110.     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  111.     box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  112.   }
  113.  
  114.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a {
  115.     color: #000000;
  116.     background-image: none;
  117.     display: block;
  118.   }
  119.  
  120.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a:hover,
  121.   div#wimsfrontpage div#wimsbodybox div.footer ul.wimsmenu li.menuitem a:active {
  122.     text-decoration: none;
  123.   }
  124.  
  125.  
  126.   /********DOCUMENTATION MOBILE*******************************/
  127.  
  128.   body div#wimsdoc #wimsbodybox #wimspagebox .wimsdocleftmenu, body div#wimsdoc #wimsbodybox #wimspagebox .wimsdocrightmenu,
  129.   div#wimsdoc div#wimstopbox div.wimsmenu span.menuitem a.doch_printable,
  130.   div#wimsdoc div#wimstopbox div.wimsmenu span.menuitem a.doch_about {
  131.         display: none;
  132.   }
  133.  
  134.   body div#wimsdoc #wimsbodybox #wimspagebox .wimsbody {
  135.         margin: auto;
  136.   }
  137.  
  138.  
  139.   /********HEADER POUR MOBILES***************************/
  140.   #wimstopbox {
  141.     padding-top: 0;
  142.   }
  143.  
  144.   #wimstopbox div#wims_title,
  145.   #wimstopbox ul.wimsmenu.langues {
  146.     float: none;
  147.     clear: both;
  148.     text-align: center;
  149.     padding : 0;
  150.     margin : 0;
  151.   }
  152.  
  153.   #wimstopbox ul.wimsmenu.langues .legende{
  154.       display:none;
  155.   }
  156.  
  157.   #wimstopbox ul.wimsmenu.langues img{
  158.       height:20px;
  159.       max-height: none;
  160.   }
  161.  
  162.   #wimstopbox ul.menuglobal li.topmenuitem {
  163.     display: block;
  164.     padding: 0;
  165.     margin: 0;
  166.     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  167.     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  168.     box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  169.     padding: 5px 0;
  170.   }
  171.  
  172.   #wimstopbox ul.menuglobal li.topmenuitem a {
  173.     display: block;
  174.   }
  175.  
  176.   #wimstopbox ul.menuglobal li.topmenuitem a:hover,
  177.   #wimstopbox ul.menuglobal li.topmenuitem a:active {
  178.     text-decoration: none;
  179.   }
  180.  
  181.  
  182.   /********CORPS DE PAGE POUR MOBILES******************/
  183.   #wimsbodybox {
  184.     padding-top: 10px;
  185.   }
  186.  
  187.   #wimsbodybox div#wimsmenumodubox {
  188.     float: none;
  189.     width: auto;
  190.   }
  191.  
  192.   #wimsbodybox div#wimsmenumodubox ul li a {
  193.     display: block;
  194.   }
  195.  
  196.   #wimsbodybox div#wimsmenumodubox ul li a:hover,
  197.   #wimsbodybox div#wimsmenumodubox ul li a:active {
  198.     text-decoration: none;
  199.   }
  200.  
  201.   #wimsbodybox div#wimsmenubox.footer {
  202.     text-align: left;
  203.     background-color: #ffffff;
  204.   }
  205.  
  206.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu {
  207.     padding: 0;
  208.   }
  209.  
  210.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem {
  211.     display: block;
  212.     background-image: none;
  213.     padding: 0;
  214.     margin: 0;
  215.     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  216.     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  217.     box-shadow: 0 0 1px rgba(0, 0, 0, 0.5)  ;
  218.   }
  219.  
  220.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a {
  221.     color: #000000;
  222.     background-image: none;
  223.     display: block;
  224.   }
  225.  
  226.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a:hover,
  227.   #wimsbodybox div#wimsmenubox.footer ul.wimsmenu li.menuitem a:active {
  228.     text-decoration: none;
  229.   }
  230.  
  231.   #wimsbodybox div#wimspagebox {
  232.     float: none;
  233.     width: auto;
  234.   }
  235.  
  236.   #wimsbodybox div#wimspagebox div.wimsbody {
  237.     width: auto;
  238.     float: none;
  239.     margin: 0;
  240.   }
  241.    
  242.   #wimsbodybox div#wimspagebox div.wimsbody div.titre_recherche {
  243.     border-radius: 0;
  244.     padding-left: 10px;
  245.   }
  246.  
  247.   body #wimsbodybox div.titre_recherche{
  248.       margin:0;
  249.   }
  250.  
  251.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable {
  252.     margin: 0;
  253.     padding: 0;
  254.     width: 100%;
  255.   }
  256.  
  257.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable td {
  258.     font-size: 75%;
  259.   }
  260.  
  261.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable th {
  262.     margin: 0;
  263.     padding: 0;
  264.     text-align: center;
  265.   }
  266.  
  267.   #wimsbodybox div#wimspagebox div.wimsbody table.wimstable input {
  268.     margin: 0;
  269.     width: 100%;
  270.   }
  271.  
  272.   #wimsbodybox div#wimspagebox div.wimsbody {
  273.     padding: 0;
  274.     width: auto;
  275.   }
  276.  
  277.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_engine,
  278.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_classe {
  279.     float: none;
  280.     width: 100%;
  281.     margin: auto;
  282.     margin-bottom: 10px;
  283.   }
  284.  
  285.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_engine div.titre_recherche,
  286.   #wimsbodybox div#wimspagebox div.wimsbody div.wims_search_classe div.titre_recherche {
  287.     border-radius: 0;
  288.   }
  289.  
  290.   #wimsbodybox div#wimspagebox div.wimsbody form {
  291.     text-align: center;
  292.   }
  293.  
  294.   #wimsbodybox div#wimspagebox div.wimsbody form input {
  295.     margin: 0 0 10px 10px;
  296.   }
  297.  
  298.   #wimsbodybox div#menuprof {
  299.     margin-top: 0;
  300.     float: none;
  301.     width: 100%;
  302.     margin-bottom: 10px;
  303.   }
  304.  
  305.   #wimsbodybox div#menuprof ul {
  306.     margin: 0;
  307.   }
  308.  
  309.   #wimsbodybox div#menuprof ul.wimsmenu {
  310.     padding: 0;
  311.     border-radius: 0;
  312.     padding-left: 10px;
  313.   }
  314.  
  315.   #wimsbodybox div#menuprof ul.wimsmenu li {
  316.     display: inline-block;
  317.     border: none;
  318.     background-image: none;
  319.   }
  320.  
  321.   #wimsbodybox div#menuprof ul li.itemsep {
  322.     display:block;
  323.   }
  324.  
  325.   #wimsbodybox div#menuprof ul.wimsmenu li a {
  326.     background-image: none;
  327.     padding: 0;
  328.   }
  329.  
  330.   #wimsbodybox div#menuprof ul.wimsmenu li a:after {
  331.     content: " -";
  332.   }
  333.  
  334.   /**************BAS DE PAGE MOBILES************/
  335.   div#wimstailbox {
  336.     background-color: #56626b;
  337.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.25)), color-stop(0.49, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.25)));
  338.     background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  339.     background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  340.     background-image: -o-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  341.     background-image: linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 49%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 100%);
  342.     border-radius: 5px 5px 0 0 ;
  343.     border-color: #EEE;
  344.     border-color: rgba(0, 0, 0, 0.1);
  345.     border-style: solid;
  346.     border-width: 1px;
  347.     border-bottom-width: 0;
  348.     margin: 0;
  349.     color: #fff;
  350.     padding: 12px 0;
  351.     padding-left: 5px;
  352.     font-size: 1.2em;
  353.     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
  354.   }
  355.  
  356.   div#wimstailbox a {
  357.     color: #fff;
  358.   }
  359. }