/* Panels */
.panel{margin-bottom:1.25em;background:#f2f2f2;border-color:#d9d9d9;border-style:solid;border-width:1px;padding:1.25em}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p{color:#333}.panel.callout{margin-bottom:1.25em;background:#2ba6cb;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;border-color:#2284a1;border-style:solid;border-width:1px;padding:1.25em}.panel.radius{-webkit-border-radius:3px;border-radius:3px}.panel > :first-child,.panel.callout > :first-child{margin-top:0}.panel > :last-child,.panel.callout > :last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625em}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader,.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout a{color:#FFF}
/* ===================================================== */
/* STYLES DE BASE POUR TOUS LES WIKIS */
/* ===================================================== */
/* navbox */
.navbox { border:1px solid #aaa; background-color:#f9f9f9; border-spacing:0; clear:both; font-size:88%; margin:1em auto auto; padding:0; text-align:center; width:100%; }
.navbox table, .navbox-subgroup { border-spacing: 1px; }
.navbox + .navbox { margin: 1px 0 0; }
.navbox tr, .navbox-columns-table tr { background-color: #fff; }
.navbox table td { background-color: #f9f9f9; }
.navbox-even { background-color: #f9f9f9; }
.navbox-odd { background-color: #f9f9f9; }
.navbox-title, .navbox-abovebelow, table.navbox th { background-color:#f2f2f2; border-color: #aaa; border-style: solid; border-width: 1px; padding-left: 1em; padding-right: 1em; text-align: center; }
.navbox-group { background:#f2f2f2; border: 1px solid #aaa; font-weight: bold; padding-left: 1em; padding-right: 1em; text-align: right; white-space: nowrap; }
.navbox-subgroup { background-color: #fff; }
.navbox-list { border-color: #f9f9f9; }
.navbox-title, navbox th { }
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color:#f2f2f2 !important; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color:#f2f2f2 !important; }
.navbox .collapseButton { width: 6em; }
.navbox .collapseButton { float: right; font-weight: normal; text-align: right; width: auto; }
/* ambox */
.ambox { background-color: #f9f9f9; border-color: #BBBBAA; border-style: solid; border-width: 1px 1px 1px 10px; margin: 8px 10% 12px; padding: 2px 10px; }
.ambox-blue { border-color: #1E90FF; }
.ambox-red { border-color: #B22222; }
.ambox-orange { border-color: #F28500; }
.ambox-yellow { border-color: #F4C430; }
.ambox-purple { border-color: #9932CC; }
.ambox-gray { border-color: #BBBBAA; }
.ambox-green { border-color: #228B22; }
.ambox-image { padding-right: 10px; text-align: center; min-width: 45px; vertical-align:middle; }
.ambox-info { color: #000; }
/* ombox */
.ombox { background: #f9f9f9; border: 1px solid #aaa; margin: 0.5em 0.5em 0.5em 10%; clear:both; padding:0.2em; width:80%; }
.ombox-image { text-align: center; width:90px; }
.ombox-image-right { text-align: center; width:90px; }
.ombox-info { color: #000; width: 100%; }
.ombox-red { border:1px solid #b22222 !important; }
.ombox-orange { border:1px solid #f28500 !important; }
.ombox-yellow { border:1px solid #f4c430 !important; }
.ombox-purple { border:1px solid #9932cc !important; }
.ombox-blue { border:1px solid #1e90ff !important; }
.ombox-green { border:1px solid #228b22 !important; }
.ombox-gray { border:1px solid #bba !important; }
.ombox-default { border:1px solid #aaa !important; }
/* template documentation */
.documentation-header { border: 2px solid #aaa; padding: 0.4em; border-bottom: none; border-right: none; background:#f9f9f9; }
.documentation-links { float:right; text-align:right; font-size:85%; }
.documentation-body { border-left: 2px dashed #aaa; padding: 1em; }
.documentation-footer { border: 2px solid #aaa; padding: 0.3em; border-top: none; border-right: none; background:#f9f9f9; margin:0em; font-size:75%; text-align:right; }
/* spoilers */
.splr { height: auto; }
.splr > div, .splrico, .splrwrn { float: left; }
.splr + div { margin: 0 0 1em; }
.splrico { border-radius: 10em 10em 10em 10em; cursor: pointer; margin: 0.5em 1em 0 0; padding: 2px; position: relative; z-index: 6; }
.splrico table { border-radius: 10em 10em 10em 10em; }
.splrico table tr { background-color: transparent; }
.splrico table td { padding: 0; }
.splrwrn { border-radius: 10em 10em 10em 10em; cursor: pointer; font-size: 0.9em; margin: 0.5em 0 0 -3.6em; padding: 2px; }
.splrwrn table { border-radius: 10em 10em 10em 10em; height: 66px; margin: 0; padding: 0; }
.splrwrn table tr { background-color: transparent; }
.splrwrn table td { padding: 0 2.4em 0 3em; }
.splrtxt { }
.splr_games .splrico, .splr_games .splrwrn { background-color: #f9f9f9; border: 0 solid #aaa; color: #000; }
.splr_games .splrico table, .splr_games .splrwrn table { border: 1px solid #aaa; }
.hide_warning { display: none; }
.show_warning { display: inline; }
.hide_spoiler { display: none; }
.show_spoiler { display: inline; }
.hide_warning1 { display: none; }
.show_warning1 { display: block; }
.hide_spoiler1 { display: none; }
.show_spoiler1 { display: block; }
.hide_warning2 { display: none; }
.show_warning2 { display: none; }
.hide_spoiler2 { opacity: 0.12; }
.show_spoiler2 { opacity: 1; }
/* banner */
div.banner { position:relative; border:1px solid #e7e7e7; background-color:#fdfdfd; line-height:1.5em; text-indent:23px; display:block; font-size:95%; overflow:hidden; margin:0 0 0.7em 2em; padding:2px 0 1px 4px; text-align:left; background-repeat:no-repeat; text-indent:23px; }
div.banner .picto { position:absolute; left:6px; top:3px; }
div.banner .picto img { display:block; }
.loupe .picto { width:20px; /*background-position:2px 3px; background-image:url("http://jolstatic.fr/wiki/images/tera/thumb/5/57/Searchtool.png/20px-Searchtool.png");*/ }
.general .picto { width:15px; }
/* ===================================================== */
/* STYLES SPÉCIFIQUES DU WIKI */
/* ===================================================== */
/* Mettre ici les styles spécifiques au wiki */
/* Tout CSS ici sera chargé avec chaque page accédée par n'importe quel utilisateur. */
body { background:url(http://jolstatic.fr/tera/design/v1/images/bg.jpg) no-repeat fixed center top #000000; }
#mw-page-base { background:none; }
div#mw-panel { top:140px; }
#p-logo { top:-110px; }
#p-logo a { background-size:190px 100px; }
#p-personal { background:rgba(255,255,255,.85); padding:0 1em 2px 1em; }
div#content { background:rgba(255,255,255,.85); }
div#footer { background:rgba(255,255,255,.5); }
.entete { width:80%; text-align:center; background:#f9f9f9; padding:1em; margin:1.2em auto .6em auto; border:1px solid #ddd; }
pre { overflow: auto; }
.citation { background:#F9F9F9; border:1px solid #AAA; padding:1em; }
/***********************/
/* jquery tabs/sliders */
/***********************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }
/******************/
/* jquery widgets */
/******************/
.ui-widget { font-family: sans-serif; font-size:1em; }
.ui-widget .ui-widget { font-size:1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size:1em; }
.ui-widget-content { border:1px solid #aaa; background:#f9f9f9; color:#000; }
.ui-widget-content a { color:#0645AD; }
.ui-widget-header { border-bottom:1px solid #aaa; background:#f9f9f9; color:#000; font-weight:bold; line-height:1em; }
.ui-widget-header a { color:#0645AD; }
/*****************************************/
/* jquery tabs/sliders interaction state */
/*****************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/**********/
/* portal */
/**********/
#portal { padding:20px 0; }
.portal_container { }
.portal_section { border:1px solid #aaa; margin:0; background:#f9f9f9; border-radius:10px 10px 10px 10px; }
.portal_section ul { list-style: disc; }
.portal_header { padding:0 1em; position:relative; }
.portal_header_text { line-height:2em; font-size:2em; border-bottom:1px solid black; }
.portal_headerlinks { font-size:0.8em; position:absolute; right:1em; bottom:-2em; padding-bottom:2px; }
.portal_body { padding:0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px solid black; text-align: left; font-size: 1.8em; line-height:1.8em; }
.row.portal { padding:20px 0; min-width:400px!important; }
@media only screen and (max-width: 1000px) {
.row.portal .columns.portal:nth-child(2n+1) { clear: both; }
.row.portal .columns.portal { width: 50% !important; float: left; padding: 0 15px 15px; }
.row.portal .columns.portal.end { float: left; }
}
@media only screen and (min-width: 1001px) and (max-width: 1400px) {
.row.portal .columns.portal:nth-child(3n+1) { clear: both; }
.row.portal .columns.portal { width: 33.33333%; padding: 0 12px 12px; }
}
@media only screen and (min-width: 1401px) {
.row.portal .columns.portal:nth-child(4n+1) { clear: both; }
.row.portal .columns.portal { width: 25%; padding: 0 10px; }
}
/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 0, rgb(221,221,221) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(153,153,153)), color-stop(100%, rgb(221,221,221))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(153,153,153); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(114,183,245) 0, rgb(167,215,249) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(114,183,245)), color-stop(100%, rgb(167,215,249))); color: rgb(114,183,245); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }
/***********/
/* infobox */
/***********/
.terainfobox { border:1px solid #aaa; float:right; margin-bottom:2em; margin-left:2em; padding:0; width:275px; border-spacing:2px; }
.terainfobox th { background:#f2f2f2; border:1px solid #aaa; color:#000; font-weight:normal; font-size:0.9em; line-height:1.2em; padding-right:0.5em; text-align:right; width:35%; }
.terainfobox td { background:#fff; font-size:0.9em; line-height:1.2em; padding:0.3em; text-align:left; }
.terainfobox .terainfobox_header { background:#f2f2f2; border:1px solid #aaa; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }
.terainfobox .terainfobox_header2 { width:100%; }
.terainfobox .terainfobox_image { border:1px solid #aaa; padding:4px; text-align:center; }
.terainfobox .terainfobox_imagecaption { font-weight:bold; padding:0.5em; }
.terainfobox .terainfobox_header td { background-color:transparent; text-align:center; }
.terainfobox .terainfobox_supertitle, .terainfobox .terainfobox_subtitle { font-size:0.9em; line-height:1.2em; }
.terainfobox .terainfobox_title { font-size: 1.2em; font-weight: bold; line-height: 1.35em; }
/**************/
/* reward box */
/**************/
.reward { background-color:#F5EDDE; border:1px solid #E0CAA1; display:inline-block; height:42px; margin:0 10px 10px 0; padding:4px 6px; font-size:14px; }
.reward span { vertical-align:middle; margin-right:6px; }
.reward .img { margin-right:0; }
.reward .img img { border:1px solid #9A6F1F; margin-right:6px; vertical-align:middle; }
.gold { color:#AC7000; }
.gold .img img { border:1px solid #9A6F1F; margin-right:8px; }
.exp { color:#1C8685; }
.exp .img img { border:1px solid #1C8685; }
/**************/
/* bug */
/**************/
.bug { font-size:9px; color:#666; }