Altered Carbon Wiki
Don't have an account?
Register
Advertisement
Register
Altered Carbon Wiki
Altered Carbon Wiki
243
pages

Wikia.css

MediaWiki page
Revision as of 21:48, 6 March 2020 by KylaraE (Message Wall | contribs) (removing hardcoded bg image)
Sign in to edit

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@import url('https://fonts.googleapis.com/css?family=Nunito');

@font-face {font-family: "Nasalization Light";
    src: url("//db.onlinewebfonts.com/t/e2c24405cec0f83002fe81f88030d74a.eot");
    src: url("//db.onlinewebfonts.com/t/e2c24405cec0f83002fe81f88030d74a.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/e2c24405cec0f83002fe81f88030d74a.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/e2c24405cec0f83002fe81f88030d74a.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/e2c24405cec0f83002fe81f88030d74a.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/e2c24405cec0f83002fe81f88030d74a.svg#Nasalization Light") format("svg");
}

/* nav bar*/
body {
   font-family: Nunito;
}

.WikiaArticle h3 {
    font-weight: bold;
    }    
    
/* page headers */
.WikiaPage h1 {
	font-family: Nunito;
}

/*font*/
.WikiaArticle {
 font-family: Nunito;
}

/*wiki shadow*/
.WikiaPage {
	-moz-box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
    box-shadow: 0px 0px 70px #510101;
}
    
.wds-community-header {
    -moz-box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
     box-shadow: 0px 0px 70px #510101;
     border-top:4px solid darkred !important;
}
/*section headers*/
.WikiaArticle h2 {
    font-family: Nunito, sans-serif;
    font-weight: 900;
    background: linear-gradient(to right, transparent, #B20202, transparent);
    background-color: transparent;
    background-position: left bottom;
    border-bottom: none;
    color: #CCCCCC;
    line-height: 22px;
    padding: 3px 0 3px 0px;
    }

/* Customizing wikia sprites - courtesy of Steven Universe Wiki */
.activityfeed-diff:before {
    content: url(https://images.wikia.nocookie.net/steven-universe/images/thumb/e/e3/Notspriteview.png/15px-.png) !important;
    padding: 5px !important;
    position: absolute;
}
.activityfeed-diff img {
    display:none;
}
.sprite.contribute {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a9/Notspritecontribute.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.categorization {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/c3/Notspritecat.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.new {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d2/Notspritenew.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.edit {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/3/32/Notspriteedit.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.talk {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/7/76/Notspritecomment.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.blog {
    background:url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a6/Notspritenewblog.png) center no-repeat !important;
    background-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
}
.sprite-small.delete {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/cc/Notspriteremove.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.trash,
.sprite.remove {
    background:url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d7/Notspritedelete.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.drag {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a0/Notspritemove.png) center no-repeat !important;
    background-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
}
.sprite-small.edit, 
.sprite.edit-pencil {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.lock {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/b/b0/Notspritelock.png) center no-repeat !important;
    background-size: 15px !important;
    height: 20px !important;
    width: 15px !important;
}
.wikia-menu-button .sprite.edit-pencil {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
/** edit-pencil svg **/
.user-identity-box-edit svg {
    fill: white;
}

/*Tabber styling*/
ul.tabbernav {
    border-bottom: 5px solid #B20101 !important;
	font: 14px Nunito !important;
    font-weight: normal !important;
}
 
ul.tabbernav li a {
    padding: 8px 12px !important;
    margin-left: 0px !important;
    color: #CCCCCC !important;
    border: none !important;
    background: none !important;
}
 
ul.tabbernav li a:link { color: #CCCCCC !important; transition: all 0.35s ease; }
ul.tabbernav li a:visited { color: #CCCCCC !important;  transition: all 0.35s ease;}
ul.tabbernav li a:hover {
    color: #CCCCCC !important;
    background: #380000 !important;
    border:none !important;
    text-shadow: 0 0 0.5em #000000 !important;
	font-weight: normal !important;
	transition: all 0.35s ease;
}
 
ul.tabbernav li.tabberactive a {
    background-color: #B20101 !important;
    border-bottom: 1px solid #FD0303;
	color: #CCCCCC !important;
    text-shadow: 0 0 0.5em #000000 !important;
    font-weight: normal !important;
    transition: all 0.35s ease;
}
 
.tabberlive {
    width: 100% !important; transition: all 0.35s ease;
}
 
.tabberlive .tabbertab {
    border:none !important;
    padding: 0px !important; transition: all 0.35s ease;
}

/* Infobox styling*/
.portable-infobox {
    background-color: #380000;
    box-shadow: 0px 7px 25px #000;
}
.portable-infobox .pi-data:hover {
    background-color: #B20101;
}

.pi-title {
    text-align: center;
	color: white !important;
	font-weight: bold;
	padding-bottom: 10px;
	background-color:#380000;
}
.pi-title:hover {
    background-color:#510101;
}
.pi-header{
	text-align: center;
	background:#B20202;
	font-weight:normal;
	color: #FFF !important;
}
.pi-header:hover {
    background-color:#EF0606;
}
.portable-infobox .pi-border-color {
    border-color: #380000;
}

/********************/
/***PORTAL SECTION***/
/********************/

/*SLIDER UI*/
.portal_metro#portal_slider .portal_navlink { display: none; }
.portal_metro#portal_slider { }
.portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
.portal_metro#portal_slider .portal_navlink img { opacity: 0.3; }
.portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; }
.portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0 !important; } 
 
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none !important; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display:block; width: 100%; padding: .25em 0 .5em 1em; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; }
 
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: .25em 0 .5em 1em; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display:block; color: rgb(255,255,255); }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { padding: 1em 0 0 1em; margin-top: 0; border-bottom: none; text-transform: uppercase; color: rgb(3,99,141); font-size: 1.4em; }
.portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

/*Sizing*/
@media screen and (max-width: 1023px) { 
  .portal_metro [class^=portal_sliderlink] { width: 225px; }
  .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; }
  .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; }
  .WikiaRail .module { position: relative; }
}
@media screen and (min-width: 1023px) and (max-width: 1650px) {
  .portal_metro [class^=portal_sliderlink] { width: 225px; }
  .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; }
  .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; }
  .portal_metro#portal_main .portal_sliderlink-2:after { background-position-x: -170px; }
}
@media screen and (min-width: 1650px) {
  .portal_metro [class^=portal_sliderlink] { width: 300px; }
  /* realign slider background images */
  .portal_metro#portal_main .portal_sliderlink-2:after { background-position-x: -135px; }
  /* realign slider background images */
/*  .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 420px !important; } */
}
/* ensure code is at 9pt because of Chrome */
code { font-size: 9pt; }
/* so that icons have a small margin to the right */
.da-icon { margin-right: 0.3em; }
/* show/hide link */
.collapseLink { color: rgb(187,178,113) }
/* gallery margin reduced */
.wikia-gallery { margin: 0 }
/* move page background to a lower z-index */
body:not(.mediawiki) #WikiaPageBackground { z-index: -10; }
/* slider background */
.portal_metro#portal_main [class^=portal_sliderlink]:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; }
.portal_metro#portal_main [class^=portal_sliderlink]:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.55; background-size:180%; }
.portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; transition: all 0.65s ease; background-size:210%;}
.portal_metro#portal_main [class^=portal_sliderlink]:not(:hover):after { opacity: 0.55; transition: all 0.65s ease; background-size:180%;}
.portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; background-position-x:-250px; background-position-y:200px;}
.portal_metro#portal_main .portal_sliderlink-2:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/1/12/Universebg.jpg/revision/latest?cb=20180112123130'); }
.portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right:0px; height: 225px !important; } 
.portal_metro#portal_main .portal_sliderlink-3:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/e/e7/TVbg.jpg/revision/latest?cb=20180112123250'); }
.portal_metro#portal_main .portal_sliderlink-4 { top: 225px; right: 0px; height: 225px !important; }
.portal_metro#portal_main .portal_sliderlink-4:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/4/44/Bookbg.jpg/revision/latest?cb=20180112123456'); background-position-x:-150px;}
#PortalIcon {
	background: #008cff;
}
 
#PortalIcon:hover {
	background: #3a3a3a;
}

/****************/
/*MAIN PAGE TABS*/
/****************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav:after { overflow-y: hidden; }
.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; border-radius: 18px 7px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/*************/
/*PORTAL MAIN*/
/*************/
/* container settings */
.portal_metro .toc { display: none; }
.portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; border-radius: 10px; }
/* give all containers a black background so the opacity changes result in a brightness changes */
.portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; content: ""; background-color: rgb(0,0,0); z-index: -2; border-radius: 22px 9px;}
.portal_metro { border: 0px solid #005D82; border-radius: 22px 9px; box-shadow: 0px 7px 15px #000;}
.portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; border-radius: 22px 9px;}
/* pages nested within a slider container should not render borders twice */
.portal_metro .portal_metro { border: none; }
.portal_metro.ui-tabs .ui-tabs-panel { padding: 0; }
.portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; border-radius: 22px 9px;}
 
/* font title and sliders */
.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { width: 100%; font-family: "Nunito"; font-size: inherit; line-height: inherit; text-shadow: 0px 0px 2px (3,99,141), -1px -1px rgba(0,64,0,0.5), 1px 1px rgba(0,64,0,0.5); text-align:left !important;}
.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { text-transform: uppercase !important; }
.portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; }
.portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }
 
/* portal headers, headerlinks colors and formatting */
.portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; }
.portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; }
.portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; }
.portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(255, 255, 255); }
 
/* slider text position */
.portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px;  }
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: 1.6em; left: 20px; line-height: 1em; }
 
/* main slider sizing */
.portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; }
.portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px !important;}
.portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }
 
/* slider sub category background */
#portal_main, #portal_uni, #portal_TV, #portal_books { position: relative; }
#portal_uni:after, #portal_TV:after, #portal_books:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#portal_TV:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/2/25/ACBG.png/revision/latest?cb=20180112133532'); background-size:110%; opacity:0.6;} 
#portal_uni:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/2/25/ACBG.png/revision/latest?cb=20180112133532'); background-size:110%; opacity:0.6;}
#portal_books:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/2/25/ACBG.png/revision/latest?cb=20180112133532'); background-size:110%; opacity:0.6;}

/* portal section background */
.portal_metro#portal_media:after, .portal_metro#portal_social:after, .portal_metro#portal_poll:after, .portal_metro#portal_news:after, .portal_metro#portal_blog:after, .portal_metro#portal_nextep:after, .portal_metro#portal_nextbook:after, .portal_metro#portal_statistics:after, .portal_metro#portal_welcome:after, .portal_metro#portal_browse:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/*Welcome*/
.portal_metro#portal_welcome:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/8/88/Welcomebg.jpg/revision/latest?cb=20180112111046'); opacity: 0.45; background-size:110%; background-position-y:0px; border-radius: 22px 9px}
.portal_metro#portal_welcome:hover:after { opacity: 0.7; transition: all 0.65s ease; background-size:130%;}
.portal_metro#portal_welcome:not(:hover):after {
    opacity: 0.45; transition: all 0.65s ease; background-size:110%;
}

/*Media*/
.portal_metro#portal_media { padding-bottom: 1em; }
.portal_metro#portal_media:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/5/5e/Mediabg.jpg/revision/latest?cb=20180112114011'); opacity: 0.35; background-size:170%; border-radius: 22px 9px}
.portal_metro#portal_media:hover:after { opacity: 0.7; transition: All 0.65s ease; background-size:204%;}
.portal_metro#portal_media:not(:hover):after {
    opacity: 0.35; transition: all 0.65s ease; background-size:170%;
}

/*Discussions*/
.portal_metro#portal_blog:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/a/a1/Blogbg.jpg/revision/latest?cb=20180112114420'); opacity: 0.35; background-size:180%; border-radius: 22px 9px}
.portal_metro#portal_blog:hover:after {
    transition: all 0.65s ease;   
    opacity: 0.7;
    background-size:216%;
    }
.portal_metro#portal_blog:not(:hover):after {
    opacity: 0.35; transition: all 0.65s ease;
    background-size:180%
}

/*Statistics*/
.portal_metro#portal_statistics:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/9/93/Statsbg.png/revision/latest?cb=20180112115546'); opacity: 0.3; background-size:140%; border-radius: 22px 9px}
.portal_metro#portal_statistics:hover:after { opacity: 0.7; transition: all 0.65s ease; background-size:172%;}
.portal_metro#portal_statistics:not(:hover):after {
    opacity: 0.3; transition: all 0.65s ease; background-size:140%;
}

/*Poll*/
.portal_metro#portal_poll:after { background-image: url('/wiki/File:Pollbg.jpg'); opacity: 0.4; background-size:410%; border-radius: 22px 9px; background-position-x:-20px;}
.portal_metro#portal_poll:hover:after { opacity: 0.7; transition: All 0.65s ease; background-size:492%;}
.portal_metro#portal_poll:not(:hover):after {
    opacity: 0.4; transition: all 0.65s ease; background-size:410%
    }
    
/*Next episode*/
.portal_metro#portal_nextep:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/0/09/Nextepbg.jpg/revision/latest?cb=20180112115938'); opacity: 0.4; background-size:100%; border-radius: 22px 9px}
.portal_metro#portal_nextep:hover:after { opacity: 0.7; transition: all 0.65s ease;background-size:120%;}
.portal_metro#portal_nextep:not(:hover):after {
    opacity: 0.4; transition: all 0.65s ease; background-size:100%;
}

/*Social*/
.portal_metro#portal_social:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/e/e3/Socialbg.jpg/revision/latest?cb=20180112115940'); opacity: 0.4; background-size:360%; border-radius: 22px 9px}
.portal_metro#portal_social:hover:after { opacity: 0.7; transition: All 0.65s ease; background-size:430%;}
.portal_metro#portal_social:not(:hover):after {
    opacity: 0.4; transition: all 0.65s ease; background-size:360%;
}

/*News*/
.portal_metro#portal_news:after { background-image: url('https://vignette.wikia.nocookie.net/altered-carbon/images/e/ee/Newsbg.png/revision/latest?cb=20180112115939'); opacity: 0.4; background-size:350%; border-radius: 22px 9px; background-position-x: -70px; background-position-Y: -40px;}
.portal_metro#portal_news:hover:after { opacity: 0.7; background-size:400%;transition: All 0.65s ease; }
.portal_metro#portal_news:not(:hover):after {
    opacity: 0.4; transition: all 0.65s ease;
    background-size:350%;
}

/* Desktop XL */
/* Kudos given to "The Good Doctor" Wiki and Original Authority, who in turn thanks pl.nsf.wikia.com for this */
@media only screen and (min-width:1596px) {
    .WikiaUserPagesHeader {
        margin-left: -30px !important;
        margin-right: -30px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -30px !important;
        margin-right: -30px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 205px !important;
    }
}
 
/* Desktop */
@media only screen and (min-width:1084px) and (max-width:1595px) {
    .WikiaUserPagesHeader {
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 195px !important;
    }
}
 
/* Tablet Landscape */
@media only screen and (min-width:1024px) and (max-width:1083px) {
    .WikiaUserPagesHeader {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 185px !important;
    }
}
 
/* Tablet Portrait */
@media only screen and (max-width:1023px) {
    .WikiaUserPagesHeader {
        margin-left: -24px !important;
        margin-right: -24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -24px !important;
        margin-right: -24px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 199px !important;
    }
}
.WikiaUserPagesHeader {
    padding-top: 0;
    background: rgba(128, 128, 128, .07);
    margin-bottom: 18px
}
.UserProfileMasthead {
    padding: 0;
}
.UserProfileMasthead .masthead-avatar {
    z-index: 1;
    left: 0px;
}
.avatar,
.User img {
    border-radius: 50%;
    border: 2px solid #484848;
}
.UserProfileMasthead .masthead-avatar .avatar {
    border: none;
}
.UserProfileMasthead .masthead-info {
    background: none;
    box-shadow: none;
    margin-left: 0;
    margin-bottom: 0;
}
.UserProfileMasthead .masthead-info hgroup {
    background-image: url(https://vignette.wikia.nocookie.net/altered-carbon/images/4/46/ProfileBG.jpeg/revision/latest?cb=20180211045736);
    border-radius: 0;
}
.UserProfileMasthead .masthead-info h2 {
    margin-right: 5px;
}
.UserProfileMasthead .masthead-info .tag {
	background: gold;
	color:black;
    font-size: 13px;
    border-radius: 5px;
	font-weight: bold;
}
.UserProfileMasthead .masthead-info-lower:before {
    display: none;
}
.UserProfileMasthead .masthead-info h2 span {
    color:white;
}
 
/* Zakładki */
.WikiaUserPagesHeader .tabs {
    display: flex;
    flex-direction: row;
    border-bottom: none;
}
.WikiaPage {
    border-top: 3px solid red !important;
}
.WikiaUserPagesHeader .tabs li {
    border-bottom: 4px solid ;
    color: #999;
    cursor: pointer;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    flex: 1 auto;
    margin: 0;
    transition: filter 0.25s ease-out
}
 
.WikiaUserPagesHeader .tabs li:hover {
    filter: brightness(1.3)
}
.WikiaUserPagesHeader .tabs li a {
    color: #FB5050 !important;
}
.WikiaUserPagesHeader .tabs li:hover a {
    text-decoration: none;
} 
.WikiaUserPagesHeader .tabs li.selected {
    border-bottom: 4px solid #991300;
    color: lightgrey !important;
}
.WikiaUserPagesHeader .tabs li.selected a {
    border: none;
    background: none;
    color: inherit;
}
 
 
/* Animacje przycisków "edytuj" */
#userIdentityBoxEdit::before, #userAvatarEdit::before {
    content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 18 18\" class=\"wds-icon wds-icon-small\" id=\"wds-icons-pencil-small\" style=\"fill: white\"><path d=\"M9.1 4.5l-7.8 7.8c-.2.2-.3.4-.3.7v3c0 .6.4 1 1 1h3c.3 0 .5-.1.7-.3l7.8-7.8-4.4-4.4zm7.6-.2l-3-3c-.4-.4-1-.4-1.4 0l-1.8 1.8 4.4 4.4 1.8-1.8c.4-.4.4-1 0-1.4z\" fill-rule=\"evenodd\"></path></svg>");
    margin-right: 5px;
}
 
#userIdentityBoxEdit, #userAvatarEdit {
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
}
 
.UserProfileMasthead .user-identity-box-edit  #wds-icons-pencil,
.UserProfileMasthead .avatar-controls .edit-pencil {
    display: none;
}
 
.UserProfileMasthead .masthead-info .user-identity-box-edit {
    display: block;
    transition: opacity 0.15s ease-out;
    opacity: 0;
}
 
.UserProfileMasthead .masthead-avatar span {
    text-align: center;
    float: left;
    width: 100%;
}
 
.UserProfileMasthead .masthead-avatar .avatar-controls {
    display: block;
    transition: opacity 0.15s ease-out;
    opacity: 0;
    float: left;
    width: 100%;
    margin-top: 5px
}
 
.UserProfileMasthead .masthead-info:hover .user-identity-box-edit,
.UserProfileMasthead .masthead-avatar:hover .avatar-controls {
    display: block;
    opacity: 1
}
 
/* Przycisk edycji profilu */
.UserProfileMasthead .masthead-info hgroup {
    overflow: visible;
}
 
.UserProfileMasthead .wds-dropdown__content {
    background-color: #313131;
    border-color: #484848;
    color: #D5D4D4
}
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li > a {
    color: #D5D4D4
}
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li:hover > a {
    background-color: rgba(112,184,255,0.1);
    color: #70b8ff
}
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
    background-color: #313131;
    border-color: #484848;
    color: #D5D4D4
}
 
.UserProfileMasthead .wds-dropdown::after {
    border-bottom-color: #313131
}
 
.UserProfileMasthead .wds-dropdown::before {
    border-bottom-color: #484848
}
 
.UserProfileMasthead button {
    background-image: none
}
 
.UserProfileMasthead .wds-button.wds-is-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
 
.UserProfileMasthead .wds-button.wds-is-secondary:focus:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:hover:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:active,
.UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active {
    background-color: transparent;
    border-color: #cac6c6;
    color: #cac6c6
}
 
.UserProfileMasthead .wds-button.wds-is-text {
    background-color: transparent;
    color: #D5D4D4
}
 
.UserProfileMasthead .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
    border-left-color: transparent;
}
 

/*********************/
/* Admin Customizing */
/*********************/

/* Admin Highlighting */
a[href$=":Echo_Spy"],
a[href$="/wiki/User:Echo_Spy"],
a[href="/wiki/Message_Wall:Echo_Spy"],
a[href="/wiki/User_blog:Echo_Spy"],
a[href="/wiki/Special:Contributions/Echo_Spy"] { color:#00FFFF; font-weight:bold !important; }

a[href$=":MysticalArchAngel"],
a[href$="/wiki/User:MysticalArchAngel"],
a[href="/wiki/Message_Wall:MysticalArchAngel"],
a[href="/wiki/User_blog:MysticalArchAngel"],
a[href="/wiki/Special:Contributions/MysticalArchAngel"] { color:limegreen; font-weight:bold !important; }

.Wall .edited-by a[href$="Echo_Spy"] ~ .subtle::after {
  color:#00FFFF !important; font-family:serif; font-size:10px; content: " BUREAUCRAT • CYBERPUNK";
}
.Wall .edited-by a[href$="MysticalArchAngel"] ~ .subtle::after {
    color:limegreen !important font-family:serif; font-size:10px; content: " ADMINISTRATOR • CYBERPUNK";
}

.comments li[data-user="Echo Spy"] blockquote {
    color:dodgerblue !important; background:black
url(https://vignette.wikia.nocookie.net/prettylittleliars/images/c/c3/MyPersonalAdminTag.png/revision/latest?cb=20180210014422)
bottom center no-repeat !important;
}
.comments li[data-user="Echo Spy"] blockquote:after {
    border-color: transparent black black transparent !important;
}
.comments li[data-user="Echo Spy"] blockquote div {
    background: transparent !important;
}
.comments li[data-user="Echo Spy"] blockquote {color:dodgerblue !important;
}
.comments li[data-user="Echo Spy"] blockquote {border:4px solid dodgerblue !important;}

.comments li[data-user="MysticalArchAngel"] blockquote {
    color:white !important; background:navy
url("https://images.wikia.nocookie.net/icarly/images/a/a5/%40admins_sig_line7.png")
bottom center no-repeat !important;
}
.comments li[data-user="MysticalArchAngel"] blockquote:after {
    border-color: transparent black black transparent !important;
}
.comments li[data-user="MysticalArchAngel"] blockquote div {
    background: transparent !important;
}
.comments li[data-user="MysticalArchAngel"] blockquote {color:white !important;
}


a[href="/wiki/User:Echo_Spy"] {
    background: url(https://vignette.wikia.nocookie.net/altered-carbon/images/8/8a/JayHighlightPic.png/revision/latest?cb=20180202233635) center left no-repeat;
	padding-left: 20px;
}
a[href="/wiki/User:MysticalArchAngel"] { background: url(https://vignette.wikia.nocookie.net/altered-carbon/images/b/b1/MysticHighlightPic.png/revision/latest?cb=20180203012410) center left no-repeat;
padding-left:20px;

}

a[href$=":Echo_Spy"]:not(.wds-community-header),
a[href$="/Echo_Spy"]:not(.wds-community-header) {
 color:#00FFFF !important;/*must use !important*/
    font-weight: bold;
    }
a[href$=":MysticalArchAngel"]:not(.wds-community-header),
a[href$="/MysticalArchAngel"]:not(.wds-community-header) {
 color:limegreen !important;/*must use !important*/
    font-weight: bold;
    }

.speech-bubble-avatar a {
    padding-left: 0 !important;
    padding-bottom: 30px;
    background-position: 18px;
}
.Board .speech-bubble-avatar a {
    padding-left: 0 !important;
    padding-bottom: 30px;
    background-position: 18px;
}
#AccountNavigation .account-navigation-item .links-container a { 
    background: none !important;
    padding-left: 0 !important;
}
Community content is available under CC-BY-SA unless otherwise noted.
More Fandoms
Advertisement