/branches/v5.9-van-tieghem/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.9-van-tieghem/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.9-van-tieghem/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.9-van-tieghem/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.9-van-tieghem/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.9-van-tieghem/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; |
} |
/branches/v5.9-van-tieghem/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.9-van-tieghem/modules/mobile/presentations/css/gentiana.css |
---|
New file |
0,0 → 1,102 |
.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; } |
.couleur1-bg { background: #ed7826; } |
.couleur2-bg { background: #88ab1c; } |
.bordered { border: 1px solid #256226; } |
.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 { |
background: #88ab1c; |
color: white; |
} |
header #tela { background: url("../logos/tela_transparent.png") no-repeat 2px 6px; } |
header .titre { |
font-style: italic; |
font-size: 130%; |
font-weight: bold; |
text-shadow: 0pt 1px 1px #ed7826; |
} |
.gradient-bas { |
background-image: linear-gradient(top, '' 0%, '' 100%); |
background-image: -o-linear-gradient(top, '' 0%, '' 100%); |
background-image: -moz-linear-gradient(top, '' 0%, '' 100%); |
background-image: -webkit-linear-gradient(top, '' 0%, '' 100%); |
background-image: -ms-linear-gradient(top, '' 0%, '' 100%); |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88ab1c), color-stop(1, white)); |
height: 16px; |
display: block; |
} |
footer { display: none; } |
.sci { font-style: italic; } |
#principal { |
margin-bottom: -1em; |
padding-left: 0.5em; |
} |
#principal a:hover { text-decoration: none; } |
#principal h4 { |
font-size: 17px; |
color: #ed7826; |
text-shadow: 2px 1px 1px white; |
} |
#canvas_fleur, #canvas_fruit { width: 100%; } |
#floraison_value, #fructification_value { display: none; } |
.wrapper { |
width: 120pp; |
height: 120px; |
margin-left: auto; |
margin-right: auto; |
overflow: hidden; |
} |
.wrapper img { |
height: 120px; |
width: auto; |
} |
.wrapper_demi { height: 59px; } |
.wrapper ul { margin: 0pt; } |
.wrapper_carte { |
margin-left: auto; |
margin-right: auto; |
} |
.wrapper_carte ul { margin: 0pt; } |
.wrapper_carte #galerie_carte img { border: 1px solid #256226; } |
#galerie_carte { list-style-type: none; } |
.bas-de-page { |
margin-top: 1em; |
margin-bottom: 1em; |
} |
.en-savoir-plus { |
margin-left: 0.2em; |
float: left; |
background: #88ab1c; |
color: white; |
text-shadow: 0pt 0pt 0pt black; |
} |
.en-savoir-plus:hover { text-decoration: none; } |
.en-savoir-plus:visited { text-decoration: none; } |
.haut-de-page { |
margin-right: 0.2em; |
float: right; |
background: black; |
color: white; |
} |
.haut-de-page:hover { text-decoration: none; } |
.haut-de-page:visited { text-decoration: none; } |
/branches/v5.9-van-tieghem/modules/mobile/presentations/css/pyracantha_blanc.css |
---|
New file |
0,0 → 1,179 |
.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; } |
.btn-large { |
padding: 10px; |
font-size: 17px; |
} |
.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; |
} |
footer a { color: white; } |
footer 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 { background: #88ab1c; } |
#div-infos-latin { |
margin-left: auto; |
margin-right: auto; |
} |
#div-infos-latin .btn { |
width: 99%; |
padding-left: 0pt; |
padding-right: 0pt; |
box-shadow: 0pt 2px 3px black; |
} |
#div-infos-latin a { font-size: 16px; } |
#div-infos-famille { |
margin-left: auto; |
margin-right: auto; |
} |
#div-infos-famille .btn { |
width: 99%; |
padding-left: 0pt; |
padding-right: 0pt; |
box-shadow: 0pt 2px 3px black; |
} |
#div-infos-famille a { font-size: 16px; } |
#div-infos-famille { margin-top: -1em; } |
#div-illustrations { |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
background: white; |
margin-top: -1em; |
padding-top: 20px; |
padding-bottom: 20px; |
} |
#galerie_carte { list-style-type: none; } |
#slider-pictures { |
max-width: 320px; |
margin-left: auto; |
margin-right: auto; |
} |
#slider-pictures .carousel { margin-bottom: 0pt; } |
#slider-pictures .carousel-control { background: none; } |
#slider-pictures .carousel-inner > .item > img { |
width: 320px; |
max-height: 310px; |
} |
#slider-pictures .carousel-indicators li { background: #256226; } |
#slider-pictures .carousel-indicators .active { background: #ed7826; } |
#slider-pictures .carousel-caption { |
padding: 10px; |
position: static; |
} |
#slider-pictures .carousel-caption h4 { font-size: 100%; } |
#slider-pictures .carousel-caption p { font-size: 90%; } |
#slider-pictures img { |
margin-left: auto; |
margin-right: auto; |
} |
#gstn-img { |
max-height: 120px; |
margin: 0.5em 0pt 1em 0pt; |
display: inline-block; |
} |
#gstn-img img { |
border: #eaeaea 2px solid; |
width: 100px; |
} |
#gstn-img .zoom { |
margin-top: 40px; |
width: 20px; |
border: none; |
} |
.resume { |
text-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; } |
.couleur1-bg, .couleur2-bg, body { background: white; } |
header { background: #88ab1c; } |
.tela img { |
width: 60px; |
max-width: 60px; |
} |
.titre { |
color: white; |
text-shadow: 0pt 1px 1px #ed7826; |
} |
.infos .bg { |
padding: 0.2em; |
border-radius: 0pt 0pt 1em 1em; |
} |
.infos .btn { |
padding: 0pt; |
border-radius: 1em 1em 0pt 0pt; |
} |
.infos .collapse { width: 100%; } |
.infos h4 { color: #ed7826; } |
.infos .textes { |
padding: 0.5em 1em; |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
-webkit-overflow-scrolling: touch; |
} |
.infos .textes h4 { |
color: #256226; |
text-shadow: 2px 1px 1px #88ab1c; |
} |
.resume { color: black; } |
.gradient-bas { |
background-image: linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -o-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -moz-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -webkit-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -ms-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88ab1c), color-stop(1, white)); |
} |
.en-savoir-plus { |
margin-left: 0.2em; |
float: left; |
color: white; |
background: #88ab1c; |
} |
.haut-de-page { |
margin-right: 0.2em; |
float: right; |
color: white; |
background: black; |
} |
/branches/v5.9-van-tieghem/modules/mobile/presentations/css/pyracantha_vert.css |
---|
New file |
0,0 → 1,181 |
.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; } |
.btn-large { |
padding: 10px; |
font-size: 17px; |
} |
.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; |
} |
footer a { color: white; } |
footer 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 { background: #88ab1c; } |
#div-infos-latin { |
margin-left: auto; |
margin-right: auto; |
} |
#div-infos-latin .btn { |
width: 99%; |
padding-left: 0pt; |
padding-right: 0pt; |
box-shadow: 0pt 2px 3px black; |
} |
#div-infos-latin a { font-size: 16px; } |
#div-infos-famille { |
margin-left: auto; |
margin-right: auto; |
} |
#div-infos-famille .btn { |
width: 99%; |
padding-left: 0pt; |
padding-right: 0pt; |
box-shadow: 0pt 2px 3px black; |
} |
#div-infos-famille a { font-size: 16px; } |
#div-infos-famille { margin-top: -1em; } |
#div-illustrations { |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
background: white; |
margin-top: -1em; |
padding-top: 20px; |
padding-bottom: 20px; |
} |
#galerie_carte { list-style-type: none; } |
#slider-pictures { |
max-width: 320px; |
margin-left: auto; |
margin-right: auto; |
} |
#slider-pictures .carousel { margin-bottom: 0pt; } |
#slider-pictures .carousel-control { background: none; } |
#slider-pictures .carousel-inner > .item > img { |
width: 320px; |
max-height: 310px; |
} |
#slider-pictures .carousel-indicators li { background: #256226; } |
#slider-pictures .carousel-indicators .active { background: #ed7826; } |
#slider-pictures .carousel-caption { |
padding: 10px; |
position: static; |
} |
#slider-pictures .carousel-caption h4 { font-size: 100%; } |
#slider-pictures .carousel-caption p { font-size: 90%; } |
#slider-pictures img { |
margin-left: auto; |
margin-right: auto; |
} |
#gstn-img { |
max-height: 120px; |
margin: 0.5em 0pt 1em 0pt; |
display: inline-block; |
} |
#gstn-img img { |
border: #eaeaea 2px solid; |
width: 100px; |
} |
#gstn-img .zoom { |
margin-top: 40px; |
width: 20px; |
border: none; |
} |
.resume { |
text-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; } |
.couleur1-bg { background: #9ac342; } |
.couleur2-bg { background: #88ab1c; } |
body { background: white; } |
header { background: #88ab1c; } |
.tela img { |
width: 60px; |
max-width: 60px; |
} |
.titre { |
color: white; |
text-shadow: 0pt 1px 1px #ed7826; |
} |
.infos .bg { |
padding: 0.2em; |
border-radius: 0pt 0pt 1em 1em; |
} |
.infos .btn { |
padding: 0pt; |
border-radius: 1em 1em 0pt 0pt; |
} |
.infos .collapse { width: 100%; } |
.infos .textes { |
padding: 0.5em 1em; |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
background: white; |
-webkit-overflow-scrolling: touch; |
} |
.infos .textes h4 { |
color: #256226; |
text-shadow: 2px 1px 1px #88ab1c; |
} |
.resume { color: black; } |
.gradient-bas { |
background-image: linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -o-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -moz-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -webkit-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -ms-linear-gradient(top, #88ab1c 0%, white 100%); |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88ab1c), color-stop(1, white)); |
} |
.en-savoir-plus { |
margin-left: 0.2em; |
float: left; |
color: white; |
background: #b04dff; |
} |
.haut-de-page { |
margin-right: 0.2em; |
float: right; |
color: white; |
background: black; |
} |
/branches/v5.9-van-tieghem/modules/mobile/presentations/css/pyracantha_tela.css |
---|
New file |
0,0 → 1,187 |
.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; } |
.btn-large { |
padding: 10px; |
font-size: 17px; |
} |
.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; |
} |
footer a { color: white; } |
footer 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 { background: white; } |
#div-infos-latin { |
margin-left: auto; |
margin-right: auto; |
} |
#div-infos-latin .btn { |
width: 99%; |
padding-left: 0pt; |
padding-right: 0pt; |
box-shadow: 0pt 2px 3px black; |
} |
#div-infos-latin a { font-size: 16px; } |
#div-infos-famille { |
margin-left: auto; |
margin-right: auto; |
} |
#div-infos-famille .btn { |
width: 99%; |
padding-left: 0pt; |
padding-right: 0pt; |
box-shadow: 0pt 2px 3px black; |
} |
#div-infos-famille a { font-size: 16px; } |
#div-infos-famille { margin-top: -1em; } |
#div-illustrations { |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
background: white; |
margin-top: -1em; |
padding-top: 20px; |
padding-bottom: 20px; |
} |
#galerie_carte { list-style-type: none; } |
#slider-pictures { |
max-width: 320px; |
margin-left: auto; |
margin-right: auto; |
} |
#slider-pictures .carousel { margin-bottom: 0pt; } |
#slider-pictures .carousel-control { background: none; } |
#slider-pictures .carousel-inner > .item > img { |
width: 320px; |
max-height: 310px; |
} |
#slider-pictures .carousel-indicators li { background: #256226; } |
#slider-pictures .carousel-indicators .active { background: #ed7826; } |
#slider-pictures .carousel-caption { |
padding: 10px; |
position: static; |
} |
#slider-pictures .carousel-caption h4 { font-size: 100%; } |
#slider-pictures .carousel-caption p { font-size: 90%; } |
#slider-pictures img { |
margin-left: auto; |
margin-right: auto; |
} |
#gstn-img { |
max-height: 120px; |
margin: 0.5em 0pt 1em 0pt; |
display: inline-block; |
} |
#gstn-img img { |
border: #eaeaea 2px solid; |
width: 100px; |
} |
#gstn-img .zoom { |
margin-top: 40px; |
width: 20px; |
border: none; |
} |
.resume { |
text-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; } |
.couleur1-bg { background: #ed7826; } |
.couleur2-bg { background: #88ab1c; } |
body { background: #256226; } |
header { background: white; } |
.tela img { |
width: 80px; |
max-width: 80px; |
} |
.titre { |
color: black; |
text-shadow: 0pt 1px 1px #ed7826; |
} |
.infos .bg { |
padding: 1em; |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
} |
.infos .btn { |
padding: 0pt; |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
} |
.infos .collapse { width: 100%; } |
.infos .textes { |
padding: 1em; |
border-radius: 2em; |
-moz-border-radius: 2em; |
-webkit-border-radius: 2em; |
max-height: 220px; |
overflow: auto; |
background: #f3b88f; |
-webkit-overflow-scrolling: touch; |
} |
.infos .textes h4 { |
color: #256226; |
text-shadow: 2px 1px 1px #88ab1c; |
} |
.resume { color: white; } |
.gradient-bas { |
background-image: linear-gradient(top, white 0%, #256226 100%); |
background-image: -o-linear-gradient(top, white 0%, #256226 100%); |
background-image: -moz-linear-gradient(top, white 0%, #256226 100%); |
background-image: -webkit-linear-gradient(top, white 0%, #256226 100%); |
background-image: -ms-linear-gradient(top, white 0%, #256226 100%); |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #256226)); |
} |
.en-savoir-plus { |
margin-left: 0.2em; |
float: left; |
color: white; |
background: #b04dff; |
} |
.haut-de-page { |
margin-right: 0.2em; |
float: right; |
color: white; |
background: black; |
} |
/branches/v5.9-van-tieghem/modules/mobile/presentations/js/mobile.js |
---|
New file |
0,0 → 1,165 |
$(document).ready(function() { |
// Popover |
$('.btn-pop').popover(); |
// CSS switcher |
$('.toggle-button').click(function(e) { |
$('link#custom-css').attr('href', $(this).attr('CssUrl')); |
return false; |
}); |
// Slider images : photoswipe |
if (document.getElementById('galerie_carte')) { |
var psc = $('#galerie_carte a').photoSwipe({ |
enableMouseWheel: false , |
enableKeyboard: false, |
preventSlideshow: true |
}); |
} |
if (document.getElementById('galerie_images')) { |
var psi = $('#galerie_images a').photoSwipe({ |
enableMouseWheel: false , |
enableKeyboard: false , |
captionAndToolbarAutoHideDelay: 0 |
}); |
} |
// Slider images : bootstrap |
if (document.getElementById('slider-pictures')) { |
$('#slider-pictures').hide(); |
$('#slider-pictures').swiperight(function() { |
$('#slider-pictures').carousel('prev'); |
}); |
$('#slider-pictures').swipeleft(function() { |
$('#slider-pictures').carousel('next'); |
}); |
} |
}); |
/*----------------------------------------------------------------------------------------------------------*/ |
// POPOVER |
var nbrPopup = 0, |
popupOuverte = false; |
function gestionPopover() { |
if (popupOuverte && nbrPopup != 0) { |
$('.btn-pop').popover('hide'); |
popupOuverte = false; |
} |
nbrPopup++; |
} |
function resetPopover() { |
nbrPopup = 0; |
popupOuverte = true; |
} |
/*----------------------------------------------------------------------------------------------------------*/ |
// SLIDER BOOTSTRAP |
function gestionSlider() { |
if ($('#slider-pictures').is(':visible')) { |
$('#gstn-img').show(); |
$('#slider-pictures').hide(); |
} else { |
$('#gstn-img').hide(); |
$('#slider-pictures').show(); |
} |
} |
/*----------------------------------------------------------------------------------------------------------*/ |
// CANVAS FLORAISON, FRUCTIFICATION |
var moisAbbr = new Array('J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D', ''), |
intervalle = false; |
function dessinCanvas(canvas, color, valeur) { |
var ctx = canvas.getContext('2d'), |
i = 0, |
arr = getTableauMois(valeur), |
index0 = arr[0], |
index1 = -1, |
size = canvas.width; |
if (intervalle) { |
index1 = arr[arr.length - 1]; |
} |
for (var abscisse = 10; abscisse < size; abscisse += (size/13)) { |
ctx.beginPath(); |
ctx.moveTo(abscisse, 0); |
ctx.lineTo(abscisse, 55); |
ctx.stroke(); |
if (in_array(i, arr)) { |
if (i == index0 && index1 != -1) { |
var linearGradient = ctx.createLinearGradient(abscisse, 10, abscisse+30, 10); |
linearGradient.addColorStop(0, "#fff"); |
linearGradient.addColorStop(1, color); |
ctx.beginPath(); |
ctx.fillStyle = linearGradient; |
ctx.moveTo(abscisse, 25); |
ctx.lineTo(abscisse+(size/13), 25); |
ctx.lineTo(abscisse+(size/13), 10); |
ctx.lineTo(abscisse, 25); |
ctx.fill(); |
} else { |
if (i == index1) { |
var linearGradient = ctx.createLinearGradient(abscisse, 10, abscisse+25, 10); |
linearGradient.addColorStop(0, color); |
linearGradient.addColorStop(1, "#fff"); |
ctx.beginPath(); |
ctx.fillStyle = linearGradient; |
ctx.moveTo(abscisse, 10); |
ctx.lineTo(abscisse, 25); |
ctx.lineTo(abscisse+(size/13), 25); |
ctx.lineTo(abscisse, 10); |
ctx.fill(); |
} else { |
ctx.fillStyle = color; |
ctx.fillRect(abscisse, 10, (size/13), 15); |
} |
} |
} |
ctx.font = '20px Georgia'; |
ctx.fillStyle = '#000'; |
ctx.fillText(moisAbbr[i++], abscisse + 5, 50); |
} |
} |
function getTableauMois(elt) { |
var arr = new Array(), |
temp = elt.split('-'); |
if (typeof temp[1] === 'undefined') { |
arr.push(elt); |
} else { |
intervalle = true; |
temp[0] = parseInt(temp[0]); |
temp[1] = parseInt(temp[1]); |
if (temp[0] < temp[1]) { |
for (var c = temp[0]; c <= temp[1]; c++) { |
arr.push(c); |
} |
} else { |
for (var c = temp[0]; c < 12; c++) { |
arr.push(c); |
} |
for (var c = 0; c <= temp[1]; c++) { |
arr.push(c); |
} |
} |
} |
return arr; |
} |
function in_array(needle, haystack) { |
var inArray = 0; |
for (var i in haystack) { |
if (haystack[i] == needle) { |
inArray++; |
} |
} |
return (inArray != 0); |
} |
/branches/v5.9-van-tieghem/modules/mobile/presentations/icones/altitude.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/branches/v5.9-van-tieghem/modules/mobile/presentations/icones/altitude.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/branches/v5.9-van-tieghem/modules/mobile/presentations/icones/zoom.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/branches/v5.9-van-tieghem/modules/mobile/presentations/icones/zoom.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/branches/v5.9-van-tieghem/modules/mobile/presentations/logos/tela.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/branches/v5.9-van-tieghem/modules/mobile/presentations/logos/tela.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |
/branches/v5.9-van-tieghem/modules/mobile/presentations/logos/tela_transparent.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = image/png |
/branches/v5.9-van-tieghem/modules/mobile/presentations/logos/tela_transparent.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+image/png |
\ No newline at end of property |