Recess Wiki
Don't have an account?
Register
Advertisement
Register
Recess Wiki
Recess Wiki
663
pages

Wikia.css

MediaWiki page
Revision as of 07:40, 12 October 2018 by TranceVeracity (Message Wall | contribs)
Sign in to edit

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@import url(https://fonts.googleapis.com/css?family=Chewy);
@import url(https://fonts.googleapis.com/css?family=Garamond);
@import url(https://fonts.googleapis.com/css?family=Futura);
@import url(https://fonts.googleapis.com/css?family=Frutiger);
@import url(https://fonts.googleapis.com/css?family=Rockwell);
@import url(https://fonts.googleapis.com/css?family=Calibri);
/*Poll background colour to make it readable with current skin*/ 
.pollAnswerVotes div {
   background:none repeat scroll 0 0 #ffd700 !important;
}
div.ajax-poll {border:none !important;}

/* Masthead-info background banner */
.UserProfileMasthead .masthead-info {
    background: #FFFFFF
     url('https://vignette.wikia.nocookie.net/recess/images/9/91/Recess_wiki_r.png/revision/latest?cb=20150529143921')  no-repeat bottom right;
    overflow:hidden;
}

/* Custom Background */
/* Background & Skin changes */ 
/*
.WikiaSiteWrapper {
  background: #bacdd8 url(https://vignette.wikia.nocookie.net/recess/images/7/71/Recess-3_%282%29.jpg/revision/latest?cb=20150602174435) fixed top no-repeat;
}
*/

/* Navigation */
.WikiHeader > nav li.marked {
background-color: #006195;
border-color: #006195;
border-radius: 2em 1em 2em 1em;
color: white;}
.WikiHeader > nav li.marked > a:hover {
text-decoration: none;}
.WikiHeader > nav nav-item {
box-shadow: 0 0 0 1px #006195 inset;}
.WikiHeader > nav .subnav-2 li a.subnav-2a:hover {
box-shadow: 0 -1px 0 0 #891100 inset;}
.WikiHeader > nav li {
border-bottom: 1px solid white;
border-radius: 1em 2em 1em 2em;
background-color: white;
border-color: #006195;}
.WikiHeader > nav li > a {
color: #891100;
border-left: 1px solid transparent;}
.WikiHeader > nav li.marked > a {
border-top: none;}
.WikiHeader > nav .subnav-2 li .subnav-2a {
background-color: #891100;
border-radius: 1em 2em 1em 2em;
border-color: #891100;}
.WikiHeader .navbackground {
display: none;}
.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {
background: white;
border-bottom:1px solid #891100;
border: 1px solid #891100;
color: #006195;
border-radius: 2em 1em 2em 1em;
box-shadow: 0 -1px 0 0 #891100 inset;}
.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a:hover {
background-color: white;
color: #891100;
border-bottom:1px solid #006195;
box-shadow: 0 -1px 0 0 #006195 inset;
border-color:#006195;}
.WikiHeader > nav li.marked .subnav-2a:hover{
text-decoration: none;
background-color: white;
color: #006195;
border-radius: 2em 1em 2em 1em;}
/* end navigation */

/*Link shadow instead of underline*/

a:visited:hover, .color2 a:visited:hover { 
  text-shadow: green 0 0 5px;
  text-decoration:none;
}
 
a:hover, .color2 a:hover {
  text-shadow: green 0 0 5px;
  text-decoration:none;
}

/* Shadow on page edges */

.WikiaPage {
   border: 1px solid dodgerblue;
   box-shadow: 0 0 1em black;
}

/* Rounmded Module borders */

.WikiaPagesOnWikiModule, 
.WikiaActivityModule, 
.WikiaImageModule, 
#WikiaSpotlightsModule, 
.HotSpotsModule, 
.CommunityCornerModule, 
.LatestPhotosModule, 
.WikiaArticle pre, 
.WikiaArticleCategories,
.ChatModule {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.WikiaSearch button {
  border: none;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
}
 
.wikia-menu-button ul, 
.wikia-menu-button.secondary ul, 
.modalWrapper, 
.skin-oasis #ImageUpload, 
.skin-oasis #VideoEmbed, 
.AccountNavigation .subnav, 
.WikiaSpotlight, 
.WikiaPageHeader .history.hover, 
.WikiaSearch .autocomplete, 
.WikiaFooter .my-tools-menu {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

/* Hilighted admin usernames */

a[href="/wiki/User:T.J._Detweiler"],
a[href="/wiki/User:LuffyPirateKing"],
a[href="/wiki/User:Ji_Robinson"],
a[href="/wiki/User:DavisC"],
a[href="/wiki/User:Kim2547b"],
a[href="/wiki/User:TranceVeracity"],
a[href="/wiki/User:Forbearance"]
a[href="/wiki/User:DestinyGlory27"]{text-shadow:0 0 1px black; color: #191970;}

 
.WikiaSearch input[type="text"] {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
 
.WikiaSearch input[type="text"]:hover {
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
 
.WikiaSearch input[type="text"] {
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
}

.WikiHeaderRestyle nav { 
       background-color:rgb(255, 255, 255);
       width:auto;
       -moz-border-radius: 2px; 
       -webkit-border-radius: 2px; 
       border-radius: 2px;
       -khtml-border-radius: 2px;     
}

.WikiHeaderRestyle {
   background: url(https://images.wikia.nocookie.net/recess/images/8/85/2012-01-11_2111.png);
}

.comments li[data-user="Minithepeanut"] blockquote {
   background: #FF3030 !important 
}
.comments li[data-user="Minithepeanut"] blockquote:after {
   border-color: transparent #FFFFFF #FFFFFF transparent !important;
}
.comments li[data-user="Minithepeanut"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Minithepeanut"] blockquote {color:white !important;
}
.comments li[data-user="Ji Robinson"] blockquote {
   background: dodgerblue !important;
}
.comments li[data-user="Ji Robinson"] blockquote:after {
   border-color: transparent #FFFFFF #FFFFFF transparent !important;
}
.comments li[data-user="Ji Robinson"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Ji Robinson"] blockquote {color:white !important;
}
.comments li[data-user="T.J. Detweiler"] blockquote {
   background: #BF3EFF !important;
}
.comments li[data-user="T.J. Detweiler"] blockquote:after {
   border-color: transparent #FFFFFF #FFFFFF transparent !important;
}
.comments li[data-user="T.J. Detweiler"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="T.J. Detweiler"] blockquote {color:white !important;
}
.comments li[data-user="LuffyPirateKing"] blockquote {
   background: black !important;
}
.comments li[data-user="LuffyPirateKing"] blockquote:after {
   border-color: transparent #FFFFFF #FFFFFF transparent !important;
}
.comments li[data-user="LuffyPirateKing"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="LuffyPirateKing"] blockquote {color:white !important;
}
.comments li[data-user="DestinyGlory27"] blockquote {
   background: black !important;
}
.comments li[data-user="DestinyGlory27"] blockquote:after {
   border-color: transparent #FFFFFF #FFFFFF transparent !important;
}
.comments li[data-user="DestinyGlory27"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="DestinyGlory27"] blockquote {color:white !important;
}
.comments li[data-user="TranceVeracity"] blockquote {
   background: #728308 !important;
}
.comments li[data-user="TranceVeracity"] blockquote:after {
   border-color: transparent #000000 #000000 transparent !important;
}
.comments li[data-user="TranceVeracity"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="TranceVeracity"] blockquote {font-family:Comic Sans !important;}
.comments li[data-user="TranceVeracity"] blockquote {color:white !important;}

#icons {
    position: absolute;
    right: 0;
    top: -22px;
    float: right;
}

#icons a img {
    -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -moz-transition: All 0.6863s ease;
    -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -o-transition: All 0.6863s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -webkit-transition: All 0.6863s ease;
    margin-bottom: 10px;
    width: 20px;
    word-wrap: break-word;
}

#icons a img:hover {
    -webkit-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    -moz-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    -ms-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    -o-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
}


.helpmodule img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: 0.5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: 0.5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: 0.5s ease-in-out;
    filter: grayscale(100%);
}

.helpmodule img:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: 0.5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: 0.5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: 0.5s ease-in-out;
    filter: grayscale(0%);
}

.UserProfileMasthead .masthead-avatar .avatar {
    border: 5px #002E58;
}

.UserProfileMasthead {
    min-height: 190px;
}

.UserProfileMasthead > div.masthead-info > div.masthead-info-lower::before {
    display: none;
}

.masthead-avatar img {
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.masthead-avatar:hover img {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius: 100%;
    box-shadow: 0 0 20px black;
    transform: rotate(360deg);
}

.masthead-avatar .sprite.edit-pencil {
    display: none;
}

#userAvatarEdit {
    margin-left: 45px;
}

.UserProfileMasthead .masthead-info hgroup {
    border-radius: 0;
}

.UserProfileMasthead .masthead-info-lower::before {
    border-style: none;
}

.avatar {
    border-radius: 12px;
    border: none;
}

.UserProfileMasthead > div.masthead-info {
    background-color: #d8ddea;
    background-color: rgba(216, 221, 234, 0.2);
    border-radius: 15px;
    margin: 15px 0 15px 165px;
}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement