From 4ca2249d5cb3e7541779692dc086a236d4a0b44c Mon Sep 17 00:00:00 2001 From: "vincent@cubedesigners.com" Date: Wed, 29 Jan 2014 15:10:49 +0000 Subject: [PATCH] --- .htaccess | 8 +- less/common.less | 859 ++++++++++++++++++++++++----------------------- 2 files changed, 435 insertions(+), 432 deletions(-) diff --git a/.htaccess b/.htaccess index 2642a62..8bd702a 100644 --- a/.htaccess +++ b/.htaccess @@ -19,7 +19,7 @@ SetEnv SESSION_USE_TRANS_SID 0 -# Rewrite for Zend Framework +# Rewrite for Zend Framework Options +FollowSymlinks RewriteEngine on @@ -35,7 +35,7 @@ RewriteRule ^images/ - [NC,L] RewriteRule ^files/ - [NC,L] # Redirect CMS files to the right URL - RewriteRule ^([a-f0-9]{6,})-([a-z0-9-.])([a-z0-9-.])([a-z0-9-.]*)$ files/$2/$3/$1-$2$3$4 [NC,L] + RewriteRule ^([a-f0-9]{6,})-([a-z0-9-.])([a-z0-9-.])([_a-z0-9-.]*)$ files/$2/$3/$1-$2$3$4 [NC,L] # Ignore static files or directories RewriteCond %{REQUEST_FILENAME} -s [OR] RewriteCond %{REQUEST_FILENAME} -l [OR] @@ -78,11 +78,11 @@ SetOutputFilter DEFLATE SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|swf|zip|exe|mp3|f4v|mp4|flv|gz|pdf|swc|ogv|ogm|ogg|webm|svgz|eot|otf|ttf|woff)$ no-gzip dont-vary - + Header append Vary User-Agent - + BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html diff --git a/less/common.less b/less/common.less index 98d0d98..3bcc1c8 100644 --- a/less/common.less +++ b/less/common.less @@ -1,428 +1,431 @@ -@import "constants.less"; - -*{ max-height: 1000000px; } -html{background-color:#f1eeee;} -body { - 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;} -a { - text-decoration:none; - color:#5e5e5e; -} -a:hover {text-decoration:underline;} -a:active{background-color:transparent;} -q{quotes: none;} -q:before, -q:after{content:"";} - -.dotclear a,.dotclear abbr{ - color:#0EA6DB; -} - -.body{ - max-width: 100%; - overflow-x: hidden; -} - -.visual{ - width:982px; - margin:0 auto; - position:relative; -} -.visual.add .v1 { margin:0 -209px;} - - -#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; - background-size: 50px 50px; - background-position: 50% 0; - transform: translateZ(1px); - margin:0 0 0 5px; - text-decoration: none; -} -#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); - background-position: 50% 0; - background-repeat: no-repeat; -} -#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); - background-position: 50% 0; - background-repeat: no-repeat; -} -#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; - margin: 0 0 19px; -} -.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:last-child{padding:0 0 0 21px;} -.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; - 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{ - line-height: 16px; - margin:0 0 15px; -} -.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; - margin: 13px 0 0 42px; - width: 389px; -} -.info-area .box{ - background-image:url(../images/telephone.svg); - padding: 2px 0 30px 38px; - overflow:hidden; -} -.info-area .box.information{background-image:url(../images/exclamation.svg);} -.info-area ul{ - margin:0; - padding:0; - list-style:none; -} -.info-area ul li{ - margin:0 8px 0 0; - float:left; -} -.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{ - width: 982px; - margin:0 auto; - overflow:hidden; - font-size:13px; - padding:0 0 8px 0; -} -.breadcrumbs a{ - display: inline-block; - color:#0ea6db; -} - -#content, -.contents{ - padding:0 0 50px 0; -} -.twocolumns{ - margin: 0 0 0 -3px; - overflow:visible; -} -.twocolumns #content, -.twocolumns .contents{ - width:769px; - float:right; -} - - -#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; - margin: 0 0 31px; - font-weight:400; -} -#content h4{ - font-weight:500; - color:#e71a92; - font-size:20px; - line-height:23px; - margin:0 0 33px 0; -} -#content p{ - margin:20px 0; -} -#content h5{ - font-weight: 500; - font-size: 16px; - margin:20px 0; -} -#content ul{ - margin:20px 0; - padding:0; - list-style:none; -} -#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; - font-size: 16px; - color:#5e5e5e; - margin: 0 0 6px; - -} -#content blockquote>ul{ - margin:0; - padding:0; - list-style:none; -} -#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; -} - -#footer .timing.info-area{ - float: left; - margin: 12px 0 0 -17px; - width: 368px; -} -#footer .timing .note{ - background-image:url(../images/horaires.svg); - margin: 0 0 28px 53px; - padding: 0 0 0 37px; - line-height:26px; - width: 228px; - -} - -#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{ - display: inline-block; - vertical-align: middle; - 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 .info .copyright{margin:0 4px 0 0;} -#footer .info .link-area{ - display:inline-block; - vertical-align:middle; -} -#footer .info a{ - margin:0 5px 0 3px; - color:#0ea6db; -} - -#content .dotclear .accordion{ - h3{ - cursor: pointer; - font-weight: 500; - font-size: 16px; - 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"); - } - } -} - - -#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; - - &:after{ - border-top-color:#eeeded; - } -} - -div.radio, -div.checkbox{ - width:20px !important; - height:20px !important; -} - - - +@import "constants.less"; + +*{ + max-height: 1000000px; + vertical-align: top; +} +html{background-color:#f1eeee;} +body { + 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;} +a { + text-decoration:none; + color:#5e5e5e; +} +a:hover {text-decoration:underline;} +a:active{background-color:transparent;} +q{quotes: none;} +q:before, +q:after{content:"";} + +.dotclear a,.dotclear abbr{ + color:#0EA6DB; +} + +.body{ + max-width: 100%; + overflow-x: hidden; +} + +.visual{ + width:982px; + margin:0 auto; + position:relative; +} +.visual.add .v1 { margin:0 -209px;} + + +#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; + background-size: 50px 50px; + background-position: 50% 0; + transform: translateZ(1px); + margin:0 0 0 5px; + text-decoration: none; +} +#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); + background-position: 50% 0; + background-repeat: no-repeat; +} +#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); + background-position: 50% 0; + background-repeat: no-repeat; +} +#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; + margin: 0 0 19px; +} +.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:last-child{padding:0 0 0 21px;} +.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; + 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{ + line-height: 16px; + margin:0 0 15px; +} +.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; + margin: 13px 0 0 42px; + width: 389px; +} +.info-area .box{ + background-image:url(../images/telephone.svg); + padding: 2px 0 30px 38px; + overflow:hidden; +} +.info-area .box.information{background-image:url(../images/exclamation.svg);} +.info-area ul{ + margin:0; + padding:0; + list-style:none; +} +.info-area ul li{ + margin:0 8px 0 0; + float:left; +} +.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{ + width: 982px; + margin:0 auto; + overflow:hidden; + font-size:13px; + padding:0 0 8px 0; +} +.breadcrumbs a{ + display: inline-block; + color:#0ea6db; +} + +#content, +.contents{ + padding:0 0 50px 0; +} +.twocolumns{ + margin: 0 0 0 -3px; + overflow:visible; +} +.twocolumns #content, +.twocolumns .contents{ + width:769px; + float:right; +} + + +#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; + margin: 0 0 31px; + font-weight:400; +} +#content h4{ + font-weight:500; + color:#e71a92; + font-size:20px; + line-height:23px; + margin:0 0 33px 0; +} +#content p{ + margin:20px 0; +} +#content h5{ + font-weight: 500; + font-size: 16px; + margin:20px 0; +} +#content ul{ + margin:20px 0; + padding:0; + list-style:none; +} +#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; + font-size: 16px; + color:#5e5e5e; + margin: 0 0 6px; + +} +#content blockquote>ul{ + margin:0; + padding:0; + list-style:none; +} +#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; +} + +#footer .timing.info-area{ + float: left; + margin: 12px 0 0 -17px; + width: 368px; +} +#footer .timing .note{ + background-image:url(../images/horaires.svg); + margin: 0 0 28px 53px; + padding: 0 0 0 37px; + line-height:26px; + width: 228px; + +} + +#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{ + display: inline-block; + vertical-align: middle; + 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 .info .copyright{margin:0 4px 0 0;} +#footer .info .link-area{ + display:inline-block; + vertical-align:middle; +} +#footer .info a{ + margin:0 5px 0 3px; + color:#0ea6db; +} + +#content .dotclear .accordion{ + h3{ + cursor: pointer; + font-weight: 500; + font-size: 16px; + 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"); + } + } +} + + +#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; + + &:after{ + border-top-color:#eeeded; + } +} + +div.radio, +div.checkbox{ + width:20px !important; + height:20px !important; +} + + + -- 2.39.5