Gestion simplissime des Todo

Retour au projet

Retour au site

Accueil du site

~~

    1 /*
    2 **=============================================================================
    3 ** crabs_todo-2.0 : Gestion simplissime des Todo
    4 ** Copyright (C) 2008-2011 : Christophe Cazajus (crabs-mettre_le_signe_at-crabs-world.com)
    5 **
    6 ** Ce source fait partie d'un projet logiciel libre. Vous pouvez le distribuer
    7 ** et/ou le modifier en respectant les termes de la GNU General Public License
    8 ** version 2 ou (suite a votre propre choix) une version ulterieure.
    9 **
   10 ** Ce programme est distribue dans l'espoir qu'il puisse etre utile, mais
   11 ** sans aucune garantie, meme si il est associe a un produit qui vous en
   12 ** propose une. Conformez-vous a la GNU General Public License pour avoir
   13 ** plus de precisions.
   14 **
   15 ** L'auteur ne peut etre tenu responsable de l'utilisation faite des
   16 ** composantes associees a ce projet (en partie ou dans leur totalite).
   17 **
   18 ** Une copie du fichier de la GNU GPL est fournie dans le repertoire DOC
   19 ** de ce projet sous le nom gnu_gpl.txt
   20 **
   21 **=============================================================================
   22 */
   23 body {
   24     background: url(IMAGES/todo.png) #e0e0e0 ;
   25     background-repeat: no-repeat ;
   26     background-position: 0 0 ;
   27     background-attachment : fixed ;
   28     margin: 0 ; padding: 0 ;
   29     font-family: sans-serif ;
   30     font-size: 9pt ;
   31     }
   32 
   33 a { color: #3030b0; text-decoration: none; background: #e0e0e0 ; padding: 2px; }
   34 a:hover { color: #3030b0; text-decoration: underline; background: #e0ffff ; }
   35 
   36 #filtres {
   37     position: absolute ;
   38     top: 110px ; bottom: auto ; height: auto ;
   39     left: 10px ; right: auto ; width: 250px ;
   40     }
   41 #filtres div { clear: both ; margin: 4px 0 ; }
   42 #filtres div img {
   43     margin: 0 3px; padding: 1px ;
   44     border: 2px solid #e0e0e0; cursor: pointer;
   45     }
   46 #filtres div img:hover { background: #c0c0c0 ; }
   47 #filtres div, #filtres div img { vertical-align: middle ; }
   48 #filtres .label {
   49     float: left ;
   50     width: 8em ;
   51     text-align: right ;
   52     font-weight: bold ;
   53     }
   54 
   55 #onglets_boite {
   56     position: absolute ;
   57     top: 230px ; height: auto; bottom: 10px ;
   58     left: 30px ; right: auto ; width: 210px ;
   59     font-weight: bold ;
   60     }
   61 .onglets {
   62     line-height: 20px ;
   63     vertical-align: middle ;
   64     position: absolute ;
   65     top: 0px ; bottom: 0 ; height: 20px ;
   66     left: 0px ; right: 0px ; width: auto ;
   67     z-index: 2 ;
   68     cursor: pointer ;
   69     }
   70 .onglets span {
   71     border-top: 1px solid black ;
   72     border-left: 1px solid black ;
   73     border-right: 1px solid black ;
   74     line-height: 18px ;
   75     vertical-align: middle ;
   76     padding: 0 10px ;
   77     margin: 0 0 0 5px ;
   78     display:inline-block;
   79     }
   80 .onglets span.on {
   81     border-bottom: 1px solid #f0f0f0 ;
   82     background: #f0f0f0 ;
   83     }
   84 .onglets span.off {
   85     border-bottom: 1px solid black ;
   86     background: #e0e0e0 ;
   87     }
   88 .onglet_contenu {
   89     border: 1px solid black ;
   90     position: absolute ;
   91     top: 20px ; bottom: 0 ; height: auto ;
   92     left: 0px ; right: 0px ; width: auto ;
   93     z-index: 1 ;
   94     background: #f0f0f0 ;
   95     }
   96 
   97 #filtre_liste {
   98     position: absolute ;
   99     top: 5px ; bottom: 5px ; height: auto ;
  100     left: 5px ; right: 5px ; width: auto ;
  101     border: 1px solid black ;
  102     padding: 5px ;
  103     background: #e0e0e0 ;
  104     overflow-x: auto ;
  105     overflow-y: scroll ;
  106     }
  107 #filtre_liste p { margin: 0 ; padding: 2px 5px ; }
  108 /* prend le pas sur le :hover de .lien */
  109 #filtre_liste p.active { background: #0000b0 ; color: white; }
  110 
  111 #session {
  112     position: absolute ;
  113     top: 0px ; bottom: auto ; height: 30px ;
  114     left: 300px ; right: 0px ; width: auto ;
  115     font-weight: bold ;
  116     background: #e0e0e0 ;
  117     line-height : 30px ;
  118     }
  119 
  120 #session span.a_gauche, #session span.a_droite {
  121     color: #430000 ;
  122     vertical-align: middle ;
  123     padding: 0 ;
  124     margin-right: 10px ;
  125     height : 30px ;
  126     }
  127 
  128 #session span.a_gauche img.menu, #session span.a_droite img {
  129     vertical-align: top ;
  130     margin: 2px 0 0 0 ;
  131     }
  132 
  133 img.menu { padding: 2px ; border: 2px solid #c0c0c0 ; margin: 2px ; }
  134 img.menu:hover { background: #b0b0b0 ; border-color: #808080 ; }
  135 
  136 
  137 #todo_titre {
  138     position: absolute ;
  139     top: 30px ; bottom: auto ; height: 30px ;
  140     left: 300px ; right: 10px ; width: auto ;
  141     padding: 0 15px 0 0 ;
  142     }
  143 #todo_titre table {
  144     width: 99.9% ; height:30px ;
  145     border-collapse : separate ;
  146     border-spacing: 1px ;
  147     margin: 0 auto 0 0 ;
  148     vertical-align: middle ;
  149     }
  150 #todo_titre table th {
  151     background: #c0c0c0 ;
  152     }
  153 
  154 #liste {
  155     position: absolute ;
  156     top: 60px ; bottom: 40% ; height: auto ;
  157     left: 300px ; right: 10px ; width: auto ;
  158     overflow-y: scroll ;
  159     padding: 0 0 0 0 ;
  160     background: #d5d5d5 ;
  161     }
  162 #liste table {
  163     width: 99.9% ;
  164     border-collapse : separate ;
  165     border-spacing: 1px ;
  166     margin: 0 auto 0 0 ;
  167     }
  168 /* prend le pas sur le :hover de .lien */
  169 #liste .active { background: #0000b0 ; color: white; }
  170 
  171 /* largeur des colonnes de la table #liste */
  172 th.wico, td.wico { width: 2em ; text-align: center ; }
  173 th.wdt, td.wdt { width: 7em ; }
  174 th.wps, td.wps { width: 7em ; }
  175 th.wpro, td.wpro { width: 10em ; }
  176 
  177 #detail {
  178     position: absolute ;
  179     top: 61% ; bottom: 10px ; height: auto ;
  180     left: 300px ; right: 10px ; width: auto ;
  181     background: #c0c0c0 ;
  182     }
  183 #detail table { border-collapse: collapse ; width: 100% ; }
  184 #detail div.icone {
  185     text-align: right;
  186     vertical-align: top ;
  187     padding: 1px 0 ;
  188     }
  189 #detail div.icone .ico_grp {
  190     background: #d5d5d5 ;
  191     padding: 1px 3px ; margin: 0px 3px ;
  192     vertical-align: middle ;
  193     display: inline-block ;
  194     height: 20px ;
  195     }
  196 #detail div.icone img {
  197     margin: 0px 3px ; padding: 1px ;
  198     border: 1px solid #d5d5d5 ; cursor: pointer;
  199     vertical-align: middle ;
  200     }
  201 #detail div.icone img.active { border-color: #808080 ; }
  202 
  203 #detail h1 {
  204     font-size: 11pt ;
  205     margin: 2px 10px ;
  206     padding : 0 ;
  207     }
  208 #detail p.info {
  209     margin: 0 ;
  210     font-weight: bold ;
  211     margin : 5px 0 0 3em ;
  212     line-height: 150% ;
  213     }
  214 #detail p.info img { margin: 0 5px ; }
  215 
  216 #detail .note {
  217     position: absolute ;
  218     top : 50px ; bottom: 5px ; height: auto ;
  219     left: 5px ; right: 0px ; width: auto ;
  220     overflow-y: scroll ;
  221     background: #e0e0e0 ;
  222     }
  223 
  224 #detail .note pre {
  225     margin: 0 ;
  226     padding: 5px ;
  227     }
  228 
  229 #detail .ml {
  230     margin: 0 5px ;
  231     font-weight: bold ;
  232     }
  233 
  234 #modif {
  235     position: absolute ;
  236     top : 50px ; bottom: 5px ; height: auto ;
  237     left: 5px ; right: 5px ; width: auto ;
  238     text-align: center ;
  239     }
  240 
  241 #modif textarea {
  242     margin: 0 ;
  243     width: 98% ;
  244     height: 98% ;
  245     }
  246 
  247 
  248 
  249 .a_droite { float: right ; }
  250 .a_gauche { float: left ; }
  251 .lien { cursor: pointer ; }
  252 .lien:hover { background: yellow ; }
  253 img { vertical-align: middle ; }
  254 
  255 
  256 /*
  257 ********************************************************************************
  258 **
  259 **      PAGE DE LOGIN / LOGOUT
  260 **
  261 ********************************************************************************
  262 */
  263 
  264 #one_col { margin: 100px 0 0 0 ; }
  265 #one_col form { margin: 0 auto ; }
  266 #one_col form p {
  267     clear: both ; margin: 2px 0 ; vertical-align: middle ;
  268     line-height: 28px ;
  269     }
  270 #one_col form .label {
  271     float: left ; width: 10em ; text-align: right ;
  272     font-weight: bold ; padding-right: 4px ;
  273     }
  274 #one_col form .input { float: left ; width: 10em ; text-align: left ; }
  275 #one_col form .button { float : right ; padding: 0 4px ; }
  276 
  277 #one_col p.disconnect {
  278     text-align: center ;
  279     padding-top : 100px ;
  280     font-size: 110% ;
  281     }
  282 
  283 #one_col h1 {
  284     font-size: 150% ;
  285     text-align: center ;
  286     margin: 1em 2% 2em ;
  287     border-top: 2px solid black ;
  288     border-bottom: 2px solid black ;
  289     }
  290 #one_col h2 {
  291     font-size: 125% ;
  292     text-align: center ;
  293     margin: 2em 4% ;
  294     border-top: 1px solid black ;
  295     border-bottom: 1px solid black ;
  296     }
  297 #one_col p {
  298     margin: 0.2em 6% ;
  299     }
  300 
  301 #pref_menu, #pref_list, #pref_user, #pref_pwd {
  302     margin: 2px 10px 2px 250px ;
  303     }
  304 
  305 #pref_menu {
  306     text-align: right ; vertical-align: middle ; line-height: 220% ;
  307     font-weight: bold ;
  308     }
  309 #pref_list .boite {
  310     height: 15em ; overflow-y: scroll ;
  311     background: white;
  312     }
  313 #pref_list_cnt table {
  314     margin: 3px auto ;
  315     border-collapse: collapse ;
  316     }
  317 #pref_list_cnt td, #pref_list_cnt th {
  318     padding: 2px 5px ;
  319     border: 2px solid black ;
  320     }
  321 
  322 /* formulaire simplifie */
  323 .boite {
  324     margin: 20px ;
  325     padding: 5px ;
  326     border: 1px solid black ;
  327     }
  328 .boite .ligne, .boite .bouton {
  329     line-height: 220% ;
  330     }
  331 .boite .ligne *, .boite .bouton * {
  332     vertical-align: middle ;
  333     }
  334 .boite .ligne .label {
  335     display: inline-block ;
  336     width: 28em ;
  337     font-weight: bold ;
  338     text-align: right ;
  339     margin-right: 1em ;
  340     }
  341 .boite .ligne input {
  342     width: 30em ;
  343     }
  344 .boite .bouton {
  345     text-align: center ;
  346     }
  347 

Haut de page

Contacter crabs

Date de génération : 22/09/2011 21:49