Ubuntu-fr

nordinatueur

Ubuntu-fr Mobile

Bonjour,

Je me suis pris la tête à lire quelques sujets de ce forum sur mon smartphone et je me suis dit que ce serait un peu mieux avec des userstyles.
Je vous présente donc Ubuntu-fr.org en mobile-friendly :

Ubuntu-fr mobile friendly sur userstyles.org

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("ubuntu-fr.org") {
  @media screen and (max-device-width:680px), screen and (max-width: 680px) {
    body{
      font-size:3.5em;
    }
    #accessibar {
      display: none;
    }
    #page {
      display: flex;
      flex-flow: column nowrap;
      margin:0;
      padding:0.4em 0.8em;
      min-width:0;
    }
    #page>div {
      flex:100%;
      order:5;
    }
    #page>#header {
      order:1;
    }
    #page>#navigation {
      order:2;
    }
    #navbar {
      order:3;
    }
    #main {
      order:4;
    }
    #page #logo {
      text-align:center;
      float:none;
      background-position: center center;
    }
    #page #logo a {
      display: none;
    }
    #page #header #search, #page #header #search fieldset {
      width:100%;
      margin-left:0;
    }
    #header {
      margin: 0.2em -0.6em;
    }
    #search #qsearch__in {
      width:calc( 98% - 10em );
    }
    #search select {
      width: 7em;
    }
    #search input.button {
      width:0;
      display: none;
    }
    #block-system-navigation .leaf a, #block-menu-menu-sous-sites .leaf a,
    #menu-accueil, #menu-doc, #menu-forum, #menu-planet {
      background-image: none;
      background-repeat: no-repeat;
    }
    #navigation, #main-wrapper, #main-wrapper #sidebar-first, #main-wrapper #sidebar-second, #main-wrapper #content {
      position: unset;
      float:none;
      width : 100%;
      max-width : 100%;
      min-width : 100%;
      margin-left:0;
    }
    #navigation ul li.menu a.title, #main-wrapper #sidebar-first ul li.menu a.title {
      text-align:center;
      font-size: 1em;
    }

    #main-wrapper #content{
      width:65%;
      max-width:65%;
    }
    .one-sidebar #main-wrapper #content{
      width:100%;
      max-width:100%;
    }

    #main.dokuwiki, #navbar, #page>#wrapper>div {
      margin-left:0;
    }

    #punindex>#page>#wrapper>#main .blocktable .box, #block-planet-planet-feeds,
    .region-sidebar-second .block .content {
      max-height:100em;
      overflow-y: hidden;
      transition-property:max-height;
      transition-duration:1s;
      transition-timing-function: ease-in-out;
    }
    #punindex>#page>#wrapper>#main .blocktable:not(:hover) .box,
    .region-sidebar-second .block:not(:hover) .content {
      max-height:0;
    }
    .inbox table tr>.tc3 {
      display: none;
    }
    #block-planet-planet-feeds:not(:hover){
      max-height:2.5em;
      overflow-y: hidden;
    }
    #block-aggregator-feed-4 div ul li a {
      font-size: 0.4em;
    }
    #brdstats{
      display: none;
    }

    .postright, .feed-item-body{
    }

    .item-list {
      font-size:3em;
    }
    .item-list ul li.pager-item, .item-list ul li.pager-ellipsis {
      display: none;
    }
  }
}

---

Linux User #508094
Pour une meilleure coopération, utilisez des liens relatifs sur le forum !