Milo Murphy's Law Wiki Tiếng Việt
Don't have an account?
Register
Register
Milo Murphy's Law Wiki Tiếng Việt
Milo Murphy's Law Wiki
355
pages

Wikia.css

Trang MediaWiki
Trở lại trang
Sign in to edit
Không có tóm lược sửa đổi
Không có tóm lược sửa đổi
Dòng 198: Dòng 198:
 
::-webkit-scrollbar {
  
::-webkit-scrollbar {
 
width: 17px;
  
width: 17px;
  +
opacity: 0;
 
}
  
}
  +
::webkit-scrollbar:hover {opacity: 0.8;}
 
::-webkit-scrollbar-track {
  
::-webkit-scrollbar-track {
−
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
-webkit-box-shadow: inset 0 0 6px #ADD8E6;
 
border-radius: 10px;
  
border-radius: 10px;
 
opacity: 0;
  
opacity: 0;
 
}
  
}
−
::-webkit-scrollbar-track:hover { opacity: 0.8;}
 +
::-webkit-scrollbar-track:hover {opacity: 0.8;}
   
   

Phiên bản lúc 08:24, ngày 7 tháng 7 năm 2018

/* CSS Importer */
@import url(/index.php?title=MediaWiki:Fancy.css&action=raw&ctype=text/css);
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:RedesignedAdminDashboard.css&only=styles");

/* Fix chat alert font color (user joined chat, user left chat, etc.)
   Tell me to remove this if breaks some of the wiki's elements. */
.Chat .inline-alert {color:inherit;}

/*** NỔI BẬT CHO ADMIN ***/
a[href="/wiki/Th%C3%A0nh_vi%C3%AAn:Tugiacat666"],
a[href="/wiki/T%C6%B0%E1%BB%9Dng_tin_nh%E1%BA%AFn:Tugiacat666"],
a[href="/wiki/Blog_th%C3%A0nh_vi%C3%AAn:Tugiacat666"] {
     color: #008000 !important;
     font-weight: bold !important;
}
a[href="/wiki/Th%C3%A0nh_vi%C3%AAn:Pretty_Lightningreed_(PL)"],
a[href="/wiki/T%C6%B0%E1%BB%9Dng_tin_nh%E1%BA%AFn:Pretty_Lightningreed_(PL)"],
a[href="/wiki/Blog_th%C3%A0nh_vi%C3%AAn:Pretty_Lightningreed_(PL)"] {
    color: #F500FF /*#00FFF5*/ !important;
    font-weight: bold !important;
    font-family: "Comic Sans MS";
}

a[href="/wiki/Th%C3%A0nh_vi%C3%AAn:Thi%C3%AAn_H%C6%B0%C6%A1ng"],
a[href="/wiki/T%C6%B0%E1%BB%9Dng_tin_nh%E1%BA%AFn:Thi%C3%AAn_H%C6%B0%C6%A1ng"],
a[href="/wiki/Blog_th%C3%A0nh_vi%C3%AAn:Thi%C3%AAn_H%C6%B0%C6%A1ng"] {
     color: #00FFF5 !important;
     font-weight: bold !important;
}

/**** Làm nổi cho một số bài viết ****/
a[href="/wiki/Milo_Murphy"] {color:red !important; font-weight:bold !important;}
a[href="/wiki/Melissa_Chase"] {color:deeppink !important; font-weight:bold !important;}
a[href="/wiki/Zack_Underwood"] {color:orange !important; font-weight:bold !important;}
a[href="/wiki/Diogee"] {color:brown !important; font-weight:bold !important;}
a[href="/wiki/Vinnie Dakota"] {color:#FF8C00 !important; font-weight:bold !important;}
a[href="/wiki/Balthazar Cavendish"] 

/* Content Area */
.WikiaArticle .toc {
    line-height: 1.5em;
    background-image:none;
    background-color: transparent;
    border: 2px solid #fff7f7;
    border-radius: 10px;
}

.WikiaArticle .caption {
    text-align: center;
}

/* Link */
a:hover{
    text-shadow: 0 0 2.5px;
    text-decoration: none;
} 

/* Category */
.category-gallery-item {
    transform: rotate(10deg);
}
 
.category-gallery-item:hover {
    transform: rotate(0deg);
}
 
.category-gallery-item .details {
    -webkit-border-radius: 0 10em 0 0;
    -moz-border-radius: 0 10em 0 0;
    -o-border-radius: 0 10em 0 0;
    -ms-border-raduis: 0 10em 0 0;
    border-radius: 0 10em 0 0 !important;
}
 
.category-gallery-item img{
    padding: 0 0 0 0;
    -webkit-border-radius: 0 2em 0 0;
    -moz-border-radius: 0 2em 0 0;
    -o-border-radius: 0 2em 0 0;
    -ms-border-raduis: 0 2em 0 0;
    border-radius: 0 2em 0 0;
    box-shadow: 0 0 0;
}

/* User avatar */
.UserProfileMasthead .masthead-avatar .avatar {
    border-radius: 100%;
}

/* This is daaaaaaaa ultimate cursor */
/*
body {
cursor: url('https://vignette.wikia.nocookie.net/milomurphyslaw/images/3/3f/4b3d056539079b5161f28942970c9882.jpg.png/revision/latest?cb=20170505071726&path-prefix=vi'), pointer;}

body {
    -ms-cursor: url('https://vignette.wikia.nocookie.net/milomurphyslaw/images/3/3f/4b3d056539079b5161f28942970c9882.jpg.png/revision/latest?cb=20170505071726&path-prefix=vi'), pointer;
}

a:hover {
  cursor: url('https://vignette.wikia.nocookie.net/milomurphyslaw/images/3/32/X3_links.png/revision/latest?cb=20170505073030&path-prefix=vi'), pointer; 
}

a:hover {
    -ms-cursor: url('https://vignette.wikia.nocookie.net/milomurphyslaw/images/3/32/X3_links.png/revision/latest?cb=20170505073030&path-prefix=vi'), pointer; 
}
*/

/*.WikiaPage h2 { font-family: "Cooper Black"}*/

/* CC button */
.cc2-wikia-button a {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#006cb0;
background-image: -moz-linear-gradient(top, #2094dd 35%, #006cb0 65%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #2094dd), color-stop(65%, #006cb0));
border:1px
solid #006cb0;
color:white;
cursor:pointer;
display:inline-block;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;height:19px;
line-height:20px;
margin:0;
padding:0
7px;
text-decoration:none;
white-space:nowrap;
}
 
.cc2-wikia-button a:hover {
background-color:#005f9c;background-image: -moz-linear-gradient(top, #1d88cb 35%, #005f9c 65%);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #1d88cb), color-stop(65%, #005f9c));text-decoration:none
}

.WikiaPage h3 {
    font-weight: bold;
}

.article-categories {background:none;}

.WikiaBarWrapper, #WikiaBarWrapper .wikia-bar, .WikiaBarWrapper .toolbar {
background: rgba(0, 0, 0, 0.3);
}

.activityfeed > li:not(:first-child) {
    border-top: 0;
}

.EditPage .module_page_controls #wpSummary {
    border-radius: 0;
}

/* WikiaRail */
.WikiaRail .rail-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .module {
    border: 2.5px solid #FA8072;
    border-radius: 5%;
    background-color: white;
}

.WikiaRail .rail-module {
    padding: 20px 15px 15px;
    margin: 0 0 25px 0;
}

/*Scrollbar */
/*::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
    background: linear-gradient(red,orange,yellow,green,blue,indigo,violet); 
    -webkit-animation-name: What;
    -webkit-animation-duration: 30s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-delay: 2s;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	background-color: #ffffff;	
background-image: linear-gradient( #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);

}
*/
::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(left, rgba(233,212,179,1) 0%, rgba(182,141,76,1) 49%, rgba(193,158,103,1) 50%, rgba(243,226,199,1) 100%);
    width: 15px;
    border-radius: 10px;
    opacity: 0.8;}
::-webkit-scrollbar {
    width: 17px;
    opacity: 0;
}
::webkit-scrollbar:hover {opacity: 0.8;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ADD8E6; 
    border-radius: 10px;
    opacity: 0;
}
::-webkit-scrollbar-track:hover {opacity: 0.8;}


/* Custom objects, use <div class="object"> </div> */

.wu-button {
    background-color: #00b7e0;
    color: white;	
    display: block;	
    font-weight: bold;    
    font-size: 14px;
    padding: 4px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    animation-name: What;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-delay: 2s;
}

.wu-button:hover {
    transform: scale(1.3, 1.3);
}

@keyframes TimerCountdownBox {
    0% {background-color: #ff001f; box-shadow: -15px 15px 5px #ff001f;}
    25% {background-color: #29ff00; box-shadow: 15px 15px 5px #29ff00;}
    50% {background-color: #0014ff; box-shadow: 15px -15px 5px #0014ff;}
    75% {background-color: #ff00f5; box-shadow: -15px -15px 5px #ff00f5;}
    100% {background-color: #ff001f; box-shadow: -15px 15px 5px #ff001f;}
    }
@keyframes NormalShadowBox {
    0% {box-shadow: -5px 5px 5px}
    25% {box-shadow: 5px 5px 5px}
    50% {box-shadow: 5px -5px 5px}
    75% {box-shadow: -5px -5px 5px}
    100% {box-shadow: -5px 5px 5px}
    }
    @keyframes What {
    0% {-webkit-background: linear-gradient(red,orange,yellow,green,blue,indigo,violet); }
    14% { -webkit-background: linear-gradient(violet,red,orange,yellow,green,blue,indigo); }
    28% { -webkit-background: linear-gradient(indigo,violet,red,orange,yellow,green,blue); }
    42% { -webkit-background: linear-gradient(blue,indigo,violet,red,orange,yellow,green); }
    57% { -webkit-background: linear-gradient(green,blue,indigo,violet,red,orange,yellow); }
    71% { -webkit-background: linear-gradient(yellow,green,blue,indigo,violet,red,orange); }
    85% { -webkit-background: linear-gradient(orange,yellow,green,blue,indigo,violet,red); }
    100% {-webkit-background: linear-gradient(red,orange,yellow,green,blue,indigo,violet);}
}

.ChatHeader .User .username .badge {content: url(https://vignette.wikia.nocookie.net/milomurphyslaw/images/6/64/Favicon.ico/revision/latest?cb=20160901054045&path-prefix=vi);}
.neon {
  color: #fff;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #0ff,
    0 0 80px #0ff,
    0 0 90px #0ff,
    0 0 100px #0ff,
0 0 150px #0ff;}
/* Animate table on-scroll, found from https://codepen.io/bramus/pen/yikfd */
.animatable {
 
  /* initially hide animatable objects */
  visibility: hidden;
 
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}
 
/* show objects being animated */
.animated {
  visibility: visible;
 
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
 
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
 
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
 
/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
 
@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
 
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
 
@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
 
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
 
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
 
 
 
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
 
@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
 
@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
 
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}
 
	80% {
		-webkit-transform: translateX(-5px);
	}
 
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
 
@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
 
	60% {
		-moz-transform: translateX(20px);
	}
 
	80% {
		-moz-transform: translateX(-5px);
	}
 
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
 
@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
 
	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
 
	80% {
		-o-transform: translateX(-5px);
	}
 
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
 
@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
 
	60% {
		transform: translateX(20px);
	}
 
	80% {
		transform: translateX(-5px);
	}
 
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
 
	60% {
		-webkit-transform: translateX(-20px);
	}
 
	80% {
		-webkit-transform: translateX(5px);
	}
 
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
 
@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
 
	60% {
		-moz-transform: translateX(-20px);
	}
 
	80% {
		-moz-transform: translateX(5px);
	}
 
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
 
@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
 
	60% {
		-o-transform: translateX(-20px);
	}
 
	80% {
		-o-transform: translateX(5px);
	}
 
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
 
@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
 
	60% {
		transform: translateX(-20px);
	}
 
	80% {
		transform: translateX(5px);
	}
 
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
 
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
 
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
 
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
 
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
 
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
 
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}
 
	70% {
		-webkit-transform: scale(.9);
	}
 
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
 
@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
 
	50% {
		-moz-transform: scale(1.05);
	}
 
	70% {
		-moz-transform: scale(.9);
	}
 
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
 
@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
 
	50% {
		-o-transform: scale(1.05);
	}
 
	70% {
		-o-transform: scale(.9);
	}
 
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}
 
@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
 
	50% {
		transform: scale(1.05);
	}
 
	70% {
		transform: scale(.9);
	}
 
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
 
@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}
 
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
 
@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}
 
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
 
@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}
 
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
 
@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
 
.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}
Community content is available under CC-BY-SA unless otherwise noted.