MediaWiki:WikiaButtons.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
(begin changing of button styling) Tag: sourceedit |
(using .pph-button refs) Tag: sourceedit |
||
Line 1: | Line 1: | ||
/********* BUTTON MANIA *************/ | /********* BUTTON MANIA *************/ | ||
input#wpSave.control-button.even, | input#wpSave.control-button.even, | ||
#wpSave, | #wpSave, | ||
Line 37: | Line 36: | ||
div.buttons a.wikia-button, /* ArchiveTool buttons */ | div.buttons a.wikia-button, /* ArchiveTool buttons */ | ||
.WikiaFooter .wikia-button /* Random Wiki button at bottom of page */ { | .WikiaFooter .wikia-button /* Random Wiki button at bottom of page */ { | ||
-webkit-box-align: center; | |||
align-items: center; | |||
display: flex; | |||
background-color: rgb(1, 44, 87); | |||
box-sizing: border-box; | |||
color: rgb(255, 255, 255); | |||
cursor: pointer; | |||
font-size: 10px; | |||
font-weight: 600; | |||
height: 34px; | |||
margin-left: 6px; | |||
padding-top: 0px; | |||
padding-right: 12px; | |||
padding-bottom: 0px; | |||
padding-left: 12px; | |||
text-transform: uppercase; | |||
} | } | ||
Revision as of 23:51, 12 June 2017
/********* BUTTON MANIA *************/
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="submit"],*/
input[type="reset"],
input[type="button"],
div.chat-join button,
div.chat-start button,
nav.wikia-menu-button,
.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, /* buttons on user page */
div.buttons a.wikia-button, /* ArchiveTool buttons */
.WikiaFooter .wikia-button /* Random Wiki button at bottom of page */ {
-webkit-box-align: center;
align-items: center;
display: flex;
background-color: rgb(1, 44, 87);
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 10px;
font-weight: 600;
height: 34px;
margin-left: 6px;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 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;
-moz-box-shadow:0 0 10px #d5d4f0;
-webkit-box-shadow:0 0 10px #d5d4f0;
box-shadow:0 0 10px #d5d4f0;
color: #012c57;
overflow:visible;
font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
font-style:italic;
text-transform:lowercase;
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, /*img.sprite.new,*/
a > wikia-button.upphotos img, /*.sprite.photo*/
.RelatedVideos img.sprite.addRelatedVideos,
.WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo img,
/*.WikiaPageHeader img,*/
/*.ChatModule .chat-join 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: #ececec repeat scroll 0 0;*/
background:transparent url(http://images.wikia.com/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;
/*font-size:11pt;*/
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;
}
/* 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
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,
/*#wpPreview,*/
#wpDiff,
a#wpDiff,
/*#wpSave a:hover,*/
#wpDiff a:hover,
/*#wpPreview a:hover,
#wpPreview:hover */
/*#wpSave:hover,*/
#wpDiff:hover {
background-image: none;
background-color: #012c57;
border: 2px solid #ffffff;
-moz-box-shadow:0 0 10px #012c57;
-ms-box-shadow:0 0 10px #012c57;
-o-box-shadow:0 0 10px #012c57;
-webkit-box-shadow:0 0 10px #012c57;
box-shadow:0 0 10px #012c57;
color: #fff;
font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
text-transform:lowercase;
font-style:italic;
font-size:110%;
}
.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%
}
/* =====================
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
}