| /trunk/modules/mobile/presentations/less/pyracantha_blanc.less |
|---|
| New file |
| 0,0 → 1,94 |
| @import "pyracantha.less"; |
| .couleur1-bg { background: white; } |
| .couleur2-bg { background: white; } |
| body { |
| background: white; |
| } |
| header { |
| background: @vert-moyen; |
| } |
| .tela { |
| img { |
| @width: 60px; |
| width: @width; |
| max-width: @width; |
| } |
| } |
| .titre { |
| color: white; |
| .shadow(@orange); |
| } |
| .infos { |
| .bg { |
| padding: 0.2em; |
| border-radius: 0pt 0pt 1em 1em; |
| } |
| .btn { |
| padding: 0pt; |
| border-radius: 1em 1em 0pt 0pt; |
| } |
| .collapse { |
| width: 100%; |
| } |
| h4 { |
| color: @orange; |
| } |
| .textes { |
| padding: 0.5em 1em; |
| .border-radius(2em); |
| -webkit-overflow-scrolling: touch; |
| h4 { |
| color: @vert-fonce; |
| .shadow(@vert-moyen, 2px, 1px, 1px); |
| } |
| } |
| } |
| .resume { |
| color: black; |
| } |
| .gradient-bas { |
| @top: left top; |
| @bottom: left bottom; |
| @color_start: @vert-moyen; |
| @color_end: white; |
| background-image: linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -o-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -moz-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -ms-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-gradient(linear, @top, @bottom, color-stop(0, @color_start), color-stop(1, @color_end)); |
| } |
| .en-savoir-plus { |
| color: white; |
| background: @vert-moyen; |
| } |
| .haut-de-page { |
| color: white; |
| background: black; |
| } |
| /trunk/modules/mobile/presentations/less/pyracantha.less |
|---|
| New file |
| 0,0 → 1,166 |
| @import "functions.less"; |
| .gradient-bas { |
| height: 16px; |
| display: block; |
| } |
| footer { |
| height: 60px; |
| width: 100%; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| position: fixed; |
| z-index: 1000; |
| color: white; |
| background: black; |
| a, a:visited { |
| color: white; |
| } |
| } |
| .tela { |
| margin-right: 0.5em; |
| } |
| .titre { |
| font-style: italic; |
| font-size: 130%; |
| font-weight: bold; |
| margin-top: 0.5em; |
| margin-bottom: 0.5em; |
| } |
| .sci { |
| font-style: italic; |
| } |
| #div-infos-latin, #div-infos-famille { |
| .margin-center; |
| .btn { |
| width: 99%; |
| padding-left: 0pt; |
| padding-right: 0pt; |
| box-shadow: 0pt 2px 3px black; |
| } |
| a { |
| font-size: 16px; |
| } |
| } |
| #div-infos-famille { |
| margin-top: -1em; |
| } |
| #div-illustrations { |
| .border-radius(2em); |
| background: white; |
| margin-top: -1em; |
| padding-top: 20px; |
| padding-bottom: 20px; |
| } |
| #galerie_carte { |
| list-style-type: none; |
| } |
| @height: 260px; |
| #slider-pictures { |
| max-width: 320px; |
| .margin-center; |
| .carousel { |
| margin-bottom: 0pt; |
| } |
| .carousel-control { |
| background: none; |
| } |
| .carousel-inner > .item > img { |
| width: 320px; |
| max-height: 310px; |
| } |
| .carousel-indicators { |
| li { |
| background: @vert-fonce; |
| } |
| .active { |
| background: @orange; |
| } |
| } |
| .carousel-caption { |
| padding: 10px; |
| position: static; |
| h4 { |
| font-size: 100%; |
| } |
| p { |
| font-size: 90%; |
| } |
| } |
| img { |
| .margin-center; |
| } |
| } |
| #gstn-img { |
| max-height: 120px; |
| margin: 0.5em 0pt 1em 0pt; |
| display: inline-block; |
| img { |
| border: #EAEAEA 2px solid; |
| width: 100px; |
| } |
| .zoom { |
| margin-top: 40px; |
| width: 20px; |
| border: none; |
| } |
| } |
| .resume { |
| .align-center; |
| margin-top: 1em; |
| margin-bottom: 1em; |
| font-size: 16px; |
| } |
| .bas-de-page { |
| margin-top: 1em; |
| margin-bottom: 1em; |
| } |
| .en-savoir-plus { |
| float: left; |
| text-shadow: 0pt 0pt 0pt black; |
| } |
| .haut-de-page { |
| float: right; |
| } |
| /trunk/modules/mobile/presentations/less/pyracantha_vert.less |
|---|
| New file |
| 0,0 → 1,92 |
| @import "pyracantha.less"; |
| .couleur1-bg { background: #9ac342; } |
| .couleur2-bg { background: #88ab1c; } |
| body { |
| background: white; |
| } |
| header { |
| background: @vert-moyen; |
| } |
| .tela { |
| img { |
| @width: 60px; |
| width: @width; |
| max-width: @width; |
| } |
| } |
| .titre { |
| color: white; |
| .shadow(@orange); |
| } |
| .infos { |
| .bg { |
| padding: 0.2em; |
| border-radius: 0pt 0pt 1em 1em; |
| } |
| .btn { |
| padding: 0pt; |
| border-radius: 1em 1em 0pt 0pt; |
| } |
| .collapse { |
| width: 100%; |
| } |
| .textes { |
| padding: 0.5em 1em; |
| .border-radius(2em); |
| background: white; |
| -webkit-overflow-scrolling: touch; |
| h4 { |
| color: @vert-fonce; |
| .shadow(@vert-moyen, 2px, 1px, 1px); |
| } |
| } |
| } |
| .resume { |
| color: black; |
| } |
| .gradient-bas { |
| @top: left top; |
| @bottom: left bottom; |
| @color_start: @vert-moyen; |
| @color_end: white; |
| background-image: linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -o-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -moz-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -ms-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-gradient(linear, @top, @bottom, color-stop(0, @color_start), color-stop(1, @color_end)); |
| } |
| .en-savoir-plus { |
| color: white; |
| background: @violet; |
| } |
| .haut-de-page { |
| color: white; |
| background: black; |
| } |
| /trunk/modules/mobile/presentations/less/pyracantha_tela.less |
|---|
| New file |
| 0,0 → 1,97 |
| @import "pyracantha.less"; |
| .couleur1-bg { background: @orange; } |
| .couleur2-bg { background: @vert-moyen; } |
| body { |
| background: @vert-fonce; |
| } |
| header { |
| background: white; |
| } |
| .tela { |
| img { |
| @width: 80px; |
| width: @width; |
| max-width: @width; |
| } |
| } |
| .titre { |
| color: black; |
| .shadow(@orange); |
| } |
| .infos { |
| .bg { |
| padding: 1em; |
| .border-radius(2em); |
| } |
| .btn { |
| padding: 0pt; |
| .border-radius(2em); |
| } |
| .collapse { |
| width: 100%; |
| } |
| @max-height: 220px; |
| .textes { |
| padding: 1em; |
| .border-radius(2em); |
| max-height: @max-height; |
| overflow: auto; |
| background: @orange-moyen; |
| -webkit-overflow-scrolling: touch; |
| h4 { |
| color: @vert-fonce; |
| .shadow(@vert-moyen, 2px, 1px, 1px); |
| } |
| } |
| } |
| .resume { |
| color: white; |
| } |
| .gradient-bas { |
| @top: left top; |
| @bottom: left bottom; |
| @color_start: white; |
| @color_end: @vert-fonce; |
| background-image: linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -o-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -moz-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -ms-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-gradient(linear, @top, @bottom, color-stop(0, @color_start), color-stop(1, @color_end)); |
| } |
| .en-savoir-plus { |
| color: white; |
| background: @violet; |
| } |
| .haut-de-page { |
| color: white; |
| background: black; |
| } |
| Property changes: |
| Added: svn:executable |
| +* |
| \ No newline at end of property |
| /trunk/modules/mobile/presentations/less/gentiana.less |
|---|
| New file |
| 0,0 → 1,150 |
| @import "functions.less"; |
| .couleur1-bg { background: @orange; } |
| .couleur2-bg { background: @vert-moyen; } |
| .bordered { border: 1px solid @vert-fonce; } |
| .accordion { |
| h4 { |
| margin-left: -1em; |
| } |
| } |
| .accordion-group { |
| margin: 0pt; |
| } |
| .accordion-heading { |
| padding-left: 1em; |
| } |
| .btn-large { |
| padding: 10px; |
| font-size: 17px; |
| } |
| body { |
| color: black; |
| background: white; |
| } |
| header { |
| .couleur2-bg; |
| color: white; |
| #tela { |
| background: url("../logos/tela_transparent.png") no-repeat 2px 6px; |
| } |
| .titre { |
| font-style: italic; |
| font-size: 130%; |
| font-weight: bold; |
| .shadow(@orange); |
| } |
| } |
| .gradient-bas { |
| @top: left top; |
| @bottom: left bottom; |
| .gradient(@vert-moyen, @top, white, @bottom); |
| } |
| footer { |
| display: none; |
| } |
| .sci { |
| font-style: italic; |
| } |
| #principal { |
| margin-bottom: -1em; |
| padding-left: 0.5em; |
| a:hover { |
| text-decoration: none; |
| } |
| h4 { |
| font-size: 17px; |
| color: @orange; |
| .shadow(white, 2px, 1px, 1px); |
| } |
| } |
| #canvas_fleur, #canvas_fruit { |
| width: 100%; |
| } |
| #floraison_value, #fructification_value { |
| display: none; |
| } |
| .wrapper { |
| @square: 120px; |
| width: @square; |
| height: @square; |
| .margin-center; |
| overflow: hidden; |
| img { |
| height: @square; |
| width: auto; |
| } |
| ul { |
| margin: 0pt; |
| } |
| } |
| .wrapper_carte { |
| .margin-center; |
| ul { |
| margin: 0pt; |
| } |
| #galerie_carte { |
| img { |
| .bordered; |
| } |
| } |
| } |
| #galerie_carte { |
| list-style-type: none; |
| } |
| .bas-de-page { |
| margin-top: 1em; |
| margin-bottom: 1em; |
| } |
| .en-savoir-plus { |
| margin-left: 0.2em; |
| float: left; |
| .couleur2-bg; |
| color: white; |
| text-shadow: 0pt 0pt 0pt black; |
| } |
| .en-savoir-plus:hover, .en-savoir-plus:visited { |
| text-decoration: none; |
| } |
| .haut-de-page { |
| margin-right: 0.2em; |
| float: right; |
| background: black; |
| color: white; |
| } |
| .haut-de-page:hover, .haut-de-page:visited { |
| text-decoration: none; |
| } |
| /trunk/modules/mobile/presentations/less/README |
|---|
| New file |
| 0,0 → 1,6 |
| 1./ Installer les paquets de LESS (sous Mageia: ruby-less) |
| Dans la description, il doit y avoir une mention du mot "CSS". |
| 2./ En ligne de commande, se déplacer dans le dossier contenant les fichiers LESS. |
| Pour convertir le fichier "fichier.less" en "fichier.css", la commande est : |
| lessc fichier.less > fichier.css |
| /trunk/modules/mobile/presentations/less/functions.less |
|---|
| New file |
| 0,0 → 1,44 |
| @gris: #6B7071; |
| @orange: #ED7826; |
| @orange-moyen: #F3B88F; |
| @rouge: rgb(225, 96, 57); |
| @vert-fonce: #256226; |
| @vert-moyen: #88AB1C; |
| @violet: rgb(176, 77, 255); |
| .align-center { text-align: center; } |
| .margin-center { |
| margin-left: auto; |
| margin-right: auto; |
| } |
| .margin-bottom-05em { margin-bottom: 0.5em; } |
| .margin-right-05em { margin-right: 0.5em; } |
| .margin-top-05em { margin-top: 0.5em; } |
| .padding-05em { padding: 0.5em; } |
| .padding-left-1em { padding-left: 1em; } |
| .small-caps { font-variant:small-caps; } |
| .gradient(@color_start:'', @position_start:'', @color_end:'', @position_end:'') { |
| background-image: linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -o-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -moz-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -ms-linear-gradient(top, @color_start 0%, @color_end 100%); |
| background-image: -webkit-gradient(linear, @position_start, @position_end, color-stop(0, @color_start), color-stop(1, @color_end)); |
| height: 16px; |
| display: block; |
| } |
| .shadow(@color:'', @decalage-x: 0pt, @decalage-y: 1px, @fondu: 1px) { |
| text-shadow: @decalage-x @decalage-y @fondu @color; |
| } |
| .border-radius(@radius: 2em) { |
| border-radius: @radius; |
| -moz-border-radius: @radius; |
| -webkit-border-radius: @radius; |
| } |
| Property changes: |
| Added: svn:executable |
| +* |
| \ No newline at end of property |