Arrowverse Wiki
Arrowverse Wiki
No edit summary
No edit summary
Line 382: Line 382:
 
padding-left:10px;
 
padding-left:10px;
 
color:#0D7B12;
 
color:#0D7B12;
  +
text-transform:uppercase;
  +
font-size:18px;
  +
letter-spacing:3px;
  +
font-weight:bold;
  +
margin-top:10px;
  +
}
  +
  +
.mainpage-box-characters .Batwoman .title {
  +
float:left;
  +
padding-left:10px;
  +
color:#3c0308;
 
text-transform:uppercase;
 
text-transform:uppercase;
 
font-size:18px;
 
font-size:18px;

Revision as of 02:25, 7 October 2019

.i18ndoc {
    background-color: #FFF77D;
    border-bottom: 1px solid lightgrey;
    font-family: monospace;
    font-size: 8pt;
    height: 140px;
    overflow: auto;
    padding: 3px;
}


.portal {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.portal:hover {
    opacity: 0.5;
}
  

/* WIKI HEADER */
/* Vertical alignment logo */
#WikiHeader .wordmark, .font-prociono {
    padding-top: 0em;
}
/* Background navigation menu 
.WikiHeader {
    background: url(https://images.wikia.nocookie.net/__cb20150314070122/arrow/images/8/82/Wiki-header.png)
}
*/
.WikiHeader > nav {
	background-color:transparent !important;
	background-image: linear-gradient(left, rgba(255,255,255,0.5), rgba(255,255,255,0.6), transparent, transparent, transparent, transparent)!important;
	background-image: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.6), transparent, transparent, transparent, transparent)!important;
	background-image: -o-linear-gradient(left, rgba(255,255,255,0.5), rgba(255,255,255,0.6), transparent, transparent, transparent, transparent)!important;
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5), rgba(255,255,255,0.6), transparent, transparent, transparent, transparent)!important;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5), rgba(255,255,255,0.6), rgba(255,255,255,0.6), transparent, transparent, transparent)!important;
    border-radius:5px 5px 0 0;
    bottom: auto;
}
 
/* Hover Class - Courtesy of XD1*/
.hoverimage img { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.hoverimage img:hover { opacity:.60; filter:alpha(opacity=100); /* For IE8 and earlier */ }
 
/* Navigation Hover Class - Courtesy of XD1 */
.hovernav img { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:0.60; filter:alpha(opacity=60); /* For IE8 and earlier */ }

/*Blog Highlighting*/

.comments li[data-user="TimeShade"] blockquote {
   color:black !important; background:#C5EC6E 
url("https://vignette.wikia.nocookie.net/arrow/images/7/71/Admin_title.png/revision/latest?cb=20160530055030") bottom center no-repeat !important;
}
.comments li[data-user="TimeShade"] blockquote:after {
   border-color:transparent #C5EC6E #C5EC6E transparent !important;
}
.comments li[data-user="TimeShade"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="TimeShade"] blockquote {color:black !important;}
 
.comments li[data-user="TimeShade"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="TimeShade"] blockquote {border: 1px solid #000 !important;}

.comments li[data-user="Wraiyf"] blockquote {
  color:black !important; background:#C5EC6E url("https://vignette.wikia.nocookie.net/arrow/images/7/71/Admin_title.png/revision/latest?cb=20160530055030") bottom center no-repeat !important;
}
.comments li[data-user="Wraiyf"] blockquote:after {
   border-color: transparent #C5EC6E #C5EC6E transparent !important;
}
.comments li[data-user="Wraiyf"] blockquote {color:black !important;
}
.comments li[data-user="Wraiyf"] blockquote {border: 1px solid #000 !important;}

.comments li[data-user="MakeShift"] blockquote {
  background:#C5EC6E url("https://vignette.wikia.nocookie.net/arrow/images/7/71/Admin_title.png/revision/latest?cb=20160530055030") bottom center no-repeat !important;
}
.comments li[data-user="MakeShift"] blockquote:after {
   border-color:transparent #C5EC6E #C5EC6E transparent !important;
}
.comments li[data-user="MakeShift"] blockquote div {
   background: transparent #C5EC6E !important;}
   
.comments li[data-user="MakeShift"] blockquote {color:black !important;
}
.comments li[data-user="MakeShift"] blockquote {border: 1px solid #000 !important;}

.comments li[data-user="Hambergite"] blockquote {
   color:black !important; background:#C5EC6E 
url("https://vignette.wikia.nocookie.net/arrow/images/7/71/Admin_title.png/revision/latest?cb=20160530055030") bottom center no-repeat !important;
}
.comments li[data-user="Hambergite"] blockquote:after {
   border-color:transparent #C5EC6E #C5EC6E transparent !important;
}
.comments li[data-user="Hambergite"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Hambergite"] blockquote {color:black !important;}
 
.comments li[data-user="Hambergite"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Hambergite"] blockquote {border: 1px solid #000 !important;}

.comments li[data-user="Kir_the_Wizard"] blockquote {
   color:black !important; background:#C5EC6E 
url("https://vignette.wikia.nocookie.net/arrow/images/7/71/Admin_title.png/revision/latest?cb=20160530055030") bottom center no-repeat !important;
}
.comments li[data-user="Kir_the_Wizard"] blockquote:after {
   border-color:transparent #C5EC6E #C5EC6E transparent !important;
}
.comments li[data-user="Kir_the_Wizard"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Kir_the_Wizard"] blockquote {color:black !important;}
 
.comments li[data-user="Kir_the_Wizard"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Kir_the_Wizard"] blockquote {border: 1px solid #000 !important;}


/*
#h1.wordmark medium graphic font-default { background-image: url("https://images.wikia.nocookie.net/__cb20140520065532/willksandbox/images/8/89/Wiki-wordmark.png")}
 
#h1.wordmark medium graphic font-default:hover {
  background-image:url("https://images.wikia.nocookie.net/__cb20140519065308/willksandbox/images/archive/8/89/20140520065532%21Wiki-wordmark.png") !important;
}
*/

.WikiaPage {
    border: 0;
    -moz-box-shadow: 0 0 10px 2px #000;
    -o-box-shadow: 0 0 10px 2px #000;
    -khtml-box-shadow: 0 0 10px 2px #000;
    -ms-box-shadow: 0 0 10px 2px #000;
    -icab-box-shadow: 0 0 10px 2px #000;
    -webkit-box-shadow: 0 0 10px 2px #000;
    box-shadow: 0 0 10px 2px #000;
}

/** 
.WikiaPage .WikiaPageBackground {
    background: linear-gradient( to bottom, rgba(0,48,97,0.40) 8.25em, #fcfff2 8.25em );
}
**/ 

/** Customized chat **/

.Chat .you {
background: transparent;
}
 
.Chat ul li {
background: transparent;
}
 
.Chat .you a,
.Chat ul li a {
color: aqua;
}
 
.Chat img {
border-radius: 0px;
border: none !important;
}
 
.Chat img.avatar {
border-radius: 5px;
border: none;
}
 
.Write .message {
background-color: transparent;
border: 0px solid black;
}
 
.Write .message textarea {
width: 98% !important;
background: transparent;
border: 0.5px dotted black;
}
 
.Write img {
border-radius: 5px;
border: none;
margin: auto !important;
}
 
.Write [name="message"] {
background-color: transparent;
border: 0;
color: #E3E2E2;
}
 
.WikiChatList img {
border-radius: 3px;
border: none;
}
 
.WikiChatList .User:hover,
.PrivateChatList .User:hover {
margin: 0px 0px 0px 7px !important;
-moz-transition: all linear 400ms;
-ms-transition: all linear 400ms;
-o-transition: all linear 400ms;
transition: all linear 400ms; 
background: transparent !important;
}
 
.User .username {
background-color: transparent;
color: #E3E2E2;
border: 0px solid black;
border-radius: 4px;
}
 
.User .username:hover {
color: aqua !important;
}
 
.ChatHeader {
background: rgba(0,0,0,0.7);
background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 58%, rgba(0,0,0,0.56) 70%, rgba(0,0,0,0.4) 84%, rgba(0,0,0,0.38) 87%, rgba(0,0,,0.36) 90%, rgba(0,0,0,0.3) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.7)), color-stop(58%, rgba(0,0,0,0.7)), color-stop(70%, rgba(0,0,0,0.56)), color-stop(84%, rgba(0,0,0,0.4)), color-stop(87%, rgba(0,0,0,0.38)), color-stop(90%, rgba(0,0,0,0.36)), color-stop(100%, rgba(0,0,0,0.3)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 58%, rgba(0,0,0,0.56) 70%, rgba(0,0,0,0.4) 84%, rgba(0,0,0,0.38) 87%, rgba(0,0,0,0.36) 90%, rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 58%, rgba(0,0,0,0.56) 70%, rgba(0,0,0,0.4) 84%, rgba(0,0,0,0.38) 87%, rgba(0,0,0,0.36) 90%, rgba(0,0,0,0.3) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 58%, rgba(0,0,0,0.56) 70%, rgba(0,0,0,0.4) 84%, rgba(0,0,0,0.38) 87%, rgba(0,0,0,0.36) 90%, rgba(0,0,0,0.3) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 58%, rgba(0,0,0,0.56) 70%, rgba(0,0,0,0.4) 84%, rgba(0,0,0,0.38) 87%, rgba(0,0,0,0.36) 90%, rgba(0,0,0,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
border-radius: 15px;
border: 1.5px solid black;
font-size: 105% !important;
}
 
.ChatHeader img {
border-radius: 3px;
border: none;
}
 
.ChatHeader .private {
color: #E3E2E2;
}
 
.Rail .private {
background-color: transparent;
color: #E3E2E2;
background-image: none;
}
 
.PrivateChatList .User img {
border-radius: 3px;
}
 
.PrivateChatList .User:hover {
background: transparent;
}
 
.Chat .me-message {
background-color: transparent;
color: #E3E2E2;
border: 1px solid aqua;
padding: 0px 2px;
border-radius: 4px;
}
 
.Rail .selected {
box-shadow: none;
background: transparent;
}
 
.User.away .status {
color: white;
}
 
.Chat li {
background: transparent;
color: #E3E2E2;
}
 
.Chat .time {
color: #E3E2E2;
font-size: 13px;
}
 
.Chat {
background: transparent !important;
border: 0px solid black;
border-bottom: none;
border-top-left-radius: 8px;
border-right: none !important;
}
 
.Write {
background: transparent !important;
border:0px solid black;
border-top: 0px solid black !important;
border-right: 0px solid black !important;
border-bottom-left-radius: 8px;
border-right: none;
}
 
.Rail {
background: transparent !important;
border: 0px solid black;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-left: none;
}
 
 
.ChatWindow .WikiaPage {
background: rgba(0, 0, 0, 0.45) !important;
color: #E3E2E2;
border-radius: 8px !important;
border: 1.5px solid black !important;
}
 
.ChatWindow {
    background: url(https://vignette.wikia.nocookie.net/arrow/images/f/f7/Legends-of-Tomorrow-background.png) center top !important;
font-weight: bold;
}

.WikiHeader h2{
margin-top:0px;
}



.crossoverportal {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
 
.crossoverportal .article-thumb {
    position: relative;
    margin: 0;
    padding: 1px .5px;
    background: none;
    cursor: pointer;
}
 
.crossoverportal .article-thumb { opacity: 0.8 }
.crossoverportal .article-thumb:hover { opacity: 0.6 }
.crossoverportal .article-thumb.show-info-icon:hover .info-icon { display: none }
 
.crossoverportal .article-thumb figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
 
.crossoverportal .article-thumb figcaption .caption {
    padding: 5px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .9);
    text-align:center;
    text-transform: uppercase;
}

.mainpage-box-characters .Arrow .title {
    float:left;
    padding-left:10px;
    color:#0D7B12;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}

.mainpage-box-characters .Batwoman .title {
    float:left;
    padding-left:10px;
	color:#3c0308;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .FlashCW .title {
    float:left;
    padding-left:10px;
    color:#CF2937;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .Supergirl .title {
    float:left;
    padding-left:10px;
    color:#003162;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .Constantine .title {
    float:left;
    padding-left:10px;
    color:#404A57;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .Legends .title {
    float:left;
    padding-left:10px;
    color:#006B6B;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .FlashCBS .title {
    float:left;
    padding-left:10px;
    color:#83050F;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .Webseries .title {
    float:left;
    padding-left:10px;
    color:#C4963F;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:3px;
    font-weight:bold;
    margin-top:10px;
}
 
.mainpage-box-characters .Arrow,
.mainpage-box-characters .Batwoman,
.mainpage-box-characters .Constantine,
.mainpage-box-characters .FlashCW,
.mainpage-box-characters .FlashCBS,
.mainpage-box-characters .Legends,
.mainpage-box-characters .Supergirl,
.mainpage-box-characters .Webseries {
    padding-top:10px;
    border-bottom:2px solid #1a150c;
}
 
.mainpage-box-characters .Arrow .subheader,
.mainpage-box-characters .Batwoman .subheader,
.mainpage-box-characters .Constantine .subheader,
.mainpage-box-characters .FlashCW .subheader,
.mainpage-box-characters .FlashCBS .subheader,
.mainpage-box-characters .Legends .subheader,
.mainpage-box-characters .Supergirl .subheader,
.mainpage-box-characters .Webseries .subheader {
    margin-bottom:50px;
}
 
.mainpage-box-characters .Arrow .icon,
.mainpage-box-characters .Batwoman .icon,
.mainpage-box-characters .Constantine .icon,
.mainpage-box-characters .FlashCW .icon,
.mainpage-box-characters .FlashCBS .icon,
.mainpage-box-characters .Legends .icon,
.mainpage-box-characters .Supergirl .icon,
.mainpage-box-characters .Webseries .icon {
    float:left;
}
.mainpage-box-characters .mw-collapsible-toggle {
    margin-top:-40px;
}
.mainpage-box-characters .mw-customtoggle-Arrow,
.mainpage-box-characters .mw-customtoggle-Batwoman,
.mainpage-box-characters .mw-customtoggle-Constantine,
.mainpage-box-characters .mw-customtoggle-FlashCW,
.mainpage-box-characters .mw-customtoggle-FlashCBS,
.mainpage-box-characters .mw-customtoggle-Legends,
.mainpage-box-characters .mw-customtoggle-Supergirl,
.mainpage-box-characters .mw-customtoggle-Webseries {
    float:right;
    margin-top:10px;
}