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 84 : | Ligne 84 : | ||
{ | { | ||
margin-left:50px; | margin-left:50px; | ||
− | margin-top: | + | margin-top:35px; |
display:block; | display:block; | ||
position:absolute; | position:absolute; |
Version du 21 novembre 2012 à 17:39
/* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#FFF; background-image:none; } h1 { color:#5F8DD3; } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } 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-image:url(../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:35px; display:block; position:absolute; width:350px; height:100px; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #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 input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; 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; } #p-search #searchInput:focus /* focus sur le champ recherche */ { background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:300px; background-image:none; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } 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; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:95%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } div#mw-content-text > ul { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; } div#mw-content-text > ul li { display:block; width:100%; border-radius:10px; } div#mw-content-text > ul li a { margin-left:15px; color:#0088CC; } div#mw-content-text > ul li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } h1.lhl { border:none; color:#333; text-align:center; } div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; top:140px; left:80px; font-size:23px; height:23px; } /* Mise en forme général du tableau des taches */ table#tasks { border-collapse:collapse; margin:auto; margin-top:20px; margin-bottom:20px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:2px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:25px; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; } .vert { background-color: #32CD32; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; } .vert:hover { background-color: #10AB10; } .bleu { background-color: #6495ED; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#6495ED; } .bleu:hover { background-color: #4273CB; } .rouge { background-color: #EE204D; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#EE204D; } .rouge:hover { background-color: #CC002B; } .violet { background-color: #DDA0DD; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; } .violet:hover { background-color:#CC80CC ; } .orange { background-color: #F4A460; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; } .orange:hover { background-color: #E28240; } .brun { background-color: #B8860B; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; } .brun:hover { background-color: #96640A; } .bleuC { background-color:#3399FF; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; } .bleuC:hover { background-color:#1177DD; } #LIV { display:block; width:30%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .souligne { text-decoration: underline; } .mid { font-size: 1.2em; }