Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 704 : | Ligne 704 : | ||
/* Infoboxes portables */ |
/* Infoboxes portables */ |
||
+ | |||
+ | .portable-infobox { |
||
+ | width: 270px; |
||
+ | background-color: rgba(65, 85, 143, 0.16); |
||
+ | border: 1px solid #021737; |
||
+ | } |
||
.portable-infobox .pi-title { |
.portable-infobox .pi-title { |
||
font-weight: bold; |
font-weight: bold; |
||
+ | } |
||
+ | |||
+ | .portable-infobox .pi-title { |
||
+ | background-color: #061d40; |
||
+ | } |
||
+ | |||
+ | .portable-infobox .pi-header { |
||
+ | background-color: #061d40a3; |
||
+ | } |
||
+ | |||
+ | .portable-infobox .pi-data-label { |
||
+ | width: 89px; |
||
+ | background: #5288DD63; |
||
} |
} |
||
/* ------------------ */ |
/* ------------------ */ |
Version du 12 janvier 2020 à 09:16
@import url("/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");
/** SOCIAL ICONS **/
.SocialIcon {
width:15px;
height:32px;
background: rgba(0,0,0,0) top right fixed no-repeat;
transition:width 0.3s;
-webkit-transition:width 0.3s;
-moz-transition:width 0.3s;
-o-transition:width 0.3s;
overflow:hidden;
}
.SocialIcon:hover {
width:29px;
}
/* ------------------ */
/** Warframe Icons **/
/**pretty much a social icon copy**/
.WarframeIcon {
width:20px;
height:400px;
background: rgba(0,0,0,0) top right fixed no-repeat;
transition:width 0.3s;
-webkit-transition:width 0.3s;
-moz-transition:width 0.3s;
-o-transition:width 0.3s;
overflow:hidden;
}
.WarframeIcon:hover {
width:300px;
z-index: 10;
}
/* ------------------ */
/** Warframe Icons 2**/
/**slight tweek from above version (implemented in specific pages of each warframes)**/
.WarframeIcon2 {
width:55px;
height:290px;
background: rgba(0,0,0,0) top right fixed no-repeat;
-moz-transition:width 0.3s;
-webkit-transition:width 0.3s;
-o-transition:width 0.3s;
overflow:hidden;
}
.WarframeIcon2:hover {
width:690px;
z-index: 10;
}
/* ------------------ */
/**tabbernav**/
.page ul.tabbernav li {
background-color: #ed841b;
}
/* ------------------ */
/** Play Free box **/
.mainpage-box-playfree {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-user-select: none;
cursor: pointer;
display: inline-flex;
transform: skew(30deg);
width: 260px;
margin: 0 25px 15px auto;
padding:10px 0px;
text-align: center;
}
.mainpage-box-playfree a {
vertical-align:middle;
font-family:'Open Sans';
font-weight: lighter;
text-transform: uppercase;
text-decoration: none !important;
font-size: 25px;
color: #FFFFFF;
}
.mainpage-box-recentactivity li {
list-style: none;
}
/* ------------------ */
/** Glow Button Prop **/
.glow_hover_element {
background:#5288DD63;
transition: all 0.3s
}
.glow_hover_element:hover {
background:#061D40D6;
transition: all 0.3s
}
/* ------------------ */
/* Brizingr5: WEAPONINFOBOX */
.Infobox_Collapsible {
height: 0px;
overflow: hidden;
-moz-transition:height 0.3s;
-webkit-transition:height 0.3s; /* Safari */
-o-transition:height 0.3s;
}
/* ------------------ */
/* GALLERY TILES */
.mainpage-box-gallery-container {
position: relative;
width: 95.6%;
font-size: 25px;
font-family:'Open Sans';
font-weight: lighter;
overflow: hidden;
margin-bottom: 7px;/*3%;*/
}
.mainpage-box-gallery-container a {
text-decoration: none !important;
}
.mainpage-box-gallery {
background: #061D40D6;
width: 93.6%;
padding: 20px;
transform: skew(30deg);
overflow: hidden;
position: relative;
left: -2%;
}
.mainpage-box-gallery-text {
background: #5288DD63;
position: absolute;
transform: skew(-30deg);
top: -2px; /*-8%;*/
left: 45%;
color: #FFFFFF;
}
/* ------------------ */
/* START Brizingr5: text rotate*/
.text_rotate-90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.text_rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
}
/* ------------------ */
/* START Email : Market Tables */
.emarkettable {
width: 100%;
background: black;
text-align: center;
}
.emarkettable th {
background: #696969;
color: white;
}
.emarkettable td {
background: #9AACBF;
width: 20%;
padding: 5px;
}
/* ------------------ */
/* START Email : infobox */
.einfobox_collapsible {
display:none;
}
.einfobox_collapsible>td:nth-child(2) {
box-shadow:0 0 10px 2px #AAAAAA inset;
}
.einfobox {
float:right;
width:270px;
background:#E6E6E6;
border:3px solid #424242;
border-radius: 4px;
box-shadow:3px 3px 2px;
margin:0 0 2em 2em;
margin-bottom: 10px;
color:#1C1C1C;
font-size:11px;
}
.einfobox th {
background-color:#7C7C7C;
color:#FFFFFF;
text-align: center;
}
.einfobox tr>td:nth-child(1) {
width:50%;
background-color:#D8D8D8;
text-align:right;
padding:1px 5px;
}
.einfobox tr>td:nth-child(2) {
width:50%;
text-align:left;
padding:1px 5px;
}
/* ------------------ */
/** START Admin Comment Highlighting **/
.comments li[data-user="Xhell96"] blockquote {
background:#061D40D6 !important;
}
.comments li[data-user="Xhell96"] blockquote:after {
border-color:transparent #5288DD63 #5288DD63 transparent !important;
}
.comments li[data-user="Xhell96"] blockquote div {
background:transparent !important;
}
.comments li[data-user="Zengrof"] blockquote {
background:#061D40D6 !important;
}
.comments li[data-user="Zengrof"] blockquote:after {
border-color:transparent #5288DD63 #5288DD63 transparent !important;
}
.comments li[data-user="Zengrof"] blockquote div {
background:transparent !important;
}
.comments li[data-user="Franck054"] blockquote {
background:#061D40D6 !important;
}
.comments li[data-user="Franck054"] blockquote:after {
border-color:transparent #5288DD63 #5288DD63 transparent !important;
}
.comments li[data-user="Franck054"] blockquote div {
background:transparent !important;
}
.comments li[data-user="Redgard archeos"] blockquote {
background:#061D40D6 !important;
}
.comments li[data-user="Redgard archeos"] blockquote:after {
border-color:transparent #5288DD63 #5288DD63 transparent !important;
}
.comments li[data-user="Redgard archeos"] blockquote div {
background:transparent !important;
}
.comments li[data-user="Killer pingoui"] blockquote {
background:#061D40D6 !important;
}
.comments li[data-user="Killer pingoui"] blockquote:after {
border-color:transparent #5288DD63 #5288DD63 transparent !important;
}
.comments li[data-user="Killer pingoui"] blockquote div {
background:transparent !important;
}
.comments li[data-user="Hasen1"] blockquote {
background:#061D40D6 !important;
}
.comments li[data-user="Hasen1"] blockquote:after {
border-color:transparent #5288DD63 #5288DD63 transparent !important;
}
.comments li[data-user="Hasen1"] blockquote div {
background:transparent !important;
}
/* ------------------ */
/* START Switcher Buttons effects*/
.PolButton2 {
height: 30px;
width:127px;
background-color:#000011;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.PolButton2:hover {
background-color:#dfe6f0;
}
.Switcher {
position:relative;
height: 106px;
width: 106px;
background: -webkit-radial-gradient(#727272, #151515);
background: -o-radial-gradient(#727272, #151515);
background: -moz-radial-gradient(#727272, #151515);
background: radial-gradient(#727272, #151515);
z-index:0;
}
.Switcherlink {
position:absolute;
top:84px;
width:100%;
background-color: rgba(0,0,0,0.6);
text-align:center;
text-transform:uppercase;
color:white;
text-shadow: 0 0 2px;
font-size:12px;
z-index:4;
}
.Switcherlink a {
color:white;
text-decoration: none;
}
.Switcherimage, .Switcherimage-overlap {
position:absolute;
top:0px;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
opacity:1;
z-index:1;
}
.Switcherimage2 {
position:absolute;
top:0px;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
opacity:0;
z-index:2;
}
.Switcher:hover .Switcherimage {
opacity:0;
}
.Switcher:hover .Switcherimage2 {
opacity:1;
}
.Switcher:hover .Switcherlink {
text-shadow: 0 0 4px;
}
/* ------------------ */
/* START MEAG Buttons effects*/
.MEAG {
width:150px;
height:150px;
box-shadow: inset 0px 0px 25px 20px rgba(15, 15, 15, 0.75);
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #646464, #909090);
background-image: -moz-linear-gradient(top, #646464, #909090);
background-image: -ms-linear-gradient(top, #646464, #909090);
background-image: -o-linear-gradient(top, #646464, #909090);
background-image: linear-gradient(top, #646464, #909090);
border-width: 1px;
border-style: solid;
border-color:#4a4a4a;
border-radius: 0% 25% 0% 25%;
-webkit-border-radius: 0% 25% 0% 25%;
-moz-border-radius: 0% 25% 0% 25%;
overflow:hidden;
color: #ffa02d;
text-align: center;
text-shadow: 0 0 5px #ffa02d;
}
.MEAG:hover {
box-shadow: inset 0px 0px 25px 20px rgba(15, 15, 15, 0.75);
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
background-image: -webkit-linear-gradient(top, #FF6600, #000000);
background-image: -moz-linear-gradient(top, #FF6600, #000000);
background-image: -ms-linear-gradient(top, #FF6600, #000000);
background-image: -o-linear-gradient(top, #FF6600, #000000);
background-image: linear-gradient(top, #FF6600, #000000);
border-width: 1px;
border-style: solid;
border-color:#4a4a4a;
cursor: pointer;
text-shadow: 0 0 5px #ffa02d;
}
.MEAG:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
border-color:#4a4a4a;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 8px 8px 25px 20px rgba(15, 15, 15, 0.75);
}
/* ------------------ */
/*SyndicatesNavVisual hover*/
.syndicate_container {
width:100%;
height:100px;
text-align:center;
}
.syndicate_container .flag {
position:relative;
height:95px;
width:60px;
display:inline-block;
margin:0 2px;
}
.syndicate_container .flag .text {
position:absolute;
top:30px;
text-align:center;
width:100%;
color:white;
text-shadow: 0px 0px 2px black;
opacity:0;
transition:0.2s;
font-size:12px;
line-height:13px;
}
.syndicate_container .flag .text a {
color:white;
}
.syndicate_container .flag:hover .text {
opacity:1;
}
/* ------------------ */
.tabberlive-full-page > .tabberlive > .tabbertab {
border: 0;
padding: 0;
}
.tabberlive-full-page > .tabberlive > ul.tabbernav li {
border-bottom: 1px solid transparent;
border-left: 1px solid #4a4a4a;
border-right: 1px solid #4a4a4a;
border-top: 1px solid #4a4a4a;
background: #1e1e1e;
cursor: pointer;
font-weight: bold;
text-decoration: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
display: inline-grid;
font-size: 14px;
line-height: 23px;
padding: 6px 12px 3px;
position: relative;
top: 1px;
}
.tabberlive-full-page > .tabberlive > ul.tabbernav li.tabberactive {
cursor: text;
}
.tabberlive-full-page > .tabberlive > ul.tabbernav li a {
background: none;
border: none;
cursor: pointer;
}
.tabberlive-full-page > .tabberlive > ul.tabbernav li.tabberactive a {
cursor: text;
}
/* === Template:Ambox designs === */
/* Ambox design */
.ambox {
font-size: 95%;
width: 80%;
padding: 25px;
margin: 0 auto;
border-left: 10px solid #1e90ff;
border-collapse: collapse;
}
/* ------------------ */
/* Ambox colours */
.ambox-blue {
border-left: 10px solid #1e90ff; /* Blue (notice) */
}
.ambox-red {
border-left: 10px solid #ff0000; /* Red (delete/serious) */
}
.ambox-orange {
border-left: 10px solid #f28500; /* Orange (content) */
}
.ambox-yellow {
border-left: 10px solid #f4c430; /* Yellow (style) */
}
.ambox-purple {
border-left: 10px solid #9932cc; /* Purple (merge) */
}
.ambox-gray {
border-left: 10px solid #4d4d4d; /* Gray (protection) */
}
.ambox-green {
border-left: 10px solid #228b22; /* Green */
}
.ambox-none {
border-left: 0;
}
/* ------------------ */
/* Ambox small text */
.ambox-smalltext {
font-size: smaller;
margin-top:0.5em;
margin-left:0.8em;
}
/* ------------------ */
/* Ambox image */
.ambox-image {
width: 60px;
padding: 2px 0px 2px 0.5em;
text-align: center;
}
/* ------------------ */
/* Background for Module:Codex*/
.codexflower {
background-color:rgba(47, 56, 66, 0.23);
background-image: url(https://vignette.wikia.nocookie.net/warframe/images/1/19/Codexflower.png/revision/latest?cb=20200112080849&format=original&path-prefix=fr);
background-position: left;
background-repeat: no-repeat;
background-size: 14% 218%;
padding: 1% 16%;
}
/* ------------------ */
@media print { .ambox { display: none; } } /* no ambox when printing */
/* Void drop table*/
table.voidtable {
width:100%;
text-align:left;
border:1px solid #5288DD63;
border-collapse: collapse;
background-color: rgba(58, 46, 21, 0.25);
}
table.voidtable th {
background-color: #5288DD63;
color:white;
width:50%;
padding:0px 4px;
border:1px solid #5288DD63;
}
table.voidtable td {
width:50%;
border:1px solid #5288DD63;
vertical-align: top;
}
/* ------------------ */
/* toclimit code */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}
/* ------------------ */
/** Curseur **/
body{
cursor: url(https://images.wikia.nocookie.net/__cb20150224072054/warframe/fr/images/e/eb/Warframe_cursor.png), default;
}
a:link{
cursor: url(https://images.wikia.nocookie.net/__cb20150224072917/warframe/fr/images/b/bf/Warframe_cursor_lien.png), pointer;
}
/* ------------------ */
/*Homepage Buttons effects*/
.HomeNav {
display:inline-block;
position:relative;
width:112px;
transform: skew(30deg);
text-align:center;
background:#5288DD63;
padding:5px;
text-transform:uppercase;
font-size:14px;
margin:2px;
color:white;
}
.HomeNav span {
display:inline-block;
transform: skew(-30deg);
color:white;
}
.HomeNav span a {
font-size:14px;
font-weight:bold;
color:white;
text-decoration:none;
}
.HomeNav .trapzoidleft {
position:absolute;
top:0;
left:-10px;
height:100%;
width:30px;
background:#5288DD63;
transform: skew(-30deg);
}
.HomeNav .trapzoidright {
position:absolute;
top:0;
right:-10px;
height:100%;
width:30px;
background:#000;
transform: skew(-30deg);
}
.HomeNav:hover span a {
color:white;
}
/* ------------------ */
/* Void drop table nav buttons*/
.voidbutton {
display:inline-block;
width:230px;
height:30px;
border:1px solid orange;
background:#061D40D6;
padding:5px;
font-family:Open Sans;
}
.voidbutton:hover {
background:transparent;
transition:0.1s;
}
/* ------------------ */
/* Infoboxes portables */
.portable-infobox {
width: 270px;
background-color: rgba(65, 85, 143, 0.16);
border: 1px solid #021737;
}
.portable-infobox .pi-title {
font-weight: bold;
}
.portable-infobox .pi-title {
background-color: #061d40;
}
.portable-infobox .pi-header {
background-color: #061d40a3;
}
.portable-infobox .pi-data-label {
width: 89px;
background: #5288DD63;
}
/* ------------------ */
/* SocialMedia */
.SocialMedia {
margin:auto;
display: flex;
justify-content: space-evenly; /*-Incompréhension du lecteur mais fonction bonne*/
width:300px;
}
.SocialMedia img {
max-width:20px;
margin:0 7px;
filter: brightness(75%);
transition:0.4s;
}
.SocialMedia img:hover {
filter: brightness(150%);
transition:0.4s;
}
/* ------------------ */
/*--ACTIVITY TABBER CSS--*/
.activity_tabber .tabbernav ul li {
color:red;
}
.activity_tabber ul.tabbernav li {
margin:0 45px;
transition: 0.3s;
}
.activity_tabber ul.tabbernav li a {
transition: 0.3s;
}
.activity_tabber ul.tabbernav li a:hover {
transition: 0.3s;
filter: brightness(150%);
}
/* ------------------ */
/** Alert Tabber **/
.Alert_tabber .tabberlive {
display: flex;
width: 100%;
margin-top: 0.5em;
border:none;
}
.Alert_tabber .tabber .tabbernav {
display: flex;
flex-direction: column;
max-width:10%;
padding: 0;
border:none;
}
.Alert_tabber .tabbernav a {
display: block;
margin: 0;
padding: 5px;
font-size: 14px;
background: transparent;
color: black;
transition: 0.3s;
border:none;
}
.Alert_tabber .tabbernav a:hover {
filter: brightness(150%);
transition: 0.3s;
}
.Alert_tabber .tabbernav li {
vertical-align: middle;
margin:auto 0;
padding:0;
border:none;
}
.Alert_tabber .tabbertab {
border:none;
display:flex;
}
.Alert_tabber .tabberactive a {
background: #2aa198;
color: white;
border-radius: 3px;
}
/* ------------------ */
/* emodtable css */
.emodtable {
width: 50%;
}
.emodtable th, .bigmodtable th {
background-color: #5288DD63;
border: 1px solid black;
color: white;
width: 10%;
}
.emodtable th a, .bigmodtable th a {
color: white;
}
.emodtable td, .bigmodtable td {
background-color: #353535;
background-color: rgba(109, 97, 72, 0.3);
border: 1px solid black;
}
/* ------------------ */
/* New T:Ability Stuff START*/
/* Button-c START */
.button-c {
cursor: pointer;
width: 100%;
height: 32px;
background-color: #061D40D6;
text-align: center;
padding: 0;
border: none;
transition:all 0.5s;
}
.button-c:hover {
background: #5288DD63;
}
/* Button-c END */
/* Rotate-c START */
.rotate2-c {
padding: 5px 0 7px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.rotate2-c {
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
.rotate-c {
padding: 5px 0 7px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Rotate-c END */
/* Rotate-c END */
/* Ability tabbers START */
.tabber-dark,
.tabber-light {
border: none;
padding: 0;
}
.tabber-dark ul.tabbernav,
.tabber-light ul.tabbernav {
background-color: #061D40D6;
border: none;
text-align: center;
color: white;
font-family: "Roboto";
font-weight: normal;
text-transform: uppercase;
}
.tabber-light ul.tabbernav {
background-color: #bcbcc5 !important;
color: #2a2a31 !important;
}
.tabber-dark ul.tabbernav li a,
.tabber-light ul.tabbernav li a {
padding-top: 8px;
padding-bottom: 8px;
color: white;
}
.tabber-light ul.tabbernav li a {
color: #2a2a31 !important;
}
.tabber-dark ul.tabbernav li a:visited,
.tabber-light ul.tabbernav li a:visited {
padding-top: 8px;
padding-bottom: 8px;
color: white;
}
.tabber-light ul.tabbernav li a:visited {
color: #2a2a31 !important;
}
.tabber-dark ul.tabbernav li a:hover,
.tabber-light ul.tabbernav li a:hover {
padding-top: 8px;
padding-bottom: 6px;
border-bottom: #bcbcc5 solid 2px;
}
.tabber-light ul.tabbernav li a:hover {
border-bottom: #061D40D6 solid 2px !important;
}
.tabber-dark ul.tabbernav li.tabberactive a,
.tabber-light ul.tabbernav li.tabberactive a {
padding-left: 0.5em;
padding-right: 0.5em;
border-bottom: none;
color: #2a2a31;
background-color: #061D40D6;
}
.tabber-light ul.tabbernav li.tabberactive a {
color: white !important;
background-color: #2a2a31 !important;
}
.tabber-dark ul.tabbernav li.tabberactive a:hover,
.tabber-light ul.tabbernav li.tabberactive a:hover {
padding-left: 0.5em;
padding-right: 0.5em;
border-bottom: none;
color: #2a2a31;
background-color: #bcbcc5;
}
.tabber-light ul.tabbernav li.tabberactive a:hover {
color: white !important;
background-color: #061D40D6 !important;
}
.tabber-dark .tabberlive,
.tabber-light .tabberlive {
width: 100%;
}
.tabber-dark .tabberlive .tabbertab,
.tabber-light .tabberlive .tabbertab {
border: none;
padding: 0 7px;
}
/* Ability tabbers END */
/* New T:Ability Stuff END*/