/branches/v5.3-cordier/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 |
/branches/v5.3-cordier/modules/mobile/presentations/less/gentiana.less |
---|
New file |
0,0 → 1,155 |
@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; |
} |
} |
} |
.wrapper_demi { |
height: 59px; |
} |
#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; |
} |
/branches/v5.3-cordier/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 |
/branches/v5.3-cordier/modules/mobile/presentations/less/functions.less |
---|
New file |
0,0 → 1,45 |
@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; } |
.padding-left-01em { padding-left: 0.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 |
/branches/v5.3-cordier/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; |
} |
/branches/v5.3-cordier/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; |
} |
/branches/v5.3-cordier/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; |
} |