My Little Pony Equestria Girls Wiki
Mendaftar
Tidak ada ringkasan suntingan
Tag: Suntingan sumber 2017
Tidak ada ringkasan suntingan
Tag: Suntingan sumber 2017
Baris 94: Baris 94:
 
.WikiaArticle {
 
.WikiaArticle {
   
font-size:14px !important;
+
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: 18px !important;
+
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>