MediaWiki:WikiaButtons.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
(going back to 9 Sept 2014 versino) Tag: sourceedit |
No edit summary Tag: sourceedit |
||
| Line 211: | Line 211: | ||
button-hover { | button-hover { | ||
background-color:#012c57; | background-color:#012c57; | ||
background-image: -moz-linear-gradient(center top , #747eBE 35%, #012c57 65%); | |||
border: 2px solid #ffffff; | |||
-moz-border-radius:50%/15%; | -moz-border-radius:50%/15%; | ||
-webkit-border-radius:50%/15%; | -webkit-border-radius:50%/15%; | ||
| Line 308: | Line 308: | ||
color:white; | color:white; | ||
} | } | ||
a.wikia-button:hover, | a.wikia-button:hover, | ||
Revision as of 18:48, 6 September 2015
/********* BUTTON MANIA *************/
/* Buttons outside page header */
.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,
a.wikia-button,
wikia-single-button a,
.wikia-single-button,
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 */ {
background: #012c57; /* Old browsers */
background: -moz-linear-gradient(top, #012c57 0%, #012c57 35%, #0253a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012c57), color-stop(35%,#012c57), color-stop(100%,#0253a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #012c57 0%,#012c57 35%,#0253a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #012c57 0%,#012c57 35%,#0253a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #012c57 0%,#012c57 35%,#0253a3 100%); /* IE10+ */
background: linear-gradient(top, #012c57 0%,#012c57 35%,#0253a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012c57', endColorstr='#0253a3',GradientType=0 ); /* IE6-9 */
border: 1px solid #ffffff;
-moz-border-radius:50%/15%;
-webkit-border-radius:50%/15%;
-ms-border-radius:50%/15%;
-o-border-radius:50%/15%;
border-radius:50%/15%;
/*-moz-box-shadow:0 0 10px #0253a3;
-webkit-box-shadow:0 0 10px #0253a3;
box-shadow:0 0 10px #0253a3;*/
color: #fff;
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;
}
.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: 2px solid #d5d4f0;
-moz-border-radius:50%/15%;
-webkit-border-radius:50%/15%;
-ms-border-radius:50%/15%;
-o-border-radius:50%/15%;
border-radius:50%/15%;
-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);
-moz-border-radius:2%;
-webkit-border-radius:2%;
-ms-border-radius:2%;
-o-border-radius:2%;
border-radius:2%;
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-border-radius:50%/15%;
-webkit-border-radius:50%/15%;
-ms-border-radius:50%/15%;
-o-border-radius:50%/15%;
border-radius:50%/15%;
-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;
}
/* Start a wiki button */
.WikiaHeader .wikia-button:hover,
.WikiaHeader .wikia-button {
background: #ececec;
color:#012c57;
border:2px solid #fff;
font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform:uppercase;
letter-spacing:2px;
font-style:normal;
-moz-border-radius:50%/15%;
-webkit-border-radius:50%/15%;
-ms-border-radius:50%/15%;
-o-border-radius:50%/15%;
border-radius:50%/15%;
}
/* Random Page and Wiki Activity buttons */
.WikiHeader .buttons a,
.WikiHeader .buttons a:hover {
background-color:#012c57;
color:#fff;
border:#fff;
font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
text-transform:lowercase;
-moz-border-radius:2%;
-webkit-border-radius:2%;
-ms-border-radius:2%;
-o-border-radius:2%;
border-radius:2%;
-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:#012c57;
}
/*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;
}
/* ==========================
SEARCH BUTTONS
========================== */
.WikiaSearch .wikia-button,
.WikiaSearch .wikia-button:hover,
.WikiaSearch .wikia-button:active,
input[type="button"].secondary,
input[type="button"].secondary:hover,
input[type="button"].secondary:active {
background-color:#E2E2F0;
height:27px!important;
width:40px!important;
}
.UserProfileMastheadSearch .WikiaSearch button { display:none }
.UserProfileMastheadSearch .WikiaSearch button:hover {
border: 1px dashed #012c57;
}
.UserProfileMastheadSearch .WikiaSearch button:active {
background-color: #dfdfdf;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #dfdfdf), color-stop(65%, #f2f2f2));
background-image: -moz-linear-gradient(top, #dfdfdf 35%, #f2f2f2 65%);
background-image: -o-linear-gradient(top, #dfdfdf 35%, #f2f2f2 65%);
background-image: linear-gradient(top, #dfdfdf 35%, #f2f2f2 65%);
border: 1px dashed #012c57;
}
/* ++++++++++++++++++
Preview/Publish buttons
++++++++++++++++++ */
div.neutral.modalToolbar a#ok.wikia-button, /* OK button on create a new page */
#EditPage .module_page_controls .wikia-menu-button,
#EditPage .module_page_controls input[type="submit"],
#wpSave,
#wpPreview,
#wpDiff,
#wpSave a:hover,
#wpDiff a:hover,
#wpPreview a:hover,
#wpSave:hover,
#wpDiff:hover,
#wpPreview:hover {
background-image: none; /*-moz-linear-gradient(center top , #747eBE 35%, #012c57 65%);*/
background-color: #012c57;
border: 2px solid #ffffff;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-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;
-moz-border-radius:50%/15%;
-webkit-border-radius:50%/15%;
-ms-border-radius:50%/15%;
-o-border-radius:50%/15%;
border-radius:50%/15%;
background-repeat: no-repeat;
border:1px white solid;
cursor:pointer;
vertical-align:top;
color:transparent;
}
button input.color-changer {
color:purple!important
}
