Changeset 802 for cpc/trunk/project/web


Ignore:
Timestamp:
Sep 28, 2009, 2:25:26 AM (12 years ago)
Author:
popeye
Message:

Forms : connexion, inscription, mot de passe oublié, edition profil, changer avatar, changer mot de passe
Mise en boite page citoyen, nettoyage css et ajout de quelques images

Location:
cpc/trunk/project/web/css/xneth
Files:
5 added
1 edited

Legend:

Unmodified
Added
Removed

  • cpc/trunk/project/web/css/xneth/style.css

    r794 r802  
    66  background: #e4e4e1 url('images/mosaique.gif') repeat;
    77}
     8/* Formulaires inscription et connexion */
     9.boite_form {
     10  width: 550px;
     11  min-width: 550px;
     12  margin: auto;
     13  margin-top: 35px;
     14  margin-bottom: 35px;
     15  background: #fff url('images/minilogo_nosdeputes_fond.png') no-repeat 95% 15%;
     16}
     17.b_f_h {
     18  height: 21px;
     19  background: #FCFBFB url('images/barres_form.png') repeat-x 0 0;
     20}
     21.b_f_hg {
     22  float: left;
     23  height: 21px;
     24  width: 21px;
     25  background: url('images/coins_form.png') no-repeat 0 0;
     26}
     27.b_f_hd {
     28  float: right;
     29  height: 21px;
     30  width: 21px;
     31  background: url('images/coins_form.png') no-repeat -21px 0;
     32}
     33.b_f_cont {
     34  padding-left: 15px;
     35  padding-right: 15px;
     36  border-left: 1px solid #E8E7E4;
     37  border-right: 1px solid #E8E7E4;
     38}
     39.b_f_cont table {
     40  text-align: left;
     41  border-collapse: collapse;
     42}
     43.b_f_cont td, .b_f_cont th {
     44  padding: 10px;
     45  border-bottom: 1px dashed #E8E7E4;
     46}
     47.bf_cont h1 {
     48  margin: 0;
     49}
     50.b_f_text {
     51 
     52}
     53.b_f_b { 
     54  height: 21px;
     55  background: #FCFBFB url('images/barres_form.png') repeat-x 0 -21px;
     56}
     57.b_f_bg {
     58  float: left;
     59  height: 21px;
     60  width: 21px;
     61  background: url('images/coins_form.png') no-repeat 0 -21px;
     62}
     63.b_f_bd {
     64  float: right;
     65  height: 21px;
     66  width: 21px;
     67  background: url('images/coins_form.png') no-repeat -21px -21px;
     68}
     69.cel1 {
     70  /* background-color: #EFEAE0; */
     71}
     72.cel2 {
     73  /* background-color: #EFEFEF; */
     74}
     75
     76/* Boite citoyen b_c = initiales; h = haut, b = bas, hg = haut gauche, etc... */
     77.boite_citoyen {
     78  float: left;
     79  width: 100%;
     80  margin-top: 15px;
     81  background-color: #FFFDFE;
     82}
     83.b_c_h {
     84  width: 100%;
     85  height: 10px;
     86  background: url('images/barres_citoyen.png') repeat-x 0 0;
     87}
     88.b_c_hg {
     89  float: left;
     90  width: 10px;
     91  height: 10px;
     92  background: url('images/coins_citoyen.png') no-repeat 0 0;
     93}
     94.b_c_hd {
     95  float: right;
     96  width: 10px;
     97  height: 10px;
     98  background: url('images/coins_citoyen.png') no-repeat -10px 0;
     99}
     100.b_c_cont {
     101  float: left;
     102  width: 99.8%;
     103  border-left: 1px solid #E8E7E4;
     104  border-right: 1px solid #E8E7E4;
     105}
     106.b_c_photo {
     107  float: left;
     108  padding: 14px;
     109}
     110.b_c_photo img {
     111
     112}
     113.b_c_text {
     114  float: left;
     115}
     116.b_c_b {
     117  float: left;
     118  width: 100%;
     119  height: 10px;
     120  background: url('images/barres_citoyen.png') repeat-x 0 -10px;
     121}
     122.b_c_bg {
     123  float: left;
     124  width: 10px;
     125  height: 10px;
     126  background: url('images/coins_citoyen.png') no-repeat 0 -10px;
     127}
     128.b_c_bd {
     129  float: right;
     130  width: 10px;
     131  height: 10px;
     132  background: url('images/coins_citoyen.png') no-repeat -10px -10px;
     133}
     134/**/
     135
    8136/* Tags */
    9137.internal_tag_cloud a:link {color:#6F6F6F;}
    … …  
    13141.tag_level_3 {font-size: 1.5em;}
    14142.tag_level_4 {font-size: 1.7em;}
    15 .tag_level_4 a {color: #FFFFFFF;}
     143.tag_level_4 a {color: #FFF;}
    16144/**/
     145
    17146.temp {
    18147  font-size: 1.1em;
    … …  
    26155}
    27156
    28 img {
    29   border:0;
    30   }
    31  
    32 strong {
    33   font-weight: bold ;
    34   }
    35 
    36 h1 a:link {
    37   color: inherit;
    38 }
     157img { border:0; }
     158
     159h1 a:link { color: inherit; }
    39160 
    40161a:link {
    41162  color: inherit;
    42 //  color: #6F6F6F;
    43163  text-decoration: none;
    44164  background-color: transparent;
    … …  
    136256  float:right;
    137257  margin:6px 20px 0 0;
    138   }
     258}
    139259
    140260#signin_remember {
    … …  
    261381
    262382#item1 a.selected, #item2 a.selected, #item3 a.selected, #item4 a.selected, #item1 a:hover, #item1 a:focus, #item2 a:hover, #item2 a:focus, #item3 a:hover, #item3 a:focus, #item4 a:hover, #item4 a:focus {
    263    background-position: 0 -35px;
     383  background-position: 0 -35px;
    264384}
    265385
    … …  
    313433}
    314434
    315 
    316435/* sous menu  */
    317436
    … …  
    386505  }
    387506
    388 
    389 
    390507/* corps de page */
    391508
    … …  
    401518  margin-left:auto;
    402519  margin-right:auto;
    403  
    404520}
    405521
    … …  
    591707}
    592708
    593 /* Tabs adresses */
    594 .adresses {
    595   position: relative;
    596   left: 0;
    597 }
    598 .tab_adresse p{
    599   position: absolute;
    600   top: 37px;
    601   left: 0;
    602   width: 410px;
    603   padding: 15px;
    604   background-color: #fff;
    605   border: 1px dashed #BFBFBF;
    606 }
    607 .tab_adresse h4 {
    608   display: inline;
    609   float: left; 
    610   padding: 0;
    611   margin: 0;
    612   padding-left: 5px;
    613   padding-right: 15px;
    614   border-left: 1px solid #BFBFBF;
    615   height: 20px;
    616   line-height: 20px;
    617   cursor: pointer;
    618   background: #fff url("images/fond_titre_adresses.png") no-repeat top right;
    619 }
    620 #tab_adresse_1 p { z-index: 3; }
    621 #tab_adresse_2 p { z-index: 2; }
    622 #tab_adresse_3 p { z-index: 1; }
    623 
    624 #tab_adresse_1:hover p,
    625 #tab_adresse_1:focus p,
    626 #tab_adresse_2:hover p,
    627 #tab_adresse_2:focus p,
    628 #tab_adresse_3:hover p,
    629 #tab_adresse_3:focus p
    630 {
    631   z-index: 10;
    632   background-color: #efefef;
    633 }
    634 
    635 #tab_adresse_1:hover h4,
    636 #tab_adresse_1:focus h4,
    637 #tab_adresse_2:hover h4,
    638 #tab_adresse_2:focus h4,
    639 #tab_adresse_3:hover h4,
    640 #tab_adresse_3:focus h4
    641 {
    642   z-index: 10;
    643   background-color: #DFEEFF;
    644 }
    645 /**/
    646709.bas_depute {
    647710  clear: both;
    … …  
    664727}
    665728
    666 /* Boite citoyen b_c = initiales; h = haut, b = bas, hg = haut gauche, etc... */
    667 .boite_citoyen {
    668   width: 300px;
    669   height: 100px;
    670   padding-bottom: 5px;
    671   margin-bottom: 10px;
    672   background-color: #F5F5F5;
    673   border: 1px solid #BFBFBF;
    674 }
    675 .boite_citoyen:hover, .boite_citoyen:focus {
    676   background-color: #DFDFDF;
    677 }
    678 .b_c_h {
    679   height: 8px;
    680 }
    681 .b_c_hg {
    682   float: left;
    683   height: 8px;
    684   width: 8px;
    685 }
    686 .b_c_hd {
    687   float: right;
    688   height: 8px;
    689   width: 8px;
    690 }
    691 .b_c_cont {
    692  
    693 }
    694 .b_c_photo {
    695   float: left;
    696   width: 87px;
    697   height: 87px;
    698   margin-left: 8px;
    699   background: #D0D0D0 url("images/cadre_citoyen.png") no-repeat 0 0;
    700 }
    701 .b_c_photo img {
    702   width: 75px;
    703   height: 75px;
    704   margin: 6px;
    705   overflow: hidden;
    706 }
    707 .b_c_text {
    708   float: left;
    709   width: 188px;
    710   margin-left: 8px;
    711   margin-right: 8px;
    712 }
    713 .note {
    714   float: right;
    715 }
    716 .b_c_b {
    717   clear: both;
    718   height: 8px;
    719 }
    720 .b_c_bg {
    721   float: left;
    722   height: 8px;
    723   width: 8px;
    724 }
    725 .b_c_bd {
    726   float: right;
    727   height: 8px;
    728   width: 8px;
    729 }
    730 /**/
    731729.bas_depute_d {
    732730  float: left;
    … …  
    742740  padding-left: 5px;
    743741}
    744 /* Boite extrait article */
    745 .boite_extrait_article {
    746   width: 580px;
    747   margin-bottom: 10px;
    748   background-color: #fbfbfb;
    749   border: 1px solid #BFBFBF;
    750  
    751 }
    752 .b_e_a_h {
    753   height: 8px;
    754 }
    755 .b_e_a_hg {
    756   float: left;
    757   height: 8px;
    758   width: 8px;
    759 }
    760 .b_e_a_hd {
    761   float: right;
    762   height: 8px;
    763   width: 8px;
    764 }
    765 .b_e_a_cont {
    766   clear: both;
    767 }
    768 .b_e_a_article {
    769   float: left;
    770   width: 354px;
    771   text-align: justify;
    772 }
    773 .b_e_a_article a {
    774   font-weight: bold;
    775 }
    776 .b_e_a_article p {
    777   margin-top: 0;
    778   margin-bottom: 0;
    779 }
    780 .lire_suite {
    781   float: right;
    782   color: green;
    783 }
    784 .b_e_a_b {
    785   clear: both;
    786   height: 8px;
    787 }
    788 .b_e_a_bg {
    789   float: left;
    790   height: 8px;
    791   width: 8px;
    792 }
    793 .b_e_a_bd {
    794   float: right;
    795   height: 8px;
    796   width: 8px;
    797 }
    798 /* Mini boite citoyen */
    799 .mini_boite_citoyen {
    800   float: left;
    801   width: 200px;
    802   margin-left: 8px;
    803   margin-right: 8px;
    804   background-color: #F5F5F5;
    805   border: 1px solid #EFEFEF;
    806 }
    807 .mini_boite_citoyen:hover, .mini_boite_citoyen:focus {
    808   background-color: #DFDFDF;
    809 }
    810 .m_b_c_h {
    811   height: 8px;
    812 }
    813 .m_b_c_hg {
    814   float: left;
    815   height: 8px;
    816   width: 8px;
    817 }
    818 .m_b_c_hd {
    819   float: right;
    820   height: 8px;
    821   width: 8px;
    822 }
    823 .m_b_c_cont {
    824  
    825 }
    826 .m_b_c_photo {
    827   float: left;
    828   width: 46px;
    829   height: 46px;
    830   margin-left: 8px;
    831 }
    832 .m_b_c_photo img {
    833   width: 40px;
    834   height: 40px;
    835   border: 1px solid #e3e0d8;
    836   overflow: hidden;
    837 }
    838 .m_b_c_text {
    839   float: left;
    840   width: 124px;
    841   margin-left: 8px;
    842   margin-right: 8px;
    843 }
    844 .m_b_c_text h3 {
    845   font-size: 1em;
    846   margin: 0;
    847 }
    848 .m_b_c_text p {
    849   margin: 0;
    850   margin-top: 5px;
    851 }
    852 .m_b_c_b {
    853   clear: both;
    854   height: 8px;
    855 }
    856 .m_b_c_bg {
    857   float: left;
    858   height: 8px;
    859   width: 8px;
    860 }
    861 .m_b_c_bd {
    862   float: right;
    863   height: 8px;
    864   width: 8px;
    865 }
    866 /**/
     742
    867743.liens_articles, .tags {
    868744  list-style-type: none;
    … …  
    989865  background-color: #DBD5C8;
    990866}
     867
    991868/* commentaires */
    992869.commentaires {
    … …  
    1008885.commentaire {
    1009886  clear:both;
     887  min-height: 104px;
    1010888  padding: 15px;
    1011889  padding-top: 0px;
    … …  
    1050928}
    1051929.nuage_de_tags .hide {
    1052          color: #f7f7f7;
    1053          font-size: 6px;
     930  color: #f7f7f7;
     931  font-size: 6px;
    1054932}
    1055933.nuage_de_tags h3 {
    … …  
    1111989
    1112990.suivant {
    1113    text-align: right;
     991  text-align: right;
    1114992}
    1115993
Note: See TracChangeset for help on using the changeset viewer.