MediaWiki:WikiaButtons.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
(returning some styling to hover states)
Tag: sourceedit
m (Applying changes that should make this CSS file HTTPS-ready. If you have any questions or noticed issues related to this edit, please reach out to us using the Special:Contact page.)
 
(5 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* Gettin' stuff square */
button,
.button,
.wikia-menu-button,
.wikia-button {
    background-image:none;
    border-radius:0!important;
}
/*  =====================
    Speialised colour
    changer button
    ===================== */
input.color-changer:hover,
input.color-changer {
    background-image: url("https://images.wikia.nocookie.net/__cb20131017174708/tardis/images/6/64/ColourPicker.png");
    background-position:center;
    background-color: transparent!important;
    background-repeat: no-repeat;
    border:1px white solid;
    cursor:pointer;
    vertical-align:top;
    color:transparent;
    margin-left:5px;
    margin-top:2px;
}
button input.color-changer {
    color:purple!important
}
/********* BUTTON MANIA *************/
/********* BUTTON MANIA *************/
 
/*
.wikia-menu-button {
.wikia-menu-button {
}
}
Line 35: Line 72:
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo,
.WikiaPageHeader a.wikia-button,  
.WikiaPageHeader a.wikia-button,  
div.UserProfileActionButton a.wikia-button, /* buttons on user page */
div.UserProfileActionButton a.wikia-button,  
div.buttons a.wikia-button, /* ArchiveTool buttons */
div.buttons a.wikia-button,  
.WikiaFooter .wikia-button /* Random Wiki button at bottom of page */ {
.WikiaFooter .wikia-button {
-webkit-box-align: center;
    -webkit-box-align: center;
align-items: center;
    align-items: center;
display: flex;
    display: flex;
background-image:none;
    background-image:none;
background-color: transparent;
    background-color: transparent;
box-sizing: border-box;
    color: #012c57;
border-radius:0;
    border-radius:0;
color: #012c57;
    font-size: 10px;
font-size: 10px;
    height: 34px;
height: 34px;
    margin-left: 6px;
margin-left: 6px;
    padding-top: 0 12px 0 12px;
padding-top: 0px;
    text-transform: uppercase;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 12px;
text-transform: uppercase;
}
}


Line 74: Line 107:
   background-image:none
   background-image:none
}
}
 
*/
/*** Getting rid of annoying graphics ***/
/*** Getting rid of annoying graphics ***/
/*a.wikia-button img,  
/* a.wikia-button img,  
.wikia-single-button a img,  
.wikia-single-button a img,  
.wikia-menu-button img,  
.wikia-menu-button img,  
Line 83: Line 116:
input[type="button"] img,  
input[type="button"] img,  
.button img,  
.button img,  
button img, */
button img,  
img.sprite.edit-pencil,
img.sprite.edit-pencil,
.addVideo img.sprite.addRelatedVideo,
.addVideo img.sprite.addRelatedVideo,
div.chat-join button img,
div.chat-join button img,
nav.wikia-menu-button a img.sprite.edit-pencil,
nav.wikia-menu-button a img.sprite.edit-pencil,
a > wikia-button.createpage img, /*img.sprite.new,*/
a > wikia-button.createpage img,
a > wikia-button.upphotos img, /*.sprite.photo*/
a > wikia-button.upphotos img,  
.RelatedVideos img.sprite.addRelatedVideos,
.RelatedVideos img.sprite.addRelatedVideos,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo img,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo img,
/*.WikiaPageHeader img,*/
/*.ChatModule .chat-join img,*/
.WikiaPagesOnWikiModule .sprite.new,  
.WikiaPagesOnWikiModule .sprite.new,  
.LatestPhotosModule .wikia-button img,
.LatestPhotosModule .wikia-button img,
Line 104: Line 135:
padding: 4px;
padding: 4px;
}
}
 
*/
/* Drop-down menus deriving from buttons */
/* Drop-down menus deriving from buttons  


.wikia-menu-button ul,  
.wikia-menu-button ul,  
.UserProfileActionButton ul {  
.UserProfileActionButton ul {  
  /*background: #ececec repeat scroll 0 0;*/
     background:transparent url(https://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png);  
     background:transparent url(http://images.wikia.com/tardistest/images/6/6e/75opacitygrey.png);  
   border:2px solid #fff;
   border:2px solid #fff;
   -moz-box-shadow:0 0 40px #012c57;
   -moz-box-shadow:0 0 40px #012c57;
Line 117: Line 147:
   color:#012c57;
   color:#012c57;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;  
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;  
  /*font-size:11pt;*/
   padding:3px;
   padding:3px;
   font-weight:bold;
   font-weight:bold;
}
}
 
*/
/* Controls color of text in dropdown; oddly the above doesn't */
/* Controls color of text in dropdown; oddly the above doesn't  


.wikia-menu-button ul a {  
.wikia-menu-button ul a {  
Line 192: Line 221:
.button-hover,  
.button-hover,  
button-hover {                       
button-hover {                       
  background-color:#ececec;
background-color:#012c57;
  border: 1px solid #012c57;
background-image: -moz-linear-gradient(center top , #747eBE 35%, #012c57 65%);
   color: #012c57;
border: 2px solid #ffffff;
  -moz-box-shadow:0 0 10px #fff;
  -webkit-box-shadow:0 0 10px #fff;
  box-shadow:0 0 10px #fff;
   color: #fff;
  overflow:visible;
  font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
  font-style:italic;
  text-transform:lowercase;  
}
}
 
*/
/**** Button stuff ****/
/**** Button stuff ****


.wikia-menu-button > a,
.wikia-menu-button > a,
Line 204: Line 241:
   font-size:12pt;
   font-size:12pt;
}
}
*/
     /* This is the big daddy.  It controls the text on the button, and ONLY
     /* This is the big daddy.  It controls the text on the button, and ONLY
       the text on the button.  */
       the text on the button.  */


 
/*
.wikia-menu-button .drop {  
.wikia-menu-button .drop {  
   color:#012c57;
   color:#012c57;
Line 224: Line 261:
     padding: 1px 3px 1px 3px;
     padding: 1px 3px 1px 3px;
}
}
 
*/
/* Random Page and Wiki Activity buttons */
/* actually does the contribute button in 2016 */
.WikiHeader .buttons a,
.WikiHeader .buttons a:hover {
  background-color:transparent;
  border:#fff;
  color:#012c57;
  text-transform:uppercase;
        -mox-box-shadow:none;
          -o-box-shadow:none;
    -webkit-box-shadow:none;
            box-shadow:none;
}


/* Coloring chevron white; the chevron is  
/* Coloring chevron white; the chevron is  
   the little down-arrow thingie on various buttons */
   the little down-arrow thingie on various buttons  


.wikia-menu-button .chevron,
.wikia-menu-button .chevron,
Line 273: Line 297:
   color:#fff;
   color:#fff;
}  
}  
 
*/
/*This changes the bits underneath the edit box, where the summary input box is */
/*This changes the bits underneath the edit box, where the summary input box is  
.skin-oasis #edit_enhancements_toolbar,
.skin-oasis #edit_enhancements_toolbar,
.skin-oasis .edit_enhancements_toolbar,
.skin-oasis .edit_enhancements_toolbar,
Line 295: Line 319:
     width: 251px;
     width: 251px;
}
}
 
*/
/*  Fixes for bug in Wikia skin */
/*  Fixes for bug in Wikia skin */


/*  Make menu button dropdowns  
/*  Make menu button dropdowns  
     appear on top of user page content */
     appear on top of user page content  
      
      
.WikiaUserPagesHeader .wikia-button,
.WikiaUserPagesHeader .wikia-button,
Line 307: Line 331:
     color:#fff;
     color:#fff;
}
}
 
*/
/*  ++++++++++++++++++
/*  ++++++++++++++++++
     Preview/Publish buttons
     Preview/Publish buttons
     ++++++++++++++++++ */
     ++++++++++++++++++  


a#wpDiff.diff-link {
a#wpDiff.diff-link {
Line 321: Line 345:
input#wpSave.control-button-even,
input#wpSave.control-button-even,
#wpSave,
#wpSave,
/*#wpPreview,*/
#wpDiff,
#wpDiff,
a#wpDiff,
a#wpDiff,
/*#wpSave a:hover,*/
#wpDiff a:hover,
#wpDiff a:hover,
/*#wpPreview a:hover,
#wpSave:hover,
#wpPreview:hover */
/*#wpSave:hover,*/
#wpDiff:hover {
#wpDiff:hover {
     background-image: none;  
     background-image: none;  
Line 339: Line 359:
     font-size:110%;
     font-size:110%;
}  
}  
a#wpDiff.diff-link {
    margin:7px;
    width:100px;
    text-align:center;
    display: inline-block;
}


.nav.wikia-menu-button.secondary.control-button,
.nav.wikia-menu-button.secondary.control-button,
Line 357: Line 384:
div.neutral.modalToolbar a#close-wikia-button.secondary:hover {
div.neutral.modalToolbar a#close-wikia-button.secondary:hover {
     color:#012c57;
     color:#012c57;
}
}  
*/
/*  =====================
/*  =====================
     Number of talk comments
     Number of talk comments
Line 365: Line 393:
     display:inline;
     display:inline;
     font-size:75%
     font-size:75%
}
/*  =====================
    Speialised colour
    changer button
    ===================== */
input.color-changer:hover,
input.color-changer {
    background-image: url("http://images2.wikia.nocookie.net/__cb20131017174708/tardis/images/6/64/ColourPicker.png");
    background-position:center;
    background-color: transparent!important;
    background-repeat: no-repeat;
    border:1px white solid;
    cursor:pointer;
    vertical-align:top;
    color:transparent;
    margin-left:5px;
    margin-top:2px;
}
button input.color-changer {
    color:purple!important
}
}

Latest revision as of 09:38, 9 March 2018

/* Gettin' stuff square */
button, 
.button, 
.wikia-menu-button, 
.wikia-button {
    background-image:none;
    border-radius:0!important;
}

/*  =====================
    Speialised colour 
    changer button 
    ===================== */
input.color-changer:hover,
input.color-changer {
    background-image: url("https://images.wikia.nocookie.net/__cb20131017174708/tardis/images/6/64/ColourPicker.png");
    background-position:center;
    background-color: transparent!important;
    background-repeat: no-repeat;
    border:1px white solid;
    cursor:pointer;
    vertical-align:top;
    color:transparent;
    margin-left:5px;
    margin-top:2px;
}

button input.color-changer {
    color:purple!important
}







/********* BUTTON MANIA *************/
/*
.wikia-menu-button {
}


input#wpSave.control-button.even,
#wpSave,
#wpSave:hover,
a.wikia-button, 
wikia-single-button a, 
.wikia-single-button, 
a#wpDiff.diff-link,
.CategorySelectAdd,
.CategorySelect.articlePage .add,
.addVideo,
a.secondary.button.policies-link,
.save-button,
.create-new-board-button,
a.button.admin-link,
a.button.policies-link,
.RelatedForumDiscussion h2 .forum-new-post,
input[type="reset"], 
input[type="button"],
div.chat-join button, 
div.chat-start button,
nav.wikia-menu-button,
.WikiaSearch .wikia-button,
.WikiaRail .module .wikia-button, 
.WikiaRail #RIGHT_SKYSCRAPER .wikia-button,
.WikiaPagesOnWikiModule .wikia button,
#WikiaSpotlightsModule .wikia-button,
.LatestPhotosModule .wikia-button,
.WikiFooter .buttons a,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo,
.WikiaPageHeader a.wikia-button, 
div.UserProfileActionButton a.wikia-button, 
div.buttons a.wikia-button, 
.WikiaFooter .wikia-button {
     -webkit-box-align: center;
     align-items: center;
     display: flex;
     background-image:none;
     background-color: transparent;
     color: #012c57;
     border-radius:0;
     font-size: 10px;
     height: 34px;
     margin-left: 6px;
     padding-top: 0 12px 0 12px;
     text-transform: uppercase;
}

.secondary.cancel-button,
a.edit-topic-link,
.replyButton,
.previewButton.secondary,
.quote-button.secondary,
a.wikia-button secondary,
div.buttons a.wikia-button.secondary {
   background:none;
   background-color:#ececec;
   border: 1px solid #d5d4f0;
   color: #012c57;
   overflow:visible;
   padding:0px 5px 0px 5px;
}

a.wikia-button.secondary:hover {
   background-image:none
}
*/
/*** Getting rid of annoying graphics ***/
/* a.wikia-button img, 
.wikia-single-button a img, 
.wikia-menu-button img, 
input[type="submit"] img, 
input[type="reset"] img, 
input[type="button"] img, 
.button img, 
button img, 
img.sprite.edit-pencil,
.addVideo img.sprite.addRelatedVideo,
div.chat-join button img,
nav.wikia-menu-button a img.sprite.edit-pencil,
a > wikia-button.createpage img,
a > wikia-button.upphotos img, 
.RelatedVideos img.sprite.addRelatedVideos,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo img,
.WikiaPagesOnWikiModule .sprite.new, 
.LatestPhotosModule .wikia-button img,
.UserProfileActionButton .image.sprite.blog,
.WikiaActivityModule .sprite {
 display:none 
}

nav.wikia-menu-button a#ca.edit {
padding: 4px;
}
*/
/* Drop-down menus deriving from buttons 

.wikia-menu-button ul, 
.UserProfileActionButton ul { 
    background:transparent url(https://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png); 
   border:2px solid #fff;
   -moz-box-shadow:0 0 40px #012c57;
   -webkit-box-shadow:0 0 40px #012c57;
   box-shadow:0 0 40px #012c57;
   color:#012c57;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
   padding:3px;
   font-weight:bold;
}
*/
/* Controls color of text in dropdown; oddly the above doesn't 

.wikia-menu-button ul a { 
   color:#012c57;
   background-color:#ECECEC;
   padding:3px;
   font-size:11pt;
   font-weight:bold; 
}

wikia-button ul:hover,
.wikia-menu-button ul:hover { 
   background-color:#ececec;
   color:#0253a3;
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}

.wikia-button ul a:hover,
.wikia-menu-button ul a:hover { 
   background-color:#ececec ;
   color:#0253a3;
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}
 
.wikia-menu-button li { 
   color:#012c57; 
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}
             
.wikia-menu-button li:hover { 
   background-color:#ececec;
   color:#0253a3;
   padding:3px; 
   font-size:11pt; 
   font-weight:bold;
}

.wikia-menu-button li a:hover { 
   background-color:transparent;
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}

.wikia-menu-button li a { 
   color:#012c57; 
   padding:3px;
   font-size:11pt; 
   font-weight:bold;
}
 
a.wikia-button:hover, 
a.wikia-button.createpage:hover,
wikia-single-button a:hover, 
wikia-menu-button:hover, 
a.wikia-button.upphotos:hover,
.WikiaSearch .wikia-button:hover,
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
div.chat-join button:hover,
div.chat-start button:hover,
.button-hover, 
button-hover {                      
 background-color:#012c57;
 background-image: -moz-linear-gradient(center top , #747eBE 35%, #012c57 65%);
 border: 2px solid #ffffff;
   -moz-box-shadow:0 0 10px #fff;
   -webkit-box-shadow:0 0 10px #fff;
   box-shadow:0 0 10px #fff;
   color: #fff;
   overflow:visible;
   font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; 
   font-style:italic;
   text-transform:lowercase; 
}
*/
/**** Button stuff ****

.wikia-menu-button > a,
.wikia-button > a {
  color:white;
  font-size:12pt;
}
*/
    /* This is the big daddy.  It controls the text on the button, and ONLY
       the text on the button.  */

/*
.wikia-menu-button .drop { 
   color:#012c57;
   margin:auto auto auto auto;
   padding: auto auto auto auto; 
}


.WikiaPageHeader .wikia-button, .WikiaPageHeader .wikia-menu-button {
    margin-top: 2px;
    vertical-align: top;
    z-index: 3;
    font-size: 12pt;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
}
*/

/* Coloring chevron white; the chevron is 
   the little down-arrow thingie on various buttons 

.wikia-menu-button .chevron,
a.wikia-button img.chevron, 
.wikia-single-button a img.chevron, 
.wikia-menu-button img.chevron, 
input[type="submit"] img.chevron, 
input[type="reset"] img.chevron, 
input[type="button"] img.chevron, 
.button img.chevron, 
button img.chevron {
   color:white;
}

a.wikia-button:hover, 
wikia-single-button a:hover, 
.wikia-menu-button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
.button-hover, 
button-hover {
   background-color:#012c57;
   color:white;
}


a.wikia-button, 
wikia-single-button, 
.wikia-menu-button {
  background-color:transparent;
  color:#fff;
} 
*/
/*This changes the bits underneath the edit box, where the summary input box is 
.skin-oasis #edit_enhancements_toolbar,
.skin-oasis .edit_enhancements_toolbar,
.csMainContainer,
#csMainContainer {
  border:dashed 1px #012c57;
}

a.button.forum-new-post {
    border:none;
    color:transparent;
    background:transparent;
}

a.button.forum-new-post a:link {
    color:transparent
}

.WikiHeader .buttons {
    width: 251px;
}
*/
/*  Fixes for bug in Wikia skin */

/*  Make menu button dropdowns 
    appear on top of user page content 
    
.WikiaUserPagesHeader .wikia-button,
.WikiaUserPagesHeader .wikia-menu-button,
.UserProfileActionButton .wikia-menu-button {
    z-index: 10;
    color:#fff;
}
*/
/*  ++++++++++++++++++
    Preview/Publish buttons
    ++++++++++++++++++ 

a#wpDiff.diff-link {
    margin:7px;
    min-width:100px;
    text-align:center
}


input#wpSave.control-button-even,
#wpSave,
#wpDiff,
a#wpDiff,
#wpDiff a:hover,
#wpSave:hover,
#wpDiff:hover {
    background-image: none; 
    background-color: transparent;
    border: 1px solid #ececec;
    color: #012c57;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    font-size:110%;
} 
a#wpDiff.diff-link {
    margin:7px;
    width:100px;
    text-align:center;
    display: inline-block;
}


.nav.wikia-menu-button.secondary.control-button,
.nav wikia-menu-button.secondary.control-button active,
a#wpDiff,
.wikia-menu-button.secondary ul,
.wikia-menu-button.secondary ul li
.wikia-menu-button.secondary ul li a#wpDiff {
    background:none;
    background-color:#ececec;
}


div.neutral.modalToolbar a#publish.wikia-button {
    color:#fff 
}

div.neutral.modalToolbar a#close-wikia-button.secondary:hover {
    color:#012c57;
} 
*/
/*  =====================
    Number of talk comments
    in the "talk" button
    ===================== */
.commentsbubble {
    display:inline;
    font-size:75%
}
Retrieved from "https://tardis.wiki/w/index.php?title=MediaWiki:WikiaButtons.css&oldid=2472792"