Pixel Worlds Wiki
No edit summary
No edit summary
Line 714: Line 714:
 
::-webkit-scrollbar-track {
 
::-webkit-scrollbar-track {
 
background: #081b30 !important;
 
background: #081b30 !important;
  +
}
  +
  +
/* Desc Box */
  +
.descbox {
  +
border: 3px #20507d solid;
  +
border-radius: 15px;
  +
background-color: #1b354d;
  +
padding: 5px;
  +
box-shadow: #1b354d 0px 0px 10px 0px;
 
}
 
}

Revision as of 10:28, 12 March 2020

/***** Custom Pointer *****/
body {
  cursor: url('https://vignette.wikia.nocookie.net/portalworldsgame/images/d/d2/PWCursor.png'), pointer; 
}

a, a:hover {
  cursor: url('https://vignette.wikia.nocookie.net/portalworldsgame/images/d/d2/PWCursor.png'), pointer; 
}

p {
  cursor: url('https://vignette.wikia.nocookie.net/portalworldsgame/images/d/d2/PWCursor.png'), pointer; 
  margin-bottom: 0 !important;
}

ul {
    margin-top: 0 !important;
}

div, div:hover {
  cursor: url('https://vignette.wikia.nocookie.net/portalworldsgame/images/d/d2/PWCursor.png'), pointer; 
}

.maintable .body .module.embeddable-discussions-module {
    border: 0;
    padding: 0;
}

.maintable .body .embeddable-discussions-threads {
    border: 0;
    padding: 0;
}

.maintable .body .embeddable-discussions-module .embeddable-discussions-heading-container {
    display: none;
}



/***** Hoverover Box *****/
.tooltip-box {
    display: inline-block;
    background-color: #0b1f34;
    padding: 10px;
    border: 1px white solid;
    margin-bottom: 5px;
}

.tooltip-header p {
    margin: .7em 0 .5em;
}

.tooltip-image {
    float: left;
    margin-right: 10px;
}

.tooltip-header {
    display: inline-block;
    border-bottom: 1px #1a3b5f solid;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/***** Infobox *****/
.infobox2 {
    border: 3px #20507d solid;
    border-radius: 15px;
    background-color: #1b354d;
    padding: 5px;
    box-shadow: #1b354d 0px 0px 10px 0px;
}

.attributeinfo {
    background-color: #1a2c42;
    font-weight: bold;
    width: 100%;
    border-radius: 50px;
    padding: 3px 5px 3px 3px;
    margin-bottom: 10px;
}

.attributedamageinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 25px;
    max-width: 25px;
}

.attributedefenceinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 25px;
    max-width: 25px;
}

.attributecriticalinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    Background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 15px;
    max-width: 15px;
}

.attributeelementinfo {
    border-radius: 5px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 10px;
    max-width: 10px;
}

.crossbreedinfo {
    background-color: #1a2c42;
    font-weight: bold;
    width: 100%;
    border-radius: 50px;
    padding: 3px 5px 3px 3px;
    margin-bottom: 10px;
}

.crossbreedicon {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 25px;
    max-width: 25px;
}

.crossbreedable {
    color: #ffffff;
    border-radius: 5px;
    border: #65abe3 solid 2px;
    background-color: transparent;
    text-align: center;
    width: 110px;
    max-width: 110px;
    text-shadow: 0px 0px #000000;
    letter-spacing: 0.5px;
}

.basicinfo {
    background-color: #1a2c42;
    font-weight: bold;
    width: 100%;
    border-radius: 50px;
    padding: 3px 5px 3px 3px;
    margin-bottom: 10px;
}

.complexityinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 50px;
    max-width: 50px;
    letter-spacing: 0.5px;
}

.tierinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 35px;
    max-width: 35px;
    letter-spacing: 0.5px;
}

.rarityinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 50px;
    max-width: 50px;
    letter-spacing: 0.5px;
}

.itemtypeinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 60px;
    max-width: 60px;
    letter-spacing: 0.5px;
}

.farmableinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 60px;
    max-width: 60px;
    letter-spacing: 0.5px;
}

.growthtimeinfo {
    border-radius: 50px;
    border: #65abe3 solid 2px;
    background-color: #1a2c42;
    color: white;
    text-align: center;
    width: 60px;
    max-width: 60px;
    letter-spacing: 0.5px;
}

.descriptionbox {
    text-align: center;
    border: 2px #65abe3 solid;
    border-radius: 5px;
    width: 100%;
    margin-right: 10px;
    padding: 20px 20px 0 20px;
}

/***** Tabber styles for event infobox *****/
ul.tabbernav {
    border: 0 !important;
}

ul.tabbernav li a {
    border: 1px solid #001265 !important;
    background: #0a218e !important;
}

ul.tabbernav li.tabberactive a {
    background-color: #001265 !important;
}

ul.tabbernav li a:visited {
    color: #f2f7ff !important;
}

ul.tabbernav li a:link {
    color: #f2f7ff !important;
}

.tabber .tabbertab {
    padding: 0px !important;
    border: 0 !important;
    border-top: 0;
}

/* Test attribute */
.AttributeTable {
    background-color: #001462;
    padding: 10px;
    border-radius: 10px;
    clear: both;
}

.AttributeTableTitle h1 {
    margin: 0.2em 0 .4em 0;
    text-align: center;
}

.AttributeTable table.wikitable {
    margin: 0;
}


.WikiaPage {
    border: 0;
}

/* Change font size */
.WikiaArticle h3 {
    text-shadow: -2px 2px #000000 !important;
}

.WikiaArticle {
    text-shadow: -1px 1px #000000;
}

span.mw-headline {
    font-size: 20px;
    text-shadow: -2px 2px black;
}

/* Craft Table */
table.crafttable.mw-collapsible.mw-made-collapsible.mw-collapsed {
    width: 380px;
    border: 1px solid #FFFFFF;
    -moz-border-radius: .7em;
    -webkit-border-radius: .7em;
    padding: 0.2em;
    margin-bottom: 5px;
}

table.crafttable.mw-collapsible.mw-made-collapsible {
    width: 380px;
    border: 1px solid #FFFFFF;
    -moz-border-radius: .7em;
    -webkit-border-radius: .7em;
    padding: 0.2em;
    margin-bottom: 5px;
}

table.crafttable.mw-collapsible.mw-made-collapsible th {
    background-color: #001265;
    color: #ffffff;
    font-size: 110%;
    padding: 0.2em;
}

/* Item Infobox */
.pi-europa.pi-background {
    background-color: #002f8c;
}

.pi-europa.portable-infobox {
    width: 255px;
    border: 2px #20507d solid;
    border-radius: 5px;
}

.pi-item .pi-data .pi-data-value.pi-font {
    padding-left: 40px;
    padding-bottom: 5px;
    padding-top: 0px;
    text-shadow: -1px 1px #000000;
}

.pi-europa .pi-item-spacing.pi-data {
    padding: 0px;
    border-bottom: 1px #001265 solid;
}

.pi-europa .pi-item-spacing.pi-data:first-child {
    border-bottom: 0;
}

.pi-europa .pi-item-spacing.pi-data:last-child {
    border-bottom: 0px;
}

.pi-europa.pi-layout-stacked .pi-data-label {
    padding-right: 0;
    font-size: 18px;
}

.pi-europa .pi-title {
    font-size: 26px;
}

th.pi-horizontal-group-item.pi-data-label.pi-secondary-font.pi-border-color.pi-item-spacing {
    text-align: center;
    padding: 10px;
}

td.pi-horizontal-group-item.pi-data-value.pi-font.pi-border-color.pi-item-spacing {
    text-align: center;
}

/**********************************
*************ToolTip***************
***********************************/
/* Tooltips Infobox */
.pi-theme-tooltips .pi-item .pi-data .pi-data-value.pi-font {
    padding: 10px 14px;
    font-size: 11px;
}

.portable-infobox.pi-theme-tooltips .pi-secondary-font {
    font-size: 12px;
}

.portable-infobox.pi-theme-tooltips h3.pi-data-label.pi-secondary-font {
    padding-right: 10px;
}

.pi-theme-tooltips.pi-europa.portable-infobox {
    width: 230px;
}

.pi-theme-tooltips.pi-europa .pi-title {
    text-align: left;
    font-size: 20px;
}

.pi-theme-tooltips.pi-europa .pi-item-spacing.pi-data {
    border: 0;
}

.pi-theme-tooltips.pi-europa .pi-header {
    font-size: 15px !important;
}

/*Icon Datas*/
.Icon-Data {
    display: inline-block;
    background-color: #002d8b;
    border: 2px solid #001462;
    border-radius: 10px;
    padding: 5px 10px;
    box-shadow: inset 0px 0px 10px 0px #090909;
}


/******Global******/
/*Font*/
#WikiaMainContent {
    font-family: Cabin;
    font-size: 15px;
    font-weight: normal !important;
}

.WikiaArticle{
    font-family: Cabin;
}


/*****Main Page******/
/*Top*/
.top-header {
    overflow: auto;
    padding: 0.3em 0.4em 0.2em 0.4em;
    margin: 10px 0 10px 0;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background-image: -webkit-linear-gradient(left,transparent 0%, #001462 50%, transparent 100%); 
}

/*Front*/
.maintable {
    width: 100%;
    margin-top: 50px;
}
 
.maintable .header {
    font-size: 1.6em;
    line-height: 35px;
    border: 4px solid #1f4d78;
    border-radius: 13px 13px 0 0;
    border-bottom: 0;
}

.header .title {
    font-family: 'Lilita One';
    text-transform: uppercase;
    border: 3px solid #73bcf5;
    border-radius: 10px 10px 0 0;
    background-color: #05223d;
    letter-spacing: 1px;
    padding: 5px 0 5px 15px;
    border-bottom: 0;
}
 
.maintable .body {
    background: #16385d;
    border-radius: 0 0 15px 15px;
    font-size: 1.1em;
    font-family: Mt reg;
    border: 4px solid #1f4d78;
    border-top: 0;
}

.maintable .body .inner-body {
    padding: 10px;
    border: 3px solid #73bcf5;
    border-radius: 0 0 12px 12px;
}

/*Side*/
.sidetable {
    width: 95%;
    margin: 0;
    background: radial-gradient(circle, #003295 15%, #001462 65%);
    border: 4px solid #43e7ff;
    margin-top: 50px;
    border-radius: 15px;
    color: white;
}
 
.sidetable .header {
    background-image: radial-gradient(#003295 10%, #001462 90%);
    text-align: center;
    border: 4px solid #43E7FF;
    border-image: url(https://vignette.wikia.nocookie.net/portalworldsgame/images/4/46/Border.png) 10 round;
    border-image-width: 10px;
    padding: 5px;
    vertical-align: top;
    border-radius: 15px;
    font-family: Blocktopia;
    width: 200px;
    font-size: 40px;
    line-height: 30px;
    letter-spacing: 0;
    position: relative;
    top: -26px;
    left: 37px;
    box-shadow: inset 0 0 15px #000;
    text-shadow: 0 0 10px #000;
}
 
.sidetable .body {
    background: transparent;
    border-radius: 15px;
    font-family: Noto Sans Bold;
    font-weight: bold;
    font-size: 20px;
    padding: 5px;
}




/******Gallery******/

/*Images and Caption*/
.wikia-gallery-item .thumb .gallery-image-wrapper {
    overflow: initial;
}

.lightbox-caption {
    user-select: none;
}

.specific-gallery img.lzyTrns {
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -webkit-user-drag: none;
    
}

.specific-gallery img.lzyTrns:hover {
    filter: brightness(0.9);
}

.specific-gallery img.lzyTrns:active {
    filter: brightness(0.7);
}

/*Font Size*/
.wikia-gallery-item .title, .wikia-gallery-item .lightbox-caption {
    font-size: 17px !important;
}

/*Rail Module*/
#WikiaRail .activity-icon {
    fill: #36b9cc;
}

#WikiaRail .rail-module a.edit-info-user, #WikiaRail .rail-module {
    color: #36b9cc;
}

.WikiaRail .rail-module {
    margin: 0 0 30px;
    border: 2px #133152 solid;
    border-radius: 5px;
    padding: 15px 10px 10px 10px;    
}

.WikiaRail .rail-module {
    background: transparent url(https://vignette.wikia.nocookie.net/portalworldsgame/images/d/d1/StyleBackground.png/revision/latest?cb=20180504083224);
}

/******User Design******/
/* Round PFP */
.avatar {
border-radius: 50%;
}

/* Admin Colors */
a[href$=":PortalWorldsGame"],
a[href$="/PortalWorldsGame"] { text-shadow:0px 0px 1px #E744DE; font-family: orbitron; color:#E744DE; font-weight:bold; !important;    -webkit-animation: colorchange 2s forwards infinite;    -moz-animation: colorchange 2s forwards infinite;
    -o-animation: colorchange 2s forwards infinite;
    -animation: colorchange 2s forwards infinite;}

.Wall .edited-by a.subtle[href$="Wall:PortalWorldsGame"]:after {
    color: #800080 !important;
    content: "Admin" !important;
    font-family: Nunito;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
}

/* Moderator Colors*/
a[href$=":BushPush"],
a[href$="/BushPush"],
a[href$=":ColdUnwanted"],
a[href$="/ColdUnwanted"],
a[href$=":NicoKapell"],
a[href$="/NicoKapell"]    
    { 
    color:#43E7FF !important; 
    font-weight: bold !important;  
}

.Wall .edited-by a.subtle[href$="Wall:BushPush"]:after,
.Wall .edited-by a.subtle[href$="Wall:ColdUnwanted"]:after, 
.Wall .edited-by a.subtle[href$="Wall:NicoKapell"]:after
    {
    color: #14afc5 !important;
    content: "- Moderator -" !important;
    font-family: Nunito;
    font-size: 15px;
    font-variant: all-petite-caps;
}

/******Infobox*******/
.pi-europa .pi-item-spacing.pi-data {
    padding: 0px;
}
.pi-data-label, .pi-europa .pi-data-value {
    padding: 10px 14px;
}
.pi-europa.pi-background {
    background-color: #003295;
}
.pi-data-label {
    background: #1b354d;
}
.pi-data-value {
    background: #1b354d;
}
.pi-image {
    background: #002f8c;
    padding: 5px 0 5px 0;
}

.pi-europa .pi-header, .pi-europa .pi-title {
    background: #1a2c42;
}

/*Font Size */
.portable-infobox .pi-secondary-font { 
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 0;
}
.pi-data-value {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 15px;
    line-height: 18px;
    padding-left: 0;
    word-break: break-word;
}
.pi-europa .pi-header {
    font-size: 18px !important;
}
.pi-europa .pi-title {
    font-size: 23px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 14px;
}

/*Actvity Feed Font Size*/
.activityfeed strong {
    font-size: 22px
}
.activityfeed cite {
    font-size: 16px;
}

/*Admin Board Font Size*/
.AdminDashboard .admin-dashboard-content .control-section .controls .control {
    cursor: pointer;
    float: left;
    height: 95px;
    line-height: 12px;
    padding: 20px 3px 0;
    width: 74px;
    font-size: 15px;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background: #36B9CC;
    border-radius: 9px;
}
::-webkit-scrollbar-thumb:hover {
    background: #43E7FF !important;
}
::-webkit-scrollbar-thumb:active {
    background: #2b96a5 !important;
}
 
::-webkit-scrollbar-track {
    background: #081b30 !important;
}

/* Desc Box */
.descbox {
    border: 3px #20507d solid;
    border-radius: 15px;
    background-color: #1b354d;
    padding: 5px;
    box-shadow: #1b354d 0px 0px 10px 0px;
}