No edit summary |
(weird effect) |
||
| Line 122: | Line 122: | ||
filter: brightness(80%) |
filter: brightness(80%) |
||
} |
} |
||
| + | |||
| − | .UserProfileMasthead .masthead-avatar img:hover { |
||
| − | transform: rotate(360deg); |
||
| − | transition: 0.5s ease |
||
| − | } |
||
| − | .UserProfileMasthead .masthead-avatar img { |
||
| − | transition: 0.5s ease |
||
| − | } |
||
/* message Walls */ |
/* message Walls */ |
||
/** Original code by Pirr & Luqgreg form http://pl.nfs.wikia.com/wiki/MediaWiki:Profile.css **/ |
/** Original code by Pirr & Luqgreg form http://pl.nfs.wikia.com/wiki/MediaWiki:Profile.css **/ |
||
Revision as of 01:10, 8 February 2020
/***** CSS placed here will be applied to all skins on the entire site. *****/
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:Nord.css|u:dev:MediaWiki:ModernWikiActivity.css&only=styles");
@import url('https://fonts.googleapis.com/css?family=Shrikhand');
/* User Profile Masthead */
.UserProfileMasthead .masthead-info {
background: url('https://vignette.wikia.nocookie.net/botkylorens-test/images/e/e6/Translucentwhite.png'), url('https://i.imgur.com/8BvTaKj.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
border-radius: 0px;
box-shadow: none !important;
}
.UserProfileMasthead .masthead-info hgroup {
background-image: none;
border-radius: 0px !important;
}
.UserProfileMasthead .avatar {
border-radius: 50%;
border: none !important;
}
.UserProfileMasthead .masthead-info .masthead-info-lower::before {
display: none
}
.avatar-controls img {
display: none
}
#userAvatarEdit::before {
content: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 17 17\" class=\"wds-icon wds-icon-small\" id=\"wds-icons-pencil-small\" style=\"fill: #ff6600\"><path d=\"M9.1 4.5l-7.8 7.8c-.2.2-.3.4-.3.7v3c0 .6.4 1 1 1h3c.3 0 .5-.1.7-.3l7.8-7.8-4.4-4.4zm7.6-.2l-3-3c-.4-.4-1-.4-1.4 0l-1.8 1.8 4.4 4.4 1.8-1.8c.4-.4.4-1 0-1.4z\" fill-rule=\"evenodd\"></path></svg>");
margin-right: 5px;
}
.UserProfileMasthead .masthead-avatar .avatar-controls {
float: right;
text-align: right;
width: 100%;
transition: opacity 0.15s ease-out !important;
}
.UserProfileMasthead .masthead-avatar .avatar-controls a,
#userIdentityBoxEdit {
color: #ff6600 !Important;
}
#userIdentityBoxEdit,
#userAvatarEdit {
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
text-align: right !important;
}
#userIdentityBoxEdit,
#userAvatarEdit {
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
}
#userIdentityBoxEdit a:hover,
#userAvatarEdit a:hover {
text-decoration: none;
}
.user-identity-box-edit svg {
fill: #ff6600 !important
}
.UserProfileMasthead .masthead-info-lower::before {
display: none !important;
}
.WikiaUserPagesHeader .tabs li {
cursor: pointer !important;
flex: 1 auto !important;
float: left !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
height: 50px !important;
line-height: 50px !important;
margin: 0 !important;
text-align: center !important;
text-transform: uppercase !important;
transition: filter 0.25s ease-out !important;
}
.WikiaUserPagesHeader .tabs li:hover a {
text-decoration: none !important;
}
.WikiaUserPagesHeader .tabs li.selected a {
background: none !important;
border-bottom: 4px solid currentColor;
}
.WikiaUserPagesHeader .tabs li a {
align-items: center;
border: none;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
border-bottom:4px solid transparent;
}
.WikiaUserPagesHeader .tabs li:hover {
filter: brightness(.7);
}
.UserProfileMasthead li.twitter a{
content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 30 30\" class=\"wds-icon\" id=\"#wds-icons-twitter\" style=\"fill: #1da1f2\"><path d=\"M26 11C25 11 25 11 24 11 25 11 25 10 26 9 25 9 24 10 23 10 22 9 21 9 20 9 18 9 16 11 16 14 13 13 10 12 8 9 7 11 7 14 9 15 8 15 8 15 7 14 7 16 8 18 10 18 10 18 9 19 9 18 9 20 11 21 12 21 11 23 9 23 6 23 8 24 10 25 13 25 20 25 24 18 24 13 25 12 26 11 26 11Z\" fill-rule=\"evenodd\"></path></svg> ")
}
.UserProfileMasthead li.facebook a{
content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 30 30\" class=\"wds-icon\" id=\"#wds-icons-facebook\" style=\"fill: #3b5998\"><path d=\"M12.241 11.212h-2.294v3.744h2.294V25.944h4.406V14.906h3.075l.325-3.694h-3.4c0 0 0-1.381 0-2.106 0-.869.175-1.219 1.019-1.219.681 0 2.388 0 2.388 0V4.056c0 0-2.513 0-3.05 0-3.281 0-4.756 1.444-4.756 4.206C12.241 10.675 12.241 11.212 12.241 11.212z\" fill-rule=\"evenodd\"></path></svg> ")
}
.UserProfileMasthead li.website a {
content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 -5 30 30\" class=\"wds-icon\" id=\"#wds-icons-link\" style=\"fill: #000\"><path d=\"M5 17h5c2.757 0 5-2.243 5-5a1 1 0 1 0-2 0c0 1.654-1.346 3-3 3H5c-1.654 0-3-1.346-3-3s1.346-3 3-3h2a1 1 0 1 0 0-2H5c-2.757 0-5 2.243-5 5s2.243 5 5 5zM19 7h-5c-2.757 0-5 2.243-5 5a1 1 0 1 0 2 0c0-1.654 1.346-3 3-3h5c1.654 0 3 1.346 3 3s-1.346 3-3 3h-2a1 1 0 1 0 0 2h2c2.757 0 5-2.243 5-5s-2.243-5-5-5z\" fill-rule=\"evenodd\"></path></svg> ")
}
.skin-oasis.oasis-dark-theme .UserProfileMasthead li.website a {
content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 30 30\" class=\"wds-icon\" id=\"#wds-icons-link\" style=\"fill: #fff\"><path d=\"M5 17h5c2.757 0 5-2.243 5-5a1 1 0 1 0-2 0c0 1.654-1.346 3-3 3H5c-1.654 0-3-1.346-3-3s1.346-3 3-3h2a1 1 0 1 0 0-2H5c-2.757 0-5 2.243-5 5s2.243 5 5 5zM19 7h-5c-2.757 0-5 2.243-5 5a1 1 0 1 0 2 0c0-1.654 1.346-3 3-3h5c1.654 0 3 1.346 3 3s-1.346 3-3 3h-2a1 1 0 1 0 0 2h2c2.757 0 5-2.243 5-5s-2.243-5-5-5z\" fill-rule=\"evenodd\"></path></svg> ")
}
.UserProfileMasthead hgroup .tag {
border-radius: 2px !important;
background-color: #c24e00 !important;
padding: 5px 8px !important;
}
.UserProfileMasthead a:hover {
filter: brightness(80%)
}
/* message Walls */
/** Original code by Pirr & Luqgreg form http://pl.nfs.wikia.com/wiki/MediaWiki:Profile.css **/
.Board .comments .SpeechBubble.message-main,
.Board .SpeechBubble.new-message {
border: 0;
border-left: 3px solid currentColor;
padding: 0 0 0 5px;
margin: 15px 0 45px 0
}
.Board .SpeechBubble.new-message {
margin: 15px 0;
}
.Board .SpeechBubble .speech-bubble-message {
margin-left: 0;
border-radius: 0 !important;
margin-bottom: 0 !important
}
.Board .SpeechBubble.message-main > .speech-bubble-avatar img,
.Board .SpeechBubble.new-message .speech-bubble-avatar img {
width: 32px;
height: 32px;
margin: 10px 10px 0;
z-index: 2;
}
.Board .replies > li {
padding-left: 20px
}
.Board .SpeechBubble .speech-bubble-message:after {
display: none
}
.Board .comments .SpeechBubble > .replies {
margin-left: 0
}
.Board .edited-by {
margin-top: 0;
margin-bottom: 6px
}
.Board .deleteorremove-bubble {
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
padding-left: 10px
}
.Board .deleteorremove-bubble .avatar {
height: 30px;
width: 30px;
margin-left: 0 !important
}
.Board .deleteorremove-bubble img { border: none }
.Board .deleteorremove-bubble .message { margin-left: 50px }
.Board .edited-by:after { content: none }
.Board .SpeechBubble .speech-bubble-message .buttons {
display: block;
opacity: 0;
transition: opacity 0.15s ease
}
.Board .SpeechBubble .speech-bubble-message:hover .buttons { opacity: 1 }
.Board .deleteorremove-infobox { margin: 0 !important }
.Board .SpeechBubble .load-more { margin: 0 }
.Board .new-message textarea.title {
margin-left: 50px;
width: calc(100% - 50px);
height: 36px
}
.Board .new-reply :not(.active) .speech-bubble-avatar {
display: block;
opacity: .5
}
.Board .new-reply :not(.active) .speech-bubble-message {
margin-left: 40px;
padding: 1px 0
}
.Board .speech-bubble-message .buttons ul li a { padding: 2px 5px }
.Board .SpeechBubble.message-main > .speech-bubble-message .msg-title a { font-size: 18px }
.Board .SpeechBubble.message-main > .speech-bubble-message .edited-by {
font-size: 12px;
line-height: 1
}
.Board .MiniEditorWrapper .toolbar .cke_button > a { border-radius: 0 }
.Board .wikia-button.secondary,
.Board .wikia-button,
.Board button,
.Board .wikia-menu-button.secondary.combined,
.Board button .quote-button.secondary {
background-image: none;
border-radius: 3px;
font-size: x-small;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
padding: 0 10px;
border: none;
}
.Board .wikia-button.secondary:hover,
.Board .wikia-button:hover,
.Board button:hover,
.Board .wikia-menu-button.secondary.combined:hover,
.Board button .quote-button.secondary:hover {
background-image:none;
}
.Board .avatar {
border-radius:50%;
}
.Board .wikia-menu-button.secondary.combined .WikiaMenuElement {
border: 0;
border-radius: 3px;
box-shadow: 0 0 0px;
}
.Board .wikia-menu-button.secondary.combined .WikiaMenuElement:hover {
transition: all 1s;
transition-delay: 0.5s;
}
.Board .replyBody {
text-transform: uppercase;
font-family: Arial;
border: none;
}
.Board .editarea {
border: 0px !important
}
.Board .SpeechBubble:after {
display: none !important
}
.Board .speech-bubble-message .MiniEditorWrapper {
border-radius: 3px;
}
/* test */
.Board .wikia-menu-button.secondary .WikiaMenuElement li a {
border-top: 0px !important;
border-left: 0px !important;
border-bottom: 0px !important;
border-right: 0px !important;
}
/* Notifications at the bottom of the website */
.WikiaNotifications li div {
box-shadow: none;
background-image: none;
max-width: 200px;
padding: 16px;
border-radius: 0px;
}
.WikiaNotifications li div a {
font-weight: bold;
text-decoration :none;
}
.WikiaNotifications li div a:hover {
filter: brightness(85%);
transition: .3s;
}
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #808080; content: " (redirect)"
}
.watchlistredir {
font-style: italic;
}
/* Giving headers and TOC a little extra space */
h2 {
margin-top: 20px;
}
.toc {
margin-top: 20px;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
border: 1px solid #aaa;
margin-top: 1em;
padding: 12px;
}
.forumlist td.forum_edited a {
color: black;
text-decoration: none;
}
.forumlist td.forum_title a {
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
font-weight: bold;
background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
font-weight: normal;
background: none;
padding-left: 20px;
}
.forumlist th.forum_title {
padding-left: 20px;
}
/* Recent changes byte indicators */
.mw-plusminus-pos {
color: #006500;
}
.mw-plusminus-neg {
color: #8B0000;
}
/* Image frame fix */
div.tright, div.tleft {
border: 1px solid silver;
}
div.thumbinner {
background: inherit;
border: none;
color: inherit;
}
#article div.thumb {
color:inherit;
}
/* === Babel === */
div.babelbox {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
width: 246px;
border: 1px solid #99B3FF;
padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
margin: 2px 4px 2px 4px; /* t, l, b, r */
width:238px;
border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
text-align:center;
font-size:14pt;
width:45px;
height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
font-size:8pt;
padding:4pt;
line-height:1.25em;
}
.lang-block0 {
border:1px solid #FFB3B3;
}
td.lang-code0 {
background-color: #FFB3B3;
color: black;
}
td.lang-description0 {
background-color: #FFE0E8;
color: black;
}
.lang-block1, .lang-block2, .lang-block3 {
border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
background-color: #99B3FF;
color: black;
}
td.lang-description1, td.lang-description2, td.lang-description3 {
background-color: #E0E8FF;
color: black;
}
.lang-blockN {
border:1px solid #6EF7A7;
}
td.lang-codeN {
background-color: #6EF7A7;
color: black;
}
td.lang-descriptionN {
background-color: #C5FCDC;
color: black;
}
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
}
/* communnityportal class for community portal */
table.communityportal {
margin: 1em 1em 1em 0;
}
table.communityportal th, table.communityportal td {
background: #ccccff;
border: 2px #0000ff solid;
border-collapse: collapse;
background-image:url(https://images.wikia.nocookie.net/candh/images/7/77/Tree_fort.png);
background-position:right bottom;
background-repeat:no-repeat;
}
table.communityportal th{
background: #000099;
text: #0000ff;
text-align: center;
}
/* MainPage classes */
.MainPageBG {
background: #bddcf0;
border: 2px #38B0DE solid;
}
.MainPageLeft {
background: #ffcccc;
border: 2px #ff0000 solid;
border-collapse: collapse;
background-image:url(https://images.wikia.nocookie.net/candh/images/a/a1/Calvin_background.png);
background-position:right bottom;
background-repeat:no-repeat;
}
.MainPageRight {
background: #ccffcc;
border: 2px #00ff00 solid;
border-collapse: collapse;
background-image:url(https://images.wikia.nocookie.net/candh/images/b/ba/Hobbes_background.png);
background-position:right bottom;
background-repeat:no-repeat;
}
/* Print-friendliness */
@media print {
/* Do not print edit link in templates using Template:Ed
Do not print certain classes that shouldn't appear on paper */
.editlink, .noprint, .metadata, .dablink { display: none }
#content { background: #FFFFFF; } /* white background on print */
}
/* Basic hover example */
.show-when-hovering {
display: none;
}
.hover-container:hover .show-when-hovering {
display: inline;
}
.hover-container:hover .hide-when-hovering {
display: none;
}
/* Gamma's userbox2 CSS. DO NOT REMOVE */
.userbox2{
border: 1px solid #000000;
width: 200px;
height: 50px;
}
.userbox2 .leftImg {
float: left;
}
/* End of Gamma's userbox2 css */
/*Round div boxes*/
div.circle{
border-radius: 99%;
border: 1px solid black;
/*Centre everything*/
text-align: center;
margin: auto;
display: block;
}
/* Defines all the circles' style */
.wikiaPhotoGallery-slider-body .nav {
background: transparent;
border: 2px solid gray;
border-radius: 50%;
width: 7px;
cursor: pointer;
height: 7px;
position: absolute;
}
/* Defines the active circle's style */
.wikiaPhotoGallery-slider-body .selected {
background: gray;
border: 2px solid gray;
border-radius: 50%;
width: 7px;
cursor: pointer;
height: 7px;
}
/* Fix for ProfileIcons */
/* Please remove after ~01/05/2017 */
.WikiaUserPagesHeader .tabs li a {
display: inline-flex;
line-height: 18px;
}
.WikiaUserPagesHeader .tabs li a .wds-icon {
height: 18px;
width: 18px;
min-width: 18px;
margin-right: 8px;
}
/* Tabber looks consistent and not ugly now */
.tabbernav {
font-family: Rubik !important;
font-weight: bold !important;
font-size: 13px !important;
border-bottom: 3px solid #ff6600 !important;
padding: 0.3em 0 !important;
text-transform: !important;
}
.tabbernav a {
padding: 0.3em 0.5em !important;
margin: 0 !important;
color: #3a3a3a !important;
border: none !important;
background: transparent !important;
}
.tabberactive a {
color: white !important;
background: #ff6600 !important;
}
.tabbernav :not(.tabberactive) a:hover {
background: rgba(255,102,0, 0.2) !important;
}
.tabbertab {
border: none !important;
padding: 0 !important;
}