Tidak ada ringkasan suntingan Tag: Suntingan sumber 2017 |
Tidak ada ringkasan suntingan Tag: Suntingan sumber 2017 |
||
Baris 94: | Baris 94: | ||
.WikiaArticle { |
.WikiaArticle { |
||
− | font-size: |
+ | font-size:13px !important; |
line-height:21px !important; |
line-height:21px !important; |
||
Baris 591: | Baris 591: | ||
background-color: rgba(59, 207, 255, 0.14) !important |
background-color: rgba(59, 207, 255, 0.14) !important |
||
font-family: Equestria !important; |
font-family: Equestria !important; |
||
− | font-size: |
+ | font-size: 16px !important; |
} |
} |
||
Baris 599: | Baris 599: | ||
border-bottom: 2px solid #3AF |
border-bottom: 2px solid #3AF |
||
+ | |||
− | font-family: Equestria !important; |
||
} |
} |
||
Baris 605: | Baris 605: | ||
background-color: #09F !important |
background-color: #09F !important |
||
+ | |||
− | font-family: Equestria !important; |
||
} |
} |
||
Baris 630: | Baris 630: | ||
text-align: center; |
text-align: center; |
||
+ | |||
− | font-family: Equestria !important; |
||
} |
} |
||
Revisi per 14 September 2020 06.55
/***** CSS placed here will be applied to all skins on the entire site. *****/
/* After making changes, refresh your cache of the CSS
<nowiki>http://equestriagirls.wikia.com/index.php?title=MediaWiki:Wikia.css&action=raw&ctype=text/css</nowiki>
@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles");
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #808080; content: " (redirect)"
}
.watchlistredir {
font-style: italic;
}
/***** Copied from Danganronpa Wiki *****/
/* Table*/
/* Wikitable */
table.wikitable { background: none }
table.wikitable > * > tr > td { border-color: #000000; color: #000000; }
table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #D0E2F6; text-align: center; border-color: #000000; color: #000000; }
/* Tabber */
.tabbernav {
border-bottom:1px solid #ccc !important;
font-family: Equestria !important;
}
.tabbernav .tabberactive a {
background:#ddd !important;
border:1px solid #ccc !important;
color:#000 !important;
font-family: Equestria !important;
border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
}
.tabbernav li a {
background:#eee !important;
color:#000 !important;
border:1px solid #ccc !important;
border-radius:4px 4px 0px 0px;
-moz-border-radius:4px 4px 0px 0px;
margin-left:3px !important;
}
.tabbernav li a:hover {
background:#ddd !important;
}
.tabbertab {
border:none !important;
}
/* Fluid layout fixes */
.WikiaArticle {
font-size:13px !important;
line-height:21px !important;
}
/* Masthead changes */
.masthead-avatar img {
border-radius:6px;
-moz-border-radius:6px;
box-shadow:0 2px 10px 0 rgba(0,0,0,0.25);
}
.masthead-info-lower:before {
border-color:transparent !important;
}
/* Table of Contents */
.toc {
border:1px solid #aaa !important;
font-family: Equestria !important;
}
<nowiki>#</nowiki>toctitle {
border:1px solid #aaa;
background:#ddd;
padding-bottom:3px;
}
<nowiki>#</nowiki>toctitle .toctoggle {
float:right;
background:#eee;
padding:0 3px;
color:#000;
border:1px solid #aaa;
}
<nowiki>#</nowiki>toctitle .toctoggle a {
color:#000;
}
.toc ol li:before {
display:none;
}
.toc ol li a:before {
content:'• ';
}
/* Galleries */
.wikia-gallery-item .thumb .accent {
border:0px solid #422E87 !important;
background:transparent !important;
}
/* END */
/* Making headers 3, 4, and 5 more noticeable */
h3 {
padding-left: 1em;
font-weight: bold;
}
h4 {
padding-left: 2em;
font-weight: bold;
}
h5 {
font-weight: bold;
}
/* Font */
@font-face {
src:url("Equestria");
font-family: Equestria;
}
/* Admin Styles */
a[href$="/wiki/User:Ramazansyah"] {
font-family: Equestria !important;
}
/* Giving TOC a little extra space */
.toc {
margin-top: 5px;
}
/* Making header 3 and 4 edit links hidden until hovered over */
h3 span.editsection,
h4 span.editsection {
visibility: hidden;
}
h3:hover span.editsection,
h4:hover span.editsection {
visibility: visible;
}
/* Article message box styles */
table.ambox {
clear: both;
width: 80%;
margin: 10px 10%;
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -11px;
}
table.ambox + #title-meta + table.ambox {
margin-top: -11px;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-delete {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid deeppink; /* Pink */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc; /* Purple */
}
/* Cell sizes for message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
/* @noflip */padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
/* @noflip */padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
/* @noflip */padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */
width: 100%; /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
font-size: 100%; /* set in "mbox-small" above. */
}
table.tmbox-delete {
border: 2px solid #b22222; /* Red */
}
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
}
table.tmbox-style {
border: 2px solid #f4c430; /* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc; /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; /* Gray-brown */
}
/* Remove double headers from help pages */
mw\:editsection { display: none; }
/* Make page background white as soon as possible */
<nowiki>#</nowiki>WikiaPage {
background-color: white;
}
/* Dotted bottom borders for white, minimal tables */
.table-dotted-rows td
{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: gray;
}
/* Link Colors */
<nowiki>#</nowiki>WikiaMainContent :link.interwiki, #bodyContent :link.interwiki { color: #000066; }
<nowiki>#</nowiki>WikiaMainContent :link.external, #bodyContent :link.external { color: #336699; }
/* Wikipedia Link Color */
<nowiki>#</nowiki>bodyContent a[href*="wikipedia.org"],
<nowiki>#</nowiki>WikiaArticle a[href*="wikipedia.org"] {
color: #0645AD !important;
}
/* For external image resizer */
.resizeimg img, .resizeimg a {width:inherit;height:inherit;max-width:inherit;}
/* Style for tables on Characters */
body.page-Characters .wikitable {border:1px solid darkgray; text-align:center; background:white; margin:auto;}
/* Fixes for wikiactivity tag */
ul.activityfeed-inserted-media {
list-style-type: none !important
}
/* Fix WikiaArticle overflow */
.WikiaArticle {
overflow:visible;
}
/* Limit width of profile images in character infobox to avoid stretching it */
<nowiki>#</nowiki>ci-profile > .profile-image {
max-width: 250px;
overflow: hidden;
}
<nowiki>#</nowiki>ci-profile .tabbertab .profile-image {
max-width: 200px;
overflow: hidden;
}
<nowiki>#</nowiki>ci-profile .tabbertab .tabbertab .profile-image {
max-width: 225px !important;
overflow: hidden;
}
/* Overriding faded color caption text back to black */
.WikiaArticle .article-thumb .caption,
.wikia-gallery-item .lightbox-caption {
color: #000 !important;
}
/* Better video formatting (for song version pages) */
.wikitable .article-thumb {
margin:0 !important;
}
.wikitable figcaption {
display:none;
}
/* Collapsible button color */
.mw-collapsible-toggle { /* 'expand'/'collapse' buttons created dynamically */
float: right;
font-weight: normal;
text-align: right;
width: auto;
}
.infobox .mw-collapsible-toggle a {
color:inherit;
}
.white-toggle-button .mw-collapsible-toggle a {
color: white !important
}
.mw-special-Recentchanges .mw-collapsible-toggle {
width:1em;
}
/* Tabbers */
ul.tabbernav {
background-color: rgba(59, 207, 255, 0.14) !important
font-family: Equestria !important;
font-size: 16px !important;
}
ul.tabbernav li a {
background-color: #0BF !important;
border-bottom: 2px solid #3AF
}
ul.tabbernav li.tabberactive a {
background-color: #09F !important
}
/* ElderScrollsWiki tabber format */
.tabberlive .tabbertab {
border: none !important;
font-family: Equestria !important;
font-size: 14px !important;
}
ul.tabbernav {
font-size: 14px !important;
background-color: rgba(200, 200, 200, 0.2) !important;
padding-bottom: 5px !important;
border: none !important;
text-align: center;
}
ul.tabbernav li {
line-height:14px !important;
}
ul.tabbernav li a {
border: none !important;
background: none !important;
text-decoration: none;
}
ul.tabbernav li a:link { color: #000000 !important; }
ul.tabbernav li a:hover {
font-size: 14px !important;
color: #000000 !important;
background-color: none !important;
border-bottom: 2px solid #000000 !important;
}
ul.tabbernav li.tabberactive a {
background-color: rgba(22, 22, 22, 0.3) !important;
font-size: 14px !important;
color: #000000 !important;
background-color: none !important;
border-bottom: 2px solid #000000 !important;
}
ul.tabbernav li.tabberactive a:hover {
font-size: 14px !important;
color: #000000 !important;
background-color: none !important;
border-bottom: 2px solid #000000 !important;
}
.tabberlive#tab2 .tabbertab {
background: lightgray !important;
}
/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 3px solid #aaa;
width: 120%;
margin: auto;
clear: both;
font-size: 150%;
text-align: center;
padding: 2px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
th.navbox-title a, th.navbox-title
{
color: white;
}
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.mw-collapsible-toggle { /* 'expand'/'collapse' buttons created dynamically */
float: right;
font-weight: normal;
text-align: right;
width: auto;
}
.infobox .mw-collapsible-toggle a {
color:inherit;
}
.white-toggle-button .mw-collapsible-toggle a {
color: white !important
}
.mw-special-Recentchanges .mw-collapsible-toggle {
width:1em;
}
table.mw-collapsible > tbody > tr:first-child > th:first-child {
padding-left: 5em !important;
}
.navbar { /* Navbox template links */
font-size: 300%;
font-weight: normal;
margin: 0;
}
.navbox .navbar {
font-size: 300%; /* Font-size when nested within navbox */
}
/****************************************
NEW MAINPAGE THINGS TO THE END
**************************************/
/* MainPageTable */
.MainPageTable {
width: 100%;
height: 59px;/* DO NOT MODIFY W/O UPDATING SHUTTER ANIMATIONS */
background: lightgray;
text-align: center;
border-radius: 0 0 5px 5px;
border-spacing: 0;
margin: 0 auto 15px;
font-family: Equestria !important;
}
.MainPageTable td {
position: relative;
color: black;
padding-bottom: 6px;
}
.MainPageTable td div span {
width: 30px;
height: 30px;
}
.MainPageTable td[class^="mp-"] div span {
content: "";
display: block;
-webkit-mask-size: 30px 30px;
mask-size: 30px 30px;
margin: 0 auto;
}
.MainPageTable td[class^="mp-"]:hover div span {
background-color: #FFFFFF;
}
.MainPageTable td > a.image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
}
.MainPageTable td a.image img {
position: absolute;
right: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
}
/* MainPageTable - Trim/Animations */
.MainPageTable td[class^="mp-"] > div {
position: absolute;
top: 1px;
right: 0;
left: 0;
z-index: 2;
}
.MainPageTable td[class^="mp-"]:before,
.MainPageTable td[class^="mp-"]:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 1px;
bottom: 59px;
left: 1px;
z-index: 1;
background-color: #919191;
}
.MainPageTable td[class^="mp-"]:after {
top: auto;
bottom: 0;
height: 5px;
}
.MainPageTable td[class^="mp-"]:first-child:before,
.MainPageTable td[class^="mp-"]:first-child:after {
left: 0;
border-radius: 0 0 0 5px;
}
.MainPageTable td[class^="mp-"]:last-child:before,
.MainPageTable td[class^="mp-"]:last-child:after {
right: 0;
border-radius: 0 0 5px 0;
}
/* MainPageTable - Call, configure, & deploy animation */
.MainPageTable td[class^="mp-"]:before {
animation-name: shutter-reverse;
animation-duration: 0.15s;
animation-timing-function: linear;
}
.MainPageTable td[class^="mp-"]:hover:before {
animation-name: shutter;
bottom: 0;
}
/* MainPageTable - Define animations */
@keyframes shutter {
0% {
bottom: auto;
}
10% {
bottom: calc(9/10 * 59px);
}
20% {
bottom: calc(8/10 * 59px);
}
30% {
bottom: calc(7/10 * 59px);
}
40% {
bottom: calc(6/10 * 59px);
}
50% {
bottom: calc(5/10 * 59px);
}
60% {
bottom: calc(4/10 * 59px);
}
70% {
bottom: calc(3/10 * 59px);
}
80% {
bottom: calc(2/10 * 59px);
}
90% {
bottom: calc(1/10 * 59px);
}
100% {
bottom: 0;
}
}
@keyframes shutter-reverse {
0% {
bottom: 0;
}
10% {
bottom: calc(1/10 * 59px);
}
20% {
bottom: calc(2/10 * 59px);
}
30% {
bottom: calc(3/10 * 59px);
}
40% {
bottom: calc(4/10 * 59px);
}
50% {
bottom: calc(5/10 * 59px);
}
60% {
bottom: calc(6/10 * 59px);
}
70% {
bottom: calc(7/10 * 59px);
}
80% {
bottom: calc(8/10 * 59px);
}
90% {
bottom: calc(9/10 * 59px);
}
100% {
bottom: auto;
}
}
/** MAIN PAGE ELEMENT/TABLE ACCENT & ANIMATION COLORS **/
/* MP Color - Gray */
.MainPageTable .mp-gray div .mp-home,
.MainPageTable .mp-gray div .mp-dlcs,
.MainPageTable .mp-gray div .mp-comics,
.MainPageTable td.mp-gray:before,
.MainPageTable td.mp-gray:after {
background-color: #919191;
}
.MainPageElement.mp-gray .mp-banner {
background-color: #6B6B6B;
}
.MainPageElement.mp-gray .caption .embeddable-discussions-threads {
border-color: #6B6B6B;
}
.MainPageElement.mp-gray:hover .mp-banner {
background-color: #313131;
}
.MainPageElement.mp-gray .mp-banner a {
color: #E6BC2F;
}
/* MainPageElement - Blue */
.MainPageTable .mp-blue div .mp-games,
.MainPageTable .mp-blue div .mp-novels,
.MainPageTable .mp-blue div .mp-films,
.MainPageElement.mp-blue .mp-banner,
.MainPageTable td.mp-blue:before,
.MainPageTable td.mp-blue:after {
background-color: #1B53BA;
}
/** MAIN PAGE TABLE IMAGE MASKS **/
.MainPageTable td div .mp-home {
-webkit-mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/ursuul/images/9/9a/Home.png</nowiki>");
mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/ursuul/images/9/9a/Home.png</nowiki>");
}
.MainPageTable td div .mp-games {
-webkit-mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/343theguiltyprophet/images/d/d4/Xbox.png/revision/latest</nowiki>");
mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/343theguiltyprophet/images/d/d4/Xbox.png/revision/latest</nowiki>");
}
.MainPageTable td div .mp-dlcs {
-webkit-mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/halo/images/3/3a/Mythic_map_pack_logo.png/revision/latest</nowiki>");
mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/ursuul/images/4/45/TCG.png</nowiki>");
}
.MainPageTable td div .mp-novels {
-webkit-mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/halo/images/2/29/HN_Icon_Navigation-Novels.png/revision/latest</nowiki>");
mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/halo/images/2/29/HN_Icon_Navigation-Novels.png/revision/latest</nowiki>");
}
.MainPageTable td div .mp-comics {
-webkit-mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/halo/images/5/53/HN_Icon_Navigation-Comics.png/revision/latest</nowiki>");
mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/halo/images/5/53/HN_Icon_Navigation-Comics.png/revision/latest</nowiki>");
}
.MainPageTable td div .mp-films {
-webkit-mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/343theguiltyprophet/images/0/0a/Films.png/revision/latest</nowiki>");
mask-image: url("<nowiki>https://vignette.wikia.nocookie.net/343theguiltyprophet/images/0/0a/Films.png/revision/latest</nowiki>");
}
/* MainPageElement - Default */
.MainPageElement {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
display: flex;
flex-direction: column;
position: relative;
width: 100%;
overflow: hidden;
border-radius: 5px;
margin-bottom: 15px;
}
.WikiaArticle .MainPageElement .mp-banner {
margin-right: 0;
margin-left: 0;
}
/* MainPageElement - mp-banner */
.MainPageElement .mp-banner {
order: 1;
background-color: #D3D3D3;
padding: 20px;
border-radius: 0 0 5px 5px;
transition: background-color 0.1s linear;
}
.MainPageElement:hover .mp-banner {
background-color: #BABABA;
}
.MainPageElement .mp-banner h2 {
font-weight: bold;
font-size: 24px;
font-family: Rubik, Arial, sans-serif;
line-height: 27px;
text-transform: uppercase;
border: none;
margin-top: 0;
}
.MainPageElement .mp-banner .caption {
margin-bottom: 0;
}
.MainPageElement .mp-banner .caption,
.MainPageElement .mp-banner h2 {
color: black;
}
.MainPageElement.items .mp-banner .caption {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
/* MainPageElement - mp-images */
.MainPageElement .mp-images {
border-radius: 5px;
}
.MainPageElement .mp-banner + .mp-images {
border-radius: 5px 5px 0 0;
}
.MainPageElement .mp-images > img {
width: 100%;
height: auto;
}
/* MainPageElement - mp-link */
.MainPageElement .mp-link a {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.MainPageElement .mp-link a img {
width: 100%;
height: 100%;
}
/* MainPageElement - Container */
.MainPageElement-container {
display: flex;
align-items: flex-start;
}
.MainPageElement-container .MainPageElement .mp-images > img {
-o-object-fit: cover;
object-fit: cover;
max-height: 190px;/* tweak as desired */
margin-bottom: -1px;
}
.MainPageElement-container .MainPageElement:not(:first-child) {
margin-left: 15px;
}
/* MainPageElement - Prepare for animation clipping */
.mainpage #mw-content-text {
padding-top: 5px;
}
/* MainPageElement - Call, configure, & deploy animation */
.MainPageElement:hover {
animation-name: hop;
animation-duration: 0.2s;
animation-timing-function: linear;
}
/* MainPageElement - Define animation */
@keyframes hop {
50% {
margin-top: -5px;
margin-bottom: 20px;
}
}
.MainPageElement.mp-gray .mp-banner {
background-color: #6B6B6B;
}
.MainPageElement.mp-gray .caption .embeddable-discussions-threads {
border-color: #6B6B6B;
}
.MainPageElement.mp-gray:hover .mp-banner {
background-color: #313131;
}
.MainPageElement.mp-gray .mp-banner a {
color: #1B53BA;
}
.MainPageElement-3-tables {
width: 100%;
font-size: 95%;
text-align: justify;
}
.MainPageElement-3-tables td {
vertical-align: top;
padding: 0 13px 5px;
width: 33%
}
.MainPageElement-3-tables .title {
font-weight: bold;
border-bottom: 1px solid #313131;
}
.MainPage-Justify .mp-banner .caption ul {
text-align: justify;
position: relative;
left: 10px;
}
.MainPage-Justify .mp-banner .caption {
}<div></div>