MediaWiki:Common.css

/* CSS placed here will be applied to the default skin for the entire site. */ @import url('https://fonts.googleapis.com/css?family=Futura');

/* WikiaPage font and size */ .WikiaPage { font-family: "Futura", Helvetica, Arial, sans-serif; font-size: 13px; }

/* Customizing tabber */ .tabber.wds-tabber { margin-top: 13px; } .tabber ul.wds-tabs { margin-left: 12px; } .tabber .wds-tabs__wrapper.with-bottom-border { border-bottom: none; } .tabber ul.wds-tabs a { color:var(--theme-link-color); font-weight: 400; font-family: "Futura", Helvetica, Arial, sans-serif; font-size: 13px; } .tabber .wds-tabs__tab { height: 36px; cursor: pointer; } .tabber ul.wds-tabs { margin-bottom: -1px; } .tabber .wds-tabs__tab.wds-is-current { border: 1px solid #ddd; border-bottom: 2px solid #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; } .tabber .wds-tab__content { border-top: 1px solid #ddd; padding-top: 7px; } .tabber li.wds-tabs__tab { margin-right: 5px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .tabber li.wds-tabs__tab:hover { background: #e7e7e7; border-top-left-radius: 4px; border-top-right-radius: 4px; text-decoration: underline; border: 1px solid #e7e7e7; } .tabber .wds-tabs__tab.wds-is-current:hover { background: linear-gradient(177deg, #e0e0e0, transparent); border-bottom: 1px solid #fff; } .tabber .wds-tabs__tab.wds-is-current { box-shadow: none; background: linear-gradient(177deg, #eee, transparent); } .tabber .wds-tabs__tab.wds-is-current:hover a { color:var(--theme-link-color--hover); } .tabber li.wds-tabs__tab:hover a { color:var(--theme-link-color--hover); }

/* Thumb */ .mw-parser-output .tright { margin: 0 0 10px 5px; border: 1px solid #c8ccd1; padding: 3px; background-color: #f8f9fa; text-align: center; overflow: hidden; } .mw-parser-output .tleft { clear: left; float: left; margin: 0 10px 5px 0; border: 1px solid #c8ccd1; padding: 3px; background-color: #f8f9fa; text-align: center; overflow: hidden; } .thumb.show-info-icon .thumbcaption p { font-size: 11px; padding-top: 3px; line-height: 14px; color: #000000b8; margin: 0; }

/* Infoboxes */ .portable-infobox { background-color: #f5f5f5; border: 1px solid #00000029; color: #000; font-family: "Futura", Helvetica, Arial, sans-serif; } .portable-infobox .pi-secondary-background { background-color: transparent; } .portable-infobox .pi-title { text-align: center; color: #000; font-weight: bold; } .portable-infobox .pi-header { text-align: center; color: #000; font-weight: bold; } .portable-infobox .pi-border-color { border: none; } .portable-infobox .pi-horizontal-group .pi-border-color { border: none !important; } .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #f5f5f5; } .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #eee; } .pi-horizontal-group-item:nth-child(even) { background-color: #eee; } .portable-infobox .pi-secondary-font { font-size: 11px !important; } .pi-data-value { font-size: 11px; } /** tabs of infoboxes **/ ul.pi-image-collection-tabs li.current { background: #d2d2d200; font-weight: bold; border-bottom: 4px solid #1470ae; color: #1470ae; } li.pi-tab-link.pi-item-spacing { padding: 0px 10px; font-size: 10px; border-bottom: 4px solid transparent; } ul.pi-image-collection-tabs li { border: none; } .portable-infobox ul.pi-image-collection-tabs { margin: 0; } h3.pi-data-label.pi-secondary-font { font-family: "Futura", Helvetica, Arial, sans-serif; color: #3a3a3a; border-bottom: none; font-size: 12px; } /** studio album **/ .portable-infobox.pi-theme-studio .pi-secondary-background { background-color: #c9d7e0; }

/** ep **/ .portable-infobox.pi-theme-ep .pi-secondary-background { background-color: #ffa07a; }

/** mixtape **/ .portable-infobox.pi-theme-mixtape .pi-secondary-background { background-color: #b6d2b6; }

/** single **/ .portable-infobox.pi-theme-single .pi-secondary-background { background-color: #eee8aa; }

/** credits **/ .portable-infobox.pi-theme-credits { background-color: #fff; border: 1px solid #e0e0e0; float: inherit; clear: inherit; width: 702px; margin: 15px 15px 0 0; } .portable-infobox.pi-theme-credits .pi-title { font-size: 13px; background: white; line-height: initial; } .portable-infobox.pi-theme-credits .pi-data-value { flex-basis: inherit; } .portable-infobox.pi-theme-credits .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #ffffff00; } .portable-infobox.pi-theme-credits .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #f5f5f5; } .portable-infobox.pi-theme-credits .pi-secondary-font { flex-basis: 25%; } .portable-infobox.pi-theme-credits .pi-data-value { flex-basis: 100%!important; padding-left: 5px; }

/* EraIcons */ .eraicon-dropdown { color: #4a4a4a; padding: 5px; font-size: 13px; } .eraicon { margin-right: 10px; } .eraicon.wds-dropdown:not(.wds-is-not-hoverable):hover .wds-dropdown__content { width: 270px; padding: 5px; text-align: center; }

/* "Add Photo" gallery button */ a.wds-button.wikia-photogallery-add { display: none; }

/* Loudspeaker icon * (Used in Template:Audio and the like to make the speaker clickable) */ .audiolink a { background: url("https://static.wikia.nocookie.net/roadtripwiki/images/f/f7/Loudspeaker.png/revision/latest/scale-to-width-down/11") center left no-repeat !important; padding-left: 16px !important; }

/* Navbox */ .navbox { width: 100%; font-size: smaller; } .navbox-title { font-size: small; } tr.navbox-gutter { display: none; } .wikia-gallery-spacing-small .wikia-gallery-item { padding: 2px; }

/* Hatnote */ .hatnote { padding-left: 13px; margin-bottom: 0em; color: #888; font-size: 13px; font-style: italic; } /* Hover image */ .opacity img { opacity: 0.5; filter: alpha(opacity=50); } .opacity img:hover { opacity: 1; filter: alpha(opacity=100); } .hoverimg img { opacity: 0.65; filter: alpha(opacity=65); /* for IE8 and earlier */ -webkit-transition-duration: 0.5s; /* Safari */ transition-duration: 0.5s; } .hoverimg img:hover { opacity: 2.0; filter: alpha(opacity=200); /* for IE8 and earlier */ } .hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform: scaleX(0.95) scaleY(0.95); } .hovershadow img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .hovershadow img:hover { box-shadow: 0px 0px 13px 1px #0000004f; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .rotate:hover img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rotate img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

/* Table for credits */ table.creds { color: rgb(51, 51, 51); background-color: transparent; border-collapse: collapse; border-spacing: 0px 0px; font-size: 13px; line-height: 20px; margin-bottom: 5px; max-width: 670px; width: 670px; } table.creds th { font-weight: 700; border-top-color: rgb(51, 51, 51); border-top-style: none; border-top-width: 0px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: bottom; } table.creds td { border-collapse: collapse; border-spacing: 0px 0px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; border-left-color: rgb(248, 248, 248); border-left-style: solid; border-left-width: 1px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: center; }

/* Condensed table */ table.condensed-table { color: rgb(51, 51, 51); background-color: transparent; border-collapse: collapse; border-spacing: 0px 0px; font-size: 13px; line-height: 20px; margin-bottom: 5px; max-width: 670px; width: 670px; } table.condensed-table th { font-weight: 700; border-top-color: none; border-top-style: none; border-top-width: none; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: left; vertical-align: bottom; } table.condensed-table td { border-collapse: collapse; border-spacing: 0px 0px; border-top-color: none; border-top-style: none; border-top-width: none; border-left-color: rgb(0 0 0 / 0%); border-left-style: solid; border-left-width: 1px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: left; vertical-align: center; } table.condensed-table tr:nth-child(odd) { background-color: #fff; } table.condensed-table tr:nth-child(even) { background-color: #f9f9f9; }