« MediaWiki:Mobile.css » : différence entre les versions
De fablabo
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(5 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 36 : | Ligne 36 : | ||
@font-face { | @font-face { | ||
font-family: 'vagrounded'; | font-family: 'vagrounded'; | ||
src: url('/public/fablabo/public/fablabo/mediawiki-1.27.0-1.27.0 | src: url('/public/fablabo/public/fablabo/mediawiki-1.27.0-1.27.0/skins/VectorFablabo/resources/fonts/vagrounded.ttf'); | ||
src: local('☺'), url('skins/VectorFablabo/resources/fonts/vagrounded.ttf') format('truetype'); | src: local('☺'), url('skins/VectorFablabo/resources/fonts/vagrounded.ttf') format('truetype'); | ||
font-weight: bold; | font-weight: bold; | ||
Ligne 42 : | Ligne 42 : | ||
@font-face { | @font-face { | ||
font-family: 'tampon'; | font-family: 'tampon'; | ||
src: url(' | src: url('fonts/tampon.ttf'); | ||
src: local('☺'), url(' | src: local('☺'), url('fonts/tampon.ttf') format('truetype'); | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
@font-face { | @font-face { | ||
font-family: 'lato'; | font-family: 'lato'; | ||
src: url('/public/fablabo/public/fablabo/mediawiki-1.27.0-1.27.0 | src: url('/public/fablabo/public/fablabo/mediawiki-1.27.0-1.27.0/skins/VectorFablabo/resources/fonts/Lato-Regular.ttf'); | ||
src: local('☺'), url('skins/VectorFablabo/resources/fonts/Lato-Regular.ttf') format('truetype'); | src: local('☺'), url('skins/VectorFablabo/resources/fonts/Lato-Regular.ttf') format('truetype'); | ||
} | } | ||
Ligne 400 : | Ligne 400 : | ||
#wpLicense { | #wpLicense { | ||
width: 100%; | width: 100%; | ||
} | |||
/* ------------------ */ | |||
/* Page de recherche */ | |||
body.skin-vectorfablabo .oo-ui-textInputWidget { | |||
width: 650px; | |||
} | |||
body.skin-vectorfablabo .oo-ui-textInputWidget .mw-ui-input:focus { | |||
box-shadow: inset 0 0 0 2px #fcce15; | |||
border: 1px solid #e5a308; | |||
} | |||
body.skin-vectorfablabo div#content .oo-ui-textInputWidget input:focus { | |||
box-shadow: inset 0 0 0 2px #fcce15; | |||
border: 1px solid #e5a308; | |||
} | |||
body.skin-vectorfablabo div#content .oo-ui-buttonElement-button { | |||
margin-top: 1em; | |||
background-color: #fcce15; | |||
border: 1px solid #fcce15; | |||
color: black; | |||
} | } | ||
/* | /* | ||
Ligne 678 : | Ligne 697 : | ||
text-align: left; | text-align: left; | ||
float: right; | float: right; | ||
} | |||
div.vf-liens-machine, | |||
div.vf-liens-accueil { | |||
display: flex; | |||
/* contexte sur le parent */ | |||
flex-direction: row; | |||
/* direction d'affichage verticale */ | |||
justify-content: center; | |||
/* alignement vertical */ | |||
} | } | ||
div.vf-liens-machine .vf-lien-machine, | div.vf-liens-machine .vf-lien-machine, | ||
div.vf-liens-accueil .vf-lien-machine { | div.vf-liens-accueil .vf-lien-machine { | ||
display: | display: flex; | ||
width: 49%; | width: 49%; | ||
margin: auto; | |||
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
Ligne 709 : | Ligne 738 : | ||
height: 100%; | height: 100%; | ||
background-color: #78788d; | background-color: #78788d; | ||
} | |||
#mw-mf-viewport #content .vf-liens-machine, | |||
#mw-mf-viewport #content .vf-liens-accueil { | |||
display: block; | |||
} | } | ||
#mw-mf-viewport #content .vf-lien-machine, | #mw-mf-viewport #content .vf-lien-machine, | ||
Ligne 714 : | Ligne 747 : | ||
display: block; | display: block; | ||
margin-bottom: 0.2em; | margin-bottom: 0.2em; | ||
height: auto; | |||
width: 100%; | |||
padding-bottom: 0.2em; | |||
} | } | ||
#mw-mf-viewport #content h1 { | #mw-mf-viewport #content h1 { | ||
Ligne 764 : | Ligne 800 : | ||
width: 60%; | width: 60%; | ||
} | } | ||
#sfForm .createboxInput, | #content #sfForm .createboxInput, | ||
#sfForm .select2-container div { | #sfForm .select2-container div { | ||
max-width: 680px; | |||
width: 100%; | width: 100%; | ||
} | } | ||
Ligne 891 : | Ligne 928 : | ||
*/ | */ | ||
div.vf-etape-titre { | div.vf-etape-titre { | ||
cursor: pointer; | cursor: pointer; | ||
background-position: center left; | background-position: center left; | ||
Ligne 903 : | Ligne 939 : | ||
} | } | ||
div.vf-etape-content { | div.vf-etape-content { | ||
transition: 0.8s background-position linear; | transition: 0.8s background-position linear; | ||
} | } | ||
Ligne 1 026 : | Ligne 1 061 : | ||
background-color: rgba(1, 1, 1, 0.5); | background-color: rgba(1, 1, 1, 0.5); | ||
/* Firefox */ | /* Firefox */ | ||
display: -moz-box; | display: -moz-box; | ||
-moz-box-pack: center; | -moz-box-pack: center; | ||
-moz-box-align: center; | -moz-box-align: center; | ||
/* Safari and Chrome */ | /* Safari and Chrome */ | ||
display: -webkit-box; | display: -webkit-box; | ||
-webkit-box-pack: center; | -webkit-box-pack: center; | ||
-webkit-box-align: center; | -webkit-box-align: center; | ||
/* W3C */ | /* W3C */ | ||
display: box; | display: box; | ||
box-pack: center; | box-pack: center; |