.transform(...) { -webkit-transform: @arguments; -moz-transform: @arguments; -o-transform: @arguments; -ms-transform: @arguments; transform: @arguments; } .BOX(@v) { -webkit-box-sizing: @v; -moz-box-sizing: @v; box-sizing: @v; } .background-clip(@argument: padding-box) { -moz-background-clip: @argument; -webkit-background-clip: @argument; background-clip: @argument; } .opacity(@opacity: 0.5) { -moz-opacity: @opacity; -khtml-opacity: @opacity; -webkit-opacity: @opacity; opacity: @opacity; @opperc: @opacity * 100; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; filter: ~"alpha(opacity=@{opperc})"; } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; -webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-left-radius: @bottomleft; -webkit-border-top-left-radius: @topleft; -moz-border-radius-topright: @topright; -moz-border-radius-bottomright: @bottomright; -moz-border-radius-bottomleft: @bottomleft; -moz-border-radius-topleft: @topleft; border-top-right-radius: @topright; border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; .background-clip(padding-box); } .blur(@v) { -webkit-filter: blur(@v); -moz-filter: blur(@v); -o-filter: blur(@v); -ms-filter: blur(@v); filter: blur(@v); } // ------------------------------------------- macros .C(@v){color:@v;} .Ci(@v){color:@v !important;} .W(@v){width:px(@v);} .W0(){width:0;} .W1(){width:100%;} .Wp(@v){width:@v;} .minW(@v){min-width:px(@v);} .maxW(@v){max-width:px(@v);} .Wi(@v){width:px(@v) !important;} .H(@v){height:px(@v);} .H0(){height:0;} .H1(){height:100%;} .Hp(@v){height:@v;} .minH(@v){min-height:px(@v);} .maxH(@v){max-height:px(@v);} .Hi(@v){height:px(@v) !important;} .Z(@v){z-index:@v;} .Zi(@v){z-index:@v !important;} .M(@x,@y){margin:px(@y) px(@x);} .Mp(@x,@y){margin:@y @x;} .Mi(@m){margin:@m !important;} .M0(){margin:0;} .Mtop(@v){margin-top:px(@v);} .Mlef(@v){margin-left:px(@v);} .Mbot(@v){margin-bottom:px(@v);} .Mrig(@v){margin-right:px(@v);} .MT(@v){margin-top:px(@v);} .ML(@v){margin-left:px(@v);} .MB(@v){margin-bottom:px(@v);} .MR(@v){margin-right:px(@v);} .MTp(@v){margin-top:@v;} //.MLp(@v){margin-left:@v;} .MBp(@v){margin-bottom:@v;} //.MRp(@v){margin-right:@v;} .MTm(@v){margin-top:px(-@v);} .P(@x,@y){padding:px(@y) px(@x);} .Pp(@x,@y){padding:@y @x;} .P0(){padding:0;} .Ptop(@v){padding-top:px(@v);} .Plef(@v){padding-left:px(@v);} .Pbot(@v){padding-bottom:px(@v);} .Prig(@v){padding-right:px(@v);} .PT(@v){padding-top:px(@v);} .PL(@v){padding-left:px(@v);} .PB(@v){padding-bottom:px(@v);} .PR(@v){padding-right:px(@v);} .PLp(@v){padding-left:@v;} .B(@dim,@col){border:px(@dim) solid @col;} .B0(){border:none;} .Btop(@dim,@col){border-top:px(@dim) solid @col;} .Blef(@dim,@col){border-left:px(@dim) solid @col;} .Bbot(@dim,@col){border-bottom:px(@dim) solid @col;} .Brig(@dim,@col){border-right:px(@dim) solid @col;} .BT(@dim,@col){border-top:px(@dim) solid @col;} .BL(@dim,@col){border-left:px(@dim) solid @col;} .BB(@dim,@col){border-bottom:px(@dim) solid @col;} .BR(@dim,@col){border-right:px(@dim) solid @col;} .BT1(@col){border-top:1px solid @col;} .BL1(@col){border-left:1px solid @col;} .BB1(@col){border-bottom:1px solid @col;} .BR1(@col){border-right:1px solid @col;} .B1(@col){border:1px solid @col;} .BG(@v){background:@v;} .BG0(){background:none;} .BGcol(@v){background-color:@v;} .BGsiz(@v){background-size:@v;} .BGpos(@v){background-position:@v;} .BGurl(@v){background:url(@v) no-repeat;} .BGa(@r,@g,@b){background-color:rgba(@r,@g,@b,0.25);} .RGBA(@r,@g,@b,@a){background-color:rgba(@r,@g,@b,@a);} .POS(@v){position:@v;} .POSfix(){.POS(fixed);} .POSabs(){.POS(absolute);} .POSrel(){.POS(relative);} .OF0(){overflow:hidden;} .OF1(){overflow:scroll;} .D(@v){display:@v;} .D0(){.D(none);} .DB(){.D(block);} .DI(){.D(inline-block);} .IB(){.D(inline-block);} .DT(){.D(table);} .DC(){.D(table-cell);vertical-align:middle;} .Ffam(@v){font-family:@v;} .Fsty(@v){font-style:@v;} .Fwei(@v){font-weight:@v;} .FF(@v){font-family:@v;} .FS(@v){font-style:@v;} .FW(@v){font-weight:@v;} .FW0(){font-weight:normal;} .FW1(){font-weight:bold;} .Ttra(@v){text-transform:@v;} .TT(@v){text-transform:@v;} .TTup(){text-transform:uppercase;} .TT1(){text-transform:uppercase;} .TT0(){text-transform:none;} .TA(@v){text-align:@v;} .TAcen(){text-align:center;} .TAlef(){text-align:left;} .TArig(){text-align:right;} .TAjus(){text-align:justify;} .TA0(){text-align:left;} .VA(@v){vertical-align:@v;} .VAtop(){vertical-align:top;} .VAbot(){vertical-align:bottom;} .O(@v){.opacity(@v);} .TD0{text-decoration:none;} .TDund{text-decoration:underline;} .TDu{text-decoration:underline;} .F(@v){float:@v;} .FL(){float:left;} .FT(){float:top;} .FB(){float:bottom;} .FR(){float:right} .F0(){float:none;} .LS0(){list-style:none;} .BS0(){box-shadow:none;} .R(@v){border-radius:px(@v);} .Rp(@v){border-radius:@v;} .transition(@t) { transition : all @t ease-in-out; -o-transition : all @t ease-in-out; -moz-transition : all @t ease-in-out; -webkit-transition : all @t ease-in-out; } .delay(@t) { transition-delay:@t; -o-transition-delay:@t; -moz-transition-delay:@t; -webkit-transition-delay:@t; } .T(@t) { transition : all @t ease-in-out; -o-transition : all @t ease-in-out; -moz-transition : all @t ease-in-out; -webkit-transition : all @t ease-in-out; } .TD(@t) { transition-delay:@t; -o-transition-delay:@t; -moz-transition-delay:@t; -webkit-transition-delay:@t; } .TR(@t,@r) { transition : all @t ease-in-out @r; -o-transition : all @t ease-in-out @r; -moz-transition : all @t ease-in-out @r; -webkit-transition : all @t ease-in-out @r; } .T0() { transition : none ; -o-transition : none; -moz-transition : none; -webkit-transition : none; } .PTR(){cursor:pointer;} .ROT(@v) { .transform(rotate(@v)); } .ZOOM(@v) { .transform(scale(@v)); } // texte responsif .LH(@v){line-height:pz(@v);} .Fsiz(@v){font-size:pz(@v);} .FZ(@v){font-size:pz(@v);} // ----------------------------------------- couleurs @fond_foot:#4d4d4d; @txt1_foot:#ffffff; @txt2_foot:#a1a19f; // +bord foot @text_head:#ffffff; @fond_head:#f4f4f1; //#efefec; // #e9e9e6; //#ebebe8; // #f2f2ef; */ @txt1_head:#000000; @txt2_head:@fond_foot; @sele_menu:#e9e9e9; @text_menu:#a8a8a8; @bord_menu:#9b9b9b; @fond_menu:#3c3c3c; // #3d3d3c @fond_main:#95a5a6; // #91a1a2; @txt1_main:@fond_menu; @txt2_main:#404040; @txt3_main:#626262; @txt4_main:#d2d2d2; @red_dark:#e25a47 ; @red_lite:#e98375 ; @noir:#2a2a2a; @gris:#999999; /* @red */ // --------------------------------------- dimensions @zoom : 1.0 ; @w_main : 1140px; //1280px; @w_marg : 34px; @h_marg : 30px; @h_head : 100px; @h_foot : 79px; @h_menu : 575px; @w_para : 555px ; @m_para : 30px ; @m_head : 20px ; @m_foot : 70px ; @w_peti : 260px ; @h_peti : 190px ; @h_gran : 410px ; @h_deca : ( @h_peti + @m_para ) ; @w_mini: 700px; @W:`window.innerWidth`; @H:`window.innerHeight`; /* @h_menu : `jQuery("#primary").height()`; */ @T1 : 400ms ; @T2 : 800ms ; // ouverture menu @T3 : 200ms ; // survol presta // ------------- custom style .txt_base() { .BGcol(@fond_head); .C(@noir);//@fond_menu); .FF(LAlite); .LH(22); .FZ(15); .PB(2*@m_head); .MR(0); .MT(@m_head); .MB(0); } .dl() { .FF(MSregu); .FZ(14); .C(white); .BG(@red_dark); .P(40,8); .TA(center); .B1(#eccac3); .TT1(); .FW0(); &:hover { .T(@T1); .B1(@red_dark); .BG(white); .C(@red_dark); } } // --------------------------------------------- body body { .BGcol(white); p { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens:none; hyphens: none; } a { .T(@T1); outline:none !important; } .site, header, footer { .maxW(1420); } .site-content { .M0();.P0();.W1(); .OF0(); /* .minH(1000); */ } // ------------------------------------ main menu #main-menu { .M0();.P0();.W1();.H1(); .BGcol(@fond_menu); .POSfix(); .Z(-10); .maxW(10000); /* .D0(); */ .O(0); div { .W(@w_main); .H(@h_head); .Mp(auto,0); .P(20,0); .PL(0); .PR(0); // --------------------- boutons #close { .M0();.P0(); .W(30);.H(30);.Mtop(35);.Mlef(18); .BGurl("icons/croix_lite.png"); .BGsiz(100%); .DI();.FL(); .O(0.6); cursor:pointer; .T(@T1); &:hover { .O(1.0); } } #logo { .M0();.P0(); .W(210);.H(50);.Mtop(25); .BGurl("icons/logo_dark-small.png"); .BGsiz(cover); .DI();.FR(); } // --------------------- } nav { /* .BG(yellow); */ /* .W(500); */ .Mp(auto,0); .IB(); .W1(); &>div { .M0();.P0(); .W1(); ul { /* .T(@T2); */ .TR(@T3,height); .M0();.P0(); /* .W(550); */ .H(0); .Mp(auto,0); .OF0(); .MTp((@H - px(@h_menu) ) / 2 - px(@h_head)); /* .BG(green); */ &.ouvert { .TR(@T1,height); .H(@h_menu); } li { .M0();.P0(); .B0(); .W(400); .Mp(auto,px(40)); .TAcen(); /* .BG(orange); */ a { .M0();.P0(); .C(@text_menu); /* .T(@T1); */ .Ffam(MSlite); .Fsiz(45); /* .W(350); */ /* .TAcen(); */ .Mp(auto,0); .TT(uppercase); .DI(); /* .BG(blue); */ #txt { .DI(); // pas super /* .MT(5); */ /* .ML(5); */ } #bord { .POSabs(); .B1(@text_menu); .D0(); .BG(white); .Rp(5px); .MT(65); .W(0); .Hp(3px); /* .BOX(border-box); */ } &:hover { .C(white); /* .Fwei(bold); */ /* .Ffam(MSregu); */ #txt { .MT(0); .ML(0); } #bord { .DI(); .B1(@text_menu); } } } } li.current-menu-item a { .C(white); text-decoratio:underline; /* .Fwei(bold); */ #bord { .D0(); .Hp(3px); .B1(@text_menu); } } } } } } // --------------------------------------- header header#entete { .M0();.P0();.W1(); .BGcol(@fond_head); .POSfix(); .Z(5); #head1 { .W(@w_main); .H(@h_head); .Mp(auto,0); .P(20,0); .PR(0); .PL(0); #menu { .M0();.P0(); .W(40);.H(30);.Mtop(35);.Mlef(12); .BGurl("icons/menu_lite.png"); .BGsiz(cover); .DI();.FL(); cursor:pointer; .T(@T1); &:hover { .O(0.8); } } #lienhme { .M0(); .P0(); .H(30); .Mtop(35); .Mlef(25); .FF(MSlite); .DI(); .FL(); .TT(uppercase); cursor:pointer; .T(@T1); .FZ(16); &:hover { .O(0.8); } .menu { li { display: inline; list-style:none; margin: 0 10px; &.current-menu-item { a { .FW1(); text-decoration:underline; } } } } } #logo { .M0();.P0(); .W(210);.H(50);.Mtop(25); .BGurl("icons/logo_new.png"); .BGsiz(cover); .DI();.FR(); } } } // --------------------------------------- footer .post-navigation { .Mp(auto,0);.P0(); .W(@w_main); .MT(@m_para); .MB(@m_foot); * { .T(@T1); } .post-title { .FF(MSlite); } } footer#colophon { .M0();.P0();.W1(); .BS0(); .H(@h_foot * 2 + 1); .OF0(); &>div { &#foo1 { .C(@fond_foot); .Ffam(MSregu); .Fsiz(14); .BGcol(@fond_head); .BB1(@txt2_foot); &>a { .IB(); .Ci(@fond_foot); } } &#foo2 { .C(@txt4_main); .Ffam(LAlite); .Fsiz(15); .BGcol(@fond_foot); p { line-height:18px; margin-top:30px; } } &>div, &>a { .Mp(auto,0);.P0();//.Plef(10); .W(@w_main); .H(@h_foot); .LH(@h_foot); .P(10,0); /* .IB(); */ .img { .W(32);.H(25);.Mrig(25); .BGurl("icons/contact.png"); .BGsiz(cover); .DI(); .VA(middle);* &:hover { .O(0.75); } } p { .M0();.P0();.H1(); .DI(); &>a { .C(@fond_foot); &:hover { .O(0.8); } } } // ----------------------- menu nav { .DI();.FR(); /* .PR(20); */ /* .C(); */ ul { li { .IB(); &:not(:first-of-type)::before { content:'/ ' ; } a { /* .T(@T1); */ .M0();.P0(); .C(@txt4_main); .IB(); .LH(15); #txt { .IB(); } #bord { .M0();.P0(); .POSabs(); .H(15); .MT(4); .IB(); .W(0); .BB1(@txt2_foot); // this marche pas ici // test:`jQuery(this).height()`; } &:hover { /* .Ffam(LAregu); */ /* .Fwei(bold); */ .C(@text_head); /* .Fsiz(14); */ #bord { /* .W(`jQuery(this).parent().find("#txt").width()`); */ /* .W(`jQuery(this).attr("w")`); */ } } } &.current-menu-item a { .Fwei(bold); .C(@text_head); } } } } } } } // -------------------------------------- groupe &.page-template-group, &.single-post { article { .Mp(auto,0);.P0();//.Plef(10); .W(@w_main); .BS0(); .Ffam(MSlite); header.entry-header { .M0();.P0();.W1(); /* .BGa(255,128,0); */ h1 { .POSabs(); .MT(220); .ML(60); .Fsiz(40); .Ffam(MSlite); .C(white); .FW0(); } } .entry-content { .M0();.P0();.W1(); .txt { .FL(); .DI(); .M(@m_para,@m_para); .ML(0); .P(2*@m_head,@m_head); .W(@w_para); .MT(@m_head); .MB(@m_foot); } h3 { .C(black); .FZ(20); /* .FF(MSlite); */ .FF(LAregu); .TT(uppercase); .FW(normal); .MT(10); } &>p { .M0();.P0(); .FR(); .DI(); hyphens: none; } img, .img-post { .M0();.P0(); .MB(@m_para); .DI(); &.alignright, &.alignleft { &:not(.wp-image-55) { .W(555); } &.wp-image-55 { .W(100); } } } } // ------------------ "de la pierre" &.post-99 .entry-content { .txt { .H(890); .FF(LOital); .C(white); .BGurl("icons/logo_back.png"); .BGpos(100% 100%); .BGcol(@fond_main); .PB(25); /* .H(900); */ .LH(30); .FZ(18); } img, .img-post { &.wp-image-43 { .FR(); .W(555); .H(489); .BGpos(50% 0%); .BGsiz(150%); .MT(@m_head); } } } &.post-213 .entry-content { .txt { /* .BGurl("icons/logo_back.png"); */ .BGpos(100% 100%); background-color: @fond_main !important; p { .C(white); .FF(LOital); .FZ(18); .LH(30); .PT(10); .PB(30); .TA0(); } } #presta-custom .bloc-presta { margin-bottom: 60px!important; } } // --------------------- "Historique" &.post-133 .entry-content { .txt { .txt_base(); .MB(@m_para); } img, .img-post { &.wp-image-141 { .ML(0); .MT(@m_head); .MB(0); } &.wp-image-40 { .W1(); .H(460); .BGpos(0% 50%); .BGsiz(100%); .MB(@m_foot); } } } // --------------------- "Valeurs" &.post-144 .entry-content { .txt { .txt_base(); .H(335); p { .MB(12); } &#ethiq { .MT(0); } h3 { .FF(MSlite); } } img, .img-post { &.wp-image-66 { .W(555); .H(335); .BGpos(30% 60%); .BGsiz(110%); .MT(@m_head); .ML(@m_para); } &.wp-image-65 { .W(555); .H(335); .MT(0); .MB(@m_foot); .MR(@m_para); .ML(0); } } } // --------------------- "Esprit" &.post-161 .entry-content { .txt { .txt_base(); .PT(@m_para); .MB(@m_para); p { .MB(12); &:nth-of-type(3) { .MB(40); } } } .bref { .MT(@m_head); .P(45,@m_para); .FR(); .W(555); .H(920); .C(white); .BGcol(@fond_main); .FF(LOregu); .FZ(14); .LH(18); h3 { .MT(0); .FF(MSlite); .C(white); .FZ(22); .padd { .LH(1); .DI(); .W(165); .BB1(white); } } h4 { clear:none; /* .DI(); */ .C(white); .BB1(#cacaca); .FZ(15); .FF(MSlite); .FW(normal); .TTup(); .MT(30); .MB(10); .ML(5); .MR(15); &:first-of-type { .MT(42); .ML(127); } } ul { list-style:none; .PL(5); .PR(5); &:first-of-type { .MB(50); .ML(15); } li { &::before { content:">"; .DI(); .MR(5); } } } .ID-img { .DI(); .FL(); .B0(); .MR(20); .R(50); .OF0(); .B1(white); .ML(5); img { .MB(0); } } } img, .img-post { &.wp-image-64 { .W(555); .H(380); .BGpos(50% 10%); .BGsiz(160%); .MR(@m_para); .MB(@m_foot); } } } // --------------------- "Prestations" &.post-213 .entry-content { .txt { .txt_base(); .PT(@m_para); .MB(@m_foot); .TA(center); .W(420); .FZ(15); p { .MB(12); } } ul#presta { .DI(); .FL(); .W(720); .LS0(); .MT(@m_para / 2); .PL(@m_para+@m_head); .PT(@m_head); &>li { h3 { .T(@T3); .FF(MSthin); .FW0(); .TT0(); .FZ(30); .C(@noir); .BB1(#e5e5e5); .PB(20); .PTR(); .MB(0); .MT(25); .puce { .T(@T3); .DI(); .Wp(pz(40)); .Hp(pz(40)); .Rp(pz(20)); .C(@gris); .B1(@gris); .VA(middle); .FZ(40); .LH(35); .TA(center); .MR(@m_para); .MBp(pz(2)); .PLp(pz(1)); } &:hover, &.ouvert { .C(@red_dark - 20); /* .FW1(); */ .puce { .C(@noir); .B1(@red_dark); } } &.ouvert { .C(@red_dark); .puce { /* .FW1(); */ .ROT(45deg); } } } &:last-of-type h3:not(.ouvert) { .B0(); } ul { .T(@T1); .FF(MSlite); .LS0(); .O(0); .OF0(); .ML(0); .POSrel(); .bloc-presta { .W(295); .H(225); /* .BGa(128,0,0); */ .FL(); .MT(30); .Z(0); .MR(20); .MB(25); /* .OF0(); */ /* .POSrel(); */ & + p { .MB(0); } .nav { .T(@T1/2); .DI(); .W(40); .H(40); .BG(white); .POSabs(); .Z(6); .MT(200); //.MT(235); .LH(40); .FZ(25); .TA(center); .border-radius(px(5),0,0,0); .O(0); cursor:default; /* .FW1(); */ .FF(MSregu); .C(rgba(0,0,0,0.65)); .BT1(rgba(255,255,255,0.5)); &.dro{.BL1(rgba(255,255,255,0.5));} &.gau{.BR1(rgba(255,255,255,0.5));} &.dro { .border-radius(0,0,0,px(5)); .ML(260); } } &.solo .nav { .D0(); } } li { clear:none; .FZ(15); .LH(19); .MB(0); .MT(13); &:first-of-type { .MT(30); } /* // première lettre = 'before' &:first-letter { .TT(capitalize); .BG(yellow); } */ &:before { content:"> "; } } } h3.ouvert + ul .bloc-presta { .O(1.0); .DB(); /* .Z(1); */ } a //.img-presta { /* .T(@T1); */ .POSabs(); /* .Z(-1); */ .D0(); .W(300); .H(0); .OF0(); .B0(); /* .O(1.0); */ .img-presta { .W(300); .H(240); .BGsiz(cover); .BGpos(0); } /* &.courant { .T(@T1); .DI(); .O(1.0); .Zi(11); } &.ancien { .T(@T1*2); .DI(); .O(0.0); .Zi(10); } */ } h3.ouvert { & + ul .bloc-presta a { .Z(5); .H(240); } & + ul .bloc-presta .nav { .T(2*@T1); .Z(15); .O(1.0); &:hover { .BT1(@red_dark); &.dro{.BL1(@red_dark);} &.gau{.BR1(@red_dark);} .T(@T3); /* .PTR(); */ .C(@red_dark); } } } } } } // ------------------- "Associations" &.post-234 .entry-content { .txt { .txt_base(); .MB(@m_foot); .H(771); .OF0(); p { .MB(10); .LH(21); &:nth-of-type(3) { .MB(0); } &:last-of-type { .W1(); .MB(0); } } a { .B0(); } h3 { .FZ(16); .TA(center); .MT(20); .MB(20); a:before { content:" "; .W(25); .H(25); .BGurl("icons/dl.png"); .DI(); .VA(middle); .PT(28); .T(@T1); .MR(7); } &:hover { a:before { .O(0.65); } } } a.dl { .dl(); .W(200); .ML(137); .DI(); } } img { .FR(); .MT(@m_head); &.wp-image-32 { .MT(0); } } } // ------------------- "Nos atouts" &.post-247 .entry-content { .txt { .txt_base(); .MB(@m_foot); .W1(); .PB(0); h3 { .TA(center); /* .FZ(22); */ } p { .MB(12); } ol { counter-reset: section; li { .DI(); .W(230); .P0();.M0(); .TA(center); .ML(40); .VA(text-top); .FZ(16); &:first-of-type { .ML(0); } &:before { counter-increment: section; content: counter(section); .FF(LAlite); .FZ(100); .C(#d8d8d8); .MT(30); .DI(); } h4 { .M0();.P0(); .MT(30); .LH(25); .FZ(18); .MB(10); .P(0,0); } } } } } // ------------------- "Conseils" &.post-259 .entry-content { .txt { .txt_base(); .PT(@m_para - 5); .PB(0); .LH(21); .H(372); .MB(@m_para); a.dl { .dl(); .W(220); .ML(147); .DI(); .MT(15); .MB(10); } } p { .MB(15); } img, .img-post { .M0(); &.wp-image-48 { .MT(@m_head); } &.wp-image-38 { .W1(); .H(350); .MT(0); .MB(@m_foot); .BGpos(0 65%); } } } // ------------------- "Déstockage" &.post-276 .entry-content { .txt { .txt_base(); /* .BGa(128,255,0); */ .Wp(101%); .TA(center); .P0(); .MT(@m_para); .MB(@m_foot); .BG0(); .bloc-stock { /* .BGa(255,0,128); */ .TA0(); .MB(20); .stock-elem { /* .BGa(128,0,255); */ .W(300); .H(375); .DI(); .M0();.P0(); .MR(116); .MB(0); &:nth-of-type(3n-3) { .MR(0); } .imag { .W(300); .H(300); } .prod { .FF(MSregu); .TT1(); .FZ(16); .MT(10); } .prix { .FF(LAlite); } } } a.dl { .dl(); .W(210); } p { .MB(0); } } } } // --------------------------------------- contact article.post-178 .entry-content { .txt { .txt_base(); .W1(); .MB(@m_foot); .VA(text-top); .PT(@m_para); .PB(0); h4 { .W(555); .DB(); .C(#2a2a2a); .BB1(#cacaca); .FZ(25); .FF(MSlite); .FW(normal); .TTup(); .MT(5); .PB(5); .MB(20); } #sl_div { .W(555); .H(330); /* .FL(); */ #map { .B1(#b3b3b1); } } form { .PT(10); .W(410); .FR(); .DI(); .FF(MSlite); .FZ(14); input:not([type="submit"]), textarea { .H(30); .MT(5); .C(@fond_menu); .FZ(14); .FF(MSlite); .BG(#f6f6f6); .B1(#b3b3b1); .MB(5); } textarea { .H(220); } input[type="submit"] { .dl(); .FR(); } } .map { .W(500); .FL(); .FF(LAregu); .C(#777); p { .FZ(18); .MB(15); .LH(25); } #address_search, #slp_tagline, #map_sidebar, .gmnoprint { .D0(); } } } } } // ------------------------------------ references article.post-78 { h1.entry-title { .D0(); } .entry-content { .Wp(103%); /* .BGa(128,255,0); */ nav { .MT(30); .FZ(15); .ML(3); #filtre { .FF(MSregu); .FW1(); .MR(40); } .filtre { .T(@T3); .MR(20); .FF(LAlite); .PTR(); &:hover,&.actif { .C(@red_dark); } } } #presta-grid { .MB(45); .MT(40); .presta-elem { .W(360); .H(280); .P0();.M0(); /* .MR(30); */ .MB(40); /* .MR(30); */ .DI(); .B0(); .FL(); .PTR(); /* .BGa(0,128,255); */ .imag { .T(@T3); .H(210); .BGsiz(cover); .B(3,white); } .titre { .T(@T3); .TD(0ms); .M0();.P0(); .ML(15); .MT(15); .FF(MSregu); .TT1(); .LH(20); .FZ(18); } .cat { .T(@T3); .TD(0ms); .M0();.P0(); .ML(15); .FF(LAlite); .FZ(16); } &.haut-1 { .H(420); .imag { .H(350); } } &.haut-0 { .H(650); .imag { .H(580); } } &:hover { .imag { .B(3,@red_dark); } .titre,.cat { .O(1.0); .C(@red_dark); } } } } } } &.single-post { article { header.entry-header { .BG(black); img { .POSabs(); .O(0.8); } .H(329); } } } // --------------------------------------- accueil #primary { .Ptop(@h_head); #slogan { .PT(40); .PB(40); h3, h4 { .M0();.P0(); .TAcen(); .Ffam(LOital); .Fwei(normal); .C(@fond_foot); } h3 { .Fsiz(36); .LH(40); } h4 { .Fsiz(26); .LH(30); } } #mozaig { .Mp(auto,0);.P0();//.Plef(10); .W(@w_main); /* .H(1150); */ /* .BGa(128,0,255); */ .LH(0); .FZ(21); .MB(50); &>div { .Wp(110%); } &>div>div { .FL(); clear:none; } /* #L1, #L2, #L3, #L4 */ /* { */ /* .H(@h_peti+@m_para); */ /* .DI(); */ /* .BGa(128,0,255); */ /* } */ .decalM { //.MTm(@h_deca); } .decal { .MT(@h_deca); } .petit { .DI(); .W(260); .H(190); .MR(@m_para+3); .MB(@m_para); .LH(20); } .grand { .DI(); .W(260); .H(410); .MR(@m_para+3); .MB(@m_para); .LH(20); } .lite, .dark:not(#princ):hover { .T(@T1); .BGcol(@fond_head); .C(@noir); .PTR(); .bouton { .BGurl("icons/dro_dark.png"); .BGsiz(100% 100%); } } .dark, .lite:hover { .T(@T1); .BGcol(@fond_foot); .C(#ffffff); .PTR(); .bouton { .BGurl("icons/dro_lite.png"); .BGsiz(100% 100%); } } .photo { /* .BGa(0,255,128); */ .BGsiz(cover); &[aid="53"] { .BGpos(40% 0%); } &[aid="47"] { .BGpos(60% 0%); } &[aid="41"] { .BGpos(55% 0%); } &[aid="61"] { .BGpos(50% 0%); } &[aid="507"] { .BGpos(65% 0%); } } nav.menu { .M0();.P0(); .W(@w_peti); .H(@h_peti); /* .BG(@red_dark); */ .BG(@fond_head); .LS0(); .FF(MSlite); .Pp(3px,3px); /* .D0(); */ .O(0); .POSabs(); ul { .M0();.P0(); .LS0(); /* .B1(white); */ .W(@w_peti - 6); .H(@h_peti - 6); .DB(); .P(20,13); /* .PB(12à */ li { .M0();.P0(); /* .C(white); */ .C(@noir); .LH(30); &:before { content:"> "; } a { .T0(); .M0();.P0(); .C(@noir); .FZ(16); &:hover { .FW1(); } } } } } .titre { .DT(); .W1(); .H1(); h3 { .DC(); .FF(MSlite); .FW0(); .TA(center); .LH(25); } } .bouton { /* .D0(); */ /* .POSabs(); */ .MT(-40); .ML(@w_peti - 40); .W(15); .H(23); .Z(20); } #princ { &>* { .T(@T1); } &:hover { cursor:auto; nav { .O(1.0); .Z(10); } .titre { .O(0); .Z(0); } } } } } } #presen-menu { ul.menu { li { padding: 3px 0!important; } } } // -------------------------------------------- référence body.single.single-post article { header.entry-header { .POSrel(); .OF0(); .MB(15); .H(100); .BG0(); .MT(10); .PT(40); img { max-width:110%; .Wp(102%); margin-top:-1%; margin-left:-1%; .blur(2px); .D0(); } h1 { .C(@noir); .P0(); .M0(); /* .Hi(100); */ } } .entry-content { h2 { .FF(MSlite); .FZ(28); .MB(10); .MT(10); } p { .FF(MSlite); float:none; .FZ(18); .LH(22); } h3 { .FF(MSlite); } h3.tra_av, h3.tra_ap { .MT(20); .DB(); .BB1(@fond_head - 30); .PB(10); .MB(30); /* .FL(); */ } .gallery { .DI(); /* .Wp(50%); */ /* .BGa(0,0,100); */ .MB(0); /* .FL(); */ figure.gallery-item { .DI(); /* .W(250); */ /* .BGa(100,0,0); */ .P0(); .MR(33); .W(153); max-width:500px; .gallery-icon { .W1(); a { /* .BGa(0,100,0); */ .DI(); .W1(); .P0(); .M0(); .B0(); .MB(30); img { .W1(); .B1(@fond_head - 30); .M0(); } } } } } .elem_tra { .W(@w_main / 2 - 3* @m_para / 2); /* .BGa(100,0,0); */ .DB(); .FL(); &:first-of-type { .MR(3 * @m_para); } figure.gallery-item { &:nth-of-type(3n) { .MR(0); } } } .tra_av + .tra_ap, .tra_av + .tra_ap + .tra_ap { /* .FR(); */ } } } .post-navigation { .BS0(); .B0(); .nav-links a { .P0(); .DI(); /* .BGa(100,0,100); */ max-width:45% !important; .FF(LAregu); .C(@fond_foot); .meta-nav { .C(@fond_head - 80); .DB(); .FZ(15); .FF(LAregu); } &[rel='prev'] { .FL(); .meta-nav::before { content:' '; .DI(); .W(20); .H(20); .BGurl("icons/next.png"); .BGsiz(cover); /* .PT(15); */ .VA(-4px); .MR(10); } } &[rel='next'] { .FR(); text-align:right; .meta-nav { text-align:right; &:after { .ROT(180deg); content:' '; .DI(); .W(20); .H(20); .BGurl("icons/next.png"); .BGsiz(cover); /* .PT(15); */ .VA(-4px); .ML(10); } } } &:before { content:''; display:none !important; } } } /* body { norm-prop-W:@W; norm-prop-H:@H; norm-prop-Wmain:@w_main; } */ #fancybox-title-over { .D0(); } @media (min-width: ( @w_mini + 1 ) ) { body header#entete #head1 #menu { .D0(); } body header#entete #head1 #lienhme { .ML(0); } } // ------------------------------------ ajustements "iphone" @media (max-width:@w_mini) { /* body { resp-deb-prop-W:@W; resp-deb-prop-H:@H; resp-deb-prop-Wmain:@w_main; } */ body #primary #mozaig #L1 { /* .H(3000); */ .petit,.grand { .W(550); .bouton { .ML(480); } } .petit { .H(410); } .grand { .H(850); } nav.menu { .W(550); .H(410); ul { .W(540); .H(400); } } } body.page-template-group article, body.single-post article { .W1(); .entry-content { & > p { .Mi(0); } .txt, .bref, .alignright, .alignleft, .img, .img-post { border-bottom:2px solid white; /* .Wi(@w_main); */ width:100% !important; &:not(.wp-image-55), &.wp-image-43 { .Hp(auto); .Mi(0); /* margin-top:px(@m_para) !important; */ /* margin-bottom:px(@m_para) !important; */ } &.wp-image-43 { .Hi(1000); } &.wp-image-38 { .BGsiz(cover); } &.wp-image-55 { .Wi(300); /* .R(75); */ border:none !important; } } } } body.page-template-group article.post-161 .entry-content .bref { .ID-img { .R(150); .DI(); .MR(50); } h4:first-of-type { .ML(350); .MT(130); &+ul { .MB(130); } } } body.page-template-group article.post-247 .entry-content .txt ol li, body.single-post article.post-247 .entry-content .txt ol li { .Wp(80%); margin-left:10% !important; margin-bottom:@m_para; .DB(); } body.page-template-group article.post-213 .entry-content ul#presta, body.single-post article.post-213 .entry-content ul#presta { .W(@w_main); .MT(0); .MB(@m_foot); } body.page-template-group article.post-213 .entry-content .txt, body.single-post article.post-213 .entry-content .txt { .MB(0); } body.page-template-group article.post-144 .entry-content .txt, body.single-post article.post-144 .entry-content .txt { .Hp(auto); .MB(@m_para); } body.page-template-group article.post-213 .entry-content ul#presta > li h3 .puce, body.single-post article.post-213 .entry-content ul#presta > li h3 .puce { .MBp(0); .PLp(0); .LH(28); } body.page-template-group article.post-161 .entry-content .bref, body.single-post article.post-161 .entry-content .bref { .W(@w_main); .Hp(auto); } body.page-template-group article.post-161 .entry-content .bref h3 .padd, body.single-post article.post-161 .entry-content .bref h3 .padd { line-height:1px; width:30.5%; } body #primary #mozaig nav.menu ul li { line-height:36px; } body article.post-78 .entry-content #presta-grid .presta-elem { .W1(); .Hi(1250); .imag { .W1(); .Hi(1000); } } body article.post-78 .entry-content nav .filtre, body article.post-78 .entry-content nav #filtre { .DB(); .TA(center); .FZ(25); .W(@w_main); .M0(); .P0(); } body.page-template-group article.post-259 .entry-content .txt a.dl, body.single-post article.post-259 .entry-content .txt a.dl { .Wp(50%); margin-left:25%; .MT(15); .MB(15); .PT(17); .PB(15); } body #main-menu nav > div { ul.ouvert { .Hi(1000); //.MT( ~'(@{H} - px(1000))}px' ); prop1:@H; prop2:px(1000); prop3:(@H - px(1000)); prop4:~`1000*Z+'px'`; .MTp(~`((@{H} - 180*Z - 1000*Z)/2)+'px'`); li, li a { .W1(); .TA(center); } } ul li a #bord { .MTp(pz(75)); } } body #primary #slogan { .W(@w_main - 80); .ML(55); h3 { /* font-size:21px; */ .FZ(21); } h4 { .FZ(15); /* font-size:19px; */ } } body.page-id-178 { .map { .Wi(@w_main - @m_para); h4 { /* width:100% !important; */ .Wi(@w_main - @m_para); } } form { float:none; /* .Wi(@w_main - 3*@m_para); */ width:100% !important; input { .P(10,10); .Hi(100); &[type='submit'] { .Hi(80); } } } } body footer#colophon { #foo1 { /* .Hi(105); */ /* .PT(10); */ .Hp(pz(80)); /* .LH(100); */ p { .FZ(8); } } &, & #foo2 > div { .TA(center); .Hp(auto); .W1(); .P0(); /* .RGBA(255,0,255,0.2); */ nav { float:none; } &>p { /* font-size:13px !important; */ .FZ(10); .LH(20); .MT(50); } } } body footer#colophon > div > div nav, body footer#colophon > div > a nav { .W1(); ul { .MB(0); .MT(20); .W1(); li { .W1(); /* .Hi(85); */ .DB(); a { .W1(); /* .Hi(85); */ .Ci(white); .TT1(); .FW1(); .FZ(10); .LH(10); .H(7); } &:not(:last-child) { .BB1(@gris); } &::before { content:'' !important; } #bord { display:none !important; } } } } body.page-template-group article header.entry-header, body.single-post article header.entry-header { border-bottom:2px solid white; h1 { .W1(); .TA(center); .ML(0); .MT(0); .MTp(11%); .FZ(30); } } body #primary { .PT(180); } body header#entete #head1 { .PT(15); .Hi(180); } body header#entete #head1 #menu { .W(110); .H(80); .BGurl("icons/menu_lite-big.png"); .BGsiz(cover); } body #main-menu div #close { .W(80); .H(80); .MT(50); .ML(30); } body header#entete #head1 #logo { .W(430); .H(100); } body #main-menu div #logo { .W(430); .H(100); .MT(40); } body #primary #mozaig { .M0(); .D0(); .photo { .D0(); } .petit, .grand { .M0(); //.Wi(@w_main + @m_para); width:100% !important; .Hi(250); border:none !important; border-top:2px solid white !important; .Ci(white); .FZ(40); .BGcol(@fond_foot); &:last-of-type { /* border-top:1px solid white; */ } &:hover { .BGcol(@fond_foot); } } .bouton { .D0(); } div#princ { .BGurl("icons/bg/presen.jpg"); .BGsiz(cover); .BGpos(center); cursor:pointer !important; .OF0(); .Z(1); .POSrel(); .titre { /* .Z(1); */ h3 { .PR(50); } h3:before { content:' '; .DI(); .W(50); } h3:after { .POSabs(); content:' '; /* .FZ(0); */ .FW1(); /* .MTm(5); */ .MT(5); .Wp(pz(10)); .Hp(pz(15)); .DI(); /* .PL(50); */ /* .PB(30); */ .BGurl("icons/dro_lite.png"); .BGsiz(cover); .BGpos(center); /* .BGpos(0 -15; */ } } &:hover { .titre { .Z(10); .O(1); } } &.actif { h3::after { /* .Ci(red); */ .BGurl("icons/dro_red.png"); .BGsiz(cover); .BGpos(center); .ROT(90deg); /* .PB(50); */ } } } nav#presen-menu.menu { .Z(0); .POSrel(); .D0(); .O(1); .B0(); .P0(); .Ci(white); border:none !important; .BG0(); height:auto; /* .BGa(100,100,100); */ .Wi(@w_main + @m_para); ul { /* .BGa(100,100,0); */ height:auto; .W1(); .P0(); .BG0(); /* .BGcol(white); */ border:none !important; li { /* .BGa(100,0,100); */ .TA(center); .W1(); .BT1(@fond_head - 30); &:first-of-type { .B0(); .DB(); &>a { .PT(30); } /* padding-top:140px !important; */ } &:last-of-type { .MB(5); } &:before { content:''; } a { /* .BGa(100,0,0); */ .Ci(black); .TA(center); .W1(); .FZ(15); .DI(); } } } } div > h3 { .RGBA(0,0,0,0.5); } div[href='?p=259'] { .BGurl("icons/bg/conseil.jpg"); .BGsiz(cover); /* .BGpos(center) */ } div[href='?p=78'] { .BGurl("icons/bg/réfé.jpg"); .BGsiz(cover); .BGpos(center); } div[href='?p=213'] { .BGurl("icons/bg/presta.jpg"); .BGsiz(cover); /* .BGpos(center) */ } div[href='?p=247'] { .BGurl("icons/bg/atouts.jpg"); .BGsiz(cover); .BGpos(center); } } body header#entete #head1 #lienhme { .D0(); } #presta-grid { .haut-1 { .Hi(480); } .haut-0 { .Hi(770); } } body.page-template-group article.post-178 .entry-content .txt #sl_div, body.single-post article.post-178 .entry-content .txt #sl_div { height:auto; width:100%; .MB(50); } body.single.single-post article { .gallery { width:100% !important; .gallery-item { .Wi(368); } } h3.tra_av,h3.tra_ap { width:100% !important; } } .post-navigation .nav-links a[rel='prev'] .meta-nav:before, .post-navigation .nav-links a[rel='next'] .meta-nav:after { .VA(0); .Wp(pz(10)); .Hp(pz(10)); } body.single.single-post article .entry-content .elem_tra { .W1(); } body #primary #mozaig .titre h3 { .FZ(25); } body.page-template-group article.post-178 .entry-content .txt form input[type="submit"], body.single-post article.post-178 .entry-content .txt form input[type="submit"] { .Hi(150); /* .LH(60); */ } body.page-template-group article.post-213 .entry-content ul#presta > li h3 { .FZ(25); /* .TA(center); */ } body.page-template-group article.post-213 .entry-content ul#presta > li h3 + ul { .bloc-presta { .W(@w_main); .Hi(@w_main * 3 / 4); a { .W(@w_main); .Hi(@w_main * 3 / 4); .img-presta { .W(@w_main); .Hi(@w_main * 3 / 4); .DB(); .F0(); } } } li { .LH(30); .PB(30); } } body.page-template-group article.post-144 .entry-content img.wp-image-65 { .Hp(auto); } body.page-template-group article.post-161 .entry-content .img-post.wp-image-64, body.page-template-group article.post-144 .entry-content .img-post.wp-image-66 { .H(800); } body.page-template-group article.post-213 .entry-content ul#presta > li ul .bloc-presta .nav { .W(150); .H(150); .LH(75); .MT(@w_main * 3 / 4 - 150); .FZ(40); } body.page-template-group article.post-213 .entry-content ul#presta > li ul .bloc-presta .nav.dro { .ML(@w_main - 200); } /* body { resp-fin-prop-W:@W; resp-fin-prop-H:@H; resp-fin-prop-Wmain:@w_main; } */ }