« MediaWiki:Vector.css » : différence entre les versions

Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
 
(19 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* ---------------------------------------------------------
* AtlasMuseum styling layered on top of Vector (MediaWiki 1.39)
* --------------------------------------------------------- */


/*@import url("https://path/of/the/stylesheet/provided.css");*/
/* Load original AtlasMuseum CSS files from the skin directory */
@import url("/skins/AtlasMuseum/resources/screen.css");
@import url("/skins/AtlasMuseum/resources/atlasmuseum.css");
@import url("/skins/AtlasMuseum/resources/artwork.css");
@import url("/skins/AtlasMuseum/resources/edit.css");


/**
* Global box-sizing reset for more predictable layouts
* and better behaviour with modern browsers / MediaWiki 1.39+
*/
*, *::before, *::after {
box-sizing: border-box;
}


/* =========================================================
* HEADER FIXES & LAYOUT CORRECTIONS
* ========================================================= */


html {
/* 1) Reset legacy AtlasMuseum rule that pushed all header links out of place */
}
div#mw-head-base a {
body {
    position: static !important;
position: relative;
    left: auto !important;
width: 1050px;
    top: auto !important;
font-family: "ITCFranklinGothicW02-Dm 812945" !important;
    display: inline !important;
font-weight:normal;
    height: auto !important;
color: #505b61 !important;
    line-height: normal !important;
margin: auto !important;
    background: none;
width: 1050px;
background:url('bg_body.png') center top repeat-y #E6E6E4;
background-color: #E6E6E4 !important;
}
 
#page-base {
height:5em;
background: url('bg_pattern.png') repeat-x scroll 0 0 #FBE023;
min-height:198px;
}
 
.wikidata #page-base {
  background: url('bg_pattern-blue.png') repeat-x scroll 0 0 #006699;
}
 
#head-base {
margin-left:11em;
}
 
#content {
margin-left:11em;
border-left: 1px solid #e4e8ea;
padding:1em;
}
 
#navigation {
}
 
#navigation h2,
#navigation h3 {
display:none;
}
 
.portal h3 {
display:inline-block !important;
color:#4D4D4D;
font-weight:bold;
font-size:12px;
}
#p-navigation h3 {
display:none !important;
}
 
div.body {
margin-top:-1em;
margin-left:1.25em;
}
#p-navigation div.body {
margin:0 !important;
}
 
#navigation-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
 
#navigation-head a,
#navigation-head a:visited {
color:#8d8f90;
}
 
#navigation-head a.new,
#navigation-head a.new:visited {
color:#ffffff;
}
}


/* 2) Position the personal tools neatly in the top-right corner */
#p-personal {
#p-personal {
position: absolute;
    position: absolute !important;
top: 0.33em;
    top: 10px !important;        /* tweak if needed */
right: 0.75em;
    right: 40px !important;      /* tweak if needed */
z-index: 1;
    background: none;
    padding: 0;
    margin: 0;
    z-index: 5;
}
}


#p-personal ul {
#p-personal ul {
list-style-type: none;
    margin: 0;
    padding: 0;
}
}


#p-personal li {
#p-personal li {
display:inline-block;
    display: inline-block;
font-size:11px;
    border-right: 1px solid #505B61;
    margin: 0 6px 0 0;
    padding: 0 6px 0 0;
    background: transparent;
}
}


#left-navigation {
#p-personal li:last-child {
    position: relative;
     border-right: none;
    margin-top: 8px;
    margin-left: 11em;
     margin-bottom: 0;
}
}


#left-navigation ul {
#p-personal a,
list-style-type:none;
#p-personal a:visited {
margin:0;
    background: none !important;
border-left:1px solid #e4e8ea;
    color: #ffffff;
    font-family: "ITCFranklinGothicW02-Bk 812924";
    font-size: 11px;
    text-decoration: none;
}
}


#left-navigation li {
#p-personal a:hover {
display:inline-block;
    text-decoration: underline;
padding:1em 0.5em 0.5em 0.5em;
border-right:1px solid #e4e8ea;
font-size:12px;
}
 
#right-navigation {
float:right;
}
 
#right-navigation ul {
list-style-type:none;
margin:0;
border-left:1px solid #e4e8ea;
}
 
#right-navigation li {
display:inline-block;
padding:1em 0.5em 0.5em 0.5em;
border-right:1px solid #e4e8ea;
font-size:12px;
}
}


/* 3) Position the search bar below the personal tools */
#p-search {
#p-search {
margin-left:8px;
    position: absolute !important;
margin-right:20px;
    top: 40px !important;      /* tweak if needed */
    right: 40px !important;
    margin: 0;
    padding: 0;
}
}


#simpleSearch {
#simpleSearch {
width: 14em;
    background: none;
height: 1.4em;
margin-top: 0.65em;
position:relative;
border: solid 1px #aaa;
}
}


#simpleSearch input[type="search"] {
position: absolute;
top: 0;
left: 0;
width: 90%;
margin: 0;
padding: 0;
padding-left: 0.2em;
padding-top: 0.2em;
padding-bottom: 0.2em;
outline: none;
border: none;
font-size: 13px;
}


#searchButton {
/* =========================================================
position: absolute;
* ATLASMUSEUM LOGO (TEXT VERSION)
width: 10%;
* ========================================================= */
right: 0;
top: 0;
padding: 0;
padding-top: 0.3em;
padding-bottom: 0.2em;
padding-right: 0.4em;
margin: 0;
border: none;
cursor: pointer;
background-color: transparent;
background-image: url('search-ltr.png');
background-position: center center;
background-repeat: no-repeat;
text-indent: -99999px;
}


#navigation-panel {
/* Hide the default Vector logo image */
position: absolute;
#p-logo a > img {
top: 170px;
    display: none !important;
left: 0;
padding-top: 20px;
padding-left:21px;
width: 8.5em;
box-sizing:border-box;
}
}


/* Allow positioning inside the logo container */
#p-logo {
#p-logo {
position:absolute;
top:-140px;
left:20px;
}
#p-logo a {
font-size: 58px;
font-family: "FranklinGothicW01-Extra 692515";
color:white;
text-decoration: none;
}
#navigation-panel ul {
list-style-type:none;
margin:0;
padding-top:4px;
}
#navigation-panel li {
padding:0.25em 0;
border-bottom: 1px solid #c5cdd1;
}
#navigation-panel li a {
color: #999999;
font-size: 12px;
}
#footer {
margin-left:11em;
padding:16px 24px;
text-align:center;
background:url('footer_bg_pattern.png') repeat-x scroll 0 0 #FBE023;
}
.wikidata #footer {
background:url('footer_bg_pattern-blue.png') repeat-x scroll 0 0 #006699;
}
#footer a,
#footer a:visited {
color:#00B9EE;
}
#footer ul {
list-style-type: none;
}
#footer-info li {
line-height:1.4em;
font-size:11px;
}
#footer-places {
margin-top: 16px;
display: inline-block;
float:none;
font-size:11px;
}
#footer-places li {
float:left;
margin-right:1em;
}
#footer-icons {
float:right;
}
#footer-icons li {
float:left;
}
.wikibase-entityview-side {
display:none;
}
h1 {
font-size: 48px;
font-family: "FranklinGothicW01-Extra 692515";
padding: 33px 42px !important;
border: none;
color: #505b61;
}
h1 > span {
border-bottom: 8px solid #fbe023;
}
.infowindow {
list-style-type:none;
margin:0 !important;
}
.homeCtnr,
.mapCtnr {
  font-family:"ITCFranklinGothicW02-Bk 812924";
  overflow-wrap: break-word;
}
.homeCtnr h3,
.mapCtnr h3 {
font-size: 18px;
color: white;
background-color: #FBE023;
padding:13px 8px 8px 8px;
border:none;
position:relative;
overflow:visible;
margin-bottom:2em;
height:25px;
font-weight:normal;
}
.wikidata .homeCtnr h3,
.wikidata .mapCtnr h3 {
  background-color: #006699;
}
.homeCtnr h3::after,
.mapCtnr h3::after {
content:'';
position:absolute;
bottom:0;
left:11px;
width:10px;
height:10px;
background-color: #FBE023;
transform:translate(0,50%) rotate(45deg);
}
.wikidata .homeCtnr h3::after,
.wikidata .mapCtnr h3::after {
  background-color: #006699;
}
.mapLgd {
font-size:14px;
}
#bodyContent {
    line-height: 1.42em;
    padding-left: 43px;
    padding-right: 43px;
    font-family:"ITCFranklinGothicW02-Bk 812924";
    width: auto;
    font-size: 14px;
}
div.vectorTabs h3,
div.vectorTabs h5,
div.vectorMenu h3 span,
div.vectorMenu h5 span {
display: none;
}
div.vectorTabs {
float: left;
}
div.vectorMenu {
float: left;
background-image: url(arrow-down-icon.png);
background-position: 100% 60%;
background-repeat: no-repeat;
cursor: pointer;
width:23px;
height:33px;
}
div.vectorMenuFocus {
background-image: url(arrow-down-focus-icon.png);
background-position: 100% 60%;
}
div.vectorMenu div.menu {
position: relative;
display: none;
clear: both;
text-align: left;
}
div.vectorMenu h3 {
display:block !important;
height:11px;
}
div.vectorMenu ul {
position: absolute;
background-color: white;
border: solid 1px silver;
border-top-width: 0;
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
margin-left: -1px;
text-align: left;
}
/* Fixes old versions of FireFox */
div.vectorMenu ul,
x:-moz-any-link {
min-width: 5em;
}
/* Returns things back to normal in modern versions of FireFox */
div.vectorMenu ul,
x:-moz-any-link,
x:default {
min-width: 0;
}
div.vectorMenu li {
padding: 0 !important;
margin: 0;
text-align: left;
line-height: 1em;
border:none !important;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorMenu li a {
display: inline-block;
padding: 0.5em;
white-space: nowrap;
color: #0645ad;
cursor: pointer;
}
/* IGNORED BY IE6 */
div.vectorMenu li > a {
display: block;
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
color: #333;
text-decoration: none;
}
#p-search {
float:left;
margin-left: 8px;
margin-right: 20px;
}
#p-search form {
margin-top:-5px;
}
/* Enable forcing showing of the menu for accessibility */
div.vectorMenu:hover div.menu,
div.vectorMenu div.menuForceShow {
display: block;
}
#base-navigation {
margin-left: 10em;
}
div#base-navigation a {
    font-family:"ITCFranklinGothicW02-Bk 812924";
color: white;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    height: 28px;
    line-height: 28px;
     position: relative;
     position: relative;
    left: 464px;
    top: -57px;
}
div#base-navigation a:visited {
color:white;
}
#base-navigation > a#haddnotice {
    text-indent: 41px;
    width: 185px;
    background: url("images/haddnotice.png") no-repeat scroll 0px 0px transparent;
}
#base-navigation > a#haide {
    text-indent: 41px;
    width: 141px;
    background: url("images/haide.png") no-repeat scroll 0px 0px transparent;
}
#base-navigation > a#hfb {
    text-indent: -5000em;
    width: 49px;
    background: url("images/hfb.png") no-repeat scroll 0px 0px transparent;
}
#base-navigation > a#htwitter {
    text-indent: -5000em;
    width: 28px;
    background: url("images/htwitter.png") no-repeat scroll 0px 0px transparent;
}
}


/****************************************************/
/* Add the textual AtlasMuseum logo */
 
#p-logo::after {
.clearfix {
     content: "AtlasMuseum";
    clear: both;
     font-family: "FranklinGothicW01-Extra 692515";
}
     font-size: 58px;
.mandatory{
     text-transform: lowercase;
     color: red;
     color: #ffffff;
}
     position: absolute;
#mw-navigation{
     top: 0px;     /* tweak if needed */
     font-family:"ITCFranklinGothicW02-Dm 812945";
     left: 30px;   /* tweak if needed */
}
     pointer-events: none; /* link underneath remains clickable */
h1,h2,h3,h4,h5,h6{
    color: #505b61;
}
div#content{
    color: #505b61;
    float: right;
    margin: 0;
    padding: 0;
    width: 895px;
    border: none;
    border-left:  1px solid #e4e8ea;
}
#firstHeading {
     font-size: 48px;
     padding: 33px 42px;
     border: none;
}
div.vectorTabs{
  padding-left: 2px;
}
div.vectorTabs ul li {
     background: none no-repeat scroll 0 0 #FFFFFF;
}
div.vectorTabs span > a {
     background-color: #FFFFFF;
    /*border-right: 2px solid #E4E7E9;*/
}
a, a:visited {
     color: #00B9EE;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a  {
    color: #fbe023;
}
div#mw-panel{
     width: 154px;
    top: 197px;
}
#mw-panel.collapsible-nav{
    width: 114px;
    padding: 0 21px;
    font-family: "ITCFranklinGothicW02-Dm 812945";
    font-size: 16px;
}
#mw-panel.collapsible-nav .portal {
    margin: 38px 0px 0px 0px;
}
}


#mw-panel.collapsible-nav .portal.persistent .body,
/* Make the whole area clickable (link to homepage) */
div#mw-panel.collapsible-nav .portal.persistent .body {
#p-logo a {
    margin-left: 0;
     position: absolute;
}
#mw-panel.collapsible-nav .portal .body ul li {
    border-bottom: 1px solid #c5cdd1;
    font-size: 16px;
    margin: 0;
    padding: 7px 0;
}
.portal .body ul {
  list-style-type: none;
}
.portal.collapsed h3 a:before {
  content: '▶ ';
  color: #4d4d4d;
}
.portal.expanded h3 a:before {
  content: '▼ ';
  color: #4d4d4d;
}
div#mw-panel.collapsible-nav .portal.collapsed h3 a, div#mw-panel.collapsible-nav .portal.collapsed h5 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a, #mw-panel.collapsible-nav .portal.collapsed h5 a {
    color: #0487d2;
    font-size: 12px;
}
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
    color: #999999;
    font-size: 12px;
}
#mw-page-base {
    background: url("images/bg_pattern.png") repeat-x scroll 0 0 #FBE023;
    min-height: 198px;
}
/*.wikidata #mw-page-base {
  background: url("images/bg_pattern-blue.png") repeat-x scroll 0 0 #006699;
}*/
/* Tabs (Read / Edit / View history / More) netjes geplaatst */
#left-navigation,
#right-navigation {
     position: relative;
     top: 0;
     top: 0;
     margin-top: 8px;
     left: 0;
    width: 260px;
    height: 80px;
    z-index: 5;
    background: none !important;
}
}


#left-navigation {
    margin-left: 11em;
}


#right-navigation {
/* =========================================================
    float: right;
* SPECIAL PAGES (Login, Preferences, Account Creation)
    margin-right: 1.5em;
* ========================================================= */
}


div.vectorTabs, div.vectorTabs ul, div.vectorTabs span {
/* General font fix for all special pages */
    /*background-color: #E4E7E9;*/
body.mw-specialpage {
     background-image: none;
     font-family: "ITCFranklinGothicW02-Bk 812924";
}
}


a.new,
/* Main container for Special:UserLogin */
a.new:visited {
body.mw-special-Userlogin #content,
    color: #663399;
body.mw-special-Userlogin .mw-body,
}
body.mw-special-Userlogin .mw-body-content {
#p-personal a.new,
     max-width: 1050px;
#p-personal a.new:visited {
     margin: 0 auto;
    color: #FFFFFF;
}
 
#pt-userpage, #pt-anonuserpage, #pt-login {
    /*background: url("images/user_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/
}
 
#p-personal li {
    border-right: 1px solid #505B61;
    font-size: 11px;
    margin-left: 7px;
    padding-right: 7px;
}
 
div.topCtnr{
    float: left;
    padding: 24px;
    width: 847px;
    border-top: 1px solid #e4e8ea;
    border-bottom: 1px solid #e4e8ea;
}
div.ibCtnr{
     border-bottom: 1px solid #e4e8ea;
}
 
div.topCtnr div.topImgCtnr{
    float: left;
    width: 420px;
}
div.ibCtnr div.ibSite,
div.ibCtnr div.ibOeuvre{
     float: left;
    padding: 24px;
    width: 258px;
    border-right: 1px solid #e4e8ea;
}
div.ibCtnr div.ibArtiste {
    float: left;
    padding: 24px;
    width: 224px;
     border-left: 1px solid #e4e8ea;
     border-left: 1px solid #e4e8ea;
     margin-left: -1px;
     padding: 40px 55px;
}
     background: #ffffff;
.homeCtnr table.wikitable,
div.ibCtnr div.ibOeuvre table.wikitable,
div.popupOeuvre table.wikitable,
div.ibCtnr div.ibSite table.wikitable,
div.ibCtnr div.ibArtiste table.wikitable{
    border-collapse: collapse;
    width:100%;
     background-color:white;
    border:none;
}
div.popupOeuvre,
div.popupOeuvre table.wikitable{
    width: 266px;
}
}


.ibCtnr .mw-editsection,
/* Login page heading */
.atlasCtnr .mw-editsection {
body.mw-special-Userlogin #firstHeading {
display:none;
    font-size: 32px;
    font-family: "FranklinGothicW01-Extra 692515";
    border: none;
    margin-bottom: 24px;
}
}


.homeCtnr table.wikitable tbody tr,
body.mw-special-Userlogin #firstHeading > span {
div.ibCtnr div.ibOeuvre table.wikitable tbody tr,
     border-bottom: 8px solid #fbe023;
div.popupOeuvre table.wikitable tbody tr,
div.ibCtnr div.ibArtiste table.wikitable tbody tr,
div.ibCtnr div.ibSite table.wikitable tbody tr{
    height: 25px;
    border:none;
}
.homeCtnr table.wikitable tr td,
.homeCtnr table.wikitable tr th,
div.ibCtnr div.ibOeuvre table.wikitable tbody tr th,
div.ibCtnr div.ibOeuvre table.wikitable tbody tr td,
div.ibCtnr div.ibArtiste table.wikitable tbody tr th,
div.ibCtnr div.ibArtiste table.wikitable tbody tr td,
div.ibCtnr div.ibSite table.wikitable tbody tr th,
div.ibCtnr div.ibSite table.wikitable tbody tr td{
    text-align: left;
    color: #505b61;
    background-color:white;
    border:none;
    border-bottom: solid 1px #ececeb;
    vertical-align: top;
    padding-top: 3px;
    overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
  word-break: break-all;
word-break: break-word;
hyphens:auto;
}
.homeCtnr table.wikitable tr th{
    vertical-align: middle;
}
div.popupOeuvre table.wikitable tbody tr th,
div.popupOeuvre  table.wikitable tbody tr td{
      text-align: left;
    color: #505b61;
     border-bottom: solid 1px #ececeb;
    vertical-align: top;
    padding-top: 3px;
}
}


div.ibCtnr div.ibOeuvre table.wikitable tbody tr th,
/* Login form layout */
div.ibCtnr div.ibArtiste table.wikitable tbody tr th,
body.mw-special-Userlogin .mw-htmlform,
div.ibCtnr div.ibSite table.wikitable tbody tr th{
body.mw-special-Userlogin .mw-htmlform-ooui-wrapper {
    font-size: 11px;
     border: 1px solid #e4e8ea;
    font-family:"ITCFranklinGothicW02-Dm 812945";
     padding: 24px 32px;
    font-weight: normal;
     background: #ffffff;
    width: 130px;
}
div.popupOeuvre table.wikitable tbody tr th{
     font-size: 11px;
    font-family:"ITCFranklinGothicW02-Dm 812945";
     font-weight: normal;
     width: 120px;
}
}


div.ibCtnr div.ibOeuvre table.wikitable tbody tr td,
body.mw-special-Userlogin .mw-htmlform fieldset {
div.ibCtnr div.ibArtiste table.wikitable tbody tr td,
div.ibCtnr div.ibSite table.wikitable tbody tr td{
    font-size: 13px;
    font-family:"ITCFranklinGothicW02-Bk 812924";
}
div.popupOeuvre table.wikitable tbody tr td{
    font-size: 13px;
    font-family:"ITCFranklinGothicW02-Bk 812924";
}
body.page-Accueil #firstHeading{
    display: none;
}
div.mapCtnr{
    padding: 24px 24px 40px 24px;
    border-bottom: 1px solid #E4E8EA;
}
div.mapCtnr div.mapLgd{
    margin-bottom: 20px;
margin-top: 20px;
}
div.mapCtnr div.mapLgd >span{
    margin: 10px;
}
div.atlasCtnr, div.homeCtnr{
        padding: 40px 24px 0px 24px;
 
}
div.atlasCtnr>p{ /* fuckin wiki syntax ! */
    display: none;
}
div.ibCtnr h2,
div.atlasCtnr h2,
div.homeCtnr h3 {
    background-color: #FBE023;
    border: medium none;
    color: #FFFFFF;
    font-size: 18px;
    height: 30px;
    margin: 0 0 30px 0;
    overflow: visible;
    padding: 8px;
}
.wikidata div.ibCtnr h2,
.wikidata div.atlasCtnr h2,
.wikidata div.homeCtnr h3 {
    background-color: #006699;
}
div.atlasCtnr h2{
      font-size: 22px;
      background-color: #505b61;
}
 
div.ibCtnr h2 span,
div.atlasCtnr h2 span,
div.homeCtnr h3 span {
      background: url("images/h2-bg-yellow.png") no-repeat scroll -8px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    line-height: 28px;
    margin: 0;
    padding: 0;
}
.wikidata div.ibCtnr h2 span,
.wikidata div.atlasCtnr h2 span,
.wikidata div.homeCtnr h3 span {
      background: url("images/h2-bg-blue.png") no-repeat scroll -8px 0 rgba(0, 0, 0, 0);
}
div.atlasCtnr h2 span{
      background: url("images/h2-bg.png") no-repeat scroll -8px 0 rgba(0, 0, 0, 0);
 
}
 
div.topCtnr div.topImgCtnr div.tright {
    margin: 0;
    float: left;
}
div.topCtnr div.topImgCtnr div.tright div.thumbinner {
    background-color: none;
    border: none;
    font-size: 94%;
    overflow: hidden;
    padding: 0px !important;
    text-align: center;
}
div.topCtnr div.topImgCtnr div.tright div.thumbinner img.thumbimage {
     border: none;
     border: none;
}
     margin: 0 0 16px 0;
div.topCtnr div.topImgCtnr div.tright div.thumbinner div.thumbcaption div.magnify {
     display: none;
}
}


 
body.mw-special-Userlogin .mw-htmlform label,
#p-logo a,
body.mw-special-Userlogin .mw-htmlform .mw-label {
#p-logo a:visited,
     font-size: 13px;
#mw-navigation #p-logo a,
     margin-bottom: 4px;
#mw-navigation #p-logo a:visited,
.mw-body #mw-navigation #p-logo a,
.mw-body #mw-navigation #p-logo a:visited {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
     font-size: 58.04px;
     margin-left: 26px;
    text-decoration: none;
    text-transform: lowercase;
    width: 230px;
    height: 66px;
}
}


div#mw-panel #p-navigation {
/* Input fields */
    margin-top: 38px;
body.mw-special-Userlogin .mw-htmlform input[type="text"],
    margin: 0px 0px 6px 0px;
body.mw-special-Userlogin .mw-htmlform input[type="password"] {
}
     border: 1px solid #d5dbdb;
 
     padding: 6px 8px;
 
     width: 260px;
div#mw-panel #p-Contribuer {
    font-size: 13px;
     border-bottom: 0px;
}
 
div#mw-panel.collapsible-nav .portal{
     margin-left: -6px;
     background: none;
}
#jump-to-nav {
    display: none;
}
}
div#footer{
    float: right;
    width: 847px;
    min-height: 82px;
    background: url("images/footer_bg_pattern.png") repeat-x scroll 0 0 #FBE023;
    direction: ltr;
    margin-left: 154px;
    margin-top: 0;
    padding: 16px 24px;
    text-align: center;


    font-family: "ITCFranklinGothicW02-Dm 812945";
/* Submit button in AtlasMuseum yellow */
     font-size: 11px;
body.mw-special-Userlogin .mw-htmlform input[type="submit"],
body.mw-special-Userlogin .oo-ui-buttonElement-button {
    background: #fbe023;
     border: 1px solid #e0d200;
     color: #505b61;
     color: #505b61;
}
     padding: 6px 18px;
.wikidata div#footer{
     font-size: 13px;
  background: url("images/footer_bg_pattern-blue.png") repeat-x scroll 0 0 #006699;
}
 
div#footer ul li {
     color: #505b61;
}
div.atlasCtnr div.atmslideshowCtnr{
    margin-top: -1px;
}
 
div.atlasCtnr div.atmslideshowCtnr div.atmslideshowHead{
    border-top: 1px solid #FBE023;
    border-bottom: 1px solid #FBE023;
    min-height: 50px;
}
.wikidata div.atlasCtnr div.atmslideshowCtnr div.atmslideshowHead{
  border-top: 1px solid #006699;
  border-bottom: 1px solid #006699;
}
div.atlasCtnr div.atmslideshowCtnr div.atmslideshowHead h3{
     font-size: 28px;
    font-weight: normal;
    background: url("images/slideshowHead-arrow_e.png") no-repeat scroll 10px 15px #FFFFFF;
    text-indent: 40px;
     cursor: pointer;
     cursor: pointer;
}
}
div.atlasCtnr div.atmslideshowCtnr div.atmslideshowHeadExt h3{
    background: url("images/slideshowHead-arrow_s.png") no-repeat scroll 10px 15px #FFFFFF;
}
div.atmslideshowCtnr  ul{
    list-style: none;
    margin: 18px 0px 22px 0px;
}
div.atmslideshowCtnr ul li{
    display: inline-block;
    width: 210px;
    text-align: center;
    margin-right: 1.75px;
    vertical-align: top;
    box-sizing:border-box;
}
div.atmslideshowCtnr ul li div.thumb{
    margin: 0px;
    width:100%;
}
div.atmslideshowCtnr ul li div.thumb div.tright{
    margin: 0px;
}
div.atmslideshowCtnr ul li div.thumb div.thumbinner{
    background-color: #FFFFFF;
    /*border: 1px solid #E0E0E0;*/
    border: 1px solid transparent;
    min-height: 197px;
    position: relative;
    /*padding-bottom: 52px;*/
}
div.atmslideshowCtnr ul li div.thumb div.thumbinner div.thumbcaption{
    position: absolute;
    width: 90%;
    bottom: 0px;
    height: 52px;
    text-align: center;
}
.catlinks{
    background-color: #505B61;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    padding: 85px 55px;
    display: none;


body.mw-special-Userlogin .mw-htmlform input[type="submit"]:hover,
body.mw-special-Userlogin .oo-ui-buttonElement-button:hover {
    background: #ffe94b;
}
}
.catlinks div.mw-normal-catlinks a{
    color: #fbe023;
    font-size: 18px;
}


.printfooter, #footer-icons{
/* Login page links */
 
body.mw-special-Userlogin .mw-htmlform a {
}
.printfooter{
    display: none;
}
div#content{
    padding-bottom: 40px;
}
 
div#simpleSearch{
    background-image: none;
}
 
#p-search {
    margin-right: 20px;
}
body.ltr div#footer #footer-places {
    display: inline-block;
    float: none;
    margin-top: 16px;
}
 
#p-logo a {
    font-family:"FranklinGothicW01-Extra 692515";
}
div#mw-head-base a {
    font-family:"ITCFranklinGothicW02-Bk 812924";
color: white;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    position: relative;
    left: 464px;
    top: -57px;
}
#mw-head-base > a#haddnotice {
    text-indent: 41px;
    width: 185px;
    background: url("images/haddnotice.png") no-repeat scroll 0px 0px transparent;
}
#mw-head-base > a#haide {
    text-indent: 41px;
    width: 141px;
    background: url("images/haide.png") no-repeat scroll 0px 0px transparent;
}
#mw-head-base > a#hfb {
    text-indent: -5000em;
    width: 49px;
    background: url("images/hfb.png") no-repeat scroll 0px 0px transparent;
}
#mw-head-base > a#htwitter {
    text-indent: -5000em;
    width: 28px;
    background: url("images/htwitter.png") no-repeat scroll 0px 0px transparent;
}
#firstHeading > span {
    border-bottom: 8px solid #fbe023;
}
.wikidata #firstHeading > span {
  border-bottom: 8px solid #006699;
}
 
div#bodyContent {
 
    line-height: 1.42em;
    padding-left: 43px;
    padding-right: 43px;
    font-family:"ITCFranklinGothicW02-Bk 812924";
    width: auto;
    font-size: 14px;
}
 
body.page-Accueil div#bodyContent{
 
    padding-left: 0px;
    padding-right: 0px;
 
}
 
h2 {
    font-size: 18px;
    font-family:"ITCFranklinGothicW02-Dm 812945";
 
}
a,
.mw-body a.external,
.mw-body a.external:visited {
     color: #00B9EE;
     color: #00B9EE;
}
ul {
    list-style-image: url("images/libullet.png");
}
#navigation-panel ul {
  list-style-image: none;
}
.wikidata ul {
  list-style-image: url("images/libullet-blue.png");
}
div.dalm{ /* dirty anti late margin */
    margin-left: -43px;
    margin-right: -43px;
}
div.ibOeuvre h2,
div.ibArtiste h2,
div.ibSite h2{
    font-size: 18px;
    font-family: "ITCFranklinGothicW02-Dm 812945";
    color: white;
}
div.ibArtiste >h3 >span >a{
    font-size: 16px;
}
div.pageArtiste table.wikitable{
    padding: 0px;
    font-size: 13px;
    border-collapse: collapse;
    margin-top: 27px;
}
div.pageArtiste table.wikitable tr th {
    text-align: left;
    width: 162px;
}
div.pageArtiste table.wikitable tr th,
div.pageArtiste table.wikitable tr td{
    border-bottom: 1px solid #E0E0E0;
    padding: 4px 6px;
}
div#footer ul li {
    font-size: 11px;
}
#mw-navigation a,
#mw-navigation a:visited,
.mw-body #mw-navigation a.external,
.mw-body #mw-navigation a.external:visited {
    color: #8d8f90;
}
table.formtable th {
        background: none repeat scroll 0 0 #FFE300;
    height: 40px;
    margin: 10px;
    padding: 6px;
    text-align: left;
    vertical-align: top;
}
.formtable {
    border: 1px solid #efefef;
    margin: 0;
    padding: 34px;
}
.formtable td {
    vertical-align: top;
    padding-left: 26px;
}
.createboxInput {
    border: 1px solid #D5DBDB;
}
div.checkboxes1column  {
    -moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;text-align:left;
}
div.checkboxes1column label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
div.checkboxes1column input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
div.checkboxes2columns  {
    -moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;text-align:left;
}
div.checkboxes2columns label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
div.checkboxes2columns input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
div.checkboxes3columns  {
    -moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;text-align:left;
}
div.checkboxes4columns  {
    -moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;text-align:left;
}
div.checkboxes5columns  {
    -moz-column-count:5;-webkit-column-count:5;column-count:5;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;text-align:left;
}
div.checkboxes3columns label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
div.checkboxes3columns input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
div.checkboxes4columns label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
div.checkboxes4columns input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
div.checkboxes5columns label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
div.checkboxes5columns input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=76254d46-8508-4c2f-96ec-a35f36e5d8fc&fontids=692515");
@font-face{
font-family:"FranklinGothicW01-Extra 692515";
src:url("/skins/AtlasMuseum/Fonts/692515/87046844-4305-4689-aa18-f740e1dd4ac3.eot?#iefix");
src:url("/skins/AtlasMuseum/Fonts/692515/87046844-4305-4689-aa18-f740e1dd4ac3.eot?#iefix") format("eot"),url("/skins/AtlasMuseum/Fonts/692515/b683d7c1-e42e-4419-846b-c0ca0b33c31e.woff") format("woff"),url("/skins/AtlasMuseum/Fonts/692515/99009de2-f29b-451a-aada-6a8125460dc3.ttf") format("truetype"),url("/skins/AtlasMuseum/Fonts/692515/b4f8ffc3-8a37-4a98-9696-554ed3577517.svg#b4f8ffc3-8a37-4a98-9696-554ed3577517") format("svg");
}
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=76254d46-8508-4c2f-96ec-a35f36e5d8fc&fontids=692512,812924,812945");
@font-face{
font-family:"FranklinGothicW01-Cond";
src:url("/skins/AtlasMuseum/Fonts/692512/d534f828-e70e-44ad-9256-0063bfd76f53.eot?#iefix");
src:url("/skins/AtlasMuseum/Fonts/692512/d534f828-e70e-44ad-9256-0063bfd76f53.eot?#iefix") format("eot"),url("/skins/AtlasMuseum/Fonts/692512/54b4b724-8acf-4931-ac8c-1df0c3fd7f2c.woff") format("woff"),url("/skins/AtlasMuseum/Fonts/692512/273eb8b2-62ff-40b0-aff6-46376431eae1.ttf") format("truetype"),url("/skins/AtlasMuseum/Fonts/692512/45a74047-2fa0-4ddf-be6b-0cdbd7645f60.svg#45a74047-2fa0-4ddf-be6b-0cdbd7645f60") format("svg");
}
@font-face{
font-family:"ITCFranklinGothicW02-Bk 812924";
src:url("/skins/AtlasMuseum/Fonts/812924/ea409d88-af4e-4996-a959-8ad79279d5d6.eot?#iefix");
src:url("/skins/AtlasMuseum/Fonts/812924/ea409d88-af4e-4996-a959-8ad79279d5d6.eot?#iefix") format("eot"),url("/skins/AtlasMuseum/Fonts/812924/be9d644e-881d-442f-930f-59c088a86753.woff") format("woff"),url("/skins/AtlasMuseum/Fonts/812924/6b33705f-de45-4c7d-a41e-cdc7d4d818e0.ttf") format("truetype"),url("/skins/AtlasMuseum/Fonts/812924/bc52e040-0508-4d95-bbfd-261dd943ba62.svg#bc52e040-0508-4d95-bbfd-261dd943ba62") format("svg");
}
@font-face{
font-family:"ITCFranklinGothicW02-Dm 812945";
Src:url("/skins/AtlasMuseum/Fonts/812945/af06afae-bf17-467b-908f-f3ab275e8f0b.eot?#iefix");
src:url("/skins/AtlasMuseum/Fonts/812945/af06afae-bf17-467b-908f-f3ab275e8f0b.eot?#iefix") format("eot"),url("/skins/AtlasMuseum/Fonts/812945/fa57f000-5f6b-487b-9d4a-6bcbbc9f4ed3.woff") format("woff"),url("/skins/AtlasMuseum/Fonts/812945/76d9d36e-c1c1-427a-9cb5-029e48ec89b2.ttf") format("truetype"),url("/skins/AtlasMuseum/Fonts/812945/915fd7dc-0f62-4912-9e07-2a2e7bc8a6c7.svg#915fd7dc-0f62-4912-9e07-2a2e7bc8a6c7") format("svg");
}
/**
* Notice+
**/
div.noticePlus {
float:right;
position:relative;
margin-top:24px;
}
div.noticePlus:not(.noticePlusExpanded) {
width:1px;
}
div.noticePlus > h2 {
position:absolute;
top:0;
left:0;
transform:rotate(-90deg) translate(-100%,-100%) ;
transform-origin: top left 0;
background-color:#505b61;
color:white;
padding-left:30px;
padding-right:29px;
cursor:pointer;
}
div.noticePlus:not(.noticePlusExpanded) > div {
display:none;
}
div.noticePlusExpanded > div {
display:inline-block;
width:420px;
border:1px solid #505b61;
margin:0 24px 0 0;
padding:10px;
box-sizing:border-box;
-webkit-box-shadow: 5px 5px 5px 0px #9e9e9e;
-moz-box-shadow: 5px 5px 5px 0px #9e9e9e;
box-shadow: 5px 5px 5px 0px #9e9e9e;
}
div.noticePlus + div.ibCtnr {
border-bottom:0px;
}
div.noticePlusExpanded + div.ibCtnr {
width: 400px;
}
div.noticePlus:not(.noticePlusExpanded) + div.ibCtnr + div.atlasCtnr {
width:830px;
padding-top:0;
}
div.noticePlus:not(.noticePlusExpanded)  + div.ibCtnr > div.ibOeuvre,
div.noticePlus:not(.noticePlusExpanded)  + div.ibCtnr > div.ibsite {
width: 248px;
}
div.noticePlus:not(.noticePlusExpanded)  + div.ibCtnr > div.ibArtiste {
width: 224px;
}
div.noticePlusExpanded + div.ibCtnr > div.ibOeuvre,
div.noticePlusExpanded + div.ibCtnr > div.ibSite,
div.noticePlusExpanded + div.ibCtnr > div.ibArtiste {
width: 350px;
padding:0 24px 0 24px;
border-right:none;
}
div.noticePlusExpanded + div.ibCtnr > div.ibOeuvre {
margin-top:24px;
}
div.noticePlus + div.ibCtnr > div.ibOeuvre h2,
div.noticePlus + div.ibCtnr > div.ibSite h2,
div.noticePlus + div.ibCtnr > div.ibArtiste h2 {
position:relative;
padding-left:30px;
cursor:pointer;
}
div.noticePlus:not(.noticePlusExpanded) + div.ibCtnr > div.ibOeuvre h2,
div.noticePlus:not(.noticePlusExpanded) + div.ibCtnr > div.ibSite h2,
div.noticePlus:not(.noticePlusExpanded) + div.ibCtnr > div.ibArtiste h2 {
margin:0;
}
div.noticePlus + div.ibCtnr > div.ibOeuvre h2.ibCtnrDisplayed:after,
div.noticePlus + div.ibCtnr > div.ibSite h2.ibCtnrDisplayed:after,
div.noticePlus + div.ibCtnr > div.ibArtiste h2.ibCtnrDisplayed:after {
content:'';
background: url("images/slideshowHead-arrow-white_e.png") no-repeat scroll 0 50%;
position:absolute;
top:0;
left:10px;
bottom:0;
width:20px;
}
/*
h2:not(.ibCtnrDisplayed):after {
content:'';
background: url("images/slideshowHead-arrow-white_s.png") no-repeat scroll 0 50%;
position:absolute;
top:0;
left:10px;
bottom:0;
width:20px;
}*/
div.noticePlus + div.ibCtnr > div.ibOeuvre > table,
div.noticePlus + div.ibCtnr > div.ibSite > table,
div.noticePlus + div.ibCtnr > div.ibArtiste > h3,
div.noticePlus + div.ibCtnr > div.ibArtiste > p,
div.noticePlus + div.ibCtnr > div.ibArtiste > a,
div.noticePlus + div.ibCtnr > div.ibArtiste > table {
/*display:none;*/
}
div.noticePlusExpanded + div.ibCtnr > div.ibOeuvre > table,
div.noticePlusExpanded + div.ibCtnr > div.ibSite > table {
margin-bottom:10px;
}
div.noticePlus:not(.noticePlusExpanded) + div.ibCtnr + div.atlasCtnr > div.atmslideshowCtnr ul li {
width: 205px;
}
/* ============================
* Kop / tabs beter klikbaar
* ============================ */
/* Zorg dat de hele kop altijd boven de inhoud ligt */
#mw-head,
#mw-head-base {
    position: relative;
    z-index: 2000;
}
/* Persoonlijke links en zoekveld altijd boven de content */
#p-personal {
    z-index: 2100;
}
#p-search {
    position: relative;
    top: 4px;
    z-index: 2100;
}
/* Responsive tweaks for narrow screens */
@media (max-width: 900px) {
body {
width: auto;
margin: 0 12px;
}
#mw-page-base,
#page-base {
min-height: 120px;
}
div#content {
float: none;
width: auto;
margin: 0;
border-left: none;
padding: 16px 16px 40px 16px;
}
div.topCtnr,
div.mapCtnr,
div.atlasCtnr,
div.homeCtnr {
width: auto;
padding-left: 16px;
padding-right: 16px;
}
#mw-panel.collapsible-nav {
width: 140px;
padding: 0 12px;
}
div#footer {
width: auto;
margin-left: 0;
padding-left: 16px;
padding-right: 16px;
}
div.atmslideshowCtnr ul li {
width: 48%;
margin-right: 1%;
}
}
}

Dernière version du 9 décembre 2025 à 04:43

/* ---------------------------------------------------------
 * AtlasMuseum styling layered on top of Vector (MediaWiki 1.39)
 * --------------------------------------------------------- */

/* Load original AtlasMuseum CSS files from the skin directory */
@import url("/skins/AtlasMuseum/resources/screen.css");
@import url("/skins/AtlasMuseum/resources/atlasmuseum.css");
@import url("/skins/AtlasMuseum/resources/artwork.css");
@import url("/skins/AtlasMuseum/resources/edit.css");


/* =========================================================
 * HEADER FIXES & LAYOUT CORRECTIONS
 * ========================================================= */

/* 1) Reset legacy AtlasMuseum rule that pushed all header links out of place */
div#mw-head-base a {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline !important;
    height: auto !important;
    line-height: normal !important;
    background: none;
}

/* 2) Position the personal tools neatly in the top-right corner */
#p-personal {
    position: absolute !important;
    top: 10px !important;        /* tweak if needed */
    right: 40px !important;      /* tweak if needed */
    background: none;
    padding: 0;
    margin: 0;
    z-index: 5;
}

#p-personal ul {
    margin: 0;
    padding: 0;
}

#p-personal li {
    display: inline-block;
    border-right: 1px solid #505B61;
    margin: 0 6px 0 0;
    padding: 0 6px 0 0;
    background: transparent;
}

#p-personal li:last-child {
    border-right: none;
}

#p-personal a,
#p-personal a:visited {
    background: none !important;
    color: #ffffff;
    font-family: "ITCFranklinGothicW02-Bk 812924";
    font-size: 11px;
    text-decoration: none;
}

#p-personal a:hover {
    text-decoration: underline;
}

/* 3) Position the search bar below the personal tools */
#p-search {
    position: absolute !important;
    top: 40px !important;      /* tweak if needed */
    right: 40px !important;
    margin: 0;
    padding: 0;
}

#simpleSearch {
    background: none;
}


/* =========================================================
 * ATLASMUSEUM LOGO (TEXT VERSION)
 * ========================================================= */

/* Hide the default Vector logo image */
#p-logo a > img {
    display: none !important;
}

/* Allow positioning inside the logo container */
#p-logo {
    position: relative;
}

/* Add the textual AtlasMuseum logo */
#p-logo::after {
    content: "AtlasMuseum";
    font-family: "FranklinGothicW01-Extra 692515";
    font-size: 58px;
    text-transform: lowercase;
    color: #ffffff;
    position: absolute;
    top: 0px;      /* tweak if needed */
    left: 30px;    /* tweak if needed */
    pointer-events: none; /* link underneath remains clickable */
}

/* Make the whole area clickable (link to homepage) */
#p-logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 80px;
    z-index: 5;
    background: none !important;
}


/* =========================================================
 * SPECIAL PAGES (Login, Preferences, Account Creation)
 * ========================================================= */

/* General font fix for all special pages */
body.mw-specialpage {
    font-family: "ITCFranklinGothicW02-Bk 812924";
}

/* Main container for Special:UserLogin */
body.mw-special-Userlogin #content,
body.mw-special-Userlogin .mw-body,
body.mw-special-Userlogin .mw-body-content {
    max-width: 1050px;
    margin: 0 auto;
    border-left: 1px solid #e4e8ea;
    padding: 40px 55px;
    background: #ffffff;
}

/* Login page heading */
body.mw-special-Userlogin #firstHeading {
    font-size: 32px;
    font-family: "FranklinGothicW01-Extra 692515";
    border: none;
    margin-bottom: 24px;
}

body.mw-special-Userlogin #firstHeading > span {
    border-bottom: 8px solid #fbe023;
}

/* Login form layout */
body.mw-special-Userlogin .mw-htmlform,
body.mw-special-Userlogin .mw-htmlform-ooui-wrapper {
    border: 1px solid #e4e8ea;
    padding: 24px 32px;
    background: #ffffff;
}

body.mw-special-Userlogin .mw-htmlform fieldset {
    border: none;
    margin: 0 0 16px 0;
}

body.mw-special-Userlogin .mw-htmlform label,
body.mw-special-Userlogin .mw-htmlform .mw-label {
    font-size: 13px;
    margin-bottom: 4px;
}

/* Input fields */
body.mw-special-Userlogin .mw-htmlform input[type="text"],
body.mw-special-Userlogin .mw-htmlform input[type="password"] {
    border: 1px solid #d5dbdb;
    padding: 6px 8px;
    width: 260px;
    font-size: 13px;
}

/* Submit button in AtlasMuseum yellow */
body.mw-special-Userlogin .mw-htmlform input[type="submit"],
body.mw-special-Userlogin .oo-ui-buttonElement-button {
    background: #fbe023;
    border: 1px solid #e0d200;
    color: #505b61;
    padding: 6px 18px;
    font-size: 13px;
    cursor: pointer;
}

body.mw-special-Userlogin .mw-htmlform input[type="submit"]:hover,
body.mw-special-Userlogin .oo-ui-buttonElement-button:hover {
    background: #ffe94b;
}

/* Login page links */
body.mw-special-Userlogin .mw-htmlform a {
    color: #00B9EE;
}
Récupérée de « https://atlasmuseum.rbck.nl/index.php?title=MediaWiki:Vector.css&oldid=182379 »