Wikia.css

/*Custo du Chat*/
@import url("/index.php?title=MediaWiki:Chat.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/** Style du TOC (Sommaire des articles) **/
#toc {
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  background: #F9F9F9 
}

/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.NavFrame {
 margin:0;
 padding:2px;
 border:1px #AAA;
 text-align:center;
 border-collapse:collapse;
 font-size:95%;
} /* monobookocentré début */
 
div.NavFrame + div.NavFrame {
 border-top-style:hidden;
}
 
div.NavPic {
 background:#FFF;
 margin:0;
 padding:2px;
 float:left;
}
 
div.NavFrame div.NavHead {
 height:1.6em;
 font-weight:bold;
 font-size:100%;
 background:#EFEFEF;
}
 
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p { font-size:100% }
 
div.NavEnd {
 margin:0;
 padding:0;
 line-height:1px;
 clear:both;
}
 
.NavToggle {
 font-size:90%;
 float:right;
} /* monobookocentré fin */
 
/* Styles de [[Modèle:Méta palette de navigation]] */
table.navbox { 
 background:#F9F9F9;
 border:1px solid #AAA;
 clear:both;
 font-size:90%;
 margin:1em 0 0;
 padding:2px;
 text-align:center;
 width:100%;
}
 
table.navbox th { 
 background:#CCF;
 padding-left:1em;
 padding-right:1em;
}
 
table.navbox td.group { 
 background:#DDF;
 vertical-align:middle;
 width:150px;
 padding-left:1em;
 padding-right:1em;
 font-weight: bold;
}
 
table.navbox td.list { 
 text-align:left
}
 
table.navbox td.even { 
 background:#EEF
}
 
table.navbox td.below { 
 background:#CCF;
 vertical-align:middle;
 padding-left:1em;
 padding-right:1em;
}
 
.navboxToggle {
 font-size:90%;
 font-weight:normal;
 float:right !important;
}
 
/* Modèle de palettes groupées, [[Modèle:Palette]] */ 
 
div.navbox_group {
border: 1px solid #aaaaaa;
margin-top: 15px;
}
div.navbox_group table.navbox {
border: 0;
margin: 0em 0px 0px;
}
 
/* Fin styles de [[Modèle:Méta palette de navigation]] */
 
/* Boîtes déroulantes */
.NavFrame {
	background: #F9F9F9;
	border: 1px #AAA solid;
	padding: 5px;
}
.NavFrame .NavHead {
	background: #EFEFEF;
	border: 1px #AAA solid;
	text-align: center;
	font-weight: bold;
}
.NavFrame .NavContent { padding: 5px 0 }
.collapseButton {
        font-weight: normal;
        float: right;
        textAlign: right;
	width: 6em;
	marginLeft: -100%;
}


/* alignement des onglets */

.tabber_right ul.tabernav
{
  text-align: right;
  float: right;
}
 
.tabber_center ul.tabernav
{
  text-align: center;
  float: center;
}


/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
 
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
 
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}
 
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}
 
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
 
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #f2f7ff;
 text-decoration: none;
}
 
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
 
ul.tabbernav li a:hover
{
 color: #000;
 background: #fff9f2;
 border-color: #CCC;
}
 
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
 
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
 
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #CCC;
 border-top:0;
 
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 
 /* height:200px; */
 
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 
 /* overflow:auto; */
}
 
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
 
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* Images */
.WikiaArticle .thumbinner {
background: #DEB887 !important;
border-color: #6b6a6a !important;
border-radius:7px;
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
-o-border-radius:7px; 
-ms-border-radius:7px;
}
 
.picture-attribution { 
display:none !important; 
}

/*Format strict Wikia*/
#WikiaPage {border: 0;}
#WikiaPageBackground{border-radius: 30px 30px 30px 30px;}
.WikiaPageHeader h1{background:url(https://images.wikia.nocookie.net/monkeyisland/fr/images/7/7a/Banni%C3%A8re_titre_copie.png) no-repeat top right;padding:3px 32px;height:60px !important;line-height:46px !important;font-family:'Boogaloo','微軟正黑體','微软雅黑',sans-serif;color:white;font-size:20pt !important;text-shadow:15px 15x 0 #000,15px 15px 0 #000,15px 15px 0 #000,15px 15px 0 #000;position:relative;left:-15px;font-weight:bold}
.WikiaHeader{background:url(https://images.wikia.nocookie.net/monkeyisland/fr/images/7/72/Header_Wikia_MI_copie.png) center center !important;}

/*--Search --*/
.WikiaSearch input[type="text"] {
border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
width: 207px;
border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
}
 
.WikiaSearch button {
border: none !important;
right: 2px !important;
top: 0px !important;
border-bottom-right-radius: 20px !important;
-moz-border-radius-bottomright: 20px !important;
-webkit-border-bottom-right-radius: 20px !important;
border-top-right-radius: 20px !important;
-moz-border-radius-topright: 20px !important;
-webkit-border-top-right-radius: 20px !important;
}
 

.LatestPhotosModule ul li {
border: none !important;
padding: 1px;
}
 
.LatestPhotosModule ul li img {
opacity: 0.9;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}



/* ombres côtés page */
.WikiaPageBackground {  
  -moz-box-shadow:0 0 80px #CD853F;
  -webkit-box-shadow:0 0 80px #CD853F;
  box-shadow:0 0 80px #CD853F;
}

/** Test Nouveau Curseur **/
body{
  cursor: url('http://cur.cursors-4u.net/user/use-1/use109.cur'), default;
}
 
a:link{
  cursor: url('http://cur.cursors-4u.net/user/use-1/use102.cur'), pointer;
}
 
text{
  cursor: url('http://cur.cursors-4u.net/user/use-1/use95.cur'), text;
}
 
a:hover{
  cursor: url('http://cur.cursors-4u.net/user/use-1/use102.cur'), ddd;
}
 
a:active{
  cursor: url('http://cur.cursors-4u.net/user/use-1/use106.ani'), move;
}

/*Navigation nouvelle (essai d'une forme simple et originale)*/


/* Pozbycie się linii */
.WikiHeader > nav li a {border:none !important;}

/* Zmiana tła nagłówka Wikia */

/* Nawigacja - kolory */
.WikiHeader nav {
	width:auto;
	height: 35px;
	border-radius: 8px 8px 0 0;
}

.WikiHeader nav li.marked,
.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px 0 0;}
.WikiHeader > nav .subnav-3 .marked3 .subnav-3a {border-radius: 0 8px 8px 8px;}

.WikiHeader .navbackground,
.WikiHeader > nav .subnav-3 {
	background-color: #317bb4;
	background-image: linear-gradient(top, #cd853f,#a95207);
	background-image: -o-linear-gradient(top, #cd853f,#a95207);
	background-image: -moz-linear-gradient(top, #cd853f,#a95207);
	background-image: -webkit-linear-gradient(top, #cd853f,#a95207);
	border-radius: 0 0px 0 0px;
	
}

.WikiHeader > nav .subnav-2 {
	background-color: #317bb4;
	background-image: linear-gradient(top, #cd853f,#a95207);
	background-image: -o-linear-gradient(top, #cd853f,#a95207);
	background-image: -moz-linear-gradient(top, #cd853f,#a95207);
	background-image: -webkit-linear-gradient(top, #cd853f,#a95207);
	border-radius: 0 8px 0 8px;
}

.WikiHeader > nav li.marked {
	background-color: #317bb4;
	background-image: linear-gradient(top, #a95207, #cd853f 75%);
	background-image: -o-linear-gradient(top, #a95207, #cd853f 75%);
	background-image: -moz-linear-gradient(top, #a95207, #cd853f 75%);
	background-image: -webkit-linear-gradient(top, #a95207, #cd853f 75%);
}

.WikiHeader .navbackground {box-shadow: 1px 1px 3px #000;}
.WikiHeader > nav li.marked > a { border-top: none; }
.WikiHeader > nav li { border-bottom: none; }
.WikiHeader .navbackground div { background-color: transparent; }
.WikiHeader a { text-decoration:none; }

/* Zmniejszenie odstępu pomiędzy kategoriami w Nawigacji */
.WikiHeader .subnav-2a { padding: 0 10px; }

/* Nawigacja - szkielet */
.WikiHeader > .WikiNav {
    font-family: 'MV Boli';
	font-weight: normal;
	text-decoration: none !important;
}

.WikiHeader > nav .subnav-2 li {
	font-size: 0.9em;
	font-variant: normal;
	font-weight: normal;
	text-shadow: 0 1px rgba(0,0,0,.9) !important;
}

.nav-item { font-variant: small-caps;}
.WikiHeader .navbackground {margin-top: 0;}
.navbackground .chevron, .navbackground div {display:none;}
.WikiHeader > nav li {line-height: 33px;}
.WikiHeader > nav li > a {border: none;}
.WikiHeader > nav li.marked {text-shadow: 0 1px 0 rgba(0,0,0,.7), 0 0 8px #121212 !important; }

.nav-item .subnav-2 {
	display: block !important;
	top: 31px !important;
	opacity:0;
	-webkit-transition: opacity .2s linear 0s;
	-moz-transition: opacity .2s linear 0s;
	-ms-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}

.nav-item.marked .subnav-2 {
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity .2s linear 0s;
	-moz-transition: opacity .2s linear 0s;
	-ms-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}

.WikiHeader > nav li.marked > a {color: #e1e1e1;}
.subnav-2-item.marked2 a {text-shadow: 0 1px 0 rgba(0,0,0,.7), 0 0 8px #121212 !important;}
.WikiHeader > nav li.marked a:hover,
.WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;}
.WikiHeader > nav .subnav-3 li a {text-shadow: 0 1px rgba(255,255,255,.9) !important;}

.WikiHeader > nav li.marked .subnav-2 > li a {
	-webkit-transition: text-shadow .2s linear 0s;
	-moz-transition: text-shadow .2s linear 0s;
	-ms-transition: text-shadow .2s linear 0s;
	-o-transition: text-shadow .2s linear 0s;
	transition: text-shadow .2s linear 0s;
}

.WikiHeader > nav li.marked .subnav-2 > li a:hover {
	-webkit-transition: text-shadow .1s linear 0s;
	-moz-transition: text-shadow .1s linear 0s;
	-ms-transition: text-shadow .1s linear 0s;
	-o-transition: text-shadow .1s linear 0s;
	transition: text-shadow .1s linear 0s; 
	text-shadow: 0 1px 0 rgba(255,255,255,.7), 0 0 8px #fe7e03 !important;
}

/**
 * turn square bullets to circles in
 * articles and comments/message wall posts
 * in the Oasis skin only
 */
.WikiaArticle ul,
.SpeechBubble .speech-bubble-message ul {
    list-style-type: disc;
}
/* fix some bugs with circles appearing in weird places */
.AdminDashboard ul,
.RelatedPagesModule ul,
.WikiaBlogListing ul {
    list-style-type: none;
}

/***************************/
/* Wiki-navigation         */
/***************************/

 
/* small fixes for .marked level 1 background */
#WikiHeader .nav-item {
    border: none;
}
 
#WikiHeader .nav-item > a {
    border-top: none;
    text-decoration: none;
}
 
/* small fixes for level 2 background */
#WikiHeader .navbackground div,
#WikiHeader .navbackground img {
    display: none;
}
 
#WikiHeader .subnav-2a .chevron {
    opacity: 1;
}
 
#WikiHeader .subnav-2a {
    text-decoration: none;
    -webkit-transition: background-color .35s;
    -moz-transition: background-color .35s;
    transition: background-color .35s;
}
 
#WikiHeader .marked2 .subnav-2a {
}
 
/* small fixes for level 3 background */
#WikiHeader .subnav-3 {
    padding: 0;
}
 
#WikiHeader .subnav-3 li a {
    padding: 0px;
    -webkit-transition: background .35s;
    -moz-transition: background .35s;
    transition: background .35s;
}
 
#WikiHeader .subnav-3 li a:hover {
}
 
/* level 3 menus styling */
.WikiHeader > nav .subnav-3 {
    top: 28px !important;
}
 
/* styling for the level 3 -> level 4 arrow img */
.chevron-right {
    position: absolute;
    right: 7px;
    top: 9px;
}
 
/* level 4 menus styling */
.subnav-3 ul {
    left: 170px;
    z-index: 91;
    position: absolute;
    display: none;
    border-left: 1px dotted #888;
}
 
/* make level 4 menus appear when hovering */
.subnav-3 li:hover ul,
.subnav-3 ul li {
    display: block;
}
 
/* offsets for children in the level 4 menus
   #WikiHeader specificity beats out Wikimarks */
#WikiHeader .subnav-3 li:first-child ul   { top: 0px; border-top: 1px dotted #888; }
#WikiHeader .subnav-3 li:nth-child(2) ul  { top: 25px  }
#WikiHeader .subnav-3 li:nth-child(3) ul  { top: 50px  }
#WikiHeader .subnav-3 li:nth-child(4) ul  { top: 75px  }
#WikiHeader .subnav-3 li:nth-child(5) ul  { top: 100px }
#WikiHeader .subnav-3 li:nth-child(6) ul  { top: 125px }
#WikiHeader .subnav-3 li:nth-child(7) ul  { top: 150px }
#WikiHeader .subnav-3 li:nth-child(8) ul  { top: 175px }
#WikiHeader .subnav-3 li:nth-child(9) ul  { top: 200px }
#WikiHeader .subnav-3 li:nth-child(10) ul { top: 225px }

/************************************/
/*** Style dla podmenu poziomu 4+ ***/
/************************************/
.subnav-3 li ul {display: none;}
.subnav-3 li ul li a {padding: 5px 9px;}
.subnav-3 li:hover ul {display: block;}

.subnav-3 li ul {
	background: none repeat scroll 0 0 #000000;
	border: 1px dotted #222;
	box-shadow: 1px 2px 15px 0 #000;
	left: 145px;
	margin: 4px;
	min-width: 125px;
	padding: 5px 1px;
	position: absolute;
	top: -5px;
}

.subnav-3 li:first-of-type ul {top: -5px !important;}
.subnav-3 li:nth-child(2) ul {top: 25px !important;} 
.subnav-3 li:nth-child(3) ul {top: 55px !important;} 
.subnav-3 li:nth-child(4) ul {top: 85px !important;} 
.subnav-3 li:nth-child(5) ul {top: 115px !important;} 
.subnav-3 li:nth-child(6) ul {top: 145px !important;}
.subnav-3 li:nth-child(7) ul {top: 205px ! important;}

ul.subnavmenu-5 {
	background: none repeat scroll 0 0 #061d2f !important;
	border: 1px dotted #317bb4 !important;
}

/* Klasy dla IE8, nth-child jest nie wspierane w IE */
.subnavmenu-1 {top: -5px !important;}
.subnavmenu-2 {top: 30px !important;}
.subnavmenu-3 {top: 65px !important;}
.subnavmenu-4 {top: 100px !important;}
.subnavmenu-5 {top: 135px !important;}
.subnavmenu-6 {top: 170px !important;}

/* Test des cercles rotatifs interactifs*/
/* Cercle 2 */
.circle2 {
	background: rgb(255, 255, 255);
	border-radius: 100%;
	cursor: pointer;
	height: 15em;
	float: right;
	margin-top: -215px;
	margin-right: 160px;
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
	width: 15em;
}
.circle2 h1 {
	-webkit-font-smoothing: antialiased;
	color: rgba(189, 185, 199, 0);
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	text-transform: none !important;
	transition: color 0.8s ease-in-out;
	user-select: none;
	padding: 25px 40px 12px 40px
}
.circle2: before,
.circle2:after {
	border-radius: 100%;
	box-shadow: inset 10.6em 0 0 rgba(30, 140, 209, 0.2), 
	inset 0 10.6em 0 rgba(30, 140, 209, 0.2), 
	inset -10.6em 0 0 rgba(30, 140, 209, 0.2), 
	inset 0 -10.6em 0 rgba(30, 140, 209, 0.2);
	content: "";
	height: inherit;
	left: 0;
	position: absolute;
	top: 0;
	transition: box-shadow 0.75s;
	width: inherit;
}
/* We rotate the: after pseudo-element to get the edge from the corner, we could also just do that with box-shadows. */
.circle2:after {
	transform: rotate(45deg);
}
/* There is no problem using "pseudo-class+pseudo-element": ) */
.circle2: hover: before,
.circle2:hover:after {
	box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5), 
	inset 0 0.86em 0 rgba(252, 150, 0, 0.5), 
	inset -0.86em 0 0 rgba(0, 255, 0, 0.5), 
	inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
}
.circle2:hover > h1 {
	color: rgba(185, 185, 185, 1);
}
 
/* Cercle */
.circle {
	background: rgb(255, 255, 255);
	border-radius: 100%;
	cursor: pointer;
	height: 15em;
	margin-left: 160px;
	margin-top: 50px;
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
	width: 15em;
}
.circle h1 {
	-webkit-font-smoothing: antialiased;
	color: rgba(189, 185, 199, 0);
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	text-transform: none !important;
	transition: color 0.8s ease-in-out;
	user-select: none;
	padding: 25px 40px 12px 40px
}
.circle: before,
.circle:after {
	border-radius: 100%;
	box-shadow: inset 10.6em 0 0 rgba(30, 140, 209, 0.2), 
	inset 0 10.6em 0 rgba(30, 140, 209, 0.2), 
	inset -10.6em 0 0 rgba(30, 140, 209, 0.2), 
	inset 0 -10.6em 0 rgba(30, 140, 209, 0.2);
	content: "";
	height: inherit;
	left: 0;
	position: absolute;
	top: 0;
	transition: box-shadow 0.75s;
	width: inherit;
}
/* We rotate the: after pseudo-element to get the edge from the corner, we could also just do that with box-shadows. */
.circle:after {
	transform: rotate(45deg);
}
/* There is no problem using "pseudo-class+pseudo-element": ) */
.circle: hover: before,
.circle:hover:after {
	box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5), 
	inset 0 0.86em 0 rgba(252, 150, 0, 0.5), 
	inset -0.86em 0 0 rgba(0, 255, 0, 0.5), 
	inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
}
.circle:hover > h1 {
	color: rgba(185, 185, 185, 1);
}