COllaboration, CLassification, Incrémentalité et COnnaissances
COllaboration, CLassification, Incrémentalité et COnnaissances
Différences entre les versions de « MediaWiki:Common.css »
Aller à la navigation
Aller à la recherche
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
+ | |||
body{ | body{ | ||
background:#EEF; | background:#EEF; | ||
Ligne 32 : | Ligne 33 : | ||
{ | { | ||
background:#AAA; | background:#AAA; | ||
− | + | padding-left:0px; | |
− | + | min-height:32px; | |
} | } | ||
Ligne 39 : | Ligne 40 : | ||
{ | { | ||
left:0; | left:0; | ||
− | + | z-index:5; | |
− | + | position:relative; | |
} | } | ||
− | #p-personal a | + | #p-personal a |
{ | { | ||
color:black; | color:black; | ||
Ligne 71 : | Ligne 72 : | ||
#right-navigation | #right-navigation | ||
{ | { | ||
− | margin-top: | + | margin-top:180px; |
margin-right:300px; | margin-right:300px; | ||
right:0; | right:0; | ||
Ligne 107 : | Ligne 108 : | ||
} | } | ||
− | #left-navigation | + | #left-navigation |
{ | { | ||
display:none; | display:none; | ||
Ligne 119 : | Ligne 120 : | ||
} | } | ||
− | #p-search form | + | #p-search form /* formulaire de recherche */ |
{ | { | ||
margin-top:0px; | margin-top:0px; | ||
} | } | ||
− | #p-search #searchInput | + | #p-search #searchInput /* champ de recherche */ |
{ | { | ||
− | |||
background:#777; | background:#777; | ||
border:1px solid black; | border:1px solid black; | ||
Ligne 139 : | Ligne 139 : | ||
-webkit-transition: all 1s ease 0ms; | -webkit-transition: all 1s ease 0ms; | ||
-ms-transition: all 1s ease 0ms; | -ms-transition: all 1s ease 0ms; | ||
− | margin-top: | + | margin-top:180px; |
} | } | ||
− | #p-search #searchInput:focus | + | #p-search #searchInput:focus /* focus sur le champ recherche */ |
{ | { | ||
border:1px solid #BBB; | border:1px solid #BBB; | ||
Ligne 157 : | Ligne 157 : | ||
} | } | ||
− | #mw-head-base | + | #mw-head-base /* bandeau principal du header */ |
{ | { | ||
background:lightblue; | background:lightblue; | ||
Ligne 167 : | Ligne 167 : | ||
} | } | ||
− | #footer | + | #footer /* le footer (pied de page) */ |
{ | { | ||
background:lightgreen; | background:lightgreen; | ||
} | } | ||
− | #footer a | + | #footer a /* les liens du footer *: |
{ | { | ||
color:#252; | color:#252; | ||
Ligne 183 : | Ligne 183 : | ||
− | div.portal li a | + | div.portal li a /* Elements du menu */ |
{ | { | ||
height:30px; | height:30px; | ||
Ligne 196 : | Ligne 196 : | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | div.portal li a:hover | + | div.portal li a:hover /* Elements du menu survolé */ |
{ | { | ||
background:#BBF; | background:#BBF; | ||
Ligne 212 : | Ligne 203 : | ||
} | } | ||
− | div#mw-panel div.portal div.body ul li | + | div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ |
{ | { | ||
padding-bottom:0; | padding-bottom:0; | ||
Ligne 220 : | Ligne 211 : | ||
{ | { | ||
height:2em; | height:2em; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Version du 18 novembre 2012 à 20:51
/* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEF; background-image:none; } h1 { color:#7AA5B3; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background:#AAA; padding-left:0px; min-height:32px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; z-index:5; position:relative; } #p-personal a { color:black; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo a /* le logo */ { display:block; width:473px; text-align:center; /* background:lightblue;*/ margin-top:20px; position:absolute; } #right-navigation { margin-top:180px; margin-right:300px; right:0; top:0; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search/* la truc de recherche */ { position:absolute; right:0; top:0; } #p-search form /* formulaire de recherche */ { margin-top:0px; } #p-search #searchInput /* champ de recherche */ { background:#777; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:150px; color:#AAA; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; margin-top:180px; } #p-search #searchInput:focus /* focus sur le champ recherche */ { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base /* bandeau principal du header */ { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer /* le footer (pied de page) */ { background:lightgreen; } #footer a /* les liens du footer *: { color:#252; } #p-navigation h5 { } div.portal li a /* Elements du menu */ { height:30px; line-height:30px; display:block; /*border-radius:10px;*/ border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover /* Elements du menu survolé */ { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li /* li du menu (pour espacement) */ { padding-bottom:0; } div.vectorMenu h5 a { height:2em; }