Chú ý: Sau khi lưu trang, có thể bạn sẽ phải xóa bộ nhớ đệm của trình duyệt để xem các thay đổi.
- Firefox / Safari: Nhấn giữ phím Shift trong khi nhấn Tải lại (Reload), hoặc nhấn tổ hợp Ctrl-F5 hay Ctrl-R (⌘R trên Mac)
- Google Chrome: Nhấn tổ hợp Ctrl-Shift-R (⇧⌘R trên Mac)
- Internet Explorer / Edge: Nhấn giữ phím Ctrl trong khi nhấn Làm tươi (Refresh), hoặc nhấn tổ hợp Ctrl-F5
- Opera: Nhấn tổ hợp Ctrl-F5.
/* CSS Importer */
@import url(http://vi.milomurphyslaw.wikia.com/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:StarfordMaxint"],
a[href="/wiki/T%C6%B0%E1%BB%9Dng_tin_nh%E1%BA%AFn:StarfordMaxint"],
a[href="/wiki/Blog_th%C3%A0nh_vi%C3%AAn:StarfordMaxint"] {
color: #DC143C !important;
font-weight: bold !important;
}
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;}
/* Link */
a {
-webkit-transition: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-ms-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
transition: all .2s linear 0s;
text-shadow: 0 -15px 2.5px transparent, 0 15px 2.5px transparent;
text-decoration: none;
}
a:hover{
text-shadow: 0 0 2.5px rgba(199, 144, 234, 0.78), 0 0 2.5px rgba(199, 144, 234, 0.78);
color: #b172da !important;
text-decoration: none;
-webkit-transition: all .4s linear 0s;
-moz-transition: all .4s linear 0s;
-ms-transition: all .4s linear 0s;
-o-transition: all .4s linear 0s;
transition: all .4s linear 0s;
}
/** UNDER CONSTRUCTION **/
.WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER {
background-color: white;
border: 2px solid #F4A460;
position: relative;
}
/* 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://vignette1.wikia.nocookie.net/milomurphyslaw/images/3/3f/4b3d056539079b5161f28942970c9882.jpg.png/revision/latest?cb=20170505071726&path-prefix=vi'), pointer;}
body {
-ms-cursor: url('https://vignette1.wikia.nocookie.net/milomurphyslaw/images/3/3f/4b3d056539079b5161f28942970c9882.jpg.png/revision/latest?cb=20170505071726&path-prefix=vi'), pointer;
}
a:hover {
cursor: url('https://vignette2.wikia.nocookie.net/milomurphyslaw/images/3/32/X3_links.png/revision/latest?cb=20170505073030&path-prefix=vi'), pointer;
}
a:hover {
-ms-cursor: url('https://vignette2.wikia.nocookie.net/milomurphyslaw/images/3/32/X3_links.png/revision/latest?cb=20170505073030&path-prefix=vi'), pointer;
}
/* Image */
.WikiaArticle img{
opacity: 0.80;
filter: alpha(opacity=80);
-webkit-transition:all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.WikiaArticle img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
-webkit-transition:all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.WikiaArticle .caption {
text-align: center;
}
/* Wiki Customization */
#theme-solarized-light {background-color: #fdcfff}
.WikiaArticle pre { line-height: 18px }
.ace-solarized-light {background-color: #b9f6ff}
.ace-solarized-light .ace_gutter-active-line {background-color: #e4c01c;}
/*.WikiaPage h2 { font-family: "Cooper Black"}*/
.article-categories {background:none;}
.EditPageEditor .loading-indicator .loading-message .loading-throbber { background-color: #fdf707; }
.ve-spinner .loading {background-color: #fdf707; }
.WikiaBarWrapper, #WikiaBarWrapper .wikia-bar, .WikiaBarWrapper .toolbar {
background: rgba(0, 0, 0, 0.3);
}
.activityfeed >li {
padding-left: 40px;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.activityfeed >li:hover {
background-color: white;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.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: 1px solid #cccccc !important;
background-color:white;
}
.WikiaRail .rail-module {
padding: 20px 15px 15px;
margin: 0 0 25px 0;
}
.HotSpotsModule li {
padding-left: 5px;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.HotSpotsModule li:hover {
background-color: #cccccc;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/*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:window-inactive {
background: #00ffe0; }
/* 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;
}
.EditPageHeader > h1 > a {font-family: "Cooper Black";}
.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://vignette3.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;
}