MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Bottom anchor background image */ body.background-dynamic:after, body.background-dynamic:before { bottom: 0; top: inherit; }

/* Broken Link color */ .WikiaArticle a.new, body .new { color: #d4b4a3; }

/* Highlight selector color */
 * selection {

color: white; background:#F9215F; /* fallback */ background: rgba(249, 33, 95, 0.9); } /* Firefox */
 * -moz-selection {

color: white; background:#F9215F; /* fallback */ background: rgba(249, 33, 95, 0.85); }

/* Poll bar */ .pollAnswerVotes div { background-color: #F9215F; } .pollAnswerVotes { border: 2px solid #7A7A7A; width: 90%; } /* Poll background */ .ajax-poll{ background: #696969; /* dimgrey */ color: #161616; /* text */ }

/* slideshow border color */ .wikia-slideshow-images-wrapper { background-color:#F9215F; /* fallback */ background-color: rgba(249, 33, 95, 0.85); /* same color with 0.85 transparency */ }

/********************************************************************************************/ /* Community Pages */

/* User Profile Banner */ .UserProfileMasthead .masthead-info { background: #FBF9D3 url(https://vignette.wikia.nocookie.net/punpun/images/2/26/Profilebanner2_transparent.png/revision/latest?cb=20150402105553) repeat top left; } /* Username header font */ .UserProfileMasthead .masthead-info h1 { font-family: Josefin Sans; font-weight: 900; } /* Tetrahedron background */ /* use ns for all pages, page-name for specific page */ body.mediawiki.ns-2, /*user profile*/ body.mediawiki.ns-1200, /*message wall*/ body.mediawiki.ns-1201, /*message threads*/ body.mediawiki.ns-500, /*blogs*/ body.mediawiki.mw-special-Contributions, /*profile--contributions*/ body.mediawiki.page-Special_Following, /*profile--Following*/ body.mediawiki.page-Category_Blog_posts, /*blog category*/ body.mediawiki.page-Blog_Recent_posts, /*recent posts*/ body.mediawiki.mw-special-Forum, /* forum main */ body.mediawiki.ns-2000, /*forum boards*/ body.mediawiki.ns-2001 /*forum threads*/ { background: url("https://vignette.wikia.nocookie.net/punpun/images/8/82/Bgtet.jpeg/revision/latest?cb=20150408133113") repeat top left #808080; }

/* Forum Headers */ .boards .board h4 { font-family: Josefin Sans; font-weight: 600; font-size: 20px; }

/* Comments color */ .speech-bubble-avatar a { background: #696969; } .message-main .speech-bubble-message { background: #696969; } .message-main .speech-bubble-message:after { display: none; }

/********************************************************************************************/ /* FONTS */

/* Font prerequisites */ @font-face {   	font-family: 'Lacabeza', Arial; src: url('Lacabeza.eot?#iefix') format('embedded-opentype'), url('Lacabeza.woff') format('woff'), url('Lacabeza.ttf') format('truetype'), }   @font-face {   	font-family: 'SfbeavertonLight', Arial; /* Local */ src: url('Sfbeavertonlight.eot?#iefix') format('embedded-opentype'), url('Sfbeavertonlight.woff') format('woff'), url('Sfbeavertonlight.ttf') format('truetype'),; }   @font-face {       font-family: 'SF Beaverton', Arial; /*Webfont */ src: url('http://www.mediafont.com/storage/contents/7391/font.eot'); /* IE */ src: local('SF Beaverton'), url('http://www.mediafont.com/storage/contents/7391/SF Beaverton Medium.ttf'); /* non-IE */ }   @font-face {   	font-family: 'KiddySans', Arial; src: url('KiddySans.eot?#iefix') format('embedded-opentype'), url('KiddySans.woff') format('woff'), url('KiddySans.ttf') format('truetype'), }   @font-face {   	font-family: 'JosefinSansRegular', Arial; /* Local */ src: url('JosefinSansRegular.eot?#iefix') format('embedded-opentype'), url('JosefinSansRegular.woff') format('woff'), url('JosefinSansRegular.ttf') format('truetype'),; }   @font-face {       font-family: 'Josefin Sans', Arial; /*Webfont */ src: url('https://fonts.googleapis.com/css?family=Josefin+Sans:600'); font-weight:600; } /* Font usage */ /* Titles */ .WikiaPageHeader { font-family: Lacabeza; color:#1c1c1c; } /* Headers */ h2 > span.mw-headline {        font-family: Lacabeza; font-size:16pt; line-height:113%; }   /* Subeaders */ h3 > span.mw-headline { font-family: Josefin Sans; font-size:13pt; font-weight:600; }

/********************************************************************************************/ /* .OGG Audio Player */ /* DEAFULT */ /* preview color */ .ogg_player button { background: #313131; /* gray */ border: #313131; } /* play button image */ .ogg_player>div>button>img { display: none; } .ogg_player>div>button:after { content: url("https://vignette.wikia.nocookie.net/punpun/images/8/8a/Oggplayer_play.png/revision/latest?cb=20150402231117"); } /* info button image */ .ogg_player .image { content: url("https://vignette.wikia.nocookie.net/punpun/images/3/3e/Oggplayer_info.png/revision/latest?cb=20150402231733"); height: 21px; width: auto; padding-left:1em; } /* puts info button inline instead of underneath */ .ogg_player div { display: inline; } /* This will make the info panel pop up on hover. */ div.ogg_player .ogg-player-options { background: white; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block; position: absolute; }   /* Makes "Close" button white */ .ogg-dismiss { color:white; } /* Replaces "More..." with Info button */ .ogg-player-options+a:after { content: url("https://vignette.wikia.nocookie.net/punpun/images/3/3e/Oggplayer_info.png/revision/latest?cb=20150402231733"); width: 3em; } .ogg-more { content:none; }

/* alternative colors -- use with html */ /* PINK */ /* PINK preview */ .ogg_player_pink .ogg_player button { background: #F9215F; /* pink */ border: #F9215F; } /* PINK player */ .ogg_player_pink audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #F9215F; } /* PINK info button */ .ogg_player_pink .image { content: url("https://vignette.wikia.nocookie.net/punpun/images/b/bd/Oggplayer_info_pink.png/revision/latest?cb=20150403001345"); height: 21px; width: auto; }

/* AQUA */ /* AQUA preview */ .ogg_player_aqua .ogg_player button { background: #14D093; /* aqua */ border: #14D093; } /* AQUA player */ .ogg_player_aqua audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: #14D093; } /* AQUA info button */ .ogg_player_aqua .image { content: url("https://vignette.wikia.nocookie.net/punpun/images/e/e0/Oggplayer_info_aqua.png/revision/latest?cb=20150403001513"); height: 21px; width: auto; }

/********************************************************************************************/ /* tabber overrides*/ /*   .tabber = before the tabber interface is set up    .tabberlive = after the tabber interface is set up    ul.tabbernav = the tab navigation list li.tabberactive = the active tab .tabbertab = the tab content */   .tabberlive .tabbertab { border: 0px white solid; /* borders besides top */ border-top:0; background-color: #9C9C9C; /* background color */ }   ul.tabbernav { border-bottom: 0px white solid; /* top border */ font: bold 12pt KiddySans, sans-serif; /* button font */ padding-left: .5em; padding-right: .5em; }   /* buttons text color inactive */ ul.tabbernav li a:link { color: #1C1C1; } ul.tabbernav li a:visited { color: #1C1C1; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a { color: #1C1C1C; /* button text color hover&active */ border: 0px white solid; /* button bg color */ border-radius: 10px 10px 0px 0px; background-color: #FFEE3D; /* background color goes somewhere here?? but who the heck knows how to change it */ }   ul.tabbernav li.tabberactive a { border-bottom: 0px solid white; /* active button bottom border */ } /* end of tabber overrides*/