Criminal Case Official Fan-Fiction Wiki
Don't have an account?
Register
Advertisement
Register
Criminal Case Official Fan-Fiction Wiki
Criminal Case Official Fanon Wiki
17,915
pages

Wikia.css

MediaWiki page
Revision as of 01:19, 17 August 2019 by Tuttifruttichaitea (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.
.pi-data-label, .pi-title, .pi-header {
 font-family: 'Century Gothic', sans-serif;
}

/**************/
/* Link hover */
/**************/
a:visited:hover, .color2 a:visited:hover {
  text-shadow: #000000 0 0 15px;
  text-decoration:none;
}
 
a:hover, .color2 a:hover {
  text-shadow: #000000 0 0 15px;
  text-decoration:none;
}
 
a:visited:hover, .color2 a:visited:hover {
  color: #4acef4 0 0 15px;
  text-decoration:underline;
}
 
a:hover {
        color: #4acef4 !important;
	text-decoration:underline;
 
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background: #00008B;
}
::-webkit-scrollbar-thumb:hover {
    background: #191970 !important;
}
::-webkit-scrollbar-thumb:active {
    background: #1F75FE !important;
}

/* Round bullet points */  
.WikiaArticle ul, .SpeechBubble .speech-bubble-message ul {list-style:disc outside none} 
.page-listings ul, .RelatedPagesModule ul, 
.AdminDashboard ul, ul.watched-list, .WikiaBlogListing ul {list-style:none outside none !important}

a[href="/wiki/User:Tuttifruttichaitea"] {color:#609BE8 !important}
a[href="/wiki/User:PetersCorporal"] {color:#BF0600 !important}
a[href="/wiki/User:CoolCCMystery"] {color:#26A72F !important}
a[href="/wiki/User:UnknownGamez"] {color:#0586F4 !important}
a[href="/wiki/User:JackofallCCtrades17"] {color:#009E60 !important}

 /*********************************************** 
    Added for 4th level menus 
 ************************************************/
 WikiHeader > nav .subnav-3 { 
     top: 29px !important; /*needed esp while on admin page*/
 -khtml-border-radius: 0 5px 5px 5px;
 -moz-border-radius: 0 5px 5px 5px;
 -webkit-border-radius: 0 5px 5px 5px;
 -o-border-radius: 0 5px 5px 5px; 
 border-radius: 0 5px 5px 5px; 
 }
 
 .subnav-3-with-subnav-4 { width: 175px !important; }  
 .subnav-3 li:hover ul, 
 .subnav-3 li:hover ul li { display: block; }
 
 .WikiHeader > nav 
 .subnav-3 li a {  padding: 2px 9px;  
 }
 .subnav-4 { 
     display: none;
     background-color: #2A2F49; 
     border: 1px solid #E5A82E; 
     left: 170px; 
     margin: 4px; 
     min-width: 125px; 
     padding: 5px 1px; 
     position: absolute; 
     top: -2px; 
     -moz-box-shadow:1px 2px 15px 0px black; 
     -webkit-box-shadow:1px 2px 15px 0px black; box-shadow:1px 2px 15px 0px black; 
     -khtml-border-radius: 0 5px 5px 5px; 
     -moz-border-radius: 0 5px 5px 5px; 
     -webkit-border-radius: 0 5px 5px 5px; 
     -o-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; 
     }
     .subnav-4-sep { 
         margin: 0px; 
         padding: 0px; 
         background-color: #2A2F49; 
         border-color: #E5A82E; 
         color: #E5A82E; 
         }
         .chevron-right { 
             border-color: transparent transparent transparent #E5A82E; 
             border-style: solid; 
             border-width: 4px; 
             position: absolute; 
             right: 7px; 
             top: 12px; 
             }
             .WikiHeader > nav .subnav { padding: 1px; }
             
             .subnav-4 {
                 padding: 1px;
                 z-index: 91; 
                 }
                 .subnav-3 li:first-of-type ul { top: -1px ! important; } 
                 .subnav-3 li:nth-child(2) ul { top: 28px ! important; } 
                 .subnav-3 li:nth-child(3) ul { top: 57px ! important; } 
                 .subnav-3 li:nth-child(4) ul { top: 86px ! important; } 
                 .subnav-3 li:nth-child(5) ul { top: 115px ! important; } 
                 .subnav-3 li:nth-child(6) ul { top: 144px ! important; } 
                 .subnav-3 li:nth-child(7) ul { top: 173px ! important; } 
                 .subnav-3 li:nth-child(8) ul { top: 202px ! important; }
ul.tabbernav li a {
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
    background: goldenrod !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: lime 2px solid white !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    padding: 3px 0.5em !important;
    position: relative;
}
ul.tabbernav li.tabberactive a {
    background-color: goldenrod !important;
    border: 1px solid white !important;
    color: white !important;
    cursor: normal;
    font-size: 12px !important;
    font-weight: bold !important;
}
/* End of Customizing Tabber */

.tabs li a:hover { 
/* Transition of hovering */    
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border-bottom: 3px solid #00008B;
    text-decoration: none;
    top: 1px;
}
 
.tabs li a {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;    
    color: white;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    text-shadow: 0 1px rgba(0,0,0,0.7);
}
 

/* START Rounded avatar images in chat module */ 
.ChatModule .avatar { 
    border-radius: 10px !important; 
    }
    /* END Rounded avatar images in chat module */

/* Staff Comments — Adapted from our sister wiki */
.comments li[data-user="Tuttifruttichaitea"] > blockquote {
    border: 1px solid #609BE8;
}
.comments li[data-user="PetersCorporal"] > blockquote {
    border: 1px solid #BF0600;
}
.comments li[data-user="CoolCCMystery"] > blockquote {
    border: 1px solid #26A72F;
}
.comments li[data-user="UnknownGamez"] > blockquote {
    border: 1px solid #0586F4;
}
.comments li[data-user="JackofallCCtrades17"] > blockquote {
    border: 1px solid #009E60;
}

/* Avatars — Adapted from our sister wiki */
a[href="/wiki/User:Tuttifruttichaitea"] .avatar {
   border: 1px solid #609BE8;
}
a[href="/wiki/User:PetersCorporal"] .avatar {
   border: 1px solid #BF0600;
}
a[href="/wiki/User:CoolCCMystery"] .avatar {
   border: 1px solid #26A72F;
}
a[href="/wiki/User:UnknownGamez"] .avatar {
   border: 1px solid #0586F4;
}
a[href="/wiki/User:JackofallCCtrades17"] .avatar {
   border: 1px solid #009E60;
}


/* Username color in chat — Adapted from the Fan Papa Louie Customers Wiki */

/* the user's username color above his messages */
body.ChatWindow section#WikiaPage > .Chat li[data-user="Tuttifruttichaitea"] .username {
	color: #609BE8;
}

/* the user's username color above his messages */
body.ChatWindow section#WikiaPage > .Chat li[data-user="PetersCorporal"] .username {
	color: #BF0600;
}

/* the user's username color above his messages */
body.ChatWindow section#WikiaPage > .Chat li[data-user="CoolCCMystery"] .username {
	color: #26A72F;
}

/* the user's username color above his messages */
body.ChatWindow section#WikiaPage > .Chat li[data-user="UnknownGamez"] .username {
    color: #0586F4;
}

/* the user's username color above his messages */
body.ChatWindow section#WikiaPage > .Chat li[data-user="JackofallCCtrades17"] .username {
    color: #009E60;
}

/* Polls — Adapted from the Scream Queens Wiki*/
.ajax-poll {
    -moz-border-radius: 1ex;
    border-radius:1ex;
}

.pollAnswerVotes div {
    background: linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
    background: -o-linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
    background: -ms-linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
    background: -icab-linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
    background: -webkit-linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
    background: -khtml-linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
    background: -moz-linear-gradient(left, transparent 0%, #00008B 100%) repeat scroll 0 0 #6495ed !important;
}

/* Hot Spots module */
.HotSpotsModule li div div {
    border-radius: 100px/20px !important;
}
 
.HotSpotsModule li span {
    display: block;
    padding: 17px 0;
}


/* Table of contents*/
.WikiaArticle .toc:hover {
    background-color: transparent;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
 
.toclevel-1:hover {
    background-color: #000033 !important;
    border-radius: 1em 1em 1em 1em;
    color: white; /* Font color */
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
 
.toclevel-2:hover {
    background-color: #000033 !important;
    border-radius: 1em 1em 1em 1em;
    color: white; /* Font color */
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
 
.toclevel-3:hover {
    background-color: #000033 !important;
    border-radius: 1em 1em 1em 1em;
    color: white; /* Font color */
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

/**************************************************************************************************/
 
/* Hover class */
.hoverimage img {
    opacity: 0.85;
    filter: alpha(opacity=85);
}
    .hoverimage img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }
 
/**************************************************************************************************/
 
/* Tabber changes */
/* Make the list of references look smaller */
ol.references {
   font-size: 90%;
}
 
.references-small { font-size: 90%;}
 
 /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
 /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
 /* column-count is from the CSS3 module "CSS Multi-column Layout" */
 /* Please ignore any validator errors caused by these two lines */
.references-2column {
   font-size: 90%;
  -moz-column-count:2;
   column-count:2;
 }
 
 /* Wikia glow */
.WikiaPage {
    border: 1px solid #000044;
    border-top: 2px solid darkblue !important;
}

/* Avatar display on userpage */
.masthead-avatar img {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.masthead-avatar:hover img {
  border-radius: 100%;
  box-shadow:0 0 20px black;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Article thumb images */
 /* Figcaption */
.WikiaArticle .article-thumb {
    border: none;
    background: #070707;
    border-radius: 1em 1em 1em 1em;
    padding: 2px 2px 2px 2px;
}
 
 /* Inner image */
.WikiaArticle .article-thumb .image img {
    background: #070707;
    border: none;
    border-radius: 1em 1em 1em 1em;
    text-align: center;
}
 
 /* Caption */
.WikiaArticle .article-thumb .caption {
    text-align: center;
    color: inherit;
}

/* TOC */
.WikiaArticle .toc {
    border: none;
    border-radius: 1em 1em 1em 1em;
    background-color: #070707;
    box-shadow: 3px 3px 3px #000044;
}
 
.toclevel-1:hover {
    background-color: #000044 !important;
    border-radius: 1em 1em 1em 1em;
    color: white;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
 
.toclevel-2:hover {
    background-color: #000044 !important;
    border-radius: 1em 1em 1em 1em;
    color: white;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
 
.toclevel-3:hover {
    background-color: #000044 !important;
    border-radius: 1em 1em 1em 1em;
    color: white;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

/* Buttons */
.related-topics .related-topic, 
.related-topics .edit-topic {
    background: url(https://vignette.wikia.nocookie.net/criminal-case-grimsborough/images/e/ee/EditTopicsButton2.jpg);
}

/* Wiki Activity and Insights modules — credits to Scream Queens Wiki */
.WikiaActivityModule li:hover {
    box-shadow: 0px 0px 6px 1px #00008b inset;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
 
.insights-module a:hover {
    box-shadow: 0px 0px 6px 1px #00008b inset;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.activityfeed-diff:before {
    content: url(https://images.wikia.nocookie.net/steven-universe/images/thumb/e/e3/Notspriteview.png/15px-.png) !important;
    padding: 5px !important;
    position: absolute;
}
.activityfeed-diff img {
    display:none;
}
.sprite.contribute {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a9/Notspritecontribute.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.categorization {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/c3/Notspritecat.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.new {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d2/Notspritenew.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.edit {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/3/32/Notspriteedit.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.talk {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/7/76/Notspritecomment.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.blog {
    background:url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a6/Notspritenewblog.png) center no-repeat !important;
    background-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
}
.sprite-small.delete {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/cc/Notspriteremove.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.trash,
.sprite.remove {
    background:url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d7/Notspritedelete.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.drag {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a0/Notspritemove.png) center no-repeat !important;
    background-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
}
.sprite-small.edit, 
.sprite.edit-pencil {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.lock {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/b/b0/Notspritelock.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.wikia-menu-button .sprite.edit-pencil {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement