From: vincent@cubedesigners.com Date: Tue, 5 Dec 2017 10:17:16 +0000 (+0000) Subject: try #1816 @1 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=1ea5342f7755e2a4a92409a41e04043d3ed94105;p=ccgm.git try #1816 @1 --- diff --git a/less/actualites.less b/less/actualites.less index 6e8f175..fbbe51f 100644 --- a/less/actualites.less +++ b/less/actualites.less @@ -10,7 +10,7 @@ width:981px; position:relative; padding: 19px 0 16px; - background-image:url(../images/news.svg); + background-image:url("/images/news.svg"); background-position: 0 50%; background-repeat: no-repeat; height:30px; @@ -73,7 +73,7 @@ top:0px; right:185px; position:absolute; - background-image: url(../images/arrow-news-left.svg); + background-image: url("/images/arrow-news-left.svg"); background-repeat: no-repeat; background-size: 30px 30px; } @@ -81,7 +81,7 @@ .btn-next { margin:0 0 0 5px; right:150px; - background-image: url(../images/arrow-news-right.svg); + background-image: url("/images/arrow-news-right.svg"); background-repeat: no-repeat; } diff --git a/less/common.less b/less/common.less index 3bcc1c8..68ab20e 100644 --- a/less/common.less +++ b/less/common.less @@ -1,430 +1,533 @@ @import "constants.less"; -*{ +* { max-height: 1000000px; vertical-align: top; } -html{background-color:#f1eeee;} + +html { + background-color: #f1eeee; +} + body { - margin:0; - color:#5e5e5e; - font:300 16px/20px @Ubuntu; - background-color:#fff; - min-width:990px; + margin: 0; + color: #5e5e5e; + font: 300 16px/20px @Ubuntu; + background-color: #fff; + min-width: 990px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } -img {border-style:none;} + +img { + border-style: none; +} + a { - text-decoration:none; - color:#5e5e5e; + text-decoration: none; + color: #5e5e5e; } -a:hover {text-decoration:underline;} -a:active{background-color:transparent;} -q{quotes: none;} + +a:hover { + text-decoration: underline; +} + +a:active { + background-color: transparent; +} + +q { + quotes: none; +} + q:before, -q:after{content:"";} +q:after { + content: ""; +} -.dotclear a,.dotclear abbr{ - color:#0EA6DB; +.dotclear a, .dotclear abbr { + color: #0EA6DB; } -.body{ +.body { max-width: 100%; overflow-x: hidden; } -.visual{ - width:982px; - margin:0 auto; - position:relative; +.visual { + width: 982px; + margin: 0 auto; + position: relative; } -.visual.add .v1 { margin:0 -209px;} +.visual.add .v1 { + margin: 0 -209px; +} -#main{ - margin:0 auto; - width:981px; +#main { + margin: 0 auto; + width: 981px; position: relative; z-index: 5; } -#wrapper{overflow:hidden;} -#header{ - padding:12px 0 21px; - overflow:hidden; - background-image: linear-gradient(to bottom, #fff 0%,#fdfcfc 88%,#faf8f9 100%); -} -#header .holder{ - margin:0 auto; - width:981px; -} -#header .panel{ - max-width:590px; - float:right; -} -.logo{ - background-image:url(../images/logo.svg); - width:392px; - height:91px; - overflow:hidden; - text-indent:-9999px; - float:left; - margin:25px 0 0 4px; -} -.logo a{ - display:block; - height:100%; -} -#nav:after{ - display:block; - content:''; - clear:both; -} -#nav ul{ - margin:0; - padding:0; - list-style:none; - float:right; -} -#nav li{ - display:inline-block; -} -#nav li:first-child a{margin:0;} -#nav li a{ - display:inline-block; - font-weight:500; - font-size:14px; - line-height:14px; - text-align:center; - width:104px; - padding:54px 0 0; +#wrapper { + overflow: hidden; +} + +#header { + padding: 12px 0 21px; + overflow: hidden; + background-image: linear-gradient(to bottom, #fff 0%, #fdfcfc 88%, #faf8f9 100%); +} + +#header .holder { + margin: 0 auto; + width: 981px; +} + +#header .panel { + max-width: 590px; + float: right; +} + +.logo { + background-image: url("/images/logo.svg"); + width: 392px; + height: 91px; + overflow: hidden; + text-indent: -9999px; + float: left; + margin: 25px 0 0 4px; +} + +.logo a { + display: block; + height: 100%; +} + +#nav:after { + display: block; + content: ''; + clear: both; +} + +#nav ul { + margin: 0; + padding: 0; + list-style: none; + float: right; +} + +#nav li { + display: inline-block; +} + +#nav li:first-child a { + margin: 0; +} + +#nav li a { + display: inline-block; + font-weight: 500; + font-size: 14px; + line-height: 14px; + text-align: center; + width: 104px; + padding: 54px 0 0; background-size: 50px 50px; background-position: 50% 0; transform: translateZ(1px); - margin:0 0 0 5px; + margin: 0 0 0 5px; text-decoration: none; } -#nav li a[data-name="centre"]{ - background-image: url(../images/centre.svg?css); + +#nav li a[data-name="centre"] { + background-image: url("/images/centre.svg?css"); background-position: 50% 0; background-repeat: no-repeat; } -#nav li a[data-name="parcours"]{ - background-image: url(../images/parcours.svg?css); + +#nav li a[data-name="parcours"] { + background-image: url("/images/parcours.svg?css"); background-position: 50% 0; background-repeat: no-repeat; } -#nav li a[data-name="pathologies"]{ - background-image: url(../images/pathologies.svg?css); + +#nav li a[data-name="pathologies"] { + background-image: url("/images/pathologies.svg?css"); background-position: 50% 0; background-repeat: no-repeat; } -#nav li a[data-name="recherche"]{ - background-image: url(../images/recherche.svg); + +#nav li a[data-name="recherche"] { + background-image: url("/images/recherche.svg"); background-position: 50% 0; background-repeat: no-repeat; } -#nav li a[data-name="pratique"]{ - background-image: url(../images/pratique.svg); + +#nav li a[data-name="pratique"] { + background-image: url("/images/pratique.svg"); background-position: 50% 0; background-repeat: no-repeat; } - -.add-nav{ - overflow:hidden; - font-weight:300; +.add-nav { + overflow: hidden; + font-weight: 300; margin: 0 0 19px; } -.add-nav ul{ - margin:0; - padding:0; - list-style:none; - font-size:12px; - float:right; + +.add-nav ul { + margin: 0; + padding: 0; + list-style: none; + font-size: 12px; + float: right; +} + +.add-nav li { + float: left; + padding: 0 6px 0 21px; } -.add-nav li{ - float:left; - padding:0 6px 0 21px; + +.add-nav li:last-child { + padding: 0 0 0 21px; } -.add-nav li:last-child{padding:0 0 0 21px;} -.add-nav li:last-child a{ - background-image:url(../images/arrow-header.svg); + +.add-nav li:last-child a { + background-image: url("/images/arrow-header.svg"); background-repeat: no-repeat; background-position: 100% 2px; padding: 0 19px 0 0; } -.image-area{margin:0 0 21px;} -.image-area img{display:block;} -#footer{ - overflow:hidden; - background-color:#f1eeee; - color:#5e5e5e; +.image-area { + margin: 0 0 21px; +} + +.image-area img { + display: block; +} + +#footer { + overflow: hidden; + background-color: #f1eeee; + color: #5e5e5e; clear: both; } -#footer .footer-content{background-color:#e3dcdc;} -#footer .holder{ - margin:0 auto; - width:979px; - font-weight:300; - font-style:italic; - font-size:14px; - padding:35px 0 12px 2px; - overflow:hidden; -} -.nav{ - float:left; - width:197px; -} -.nav h2{ - font-size:20px; - line-height:23px; - margin:0 0 23px; - font-weight:300; -} -.nav ul{ - margin:0; - padding:0; - list-style:none; -} -.nav li{ + +#footer .footer-content { + background-color: #e3dcdc; +} + +#footer .holder { + margin: 0 auto; + width: 979px; + font-weight: 300; + font-style: italic; + font-size: 14px; + padding: 35px 0 12px 2px; + overflow: hidden; +} + +.nav { + float: left; + width: 197px; +} + +.nav h2 { + font-size: 20px; + line-height: 23px; + margin: 0 0 23px; + font-weight: 300; +} + +.nav ul { + margin: 0; + padding: 0; + list-style: none; +} + +.nav li { line-height: 16px; - margin:0 0 15px; + margin: 0 0 15px; } -.nav li a{ - padding:0 0 1px 24px; - display:block; - background-image:url(../images/arrow-grey-right.svg); + +.nav li a { + padding: 0 0 1px 24px; + display: block; + background-image: url("/images/arrow-grey-right.svg"); background-position: 0 1px; } -.info-area{ - float:left; + +.info-area { + float: left; margin: 13px 0 0 42px; width: 389px; } -.info-area .box{ - background-image:url(../images/telephone.svg); + +.info-area .box { + background-image: url("/images/telephone.svg"); padding: 2px 0 30px 38px; - overflow:hidden; + overflow: hidden; } -.info-area .box.information{background-image:url(../images/exclamation.svg);} -.info-area ul{ - margin:0; - padding:0; - list-style:none; + +.info-area .box.information { + background-image: url("/images/exclamation.svg"); } -.info-area ul li{ - margin:0 8px 0 0; - float:left; + +.info-area ul { + margin: 0; + padding: 0; + list-style: none; } -.info-area .box:first-child .heading{margin:0 0 4px;} -.info-area .box .heading{ - display:block; - text-transform:uppercase; - margin:0 0 7px; + +.info-area ul li { + margin: 0 8px 0 0; + float: left; } -.info-area p{ - line-height:26px; - margin:0 0 2px; + +.info-area .box:first-child .heading { + margin: 0 0 4px; +} + +.info-area .box .heading { + display: block; + text-transform: uppercase; + margin: 0 0 7px; +} + +.info-area p { + line-height: 26px; + margin: 0 0 2px; } -.breadcrumbs{ + +.breadcrumbs { width: 982px; - margin:0 auto; - overflow:hidden; - font-size:13px; - padding:0 0 8px 0; + margin: 0 auto; + overflow: hidden; + font-size: 13px; + padding: 0 0 8px 0; } -.breadcrumbs a{ + +.breadcrumbs a { display: inline-block; - color:#0ea6db; + color: #0ea6db; } #content, -.contents{ - padding:0 0 50px 0; +.contents { + padding: 0 0 50px 0; } -.twocolumns{ + +.twocolumns { margin: 0 0 0 -3px; - overflow:visible; + overflow: visible; } + .twocolumns #content, -.twocolumns .contents{ - width:769px; - float:right; +.twocolumns .contents { + width: 769px; + float: right; } - -#content h1{ +#content h1 { margin: 0 0 10px; - color:#e30186; - font-size:36px; - line-height:40px; - font-weight:300; -} - -#content h2{ - font-size:32px; - line-height:35px; - font-weight:300; - display:block; - color:#f5810f; - margin:0 0 38px; -} -#content h3{ - text-transform:uppercase; - color:#696969; - font-size:22px; - line-height:25px; + color: #e30186; + font-size: 36px; + line-height: 40px; + font-weight: 300; +} + +#content h2 { + font-size: 32px; + line-height: 35px; + font-weight: 300; + display: block; + color: #f5810f; + margin: 0 0 38px; +} + +#content h3 { + text-transform: uppercase; + color: #696969; + font-size: 22px; + line-height: 25px; margin: 0 0 31px; - font-weight:400; + font-weight: 400; } -#content h4{ - font-weight:500; - color:#e71a92; - font-size:20px; - line-height:23px; - margin:0 0 33px 0; + +#content h4 { + font-weight: 500; + color: #e71a92; + font-size: 20px; + line-height: 23px; + margin: 0 0 33px 0; } -#content p{ - margin:20px 0; + +#content p { + margin: 20px 0; } -#content h5{ + +#content h5 { font-weight: 500; font-size: 16px; - margin:20px 0; + margin: 20px 0; } -#content ul{ - margin:20px 0; - padding:0; - list-style:none; + +#content ul { + margin: 20px 0; + padding: 0; + list-style: none; } -#content ul li{ - background-image:url(../images/arrow-li.svg); + +#content ul li { + background-image: url("/images/arrow-li.svg"); background-position: 0 2px; - padding:0 0 3px 30px; -} -#content blockquote{ - border-radius:3px; - background-color:#f1f0f0; - margin:-4px 0 0; - padding:19px 10px 24px 24px; -} -#content blockquote h4{ - font-weight:500; - display:block; - font-style:normal; + padding: 0 0 3px 30px; +} + +#content blockquote { + border-radius: 3px; + background-color: #f1f0f0; + margin: -4px 0 0; + padding: 19px 10px 24px 24px; +} + +#content blockquote h4 { + font-weight: 500; + display: block; + font-style: normal; font-size: 16px; - color:#5e5e5e; + color: #5e5e5e; margin: 0 0 6px; } -#content blockquote>ul{ - margin:0; - padding:0; - list-style:none; + +#content blockquote > ul { + margin: 0; + padding: 0; + list-style: none; } -#content blockquote>ul>li{ - background-image:url(../images/bullet.svg); - background-position: 2px 8px; + +#content blockquote > ul > li { + background-image: url("/images/bullet.svg"); + background-position: 2px 8px; padding: 0 0 3px 9px; - font-style:italic; - font-weight:300; + font-style: italic; + font-weight: 300; } -#footer .timing.info-area{ +#footer .timing.info-area { float: left; margin: 12px 0 0 -17px; width: 368px; } -#footer .timing .note{ - background-image:url(../images/horaires.svg); + +#footer .timing .note { + background-image: url("/images/horaires.svg"); margin: 0 0 28px 53px; padding: 0 0 0 37px; - line-height:26px; + line-height: 26px; width: 228px; } -#footer .timing{ - position:relative; +#footer .timing { + position: relative; padding: 0 0 96px 0; } -#footer .timing .note p{margin:0;} -#footer .timing .logos{ - margin:0; - padding:0; - list-style:none; - white-space:nowrap; - position:absolute; - right:0px; - bottom:0px; -} -#footer .timing .logos li:first-child{margin:22px 0 0;} -#footer .timing .logos li{ + +#footer .timing .note p { + margin: 0; +} + +#footer .timing .logos { + margin: 0; + padding: 0; + list-style: none; + white-space: nowrap; + position: absolute; + right: 0px; + bottom: 0px; +} + +#footer .timing .logos li:first-child { + margin: 22px 0 0; +} + +#footer .timing .logos li { display: inline-block; vertical-align: middle; - margin:0 0 0 39px; - float:none; + margin: 0 0 0 39px; + float: none; +} + +#footer .timing .logos img { + display: block; +} + +#footer .info { + margin: 0 auto; + width: 981px; + font-size: 12px; + padding: 5px 0 4px; } -#footer .timing .logos img{display:block;} -#footer .info{ - margin:0 auto; - width:981px; - font-size:12px; - padding:5px 0 4px; + +#footer .info .copyright { + margin: 0 4px 0 0; } -#footer .info .copyright{margin:0 4px 0 0;} -#footer .info .link-area{ - display:inline-block; - vertical-align:middle; + +#footer .info .link-area { + display: inline-block; + vertical-align: middle; } -#footer .info a{ - margin:0 5px 0 3px; - color:#0ea6db; + +#footer .info a { + margin: 0 5px 0 3px; + color: #0ea6db; } -#content .dotclear .accordion{ - h3{ +#content .dotclear .accordion { + h3 { cursor: pointer; font-weight: 500; font-size: 16px; - color:696969; - border:1px solid #dbdbdb; + color: 696969; + border: 1px solid #dbdbdb; background-color: #f0efef; border-radius: 5px; - text-transform:none; - padding:14px 20px; - margin:3px 0 0 0; - background-image: url("../images/arrow-accordion-bottom.svg"); - background-position:100% 50%; - - &.open{ - background-image: url("../images/arrow-accordion-top.svg"); + text-transform: none; + padding: 14px 20px; + margin: 3px 0 0 0; + background-image: url("/images/arrow-accordion-bottom.svg"); + background-position: 100% 50%; + + &.open { + background-image: url("/images/arrow-accordion-top.svg"); } } } - #tooltip { background-color: #eeeded; color: #5e5e5e; font-size: 16px; padding: 20px; - font-style:italic; - box-shadow:0 0 5px 2px rgba(0,0,0,0.3); - max-width:250px; + font-style: italic; + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); + max-width: 250px; - &:after{ - border-top-color:#eeeded; + &:after { + border-top-color: #eeeded; } } div.radio, -div.checkbox{ - width:20px !important; - height:20px !important; +div.checkbox { + width: 20px !important; + height: 20px !important; } diff --git a/less/intranetident.less b/less/intranetident.less index 46c3ee9..2c5f936 100644 --- a/less/intranetident.less +++ b/less/intranetident.less @@ -15,7 +15,7 @@ position: relative; left:-30px; padding:0 0 0 30px; - background-image: url("../images/arrow-li.svg"); + background-image: url("/images/arrow-li.svg"); background-position: 0 5px; } @@ -69,7 +69,7 @@ width:38px; border-radius: 3px; background-color:#0ea6db; - background-image: url("../images/arrow-nav-1.svg"); + background-image: url(".images/arrow-nav-1.svg"); background-position: 50% 50%; padding:0; } diff --git a/less/sidebar.less b/less/sidebar.less index 33c990f..67218b9 100644 --- a/less/sidebar.less +++ b/less/sidebar.less @@ -28,7 +28,7 @@ padding: 8px 5px 8 39px; &:hover, &.active { - background-image: url(../images/arrow-nav-2.svg); + background-image: url("/images/arrow-nav-2.svg"); background-position: 22px 14px; background-color: #c5e9f6; } @@ -46,7 +46,7 @@ > ul { > li:hover, > li.active { - background-image: url(../images/arrow-nav-1.svg); + background-image: url("/images/arrow-nav-1.svg"); background-position: 9px 7px; background-color: #57c1e6; }