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
(Page blanchie) |
|||
Ligne 1 : | Ligne 1 : | ||
+ | /* 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:0px; | ||
+ | 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 | ||
+ | { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #p-search #searchInput | ||
+ | { | ||
+ | /*background: url('loupe.png') no-repeat 190px center #555;*/ | ||
+ | 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:0px; | ||
+ | } | ||
+ | |||
+ | #p-search #searchInput:focus | ||
+ | { | ||
+ | border:1px solid #BBB; | ||
+ | background:#555; | ||
+ | outline:none; | ||
+ | } | ||
+ | |||
+ | #content{ /* Le contenu */ | ||
+ | |||
+ | margin-left:11em; | ||
+ | margin-top:100px; | ||
+ | min-height:300px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #mw-head-base | ||
+ | { | ||
+ | background:lightblue; | ||
+ | position:absolute; | ||
+ | width:100%; | ||
+ | height:182px; | ||
+ | margin-left:0px; | ||
+ | /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ | ||
+ | } | ||
+ | |||
+ | #footer | ||
+ | { | ||
+ | background:lightgreen; | ||
+ | } | ||
+ | |||
+ | #footer a | ||
+ | { | ||
+ | color:#252; | ||
+ | } | ||
+ | |||
+ | #p-navigation h5 | ||
+ | { | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | div.portal li a | ||
+ | { | ||
+ | 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:first-child a | ||
+ | { | ||
+ | border-radius:10px 10px 0px 0px; | ||
+ | } | ||
+ | |||
+ | div.portal li:last-child a | ||
+ | { | ||
+ | border-radius:0px 0px 10px 10px; | ||
+ | } | ||
+ | |||
+ | div.portal li a:hover | ||
+ | { | ||
+ | background:#BBF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li | ||
+ | { | ||
+ | padding-bottom:0; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu h5 a | ||
+ | { | ||
+ | height:2em; | ||
+ | } | ||
+ | |||
+ | @media all and (max-width:1100px) { | ||
+ | { | ||
+ | #mw-head /* le haut en gros */ | ||
+ | { | ||
+ | display:none; | ||
+ | height:52px; | ||
+ | max-height:52px; | ||
+ | } | ||
+ | |||
+ | #content | ||
+ | { | ||
+ | margin-top:120px; | ||
+ | } | ||
+ | |||
+ | } |
Version du 17 novembre 2012 à 19:34
/* 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:0px; 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 { margin-top:0px; } #p-search #searchInput { /*background: url('loupe.png') no-repeat 190px center #555;*/ 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:0px; } #p-search #searchInput:focus { border:1px solid #BBB; background:#555; outline:none; } #content{ /* Le contenu */ margin-left:11em; margin-top:100px; min-height:300px; } #mw-head-base { background:lightblue; position:absolute; width:100%; height:182px; margin-left:0px; /*box-shadow:inset -10px 0px 50px 0px lightgreen*/ } #footer { background:lightgreen; } #footer a { color:#252; } #p-navigation h5 { } div.portal li a { 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:first-child a { border-radius:10px 10px 0px 0px; } div.portal li:last-child a { border-radius:0px 0px 10px 10px; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } div.vectorMenu h5 a { height:2em; } @media all and (max-width:1100px) { { #mw-head /* le haut en gros */ { display:none; height:52px; max-height:52px; } #content { margin-top:120px; } }