MediaWiki:Fandomdesktop.css

/* Basic skin tweaks */ /* Wikia.css import */ /* colours for numeric differences */ .mw-plusminus-pos { color: limegreen; } .mw-plusminus-neg { color: red; }

/* imports fonts */ @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i|Orbitron:500');

/* modern personal page appearance */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernCommentsSection.css"); /* changes font to new style */ .WikiaPage { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* siderail headers and wiki activity summary headers */ .WikiaRail .module h2, .dark_text_2 { color:#9ac229; }

/* changes font of headers and page headers */ .page-header__title, .mw-headline { font-family:'Orbitron', 'Montserrat', sans-serif; letter-spacing: 1pt; }

/* for mainpage templates */ .theme-fandomdesktop-dark .mainpage-box { border:1px #555555 solid; background-color:#333333; background-image:url("https://vignette.wikia.nocookie.net/doom/images/2/20/Doom_background_concrete.png"); background-position: top center; background-repeat: no-repeat; padding:10px 20px 10px 20px; } .theme-fandomdesktop-light .mainpage-box { border:1px #bbb solid; background-color:#ccc; background-image:url("https://static.wikia.nocookie.net/doom/images/2/29/Doom_background_concrete_light.png"); background-position: top center; background-repeat: no-repeat; color: #111; padding:10px 20px 10px 20px; }

.mainpage-box + .mainpage-box { margin-top:20px; } .mainpage-header { font-family: 'Orbitron', sans-serif; font-weight: 500; font-size:16pt; letter-spacing: 1pt; text-align:center; background-image:url("https://vignette.wikia.nocookie.net/doom/images/6/6c/Doom_red_background_header.jpg"); background-position: top top; background-repeat: repeat; padding-bottom:6px; padding-top: 5px; margin:-10px -20px 6px -20px; border-bottom: 1px #555555 solid; } .theme-fandomdesktop-light .mainpage-header { color: #fff; }

/* slight customization of imported modern profile for masthead, remove if masthead modern profile is ever removed */ .WikiaUserPagesHeader .tabs .selected a { color: #9ac229 !important; } .WikiaUserPagesHeader .tabs li a { color: #999999 !important; } .WikiaUserPagesHeader .tabs li a:hover { color: #9ac229 !important; } /* this is for the updated Wikia comments section if it's ever added here */ .Board .comments .SpeechBubble.message-main, .Board .SpeechBubble.new-message { border-left: 0 !important; } .UserProfileMasthead .masthead-info .tag { border-radius:5px; background-color: #d42329; color: #111111; font-weight: bold; } /* end of modern profile customization */

/*** category images ***/ /* outer div around image */ border: 1px solid #333333; } /* thumbnail image */ 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; }
 * 1) mw-category-media .gallerybox {
 * 1) mw-category-media .thumb {

/* default settings for div table */ .divTable { display: table; } .divTableRow { display: table-row; } .divTableCell, .divTableHead { display: table-cell; padding: 10px; } .divTableBody { display: table-row-group; }

/*** portable infobox style ***/ .theme-fandomdesktop-dark .portable-infobox { border:1px #555555 solid; background-color:#333333; color:#FFFFFF; padding:2px 2px 0px 2px; background-image:url("https://vignette.wikia.nocookie.net/doom/images/4/4e/Grunge_background.jpg"); background-position: top top; background-repeat: repeat; } .theme-fandomdesktop-light .portable-infobox { border:1px #555555 solid; background-color:#333333; color:#111; padding:2px 2px 0px 2px; background-image:url("https://static.wikia.nocookie.net/doom/images/2/26/Grunge_background_light.png"); background-position: top top; background-repeat: repeat; }

.portable-infobox .pi-title { font-family:'Orbitron', 'Montserrat', sans-serif; letter-spacing: 1pt; }

.portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; color:#FFFFFF; background-color:#9f1800; background-image:url("https://vignette.wikia.nocookie.net/doom/images/6/6c/Doom_red_background_header.jpg"); background-position: top top; background-repeat: repeat; }

.portable-infobox .pi-header { font-size:medium; }

/* try to add some spacng between blocks of color in infobox */ .portable-infobox .pi-title + .pi-group, .portable-infobox .pi-header + .pi-group { padding-top: 3px; }

.portable-infobox .pi-data-value { border-bottom:none; }

/* spacing between infobox rows */ .pi-item-spacing { padding: 3px !important; }

.pi-border-color { border-bottom:none; }

.pi-data { border-top:1px #9f1800 solid; }

.pi-data-label { padding: 0px 5px; }

/* keeps smart group data from being affected by single row margin */ .pi-smart-group .pi-smart-data-value { margin-left: auto; }

/* removes the vertical line on smart groups */ .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { border:none !important; }

/* 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*/ }

/* 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; }

/* 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:Icons - Hide icons before JavaScript kicks in. */ .eraicons-wrapper { display: none; }

/* === Tables of all kinds === */ /* default table (article-table) */ .article-table { background-color: rgba(255, 255, 255, 0.05) !important; } .article-table th, .article-table td { border-bottom: 1px #333333 solid; } .WikiaTable th, .WikiaTable td { border-bottom: none; } .article-table th { background-color: rgba(255, 255, 255, 0.15) !important; } /* removes the invisible tfoot html off tables so no extra space at bottom of tables */ .article-table tfoot, .WikiaTable tfoot { display:none; } /*** custom table so just need to list the class and not change each one on site ***/ /**************************************/ /*      quick list of classes        */ /*                                   */ /*     metadata - image meta tab      */ /*   filehistory - image hist tab    */ /* TablePager - ListFiles ListUsers  */ /**************************************/ .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; } /* 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, table.mw_metadata th, #mw-imagepage-section-filehistory table th, .TablePager th { background-image:url("https://vignette.wikia.nocookie.net/doom/images/6/6c/Doom_red_background_header.jpg"); background-position:top center; background-repeat:repeat-x; text-align:center; background-color: #d42329; }

.theme-fandomdesktop-light .WikiaTable th, .theme-fandomdesktop-light table.mw_metadata th, .theme-fandomdesktop-light #mw-imagepage-section-filehistory table th, .theme-fandomdesktop-light .TablePager th { color: #fff; } /* 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; } /* sets arrow colors for tables */ table.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-color: transparent transparent #111111 !important; } table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #111111 !important; } /* custom class for custom tables where background is too dark for default color */ table.lightheader th { color: #e5e5e5 !important; } /* sets arrow colors for light header tables */ table.lightheader.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-color: transparent transparent #e5e5e5 !important; } table.lightheader.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #e5e5e5 !important; } /* special code for file history table and metadata table on image description pages so it looks like the WikiaTable table 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; }

/* Template:Navbox and wide variant */ /* Default skin for navigation boxes. */ table.navbox {             /* Navbox style */ width: 99% !important; margin: auto; clear: both; font-size: 85%; text-align: left; padding: 1px; border:1px solid #d42329; background-color: #111111; color: #e5e5e5; } .theme-fandomdesktop-light table.navbox { background-color: #ccc; color: #111; } /* slight different spacing for more than one navbox on a page */ table.navbox + table.navbox { margin-bottom: 1px !important; } /* if it's right below a table */ .WikiaTable + .navbox { margin-top: 10px; } .navbox-title {            /* Title style */ color: #e5e5e5; text-align: center; padding-left: 1em; padding-right: 1em; width: 10%; background-image:url("https://vignette.wikia.nocookie.net/doom/images/6/6c/Doom_red_background_header.jpg"); background-position:top top; background-repeat:repeat-x; background-color:#d42329; }

.theme-fandomdesktop-light .navbox-title a { color: #b9d8f1; } .navbox-group {            /* Group style */ font-weight: bold; width: 15%; background-image:url("https://vignette.wikia.nocookie.net/doom/images/6/6c/Doom_red_background_header.jpg"); background-position:top top; background-repeat:repeat; background-color:#d42329; text-align: center; } .navbox .navbox-group a { white-space: normal; } .navbox-list { border-left: 2px solid transparent; padding: 0px !important; }

.navbox-odd { background-color:rgba(255,255,255,0.15) !important; }

.navbox-even { background-color:rgba(255,255,255,0.05) !important; } .navbox-subgroup .navbox-title { background: transparent !important; }

.navbox-subgroup .navbox-group { border-left: 0; padding: 5px; text-align: center; } .navbox-subgroup .navbox-group a { white-space: normal; } .navbox-subgroup .navbox-list { background: transparent !important; }

.theme-fandomdesktop-light .navbox-group .hlist { color: #111; } .theme-fandomdesktop-light td.navbox-group { color: #FFF; } .theme-fandomdesktop-light td.navbox-group a { color: #b9d8f1; }

/* finish Navbox coding */

/* Tabs */ .gametabs { width:100%; border-bottom:2px solid #9ac229; margin-bottom:10px; } .gametabs ul { margin:0px; padding:0px; height:30px; } .gametabs li { display:inline-block; margin-right:7px; padding:0px; height:20px; } .gametabs li a { display:block; text-decoration:none !important; } .gametabs li span { padding:7px 10px 7px 10px; border:2px solid #b3b3b3; border-bottom:none !important; border-radius:10px 10px 0px 0px; height:27px; line-height:10px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* for smaller screen resolutions */ @media screen and (max-width: 1023px) { .gametabs li span { padding:7px 5px; } }

.gametabs .mw-selflink span, .gametabs .mw-selflink span:hover { color:#111111; border:2px solid #9ac229; border-bottom:none !important; background-color:#9ac229; } .gametabs li a span:hover { border-color:#ef9733; }

/*** Tabber coding ***/ ul.tabbernav { border-bottom: none !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: 'Montserrat',sans-serif; font-size: 14pt; letter-spacing: 1px; text-align: center; background-color: transparent; border: none; color: #ef9733 !important; } /* tabber tabs when being hovered */ .tabberlive > .tabbernav > li > a:hover { background-color: transparent; color: #9ac229 !important; } /* 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:#9ac229 !important; } /* selected tabber tab when being hovered */ .tabberlive > .tabbernav > li.tabberactive > a:hover { background-color: transparent; border: none; } /* selected tabber tab when being clicked */ .tabberlive > .tabbernav > li.tabberactive > a:active { background-color: transparent; } /*remove extra spacing withing the gallery*/ .wikia-gallery-item { padding-bottom: 0px !important; margin-bottom: -5px; } /*** end Tabber style edits ***/

/* reference class for reflist to make smaller */ .references-small { font-size: 90%; }

/* for notice templates like stub, delete, etc. */ .noticebox { margin: 5px auto; padding: 12px; background: rgba(255, 255, 255, 0.05); border: 4px solid #555555; font-size: 11pt; }

/*** note below code hasn't been checked in awhile ***/

/* === misc === */ li #credits { white-space: normal; } .headbare h1, .headbare h2 { border-bottom: none; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }