Changeset 96361 in spip-zone


Ignore:
Timestamp:
Mar 31, 2016, 10:29:46 PM (5 years ago)
Author:
teddy.spip@…
Message:
  • On revient à une mise en page plus simple et retour du responsive ;
  • Sur le formulaire de recherche, pas la peine d'avoir btn-success ;
  • Menu de navigation responsive ;
  • On agrandit un peu les icônes du bandeau de connexion ;
  • Up de z.
Location:
_plugins_/info_sites/trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/info_sites/trunk/body-diagnostic.html

    r96350 r96361  
    11<body>
    2         <INCLURE{fond=inclure/connexion,env} />
    3         <div class="page">
     2<INCLURE{fond=inclure/connexion,env} />
     3<div class="page">
     4        <div class="header" id="header">
    45                <div class="container-fluid">
    5                         <div class="row">
    6                                 <div class="col-md-12">
    7                                         <div class="header" id="header">
    8                                                 <INCLURE{fond=header/#ENV{type-page},env} />
     6                        <INCLURE{fond=header/#ENV{type-page},env} />
     7                </div>
     8        </div>
     9
     10        <INCLURE{fond=navigation/dist, env} />
     11
     12        <div class="container-fluid">
     13                <div class="row">
     14                        <div class="content col-md-12" id="content">
     15
     16                                <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
     17
     18                                <div class="contenu">
     19                                        <INCLURE{fond=content/#ENV{type-page},env} />
     20
     21                                        <div id="extra">
     22                                                <INCLURE{fond=extra/#ENV{type-page},env} />
    923                                        </div>
    1024                                </div>
    11                         </div>
    1225
    13                         <div class="row">
    14 
    15                                 <INCLURE{fond=navigation/dist, env} />
    16 
    17                                 <div class="content col-md-12" id="content">
    18                                         <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    19                                         <div class="row">
    20                                                 <div class="contenu col-md-12">
    21                                                         <INCLURE{fond=content/#ENV{type-page},env} />
    22 
    23                                                         <div id="extra">
    24                                                                 <INCLURE{fond=extra/#ENV{type-page},env} />
    25                                                         </div>
    26                                                 </div>
    27                                                 <!-- /.col-md-12 -->
    28                                         </div>
    29                                         <!-- /.row -->
    30                                 </div>
    3126                        </div>
    3227                </div>
    33                 <div class="clearfix"></div>
     28
    3429        </div>
    35         <div class="footer" id="footer">
    36                 <INCLURE{fond=footer/#ENV{type-page},env} />
    37         </div>
     30        <div class="clearfix"></div>
     31</div>
     32
     33<div id="footer" class="footer">
     34        <INCLURE{fond=footer/#ENV{type-page},env} />
     35</div>
     36
    3837</body>
  • _plugins_/info_sites/trunk/body-diagnostic_iso.html

    r96350 r96361  
    11<body>
    2         <INCLURE{fond=inclure/connexion,env} />
    3         <div class="page">
     2<INCLURE{fond=inclure/connexion,env} />
     3<div class="page">
     4        <div class="header" id="header">
    45                <div class="container-fluid">
    5                         <div class="row">
    6                                 <div class="col-md-12">
    7                                         <div class="header" id="header">
    8                                                 <INCLURE{fond=header/#ENV{type-page},env} />
     6                        <INCLURE{fond=header/#ENV{type-page},env} />
     7                </div>
     8        </div>
     9
     10        <INCLURE{fond=navigation/dist, env} />
     11
     12        <div class="container-fluid">
     13                <div class="row">
     14                        <div class="content col-md-12" id="content">
     15
     16                                <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
     17
     18                                <div class="contenu">
     19                                        <INCLURE{fond=content/#ENV{type-page},env} />
     20
     21                                        <div id="extra">
     22                                                <INCLURE{fond=extra/#ENV{type-page},env} />
    923                                        </div>
    1024                                </div>
     25
    1126                        </div>
     27                </div>
    1228
    13                         <div class="row">
     29        </div>
     30        <div class="clearfix"></div>
     31</div>
    1432
    15                                 <INCLURE{fond=navigation/dist, env} />
     33<div id="footer" class="footer">
     34        <INCLURE{fond=footer/#ENV{type-page},env} />
     35</div>
    1636
    17                                 <div class="content col-md-12" id="content">
    18 
    19                                         <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    20 
    21                                         <div class="row">
    22                                                 <div class="contenu col-md-12">
    23                                                         <INCLURE{fond=content/#ENV{type-page},env} />
    24 
    25                                                         <div id="extra">
    26                                                                 <INCLURE{fond=extra/#ENV{type-page},env} />
    27                                                         </div>
    28                                                 </div>
    29                                         </div>
    30 
    31                                 </div>
    32                         </div>
    33 
    34                 </div>
    35                 <div class="clearfix"></div>
    36         </div>
    37 
    38         <div id="footer" class="footer">
    39                 <INCLURE{fond=footer/#ENV{type-page},env} />
    40         </div>
    4137</body>
  • _plugins_/info_sites/trunk/body.html

    r96350 r96361  
    22        <INCLURE{fond=inclure/connexion,env} />
    33        <div class="page">
     4                <div class="header" id="header">
     5                        <div class="container-fluid">
     6                        <INCLURE{fond=header/#ENV{type-page},env} />
     7                        </div>
     8                </div>
     9
     10                <INCLURE{fond=navigation/dist, env} />
     11
    412                <div class="container-fluid">
    513                        <div class="row">
    6                                 <div class="col-md-12">
    7                                         <div class="header" id="header">
    8                                                 <INCLURE{fond=header/#ENV{type-page},env} />
    9                                         </div>
    10                                 </div>
    11                         </div>
    12 
    13                         <div class="row">
    14 
    15                                 <INCLURE{fond=navigation/dist, env} />
    16 
    1714                                <div class="content col-md-12" id="content">
    1815
  • _plugins_/info_sites/trunk/css/info_sites.less

    r96350 r96361  
    157157        overflow-x: scroll;
    158158}
     159
    159160table {
    160161        margin-bottom: 20px;
     
    751752#content {
    752753        padding-top: 20px;
     754        padding-bottom: 20px;
     755        margin-bottom: 20px;
    753756        background-color: @white;
    754         overflow: hidden;
    755757        border: 1px solid @border;
    756         border-top: 0;
    757758        .coordonnees {
    758759                h5 {
     
    778779#menu {
    779780        background: @main-color;
    780         border: 1px solid @border;
     781        border: 0px solid @border;
    781782        border-bottom: 0;
    782783        padding: 0;
    783 
    784         &.menu_pages {
    785                 margin-top: 1em;
    786                 padding-top: 1px;
    787                 z-index: 1000;
    788 
    789                 ul {
    790 
    791                         > li {
    792                                 float: left;
    793                                 font-size: 1em;
    794                                 line-height: 1em;
    795 
    796                                 & + li {
    797                                         margin-top: 0;
    798                                 }
    799 
    800                                 a {
    801                                         color: @white;
    802                                         line-height: 26px;
    803                                         margin-top: -1px;
    804                                         padding: 10px 18px;
    805 
    806                                         &:active,
    807                                         &:focus,
    808                                         &:hover {
     784        border-radius: 0;
     785        box-shadow: none;
     786        min-height: auto;
     787
     788        .navbar-toggle {
     789                border-color: contrast(@main-color);
     790                color: contrast(@main-color);
     791                .icon-bar {
     792                        background-color: contrast(@main-color);
     793                }
     794                &:hover {
     795                        border-color: darken(@main-color, 10%);
     796                        .icon-bar {
     797                                background-color: darken(@main-color, 10%);
     798                        }
     799                }
     800        }
     801        ul {
     802
     803                > li {
     804                        float: left;
     805                        font-size: 1em;
     806                        line-height: 1em;
     807
     808                        & + li {
     809                                margin-top: 0;
     810                        }
     811
     812                        a {
     813                                color: contrast(@main-color);
     814                                line-height: 26px;
     815                                margin-top: -1px;
     816                                padding: 10px 18px;
     817                                background-image: none;
     818
     819                                &:active,
     820                                &:focus,
     821                                &:hover {
     822                                        color: @bg-dark;
     823                                        background-color: @white;
     824
     825                                        i {
    809826                                                color: @bg-dark;
    810                                                 background-color: @white;
    811 
    812                                                 i {
    813                                                         color: @bg-dark;
    814                                                 }
    815                                         }
    816                                         &.active {
     827                                        }
     828                                }
     829                                &.active {
     830                                        color: @black;
     831                                        background-color: @white;
     832                                        i {
    817833                                                color: @black;
    818                                                 background-color: @white;
    819                                                 i {
    820                                                         color: @black;
    821                                                 }
    822                                         }
    823 
    824                                         i {
    825                                                 width: 1.25em;
    826                                                 text-align: center;
    827                                         }
    828                                 }
    829 
    830                         }
     834                                        }
     835                                }
     836
     837                                i {
     838                                        width: 1.25em;
     839                                        text-align: center;
     840                                }
     841                        }
     842
    831843                }
    832844        }
     
    13051317// --------
    13061318@media (max-width: 1180px) {
    1307         .page_projets_sites {
    1308                 .contenu {
    1309                         float: none;
    1310                         width: 100%;
    1311                 }
    1312 
    1313                 #aside {
    1314                         position: relative !important;
    1315                         float: none;
    1316                 }
    1317         }
    13181319}
    13191320
    13201321@media (max-width: 992px) {
    13211322        #aside {
    1322                 position: absolute;
    1323                 top: 20px;
    1324                 right: 0;
    13251323        }
    13261324
  • _plugins_/info_sites/trunk/formulaires/recherche.html

    r89665 r96361  
    33        [(#ENV{action}|form_hidden)]
    44        [<input type="hidden" name="lang" value="(#ENV{lang})" />]
    5        
    6         <div class="form-group col-xs-10">
     5
     6        <div class="input-group">
    77                <label for="#ENV{_id_champ}" class="sr-only"><:info_rechercher_02:></label>
    88                <input type="[(#HTML5|?{search,text})]" class="form-control" name="recherche" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"][ placeholder="(#ENV{recherche}|sinon{<:info_rechercher_02|attribut_html:>})"] accesskey="4" autocapitalize="off" autocorrect="off" />
    9         </div>
    10 
    11         <div class="form-group col-xs-2">
    12                 <button type="submit" class="btn btn-default" title="<:info_rechercher|attribut_html:>" ><span class="fa fa-search fa-lg"></span></button>
     9                <span class="input-group-btn">
     10                        <button type="submit" class="btn btn-default" title="<:info_rechercher|attribut_html:>" ><span class="fa fa-search fa-lg"></span></button>
     11                </span>
    1312        </div>
    1413</form>
  • _plugins_/info_sites/trunk/head_js/dist.html

    r96205 r96361  
    99                $('[type=submit]').each(function(event) {
    1010                        $(this).addClass('btn btn-success');
     11                });
     12                $('#formulaire_recherche [type=submit]').each(function(event) {
     13                        $(this).removeClass('btn-success');
    1114                });
    1215
  • _plugins_/info_sites/trunk/inclure/connexion.html

    r96350 r96361  
    44                <div class="col-md-12">
    55                        <ul class="list-inline pull-right">
    6                                 [<li><a href="#URL_AUTEUR{#SESSION{id_auteur}}"><i class="fa fa-user"></i> (#SESSION{nom})</a></li>]
     6                                [<li><a href="#URL_AUTEUR{#SESSION{id_auteur}}"><i class="fa fa-user fa-lg"></i> (#SESSION{nom})</a></li>]
    77                                <?php if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { ?>
    88                                <?php if (include_spip('inc/autoriser') AND autoriser('ecrire')){ ?>
    9                                 <li><a href="#EVAL{_DIR_RESTREINT_ABS}" title="<:espace_prive:>"><i class="fa fa-lock"></i> <:espace_prive:></a></li>
     9                                <li><a href="#EVAL{_DIR_RESTREINT_ABS}" title="<:espace_prive:>"><i class="fa fa-lock fa-lg"></i> <:espace_prive:></a></li>
    1010                                <?php } ?>
    11                                 <li><a href="#URL_LOGOUT" rel="nofollow" title="<:icone_deconnecter:>"><i class="fa fa-power-off"></i> <span class="sr-only"><:icone_deconnecter:></span></a></li>
     11                                <li><a href="#URL_LOGOUT" rel="nofollow" title="<:icone_deconnecter:>"><i class="fa fa-sign-out fa-lg"></i> <span class="sr-only"><:icone_deconnecter:></span></a></li>
    1212<?php } else { ?>
    13                                 <li><a href="[(#URL_PAGE{login}|parametre_url{url,#SELF|parametre_url{url,''}})]" rel="nofollow" class='login_modal' title="<:lien_connecter:>"><:lien_connecter:></a></li>
     13                                <li><i class="fa fa-sign-in fa-lg"></i><a href="[(#URL_PAGE{login}|parametre_url{url,#SELF|parametre_url{url,''}})]" rel="nofollow" class='login_modal' title="<:lien_connecter:>"><:lien_connecter:></a></li>
    1414                                <?php } ?>
    1515                        </ul>
  • _plugins_/info_sites/trunk/navigation/dist.html

    r96106 r96361  
    2020]
    2121<!-- Debut menu -->
    22 <div id="menu" class="col-md-12 menu menu_pages">
    23         <ul class="nav nav-stacked">
    24                 <BOUCLE_menu (DATA) {source tableau, #CONFIG{"info_sites_menu"}}><li[(#GET{type-page}|=={#CLE}|oui) class="active"]><a href="#URL_PAGE{#CLE}"[(#GET{type-page}|=={#CLE}|oui) class="active"]><i class="[(#VALEUR{icone})]"></i> [<span class="hidden-xs">(#VALEUR**{nom}|_T)</span>]</a></li>
    25                 </BOUCLE_menu>
    26         </ul>
    27 </div>
     22<nav id="menu" class="navbar navbar-default">
     23        <div class="container-fluid">
     24                <!-- Brand and toggle get grouped for better mobile display -->
     25                <div class="navbar-header">
     26                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-content" aria-expanded="false">
     27                                <span class="sr-only">Toggle navigation</span>
     28                                <span class="icon-bar"></span>
     29                                <span class="icon-bar"></span>
     30                                <span class="icon-bar"></span>
     31                        </button>
     32                </div>
     33                <div class="collapse navbar-collapse" id="menu-content">
     34                        <ul class="nav navbar-nav"><BOUCLE_menu (DATA) {source tableau, #CONFIG{"info_sites_menu"}}><li[(#GET{type-page}|=={#CLE}|oui) class="active"]><a href="#URL_PAGE{#CLE}"[(#GET{type-page}|=={#CLE}|oui) class="active"]><i class="[(#VALEUR{icone})]"></i> [<span class="hidden-xs">(#VALEUR**{nom}|_T)</span>]</a></li>
     35                        </BOUCLE_menu></ul>
     36                </div>
     37        </div>
     38</nav>
    2839<!-- Fin menu -->
    2940[(#FILTRE{trim})]
  • _plugins_/info_sites/trunk/paquet.xml

    r96350 r96361  
    22        prefix="info_sites"
    33        categorie="outil"
    4         version="1.3.0"
     4        version="1.3.1"
    55        etat="dev"
    66        compatibilite="[3.0.8;3.0.*]"
Note: See TracChangeset for help on using the changeset viewer.