第1行: |
第1行: |
− | @import url('https://fonts.googleapis.com/css?family=Play:400,700');
| + | /* Changes the background color of the bottom and left of each page, up to behind half of the logo: */ |
− | /* Changes the background color of the bottom and left of each page, up to behind half of the logo: */
| |
| body { | | body { |
− | background: black; | + | background: #E57527; |
| } | | } |
| | | |
| /* Changes the background color behind the top half of the logo and at top of each page: */ | | /* Changes the background color behind the top half of the logo and at top of each page: */ |
| #mw-page-base { | | #mw-page-base { |
− | background: red; | + | background: #21233E; |
− | }
| |
− | .WikiaPage {
| |
− | font-family: 'Play', sans-serif;
| |
− | font-weight: 400;
| |
− | background-color: #FFFFFF;
| |
− | }
| |
− | | |
− | /* Removing title on main page */
| |
− | .mainpage .WikiaPage .page-header__title,
| |
− | .mainpage .WikiaPage .page-header__separator {
| |
− | display: none;
| |
− | }
| |
− | | |
− | /* siderail headers and wiki activity summary headers */
| |
− | .WikiaRail .module h2, .dark_text_2 {
| |
− | color:#27d1f4;
| |
− | }
| |
− |
| |
− | | |
− | /* hides the gallery add photo button */
| |
− | .wikia-photogallery-add {
| |
− | display: none;
| |
− | }
| |
− | | |
− | .WikiaArticle h2 {
| |
− | border-bottom: none !important;
| |
− | background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
| |
− | background-repeat: no-repeat;
| |
− | background-position: 25% 105%;
| |
− | background-size:100% 10px;
| |
− | padding-bottom: 6px;
| |
− | color:#27d1f4;
| |
− | text-shadow: -1px 1px 0 #111,
| |
− | 1px 1px 0 #111,
| |
− | 1px -1px 0 #111,
| |
− | -1px -1px 0 #111;
| |
− | font-size: 18pt;
| |
− | }
| |
− |
| |
− | .WikiaArticle h3 {
| |
− | color:#27d1f4;
| |
− | }
| |
− |
| |
− | /* prevent h2 style from affecting the TOC box */
| |
− | .toc .toctitle h2 {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | /* for one's following page, to keep header design a bit smaller*/
| |
− | .page-Special_Following h2 {
| |
− | background-position:0% 110% !important;
| |
− | }
| |
− | | |
− | /* default settings for div table */
| |
− | .divTable {
| |
− | display: table;
| |
− | }
| |
− | .divTableRow {
| |
− | display: table-row;
| |
− | }
| |
− | .divTableCell, .divTableHead {
| |
− | display: table-cell;
| |
− | padding: 10px;
| |
− | }
| |
− | .divTableBody {
| |
− | display: table-row-group;
| |
− | }
| |
− |
| |
− | .RelatedPagesModule {
| |
− | display: none !important;
| |
− | }
| |
− | | |
− | /* fixing indentation breaks so html code isn't messy */
| |
− | .WikiaArticle dd {
| |
− | margin-bottom: 14px !important;
| |
− | }
| |
− |
| |
− | /* reference list to keep it from being kicked to the bottom */
| |
− | .mw-parser-output .mw-references-wrap {
| |
− | clear: none;
| |
− | }
| |
− | | |
− | /* for reflist template */
| |
− | .references-small {
| |
− | font-size: 90%;
| |
− | }
| |
− | | |
− | /* fixing highlighted reference issues caused by UCP */
| |
− | ol.references li:target, sup.reference:target {
| |
− | background-color: var(--themed-page-background--secondary);
| |
− | }
| |
− | | |
− | | |
− | /***************/
| |
− | /* quote boxes */
| |
− | /***************/
| |
− | .quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; }
| |
− | .quotebox + .quotebox { margin:1em 0 0 0; }
| |
− | .quotebox .leftquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; }
| |
− | .quotebox .rightquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; }
| |
− | .quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; }
| |
− | .quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; }
| |
− |
| |
− | /*** portable infobox ***/
| |
− | .portable-infobox {
| |
− | position: relative;
| |
− | margin-right:5px;
| |
− | margin-top:5px;
| |
− | border:1px solid #ffef00;
| |
− | border-radius:10px 0px 0px 10px;
| |
− | background-color:#111111;
| |
− | padding-bottom:4px;
| |
− | -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | }
| |
− |
| |
− | /* fixes it so right border overlaps any infobox images */
| |
− | .portable-infobox::after {
| |
− | content: "";
| |
− | position: absolute;
| |
− | width: 8%;
| |
− | height: 100%;
| |
− | top: 0px;
| |
− | right: 0px;
| |
− | background-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/6/60/Cyberpunk_2077_razor_vertical_edge.svg");
| |
− | background-repeat: repeat-y;
| |
− | background-size: 32px 1080px;
| |
− | }
| |
− |
| |
− | /* edits portable infobox headers and titles to center */
| |
− | .pi-title {
| |
− | background-color: transparent !important;
| |
− | border-radius: 10px 10px 0px 0px;
| |
− | color: #27d1f4;
| |
− | border-bottom: none !important;
| |
− | margin-top: 5px !important;
| |
− | text-align:center;
| |
− | background-image: none !important; /* prevents h2 article header from adding image to infobox headers */
| |
− | }
| |
− |
| |
− | .pi-header, .pi-horizontal-group .pi-header {
| |
− | background-color:transparent;
| |
− | color: #27d1f4;
| |
− | border-bottom: #ffef00 solid 1px !important;
| |
− | margin:5px 15px !important;
| |
− | text-align: center;
| |
− | font-size: 15px !important;
| |
− | background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */
| |
− | }
| |
− |
| |
− | /* captions */
| |
− | .portable-infobox .pi-caption {
| |
− | text-align: center;
| |
− | line-height: 150%;
| |
− | }
| |
− |
| |
− | /* spacing between infobox rows */
| |
− | .pi-item-spacing {
| |
− | padding: 3px !important;
| |
− | }
| |
− |
| |
− | /* Eliminate border between rows */
| |
− | .pi-border-color {
| |
− | border-bottom-style: none !important;
| |
− | }
| |
− |
| |
− | /* portable infobox data labels (not input fields) */
| |
− | .pi-data-label {
| |
− | padding: 3px 5px 3px 1px;
| |
− | text-align: right;
| |
− | border-right:1px #ffef00 solid;
| |
− | color: #27d1f4;
| |
− | }
| |
− |
| |
− | .pi-data-value {
| |
− | padding-top: 3px;
| |
− | padding-right: 12px;
| |
− | }
| |
− |
| |
− | /* removes the vertical line on smart groups */
| |
− | .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value {
| |
− | border: none !important;
| |
− | }
| |
− |
| |
− | /* to keep right border of infobox from possibly covering up text */
| |
− | .pi-smart-group .pi-smart-data-label:last-child, .pi-smart-data-value:last-child {
| |
− | padding-right: 14px !important;
| |
− | }
| |
− |
| |
− | /* removes data label background from smart groups and keeps them centered*/
| |
− | .pi-smart-data-label {
| |
− | background-color: transparent !important;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | /* all portable infobox images, including tabber images */
| |
− | .pi-image {
| |
− | background-color: transparent !important; /* will revert to default otherwise */
| |
− | padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/
| |
− | }
| |
− |
| |
− | /* portable infobox thumbnail images only */
| |
− | .pi-image-thumbnail {
| |
− | background-color: transparent !important; /*will revert to default otherwise */
| |
− | }
| |
− |
| |
− | /* portable infobox thumbnail galleries fix */
| |
− | .portable-infobox .pi-image-collection-tab-content {
| |
− | background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */
| |
− | }
| |
− |
| |
− | /*** tabber for portable infobox and images ***/
| |
− | /* the whole tab row */
| |
− | ul.pi-image-collection-tabs {
| |
− | margin-bottom: 0.01em; /* this fixes it so the image doesn't overlap the tabs */
| |
− | }
| |
− |
| |
− | /* all tabs */
| |
− | .pi-image-collection {
| |
− | text-align: center;
| |
− | font-size: 14px;
| |
− | }
| |
− |
| |
− | /* activated tab */
| |
− | ul.pi-image-collection-tabs li.current {
| |
− | background-color: transparent !important;
| |
− | border: 0px none;
| |
− | color: #ffef00;
| |
− | }
| |
− |
| |
− | /* activated hover tab */
| |
− | ul.pi-image-collection-tabs li.current:hover {
| |
− | background-color: transparent !important;
| |
− | border: 0px none;
| |
− | color: #27d1f4;
| |
− | }
| |
− |
| |
− | /* inactive tab */
| |
− | ul.pi-image-collection-tabs li {
| |
− | border: 0px none;
| |
− | margin: 0px 4px;
| |
− | }
| |
− |
| |
− | /* inactive tab hover */
| |
− | ul.pi-image-collection-tabs li:hover {
| |
− | background-color: transparent !important;
| |
− | border: 0px none;
| |
− | color: #27d1f4;
| |
− | }
| |
− |
| |
− | /*** end code for tabber for portable infobox ***/
| |
− |
| |
− | /* section edits for different panels in infobox. Not this is only for the new style that was added to the backend called "section" and may not be in use*/
| |
− | .pi-section-label {
| |
− | text-transform:none;
| |
− | height:20px;
| |
− | }
| |
− |
| |
− | /* remove hyphenations from infobox so no splitting words */
| |
− | .portable-infobox .pi-navigation,
| |
− | .portable-infobox .pi-header,
| |
− | .portable-infobox .pi-caption,
| |
− | .portable-infobox .pi-data-value,
| |
− | .portable-infobox .pi-data-label {
| |
− | -webkit-hyphens:none;
| |
− | -moz-hyphens:none;
| |
− | -ms-hyphens:none;
| |
− | hyphens:none;
| |
− | }
| |
− |
| |
− | /* === Tables of all kinds === */
| |
− | /**************************************/
| |
− | /* quick list of classes */
| |
− | /* article-table - default table */
| |
− | /* WikiaTable - secondary table */
| |
− | /* metadata - image meta tab */
| |
− | /* filehistory - image hist tab */
| |
− | /* TablePager - ListFiles ListUsers */
| |
− | /**************************************/
| |
− | .article-table,
| |
− | .WikiaTable {
| |
− | background-color: rgba(255, 255, 255, 0.05) !important;
| |
− | }
| |
− |
| |
− | .article-table th, .article-table td, .WikiaTable th, .WikiaTable td {
| |
− | border-bottom: none !important;
| |
− | }
| |
− |
| |
− | /* removes the invisible tfoot html off tables so no extra space at bottom of tables */
| |
− | .article-table tfoot, .WikiaTable tfoot {
| |
− | display:none;
| |
− | }
| |
− |
| |
− | .WikiaTable, table.mw_metadata, #mw-imagepage-section-filehistory table, .TablePager {
| |
− | margin:auto !important;
| |
− | border:1px #394147 solid;
| |
− | border-collapse:separate !important;
| |
− | border-spacing:2px !important;
| |
− | color:#e5e5e5;
| |
− | }
| |
− |
| |
− | /* cells */
| |
− | .WikiaTable th, .WikiaTable td, table.mw_metadata th, table.mw_metadata td, #mw-imagepage-section-filehistory table th, #mw-imagepage-section-filehistory table td, .TablePager th, .TablePager td {
| |
− | padding: 5px !important;
| |
− | }
| |
− |
| |
− | /* header */
| |
− | .WikiaTable th, .article-table th, table.mw_metadata th, #mw-imagepage-section-filehistory table th, .TablePager th {
| |
− | background:#074754 !important;
| |
− | text-align:center !important;
| |
− | }
| |
− |
| |
− | /* alternating rows */
| |
− | .WikiaTable tr:nth-child(odd), table.mw_metadata tr:nth-child(odd), #mw-imagepage-section-filehistory table tr:nth-child(odd), .TablePager tr:nth-child(odd) {
| |
− | background-color: rgba(255, 255, 255, 0.15) !important;
| |
− | }
| |
− |
| |
− | .WikiaTable tr:nth-child(even), table.mw_metadata tr:nth-child(even), #mw-imagepage-section-filehistory table tr:nth-child(even), .TablePager tr:nth-child(even) {
| |
− | background-color: rgba(255, 255, 255, 0.05) !important;
| |
− | }
| |
− | /* special code for file history table and metadata table on image description pages so it looks like the WikiaTable class*/
| |
− | .WikiaArticle .mw_metadata th, .WikiaArticle .mw_metadata td, #mw-imagepage-section-filehistory table th, #mw-imagepage-section-filehistory table td {
| |
− | border: none;
| |
− | }
| |
− |
| |
− | /* special fix for metadata table to not override custom table header colors where needed */
| |
− | .WikiaArticle .mw_metadata th {
| |
− | background:#074754;
| |
− | }
| |
− |
| |
− | /* fix for listfile page as 2px is too much spacing */
| |
− | .TablePager {
| |
− | border-spacing:0px !important;
| |
− | }
| |
− |
| |
− | /* fix to remove listfiles weird hover issue */
| |
− | .TablePager td {
| |
− | background-color: transparent !important;
| |
− | }
| |
− |
| |
− | /* fix to remove too much padding around listfiles table */
| |
− | .TablePager {
| |
− | padding: 1px !important;
| |
− | }
| |
− |
| |
− |
| |
− | /* Style for horizontal lists (separator following item).
| |
− | @source mediawiki.org/wiki/Snippets/Horizontal_lists
| |
− | @revision 9 (2016-08-10)
| |
− | @author [[User:Edokter]]
| |
− | */
| |
− | .hlist dl,
| |
− | .hlist ol,
| |
− | .hlist ul {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− | /* Display list items inline */
| |
− | .hlist dd,
| |
− | .hlist dt,
| |
− | .hlist li {
| |
− | margin: 0;
| |
− | display: inline;
| |
− | }
| |
− | /* Display nested lists inline */
| |
− | .hlist.inline,
| |
− | .hlist.inline dl,
| |
− | .hlist.inline ol,
| |
− | .hlist.inline ul,
| |
− | .hlist dl dl, .hlist dl ol, .hlist dl ul,
| |
− | .hlist ol dl, .hlist ol ol, .hlist ol ul,
| |
− | .hlist ul dl, .hlist ul ol, .hlist ul ul {
| |
− | display: inline;
| |
− | }
| |
− | /* Hide empty list items */
| |
− | .hlist .mw-empty-li,
| |
− | .hlist .mw-empty-elt {
| |
− | display: none;
| |
− | }
| |
− | /* Generate interpuncts */
| |
− | .hlist dt:after {
| |
− | content: ": ";
| |
− | }
| |
− | .hlist dd:after,
| |
− | .hlist li:after {
| |
− | content: " · ";
| |
− | font-weight: bold;
| |
− | }
| |
− | .hlist dd:last-child:after,
| |
− | .hlist dt:last-child:after,
| |
− | .hlist li:last-child:after {
| |
− | content: none;
| |
− | }
| |
− | /* Add parentheses around nested lists */
| |
− | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
| |
− | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
| |
− | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
| |
− | content: " (";
| |
− | font-weight: normal;
| |
− | }
| |
− | .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
| |
− | .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
| |
− | .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
| |
− | content: ")";
| |
− | font-weight: normal;
| |
− | }
| |
− | /* Put ordinals in front of ordered list items */
| |
− | .hlist ol {
| |
− | counter-reset: listitem;
| |
− | }
| |
− | .hlist ol > li {
| |
− | counter-increment: listitem;
| |
− | }
| |
− | .hlist ol > li:before {
| |
− | content: " " counter(listitem) "\a0";
| |
− | }
| |
− | .hlist dd ol > li:first-child:before,
| |
− | .hlist dt ol > li:first-child:before,
| |
− | .hlist li ol > li:first-child:before {
| |
− | content: " (" counter(listitem) "\a0";
| |
− | }
| |
− |
| |
− |
| |
− | /* [[Template:Navbox]] and wide variant */
| |
− | /* Default skin for navigation boxes. */
| |
− | table.navbox { /* Navbox style */
| |
− | width: 99% !important;
| |
− | margin: auto;
| |
− | margin-top: 5px;
| |
− | margin-bottom: 5px; /* to keep glow going around the bottom */
| |
− | clear: both;
| |
− | font-size: 85%;
| |
− | text-align: left;
| |
− | padding: 1px;
| |
− | border:1px solid #ebe152;
| |
− | background-color: #111111;
| |
− | -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | }
| |
− |
| |
− | /* slight different spacing for more than one navbox on a page */
| |
− | table.navbox + table.navbox {
| |
− | margin-top:-5px; /* for stacked navboxes, remove the glow between */
| |
− | margin-bottom: 5px !important;
| |
− | }
| |
− |
| |
− | .navbox-title { /* Title style */
| |
− | background-color:#074754 !important;
| |
− | color: #e5e5e5;
| |
− | text-align: center;
| |
− | padding-left: 1em;
| |
− | padding-right: 1em;
| |
− | width: 10%;
| |
− | }
| |
− |
| |
− | .navbox-group { /* Group style */
| |
− | font-weight: bold;
| |
− | padding-left: 10px;
| |
− | padding-right: 10px;
| |
− | padding-bottom: 5px;
| |
− | background-color: #074754;
| |
− | }
| |
− |
| |
− | .navbox .navbox-group a {
| |
− | white-space: normal;
| |
− | }
| |
− |
| |
− | .navbox-list {
| |
− | padding: 5px;
| |
− | border-left: 2px solid #111111;
| |
− | background-color:rgba(255,255,255,0.05) !important;
| |
− | }
| |
− |
| |
− | .navbox-subgroup .navbox-title {
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .navbox-subgroup .navbox-group {
| |
− | padding-bottom: 5px;
| |
− | border-left: 0;
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .navbox-subgroup .navbox-group a {
| |
− | white-space: normal;
| |
− | }
| |
− |
| |
− | .navbox-subgroup .navbox-list {
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .divYellowBox {
| |
− | border: 3px solid transparent;
| |
− | -webkit-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg") round;
| |
− | -o-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg") round;
| |
− | border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg") round;
| |
− | border-image-slice: 10% fill;
| |
− | border-image-width: 20px;
| |
− | margin: 10px auto;
| |
− | overflow: hidden;
| |
− | text-align:center;
| |
− | }
| |
− |
| |
− | .divGrayBox {
| |
− | border: 3px solid transparent;
| |
− | -webkit-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg") round;
| |
− | -o-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg") round;
| |
− | border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg") round;
| |
− | border-image-slice: 10% fill;
| |
− | border-image-width: 20px;
| |
− | padding: 10px;
| |
− | }
| |
− |
| |
− | .blockquote {
| |
− | border:1px solid #ffef00;
| |
− | border-radius:10px;
| |
− | background-color:#111111;
| |
− | text-align:center;
| |
− | padding: 10px;
| |
− | margin: 10px auto;
| |
− | line-height: 20px;
| |
− | overflow: hidden;
| |
− | -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | }
| |
− |
| |
− | /* mainpage header styles */
| |
− | .mainpage-header {
| |
− | font-size:18pt;
| |
− | letter-spacing:1px;
| |
− | text-align:center;
| |
− | margin-top:5px;
| |
− | background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
| |
− | background-repeat:no-repeat;
| |
− | background-position:50% 100%;
| |
− | background-size:70% 8px;
| |
− | color:#27d1f4;
| |
− | padding-bottom:6px;
| |
− | }
| |
− | | |
− | /* for smaller screen resolutions */
| |
− | @media only screen and (max-width: 1024px) {
| |
− | .mainpage-header {
| |
− | background-size:70% 6px;
| |
− | }
| |
− | | |
− | /*Fixing smaller h2 headers styling */
| |
− | .WikiaArticle h2 {
| |
− | background-position-y: 18px;
| |
− | padding-bottom: 6px;
| |
− | text-shadow: -1px 1px 0 #111,
| |
− | 1px 1px 0 #111,
| |
− | 1px -1px 0 #111,
| |
− | -1px -1px 0 #111;
| |
− | font-size: 15pt;
| |
− | }
| |
− | }
| |
− |
| |
− | | |
− | /*** category images ***/
| |
− | /* outer div around image */
| |
− | #mw-category-media .gallerybox {
| |
− | border: 1px solid #333333;
| |
− | }
| |
− |
| |
− | /* thumbnail image */
| |
− | #mw-category-media .thumb {
| |
− | background-color: transparent;
| |
− | border: 0 !important;
| |
− | }
| |
− |
| |
− | /* thumbnails in unused images section */
| |
− | li.gallerybox div.thumb {
| |
− | border: none !important;
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | /* video/image thumbnails */
| |
− | .gallery-image-wrapper {
| |
− | border: none !important;
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | | |
− | /* Tabs */
| |
− | .cptabs {
| |
− | width:100%;
| |
− | margin-bottom:10px;
| |
− | background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
| |
− | background-repeat: no-repeat;
| |
− | background-position: 25% 105%;
| |
− | background-size:100% 10px;
| |
− | padding-bottom: 6px;
| |
− | }
| |
− |
| |
− | .cptabs ul {
| |
− | margin:0px;
| |
− | padding:0px;
| |
− | height:30px;
| |
− | }
| |
− |
| |
− | .cptabs li {
| |
− | display:inline-block;
| |
− | margin-right:7px;
| |
− | padding:0px;
| |
− | height:20px;
| |
− | }
| |
− |
| |
− | .cptabs li a {
| |
− | display:block;
| |
− | text-decoration:none !important;
| |
− | }
| |
− |
| |
− | .cptabs li span {
| |
− | padding:7px 15px 7px 15px;
| |
− | border:2px solid #20a0ba;
| |
− | border-bottom:none !important;
| |
− | border-radius:10px 10px 0px 0px;
| |
− | height:24px;
| |
− | line-height:10px;
| |
− | display:block;
| |
− | -webkit-box-sizing:border-box;
| |
− | -moz-box-sizing:border-box;
| |
− | box-sizing:border-box;
| |
− | }
| |
− | | |
− | .cptabs .mw-selflink span, .cptabs .mw-selflink span:hover {
| |
− | color:#111111;
| |
− | border:2px solid #ffef00;
| |
− | border-bottom:none !important;
| |
− | background-color:#ffef00;
| |
− | -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | box-shadow:0px 0px 5px rgba(255,239,0,0.75);
| |
− | }
| |
− |
| |
− | .cptabs li a span:hover {
| |
− | border-color:#27d1f4;
| |
− | -moz-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
| |
− | -webkit-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
| |
− | box-shadow:0px 0px 5px rgba(39,209,244,0.75);
| |
− | }
| |
− | | |
− |
| |
− | /*** Tabber coding ***/
| |
− |
| |
− | ul.tabbernav {
| |
− | border-bottom: none !important;
| |
− | padding-top: 10px !important;
| |
− | }
| |
− |
| |
− | /* tabber wrapper style */
| |
− | .tabberlive {
| |
− | margin-top: 1px;
| |
− | overflow: auto;
| |
− | }
| |
− |
| |
− | /* tabber visible content */
| |
− | .tabberlive > .tabbertab:not(.tabbertabhide) {
| |
− | border: none !important;
| |
− | }
| |
− |
| |
− | /* tabber tabs */
| |
− | .tabberlive > .tabbernav > li > a {
| |
− | font-family: 'Play', sans-serif;
| |
− | font-size: 14pt;
| |
− | letter-spacing: 1px;
| |
− | text-align: center;
| |
− | background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
| |
− | background-repeat:no-repeat;
| |
− | background-position:50% 100%;
| |
− | background-size:100% 8px;
| |
− | padding-bottom: 1%;
| |
− | background-color: transparent;
| |
− | border: none;
| |
− | margin: 10px;
| |
− | color: #d5d4d4 !important;
| |
− | }
| |
− |
| |
− | /* tabber tabs when being hovered */
| |
− | .tabberlive > .tabbernav > li > a:hover {
| |
− | background-color: transparent;
| |
− | color: #ebe152 !important;
| |
− | background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
| |
− | background-repeat:no-repeat;
| |
− | background-position:50% 100%;
| |
− | background-size:100% 8px;
| |
− | }
| |
− |
| |
− | /* tabber tabs when being clicked */
| |
− | .tabberlive > .tabbernav > li > a:active {
| |
− | background-color: transparent;
| |
− | }
| |
− |
| |
− | /* selected tabber tab */
| |
− | .tabberlive > .tabbernav > li.tabberactive > a {
| |
− | background-color: transparent;
| |
− | border:none;
| |
− | color:#27d1f4 !important;
| |
− | }
| |
− |
| |
− | /* selected tabber tab when being hovered */
| |
− | .tabberlive > .tabbernav > li.tabberactive > a:hover {
| |
− | background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
| |
− | background-repeat:no-repeat;
| |
− | background-position:50% 100%;
| |
− | background-size:100% 8px;
| |
− | background-color: transparent;
| |
− | border: none;
| |
− | }
| |
− |
| |
− | /* selected tabber tab when being clicked */
| |
− | .tabberlive > .tabbernav > li.tabberactive > a:active {
| |
− | background-color: transparent;
| |
− | }
| |
− |
| |
− | /*remove extra spacing within the gallery*/
| |
− | .wikia-gallery-item {
| |
− | padding-bottom: 0px !important;
| |
− | margin-bottom: -5px;
| |
− | }
| |
− | /*** end Tabber style edits ***/
| |
− | | |
− | | |
− | | |
− | /****************************************************/
| |
− | /* portal main */
| |
− | /* Code created by Tierrie on the Dragon Age Wiki */
| |
− | /* Code updated for UCP by Alex/Ursuul */
| |
− | /****************************************************/
| |
− | /* container settings */
| |
− | #portal_slider a.external:after,
| |
− | .portal_metro .toc {
| |
− | display: none;
| |
− | }
| |
− | #portal_slider.portal_metro.ui-corner-all {
| |
− | border-radius: 0;
| |
− | }
| |
− | .portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }
| |
− | /* give all containers a black background so the opacity changes results in a brightness change */
| |
− | .portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; /**/content: "";/* experimental */ background-color: rgb(0,0,0); z-index: -2; }
| |
− | .portal_metro { border:3px solid #ffef00; }
| |
− | .portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; }
| |
− | /* 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; }
| |
− | | |
− | /* 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, .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { width: 100%; font-family: 'Play', sans-serif; font-weight: 400; font-size: larger; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-align:left; color: white; }
| |
− | | |
− | /* main tabs headers */
| |
− | .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;
| |
− | }
| |
− | | |
− | /** sub category headers **/
| |
− | .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
| |
− | font-size: 14pt !important;
| |
− | padding-left: 10px !important;
| |
− | }
| |
− | | |
− | /** headers inside sub categories **/
| |
− | .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
| |
− | background-image:none;
| |
− | color: white !important;
| |
− | }
| |
− | | |
− | /** fix padding between headers and list **/
| |
− | .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 + ul {
| |
− | padding-top: 5px !important;
| |
− | }
| |
− | | |
− | /** list of text **/
| |
− | .portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
| |
− | font-size: 16pt;
| |
− | line-height: 22pt;
| |
− | }
| |
− | /** fix red links in portal template **/
| |
− | .portal_vtab.ui-tabs-vertical .ui-tabs-panel a.new {
| |
− | color: #e81a3f !important;
| |
− | }
| |
− | | |
− | /** plain text **/
| |
− | .portal_vtab.ui-tabs-vertical .ui-tabs-panel {
| |
− | color: white;
| |
− | text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
| |
− | }
| |
− | | |
− | .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(89,105,57); }
| |
− | | |
− | /* slider text position */
| |
− | .portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; color: #FFFFFF; font-size: large;/* Experimental */}
| |
− | .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: xx-large;/*experimental*/ 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; }
| |
− | .portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }
| |
− | | |
− | /* Transclucency patch */
| |
− | #portal_slider #portal_main .portal_body:before,
| |
− | #portal_slider #portal_main .portal_body:after {
| |
− | content: "";
| |
− | display: block;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | z-index: 30;
| |
− | width: 225px;
| |
− | height: 450px;
| |
− | background-color: #000000;
| |
− | }
| |
− | | |
− | .portal_sliderlink-2 {
| |
− | z-index: 20;
| |
− | }
| |
− | .portal_sliderlink-2 ~ [class^="portal_sliderlink"] {
| |
− | z-index: 40;
| |
− | }
| |
− | | |
− | /* slider background */
| |
− | .portal_metro#portal_main [class^=portal_sliderlink]:before { /**content: "";/* Experimental */ width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; }
| |
− | | |
− | /* Experimental */
| |
− | .portal_metro#portal_main [class^=portal_sliderlink] {
| |
− | /*content: "";*/
| |
− | position: absolute;
| |
− | top: 0;
| |
− | /*left: 0;*/
| |
− | /*z-index: -1;*/
| |
− | /*width: 100%;*/
| |
− | height: 100%;
| |
− | background-color: rgb(0, 0, 0);
| |
− | opacity: 0.8;
| |
− | }
| |
− | | |
− | .portal_metro#portal_main [class^=portal_sliderlink]:hover {
| |
− | opacity: 1;
| |
− | }
| |
− | | |
− | #portal_slider #portal_main .portal_body:after {
| |
− | z-index: 10;
| |
− | width: 100%;
| |
− | }
| |
− | | |
− | /* slider background */
| |
− | .portal_metro#portal_main [class^=portal_sliderlink]:after {
| |
− | content : "";
| |
− | display: block;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | z-index: -1;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | background-repeat: no-repeat;
| |
− | opacity: 0.8;
| |
− | }
| |
− | | |
− | .portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; }
| |
− | .portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
| |
− | .portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/59/Cp_bg_slider_2013_small.png/revision/latest?cb=20201121005633'); background-position: center; }
| |
− | .portal_metro#portal_main .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/d/d2/Cp_bg_slider_2020_small.png/revision/latest?cb=20201121004818'); background-position: center; }
| |
− | .portal_metro#portal_main .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/58/Cp_bg_slider_red_small.png/revision/latest?cb=20201121000417'); background-position: center; }
| |
− | .portal_metro#portal_main .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/50/Cp_bg_slider_other_small.png/revision/latest?cb=20201121004845'); background-position: center; }
| |
− | | |
− | /* slider sub category background */
| |
− | #portal_slider .ui-state-active,
| |
− | #portal_slider .ui-state-default,
| |
− | #portal_slider .ui-widget-content,
| |
− | #portal_slider .ui-widget-header {
| |
− | background: none;
| |
− | }
| |
− | | |
− | #portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
| |
− | #portal_cp2013:after, #portal_cp2020:after, #portal_cpred:after, #portal_other:after, #portal_cp2077:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
| |
− | #portal_cp2077 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
| |
− | #portal_cp2013 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/b/b2/Cp_bg_slider_2013.png/revision/latest?cb=20201121005646'); background-position: center; }
| |
− | #portal_cp2020 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/a/a5/Cp_bg_slider_2020.png/revision/latest?cb=20201121004834'); background-position: center; }
| |
− | #portal_cpred { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/1/1e/Cp_bg_slider_red.png/revision/latest?cb=20201120033744'); background-position: center; }
| |
− | #portal_other { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/d/d3/Cp_bg_slider_other.png/revision/latest?cb=20201121004855'); background-position: center; }
| |
− | | |
− | .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; }
| |
− | .portal_metro#portal_slider .portal_vtab.ui-corner-all {
| |
− | border: 0;
| |
− | border-radius: 0;
| |
− | }
| |
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; }
| |
− | .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: 0.25em 0 0.25em 1em; margin: 0; }
| |
− | /* changes text for the links within sub tabs */
| |
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav .ui-corner-left {
| |
− | border: 0;
| |
− | border-radius: 0;
| |
− | }
| |
− | .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); color: #FFFFFF;}
| |
− | /* changes h2 text within sub tabs */
| |
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { padding: 0.5em 0 0 1em; margin: 0; border-bottom: none; text-transform: uppercase; color: rgb(89,105,57); font-size: 1.4em; }
| |
− | | |
− | /* column classes */
| |
− | .portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
| |
− | .portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; }
| |
− | .portal_metro#portal_slider .cols_4 ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
| |
− | | |
− | /********************************/
| |
− | /* portal screen wide overrides */
| |
− | /********************************/
| |
− | @media screen and (max-width: 1023px) {
| |
− | #portal_slider #portal_main .portal_body:before,
| |
− | .portal_metro [class^=portal_sliderlink] {
| |
− | width: 225px;
| |
− | }
| |
− | | |
− | .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
| |
− | width: 360px;
| |
− | }
| |
− | | |
− | .portal_metro#portal_images .wikia-slideshow-wrapper,
| |
− | .portal_metro#portal_images .wikia-slideshow-images,
| |
− | .portal_metro#portal_images img.thumbimage,
| |
− | .portal_metro#portal_images {
| |
− | height: 280px !important;
| |
− | }
| |
− | | |
− | .WikiaRail .module {
| |
− | position: relative;
| |
− | }
| |
− | }
| |
− | | |
− | @media screen and (min-width: 1023px) and (max-width: 1650px) {
| |
− | #portal_slider #portal_main .portal_body:before,
| |
− | .portal_metro [class^=portal_sliderlink] {
| |
− | width: 225px;
| |
− | }
| |
− | | |
− | .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
| |
− | width: 360px;
| |
− | }
| |
− | | |
− | .portal_metro#portal_images .wikia-slideshow-wrapper,
| |
− | .portal_metro#portal_images .wikia-slideshow-images,
| |
− | .portal_metro#portal_images img.thumbimage,
| |
− | .portal_metro#portal_images {
| |
− | height: 280px !important;
| |
− | }
| |
− | }
| |
− | @media screen and (min-width: 1650px) {
| |
− | #portal_slider #portal_main .portal_body:before,
| |
− | .portal_metro [class^=portal_sliderlink] {
| |
− | width: 300px;
| |
− | }
| |
| } | | } |