FrameBeurk File
Fmbk/Module/Zenpa/Style/styleSweets/styleSweets_moduleKom1.css.php
<?php //FrameBeurk V0.65 Copyright ToolOscope 2016. Licence CeCILL-C.
// Feuille de style Sweets, module Kom1
if ($TRANSAC['Responsive']) {
?>
/* écrans de plus de 1048px (desktop) : menu à gauche et contenu à droite */
@media (min-width:1048px) {
#messageNavigateur:after {content:"media>=1048"; }
form.saisieVue fieldset label { width:80%; }
}
/* écrans de moins de 1048px (tablettes) : menus en haut et contenu à bas */
@media (min-width:720px) and (max-width:1047px) {
#messageNavigateur:after {content:"720<=media<1048"; }
form.saisieVue fieldset label { width:85%; }
}
/* écrans de moins de 720px (mobiles en payage) : menus ajustés à la largeur*/
@media (min-width:520px) and (max-width:719px) {
#messageNavigateur:after {content:"520<=media<720"; }
form.saisieVue fieldset label { width:75%; }
#menuSite {font-size:110%}
}
/* écrans de moins de 520px (mobiles en portrait) : menus les uns en dessous des autres*/
@media (max-width:519px) {
#messageNavigateur:after {content:"media<520"; }
form.saisieVue fieldset label { width:97%; }
#menuSite {font-size:120%}
}
/* imprimante */
@media print {
.listeMajs { display:none; }
}
<?php
} else { // non responsive
?>
#messageNavigateur:after {content:"Non responsive"; }
form.saisieVue fieldset label { width:80%; }
<?php
} // éléments indépendants du responsive
Zenpa_cssMenuEntite('Site', false, 'font-weight:bold; padding-left:23px;');
Zenpa_cssMenuEntite('Preference', true, 'font-weight:bold;');
?>
fieldset legend {
float:left;
margin-right:1%;
}
fieldset label {
float:right;
margin-right:0%;
}
#menuRecherche, #menuMessage, #menuSite {
margin-left:4px;
margin-right:0px;
margin-top:4px;
margin-bottom:0px;
}
#messageNavigateur, #messageDuree, #messageFlux, #messageAdmin {
font-size:80%;
}
#menuRecherche, #menuMessage {
background-color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['fond1']; ?>;
<?php echo Zenpa_prefixePropriete('border-radius', '5px'); ?>
<?php echo Zenpa_prefixePropriete('box-shadow', '2px 2px 2px -1px silver, inset 2px 2px 2px -1px white'); ?>
padding:4px 3%;
}
#menuRecherche div, #menuMessage div {
width:100%;
text-align:center;
}
#menuPreference {
font-weight:normal;
}
input[type="text"], input[type="password"], textarea {
width:98%;
}
textarea {
height:200px;
}
select {
max-width:98%;
}
input.enligne {
float:none;
width:auto;
}
input.txtreadonly {
border:0px;
background-color:transparent;
}
table.calendrier {
text-align:center;
border-spacing:0px;
}
table.calendrier td {
padding:2px;
}
#reafficheSite {
text-align:center;
}
form.saisieVue fieldset, form.saisieMenu fieldset {
width:100%;
margin-top:3px;
margin-bottom:3px;
}
form.saisieVue div, form.saisieMenu div {
width:100%;
padding:3px;
text-align:center;
}
form.saisieMenu fieldset legend {
font-size: 80%;
}
form.saisieMenu fieldset label {
width:50%;
}
#bbcodes {
display:inline-block;
float:right;
width:auto;
background-color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['fond2']; ?>;
padding:5px 10px;
<?php echo Zenpa_prefixePropriete('border-radius', '5px'); ?>
<?php echo Zenpa_prefixePropriete('box-shadow', '2px 2px 2px -1px silver, inset 2px 2px 2px -1px white'); ?>
}
#bbcodes select, #bbcodes input {
margin-right:2px;
width:auto;
<?php echo Zenpa_prefixePropriete('appearance', 'none'); ?>
text-indent: 0.01px; /* contournement bug appearence dans FF */
text-overflow: ''; /* contournement bug appearence dans FF */
}
<?php echo Zenpa_bouton('#bbcodes select', $CONFIG['Controle']['Palette']['_site']['Sweets']['actions'], $CONFIG['Controle']['Palette']['_site']['Sweets']['boutonFond'], true); ?>
.expOuvert:before {
content:'';
background:<?php echo Zenpa_encodeImage('png', '/Module/Zenpa/_image/flecheBas18.png'); ?>;
display:inline-block;
width:18px;
height:18px;
vertical-align:-3px;
}
.expFerme:before {
content:'';
background:<?php echo Zenpa_encodeImage('png', '/Module/Zenpa/_image/flecheDroite18.png'); ?>;
display:inline-block;
width:18px;
height:18px;
vertical-align:-3px;
}
.enbas {
clear:both;
margin:0 1%;
width:98%;
}
.listeMajs {
float:right;
line-height: 1.5em;
padding:3px;
margin-right:5px;
color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['actions']; ?>;
}
.reponses {
clear:both;
margin:5px;
margin-left:10%;
font-size: 80%;
}
<?php echo Zenpa_bouton('a.maj', $CONFIG['Controle']['Palette']['_site']['Sweets']['actions'], $CONFIG['Controle']['Palette']['_site']['Sweets']['boutonFond']); ?>
<?php echo Zenpa_bouton('input[type=button]', $CONFIG['Controle']['Palette']['_site']['Sweets']['actions'], $CONFIG['Controle']['Palette']['_site']['Sweets']['boutonFond']); ?>
<?php echo Zenpa_bouton('input[type=submit]', $CONFIG['Controle']['Palette']['_site']['Sweets']['actions'], $CONFIG['Controle']['Palette']['_site']['Sweets']['boutonFond']); ?>
<?php echo Zenpa_bouton('input[type=reset]', $CONFIG['Controle']['Palette']['_site']['Sweets']['actions'], $CONFIG['Controle']['Palette']['_site']['Sweets']['boutonFond']); ?>
.listePages {
float:left;
line-height: 1.5em;
text-align:left;
font-weight:bold;
padding:3px;
margin-left:5px;
color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Snow']['erreur']; ?>;
}
.listePages a {
margin-left:3px;
margin-right:3px;
}
.listePages a:link, .listePages a:visited, .listePages a:hover, .suitepages {
color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['actions']; ?>;
}
.code {
margin:3px;
padding:5px;
border:2px solid #<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['infos']; ?>;
text-align:left;
font-family:"Courier New", Courier, monospace;
white-space:pre-wrap;
font-size:80%;
line-height:120%;
background-color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['fond1']; ?>;
}
.chemin {
padding:5px;
font-family:"Courier New", Courier, monospace;
color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['actions']; ?>;
font-style:italic;
}
.valeur {
font-family:"Courier New", Courier, monospace;
color:#<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['erreur']; ?>;
font-weight:bold;
}
.citation {
margin:5px;
margin-left:10px;
margin-right:10px;
padding-left:5px;
border-left:5px solid #<?php echo $CONFIG['Controle']['Palette']['_site']['Sweets']['infos']; ?>;
text-align:left;
font-style:italic;
}
h2.h_recherche {
background-color:#<?php echo $CONFIG['Controle']['Palette']['Entite']['Site'][1]; ?>;
}
h2.h_alerte {
background-color:#<?php echo $CONFIG['Controle']['Palette']['Entite']['Site'][1]; ?>;
}
.wrapImg {
display: inline-block;
max-width:100%;
text-align:center;
font-style:italic;
font-size:80%;
padding-bottom:8px;
}
.classeDroite {
float:right;
max-width:100%;
}
.classeGauche {
float:left;
max-width:100%;
}
.classeSeul {
clear:both;
max-width:100%;
}
.capChat {
display:inline !important;
margin:0px !important;
vertical-align:middle !important;
}