MediaWiki:Common.css

De MIAT INRA
Révision datée du 11 septembre 2009 à 13:37 par Tschiex (discussion | contributions) (Page créée avec « Le CSS placé ici sera appliqué à tous les habillages. : Transform Changes : table.changes { border:none; width:100% } table.changes th { backgro... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Transform Changes */
table.changes            { border:none; width:100% }
table.changes th         { background: #dfdfdf; color: #4E507F; text-align: center; white-space: nowrap; }
table.changes tr         { margin:0; padding:0 }
table.changes td         { margin:0; padding: 1px 4px; vertical-align: top }
table.changes td.heading { font-size: 110%; font-weight:bold; padding-top:10px }
table.changes td.comment { width:100% }
table.changes td.talk,
table.changes td.diff    { font-size: 90% }
table.changes td.user,
table.changes td.talk,
table.changes td.diff,
table.changes td.info    { white-space: nowrap; }
tr.mw-line-odd           { background: #fff; }
tr.mw-line-even          { background: #eee; }



/* Messages and code blocks */
table.message {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 3px;
    border: 1px solid #ccc;
    background: #f4f4f4;
    text-align: left;
    vertical-align: top;
}
table.message pre { padding: 0; margin: 0; }
table.message form { background: none; }



/* Calendar */
table.calendar          { margin: 0; padding: 10px; }
table.calendar td       { margin: 0; padding: 2px; vertical-align: top; }
table.month .heading td { padding:2px; background-color:#ddd; color:#aaa; text-align:center; font-size:120%; font-weight:bold; }
table.month .dow td     { color:#aaa; text-align:center; font-size:110%; }
table.month td.today    { background-color:#ddd; }
table.month td {
    border: none;
    margin: 0;
    padding: 1pt 1.5pt;
    font-weight: bold;
    font-size: 8pt;
    text-align: right;
    background-color: #eee;
}
.day-active { color:#217A28 }
.day-empty  { color:#cc0000 }



/* EmailArticle */
form.EmailArticle { width:400px }



/* SimpleSecurity */
#security-info-toggle {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(/files/thumb/5/59/Padlock.svg/30px-Padlock.svg.png) no-repeat;
}
#security-info {
	border-collapse: collapse;
	margin: 10px 0 0 0;
	padding: 3px;
	border: 1px solid #ccc;
	background: #eee;
	color: black;
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
}



/* Workflow */
.workflow {
	width: 100px;
	float: right;
	border: 2px solid #ccc;
	padding: 0;
	margin: 0;
}
.workflow table { width: 100% }
.workflow td { text-align: center }
.workflow-state #content {
	background: white;
	width: 100px;
	height: 80px;
	border-bottom: 2px solid #ccc;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
}
.workflow-state #left,.workflow-state #right {
	width: 20px;
	height: 20px;
	background: #bbb;
	text-align: center;
}
.workflow-state #title {
	background: #ccc;
	text-align: center;
}
.workflow-state .menu a {
	font-size: 10pt;
	font-weight: bold;
	color: white;
	margin: 0;
}
#catlinks a, #catlinks b { padding: 0 5px; }
#catlinks a.current {
	background-color: #3D5270;
	color: white;
}



/* Selenium */
.selenium table {
    border: 2px solid #dde;
    background: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.selenium td {
    border: none;
    padding: 4px;
    margin: 0;
}
.selenium tr {
    background: #dde;
}
.selenium tr + tr {
    font-weight: normal;
    background: #eef;
    text-align: left;
}



/* Tree */
.dtree {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666;
        white-space: nowrap;
}
.dtree .selflink {
        background: #4E507F;
        color: #eee;
        padding-left: 4px;
        padding-right: 4px;
}
.dtree img {
        border: 0px;
        vertical-align: middle;
}
.dTreeNode { height: 18px }
.dtree a {
        color: black;
        text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
}
.dtree a:hover, .dtree a.node:hover, .dtree a.nodeSel:hover {
        color: black;
        text-decoration: underline;
}
.dtree a.nodeSel {
        background-color: #c0d2ec;
}
.dtree .clip {
        overflow: hidden;
}



/* Dynamic menus */
.dmenu { width: 180px }
.dmenu, .dmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.dmenu .selflink { font-weight: normal; }
.dmenu li { /* all list items */
    position: relative;
    float: left;
    width: 172px;
    padding: 4px;
    z-index: 100;
}
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
    color : black;
}
.dmenu li li { margin: 0; }
.dmenu li ul { /* second-level lists */
    position: absolute;
    left: -999em;
    z-index: 101;
    border: 1px solid #ccc;
}
.dmenu li ul ul { /* third-and-above-level lists */
    position: absolute;
    left: -999em;
    margin: 0 0 0 0;
    z-index: 102;
}
.dmenu li.odd .submenu {
    width: 12px;
    height: 15px;
    float: right;
    background: url(/wiki/skins/organicdesign/rarr-lt.png) 0 3px no-repeat;
}
.dmenu li.even .submenu {
    width: 12px;
    height: 15px;
    float: right;
    background: url(/wiki/skins/organicdesign/rarr-dk.png) 0 3px no-repeat;
}
.dmenu li.odd {
	background: #E9EDF4;
	border: 2px solid #E9EDF4;
}
.dmenu li.even {
	background: #D0D8E8;
	border: 2px solid #D0D8E8;
}

.dmenu li:hover, .dmenu li.sfhover {
	border: 2px solid #385D8A;
}
.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
    left: -999em;
}
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
    left: 182px;
    top: -3px;
}



/* Dynamic Navigation */
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position: absolute;
        top: 0px;
        right: 3px;
        font-weight: normal;
        font-size: smaller;
}
body div.NavShow {
        display: normal;
}



/* Web site */
.web-bar li {
    display: inline;
    padding: 2px 10px;
    margin: 0 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.web-bar li.selected {
    border-bottom: 2px solid white;
}
.web-bar li .selflink {
    color: #4E507F;
}
.web-bar li a, .web-bar .selflink { font-weight: normal }
ul.web-bar {
    width: 100%;
    list-style: none;
    padding: 0 0 2px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    overflow: visible;
}
.featured-content ul {
    list-style: none;
    margin: 0;
}
.featured-content h3 { text-align: center }
.page-Panarchy #content { background-image: url('/files/5/54/Pollen-notext.jpg'); }



/* News */
.news-content img { margin-left: 20px }
#content .news-container a {
    color: #D0D6F0;
    font-weight: bold;
    font-size: 150%;
}
#content .news-container .news-content a {
    color: #217A28;
    font-weight: normal;
    font-size: 100%;
}



/* RSS */
div.rss {
    margin: 5px 0 20px 0;
    padding: 5px;
    border: 1px solid #D0D6F0;
}
div.rss h3 {
    background: #D0D6F0;
    padding: 2px 5px;
    margin: 0;
    font-size: 11pt;
}
#content .rss h3 a { color: #4E507F }
div.rss strong { font-weight: normal }



/* References */
ol.references {
    font-size: 100%;
}
.references-small { font-size: 90%;}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
 
.same-bg { background: none; }
 
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #DEF;
}
 
sup.reference:target { 
    background-color: #DEF;
}
 
/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}
 
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #DEF;
}
 
/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */
 
@media print {
    #content cite a.external.text:after {
        display: none;
    }
}
 
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */
 
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}



/* RecordAdmin forms and tables */
.recordadmin-menubar {
    margin: 0 0 10px 0;    
}
#bodyContent .recordadmin-menubar a {
    color: #6C6E9D;
    font-weight: bold;
    background: #f6f6f9;
    border: 1px solid #aaa;
    padding: 2px 10px;
    margin: 0 10px 0 0;
}
form.recordadmin, .recordadmin-template {
    background-color: #f6f6f9;
    border: 1px solid #aaa;
    padding: 10px;
    display: table;
}
form.recordadmin h2 {
    font-size: 11pt;
    padding: 0 30px 10px 0;
    margin: 0;
}
tr.stripe { background: #f6f6f9; }
table.sortable tr.odd {
    background-color: white;
}
table.recordadmin td, table.recordadmin th {
    padding: 0 4px;
    margin: 0;
}
table.sortable th {
    text-align: center;
    display: none;
}
table.sortable td {
    overflow: hidden;
    white-space: nowrap;
    font-size: 8pt;
    display: none;
}

table.recordadmin { width: 100% }
table.recordadmin p { padding: 0; margin: 0; }

table.recordadmin .col0,
table.recordadmin .col1,
table.recordadmin .col2,
table.recordadmin .col3 {
    display: table-cell;
    white-space: nowrap;
}

table.recordadmin .colOrganisation,
table.recordadmin .colAssignedTo,
table.recordadmin .colJob,
table.recordadmin .colActivity,
table.recordadmin .colDate,
table.recordadmin .colTime,
table.recordadmin .colPerson,
table.recordadmin .colLead,
table.recordadmin .colChance,
table.recordadmin .colStage,
table.recordadmin .colSource,
table.recordadmin .colNotes,
table.recordadmin .colResult,
table.recordadmin .colTouch,
table.recordadmin .colValue,
table.recordadmin .colMarch,
table.recordadmin .colApril,
table.recordadmin .colMay,
table.recordadmin .colJune,
table.recordadmin .colJuly,
table.recordadmin .colAugust,
table.recordadmin .colSeptember,
table.recordadmin .colProject,
table.recordadmin .colOwner,
table.recordadmin .colVertical,
table.recordadmin .colBilling,
table.recordadmin .colReporting,
table.recordadmin .colStep,
table.recordadmin .colNext,
table.recordadmin .colComplete,
table.recordadmin .colHours,
table.recordadmin .colIssues,
table.recordadmin .colSWOT,
table.recordadmin .colLessons,
table.recordadmin .colGAP,
table.recordadmin .colEmail {
    display: table-cell;
}
table.Issue-record .col0 { width: 100% }



/* Tooltips */
.tooltip + .tooltip { display:none }
.tooltip:hover + .tooltip, .tooltip + .tooltip:hover {
    display: block;
    position: absolute;
    width: 200px;
    padding: 10px;
    border: 1px solid black;
    background-color: #F9E4D3;
}
Génotoul BioInfo
Équipe RECORD
IMABS
Outils personnels