Skip to content
Extraits de code Groupes Projets
Valider 7f9d7a39 rédigé par real3t@gmail.com's avatar real3t@gmail.com
Parcourir les fichiers

Bloc contact amélioré par le mode Cognac généralisé à tout les modes d'affichage. 

Documentation : https://contrib.spip.net/Un-bloc-contact-ameliore-dans-SoyezCreateurs
parent 6b14b55d
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 86 ajouts et 86 suppressions
stylessoyezcreateurs.css.html
+ 86
− 86
Voir le fichier @ 7f9d7a39
......@@ -176,7 +176,7 @@ ol { color: #[(#GET{c_container}|couleur_inverserluminosite{10})]; font-size: 1e
ul ul, ol ul, ul ol, ol ol { padding-left: 12px; }
/* Suivre les recommandations de http://romy.tetue.net/signaler-les-abreviations - Merci !*/
acronym, abbr { border-bottom: .1em dotted; cursor: help; }
iframe { border: none; }
iframe { border: none; width: 100%;}
a[hreflang]:after { content: ""; }
/* Liens externes */
a.spip_out:after, a.external:after { content: ""; }
......@@ -1848,9 +1848,6 @@ div [lang], span [lang] { font-style: italic; }
font-size: 0.89473685rem;
}
}
.portailcognac iframe {
width: 100%;
}
.portailcognac #mobile-header {
position: absolute;
top: 18px;
......@@ -1937,73 +1934,73 @@ a[href]:focus {
border: none;
}
.portailcognac .text-center {
.text-center {
text-align: center;
}
.portailcognac .text-right {
.text-right {
text-align: right;
}
.portailcognac .text-left {
.text-left {
text-align: left;
}
.portailcognac .flexbox-flex {
.flexbox-flex {
display: flex;
align-items: unset;
}
.portailcognac .flexbox-center-center {
.flexbox-center-center {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.portailcognac .flexbox-center-top {
.flexbox-center-top {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}
.portailcognac .flexbox--center {
.flexbox--center {
display: flex;
align-items: center;
}
.portailcognac .flexbox-flex-row-reverse {
.flexbox-flex-row-reverse {
display: flex;
flex-direction: row-reverse;
}
.portailcognac .flex-nowrap {
.flex-nowrap {
flex-wrap: nowrap;
}
.portailcognac .flexbox-wrap-space-between {
.flexbox-wrap-space-between {
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.portailcognac .flexbox-wrap-space-around {
.flexbox-wrap-space-around {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.portailcognac .flexbox-center-space-between {
.flexbox-center-space-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.portailcognac .flexbox-start-space-between {
.flexbox-start-space-between {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (max-width: 47.9375em) {
.portailcognac .flex-nowrap {
.flex-nowrap {
flex-wrap: wrap;
}
}
.portailcognac .flexbox-stretch {
.flexbox-stretch {
display: flex;
align-items: stretch;
}
@media screen and (max-width: 40em) {
.portailcognac .flexbox-stretch {
.flexbox-stretch {
display: block;
}
}
......@@ -2011,120 +2008,120 @@ a[href]:focus {
font-size: 1.25rem;
font-weight: 300;
}
.portailcognac .sans-border {
.sans-border {
border: 0;
}
.portailcognac .avec-border {
.avec-border {
border: 1px solid #be1621 ;
}
.portailcognac .avec-border-top {
.avec-border-top {
border-top: 1px solid #be1621 ;
}
.portailcognac .avec-border-bottom {
.avec-border-bottom {
border-bottom: 1px solid #be1621 ;
}
.portailcognac .avec-border-left {
.avec-border-left {
border-left: 1px solid #be1621 ;
}
.portailcognac .sans-margin {
.sans-margin {
margin: 0;
}
.portailcognac .avec-margin {
.avec-margin {
margin: 1.5em;
}
.portailcognac .avec-margin-top {
.avec-margin-top {
margin-top: 1.5em;
}
.portailcognac .avec-margin-right {
.avec-margin-right {
margin-right: 1.5em;
}
.portailcognac .avec-margin-bottom {
.avec-margin-bottom {
margin-bottom: 1.5em;
}
.portailcognac .avec-margin-bottom05 {
.avec-margin-bottom05 {
margin-bottom: .5em;
}
.portailcognac .avec-margin-bottom015 {
.avec-margin-bottom015 {
margin-bottom: .15em;
}
.portailcognac .avec-margin-left {
.avec-margin-left {
margin-left: 1.5em;
}
@media screen and (min-width: 40em) {
.portailcognac .avec-margin-bottom-for-medium {
.avec-margin-bottom-for-medium {
margin-bottom: 1.5em;
}
}
.portailcognac .sans-padding {
.sans-padding {
padding: 0;
}
@media screen and (max-width: 40em) {
.portailcognac .sans-padding-for-small {
.sans-padding-for-small {
padding: 0;
}
}
.portailcognac .avec-padding {
.avec-padding {
padding: 1em;
}
.portailcognac .avec-padding05 {
.avec-padding05 {
padding: .5em;
}
.portailcognac .avec-padding-top {
.avec-padding-top {
padding-top: 1em;
}
.portailcognac .avec-padding-top05 {
.avec-padding-top05 {
padding-top: .5em;
}
.portailcognac .avec-padding-top15 {
.avec-padding-top15 {
padding-top: 1.5em;
}
.portailcognac .avec-padding-right {
.avec-padding-right {
padding-right: 1em;
}
.portailcognac .avec-padding-right05 {
.avec-padding-right05 {
padding-right: .5em;
}
.portailcognac .avec-padding-bottom {
.avec-padding-bottom {
padding-bottom: 1em;
}
.portailcognac .avec-padding-left {
.avec-padding-left {
padding-left: 1em;
}
.portailcognac .avec-padding-leftright {
.avec-padding-leftright {
display: block;
padding-right: 1em;
padding-left: 1em;
}
.portailcognac .display-block {
.display-block {
display: block;
}
.portailcognac .text-transform-none {
.text-transform-none {
text-transform: none;
}
.portailcognac .text-uppercase {
.text-uppercase {
text-transform: uppercase;
}
.portailcognac .font-style-italic {
.font-style-italic {
font-style: italic;
}
.portailcognac .position-relative {
.position-relative {
position: relative;
}
.portailcognac .float-left {
.float-left {
float: left ;
}
.portailcognac .float-right {
.float-right {
float: right ;
}
.portailcognac .float-center {
.float-center {
display: table;
margin-right: auto ;
margin-left: auto ;
}
.portailcognac .z-index-999 {
.z-index-999 {
z-index: 999;
}
.portailcognac .cursor-pointer {
.cursor-pointer {
cursor: pointer;
}
......@@ -2205,24 +2202,24 @@ button {
.portailcognac .ajaxbloc {
height: 100%;
}
.portailcognac .row {
.row {
margin-right: auto;
margin-left: auto;
max-width: 75rem;
max-width: #GET{LargeurContaineur}px;
}
.portailcognac .button,
.portailcognac button {
.button,
button {
padding: .55rem 1.5rem .625rem;
font-size: 1.2em;
border: 1px solid transparent;
border-radius: 4px;
}
.portailcognac .button:hover,
.portailcognac .button:focus,
.portailcognac a.button:hover,
.portailcognac a.button:focus,
.portailcognac button:hover,
.portailcognac button:focus {
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
button:hover,
button:focus {
background-color: white;
border: 1px solid #be1621;
}
......@@ -2518,16 +2515,16 @@ button {
padding: 0 0.75em;
}
}
.portailcognac #footer #bandeaucontact p {
#footer #bandeaucontact p {
margin: 0;
padding-left: 1em;
font-size: 19px;
text-align: left;
}
.portailcognac #footer #bandeaucontact p a {
#footer #bandeaucontact p a {
font-size: 19px;
}
.portailcognac #footer #bandeaucontact p .icon-envelope {
#footer #bandeaucontact p .icon-envelope {
font-size: 1.75em;
vertical-align: text-bottom;
}
......@@ -2786,61 +2783,64 @@ button {
.portailcognac #footer h2 a:hover {
border-bottom: 2px dotted #GET{c_footer};
}
.portailcognac #footer .liste-rubriques section {
#footer .liste-rubriques section {
max-width: 300px;
padding: 0 0 0 1em;
}
.portailcognac #footer .liste-rubriques a,
.portailcognac #footer .liste-rubriques a:hover {
#footer .liste-rubriques a,
#footer .liste-rubriques a:hover {
color: #GET{c_footer};
}
.portailcognac #footer .liste-rubriques li {
#footer .liste-rubriques li {
line-height: 1.25em;
border-bottom: 2px dotted transparent;
}
.portailcognac #footer .liste-rubriques li:hover {
#footer .liste-rubriques li:hover {
border-bottom: 2px dotted #GET{c_footer};
}
.portailcognac #footer .liste-rubriques li a {
#footer .liste-rubriques li a {
display: inline-block;
padding: .35em 0!important;
}
@media screen and (max-width: 800px) {
.portailcognac #footer .liste-rubriques section {
#footer .liste-rubriques section {
border-bottom: 1px solid #GET{c_footer};
}
}
@media screen and (max-width: 400px) {
.portailcognac #footer .liste-rubriques section {
#footer .liste-rubriques section {
width: 100%;
}
}
.portailcognac [class^="icon-"],
.portailcognac [class*=" icon-"] {
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
}
.icon-lg {
font-size: 2.33333333em;
line-height: 0.75em;
}
.portailcognac .icon-lg {
font-size: 1.33333333em;
line-height: 0.75em;
}
.portailcognac .icon-2x {
.icon-2x {
font-size: 2em;
vertical-align: middle;
}
.portailcognac .icon-25x {
.icon-25x {
font-size: 2.5em;
}
.portailcognac .icon-3x {
.icon-3x {
font-size: 3em;
}
.portailcognac .icon-4x {
.icon-4x {
font-size: 4em;
}
.portailcognac .icon-5x {
.icon-5x {
font-size: 5em;
}
.portailcognac .icon-fw {
.icon-fw {
width: 1.28571429em;
text-align: center;
}
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site