No edit summary Tag: sourceedit |
No edit summary Tag: sourceedit |
||
| Line 246: | Line 246: | ||
border-top: 1px solid #444444; |
border-top: 1px solid #444444; |
||
border-bottom: 1px solid #444444; |
border-bottom: 1px solid #444444; |
||
| + | text-align: center; |
||
} |
} |
||
Revision as of 19:23, 5 March 2017
/*-------------------------------------------
IMPORTS
-------------------------------------------*/
/* import Common.css so it serves its function */
@import url("http://aura-kingdom.wikia.com/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");
/*-------------------------------------------
WIKI BODY | ARTICLE
-------------------------------------------*/
/* main wiki background */
body.mediawiki {
background-image: url(http://vignette3.wikia.nocookie.net/aura-kingdom/images/5/50/Wiki-background/revision/latest?cb=20160202194006);
background-attachment: fixed;
background-size: cover;
background-position: center;
}
/* main wiki page background */
.WikiaPageBackground{
-moz-box-shadow:0 0 30px #fff;
-webkit-box-shadow:0 0 30px #fff;
box-shadow:0 0 30px #fff;
}
/* cursor */
body {
cursor:url(http://vignette4.wikia.nocookie.net/aura-kingdom/images/4/4c/Cursor.png/revision/latest?cb=20131130010513), pointer;
}
a:link {
cursor:url(http://vignette2.wikia.nocookie.net/aura-kingdom/images/9/91/Cursor3.png/revision/latest?cb=20131130010537), pointer;
}
/* Wikia Article Headers */
.WikiaArticle h1 {font-family:'Overlock', cursive; font-size:20pt;}
.WikiaArticle h2 {font-family:'Overlock', cursive; font-size:16pt;}
.WikiaArticle h3 {font-family:'Overlock', cursive; font-size:14pt;}
/* table of content / toc */
#toc {
width: 300px;
max-width: 330px;
font-size: 90%;
background: rgba(255, 255, 255, 0.6);
border: 2px solid rgba(255,255,255,0.5);
border-radius: 4px;
box-shadow:rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0;
padding: 0.2em 1em;
}
/* Thumb Restyling */
.thumbinner, .gallerybox, .gallerybox div.thumb, ul.activityfeed-inserted-media li {-moz-border-radius:7px;
-webkit-border-radius:7px;border-radius:7px;}
.thumbinner:hover, .gallerybox:hover {-moz-border-radius:1ex;border-radius:1ex;}
/*-------------------------------------------
MODULES
-------------------------------------------*/
/* Modules */
.module {-moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
.move {display:none;}
.WikiaRail .module {
background: rgba(255, 255, 255, 0.6) !important;
border: 2px solid rgba(255,255,255,0.5) !important;
box-shadow:rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0;
}
/* admin dashboard */
.AdminDashboard .admin-dashboard-content .control-section .controls {
list-style: none !important;
}
/* blog list */
.WikiaBlogListing h1 {font-size: 11pt !important; margin:0 !important; display:inline-block}
.WikiaBlogListing .author-details{margin:0 !important;}
.WikiaBlogListing ul,.WikiaBlogListing .WikiaBlogListingPost {padding:0;}
.WikiaBlogListing blockquote, .read-more {display:none}
.WikiaBlogListing .commentslikes{position:static;float:right}
.WikiaBlogListing .avatar {display:none}
.WikiaBlogListing span{display:inline-block !important; color:#8D7C7C !important;font-style:italic;font-size:9pt;padding-left:10px}
.WikiaBlogListingPost blockquote {font-size: 9pt !important;}
.WikiaBlogListingPost:last-child {border-bottom: 1px solid #323232;}
/*-------------------------------------------
SLIDER | TABBER
-------------------------------------------*/
/* Slider */
.slideshow{position: relative; display: none; overflow: hidden;}
.slideshow .slideshowControls{position: absolute; left: 0; right: 0; bottom: 0; height: 10%; background: rgba(0,0,0,.7); opacity: 0; text-align: center; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s;}
.slideshow:hover .slideshowControls{opacity: 1;}
.slideshow:hover .slideshowControls > span{display: inline-block; border-radius: 10px; margin: 5px; width: 15px; height: 15px; background: rgba(255,255,255,.3); cursor: pointer; }
.slideshow:hover .slideshowControls > span.active{background: white;}
.slider{position: relative; height: 300px; width: 10px; border: 1px solid silver; border-radius: 5px; }
.sliderMask{position: relative; border: 0 none transparent; border-radius: 4px; width: 100%; height: 100%; overflow: hidden;}
.sliderArrow{position: absolute; left: 10px; border-width: 8px 12px 8px 0; border-color: transparent black; border-style: solid; cursor: pointer;}
.sliderColor{position: absolute; left: 0; width: 100%;}
/* Tabber */
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 { display: block ;}
.tabberlive { margin-top: 3px !important; }
ul.tabbernav {
padding: 8px 0 !important;
background: #2d2d2d;
border: none !important;
text-align: center;
}
.tabberlive .tabbertab {
padding: 3px 2px !important;
border: none !important;
}
ul.tabbernav li a {
padding: 8px 10px !important;
margin-left: 5px;
border: none !important;
background: transparent !important;
text-transform: uppercase;
font-size: 11pt;
font-family: Overlock;
}
ul.tabbernav li a:hover { background: #b1b1b1 !important; }
ul.tabbernav li.tabberactive a { background: #616161 !important; }
ul.tabbernav li a:link,
ul.tabbernav li a:visited { color: #ffffff !important; }
.tabberlive .editsection { display: none; }
/*-------------------------------------------
PRETTYTABLE
-------------------------------------------*/
table.prettytable {
margin: 0 0.2em 1em 0;
padding: 2px;
color:#f5f5f5;
background: rgba(0, 0, 0, 0.95);
border: 2px solid rgb(128,128,128);
border-collapse: collapse;
box-shadow:rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0;
opacity:0.88;
}
table.prettytable th {
padding: 0.1em 0.3em;
border: 1px solid #444444;
}
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.prettytable tr:not(:first-child) th {
border: 1px solid #444444;
}
table.prettytable td {
padding: 0.1em 0.3em;
border: 1px solid #444444;
background:#000000;
}
/*-------------------------------------------
PORTABLE INFOBOXES
-------------------------------------------*/
.portable-infobox {
width:300px;
color:#f5f5f5;
border: 2px solid rgb(128,128,128);
box-shadow:rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0;
}
.pi-data:not(:last-of-type), .pi-group {
border-bottom: 1px solid #444444;
}
.portable-infobox.pi-background {
background: rgba(0,0,0,0.90);
}
.portable-infobox .pi-secondary-background {
background: rgba(0,0,0,0.45);
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
}
.portable-infobox .pi-font, .portable-infobox .pi-secondary-font {
font-size: 10pt;
color:#f5f5f5;
}
.portable-infobox .pi-caption {
color:#f5f5f5;
font-style:italic;
text-align:center;
}
.portable-infobox .pi-title {
font-size: 16pt;
background: none;
}
.portable-infobox .pi-header {
font-family: Overlock;
font-size: 12pt;
}
.portable-infobox .pi-horizontal-group {
border-bottom: 1px solid #444444;
}
.portable-infobox .pi-horizontal-group .pi-data-value {
padding-left:20px;
}
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
border-left: 1px solid #444444;
}
.portable-infobox .pi-data-label {
font-family: Overlock;
font-size: 11pt;
}
.portable-infobox .pi-horizontal-group-item .pi-data-value {
background: rgba(0,0,0,0.8);
}
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
background: none;
}
.pi-horizontal-group-item:nth-child(odd) {
background: none;
}
.pi-data:last-of-type + .pi-group {
border-top-style: none !important;
}
/* infobox gallery */
.pi-europa .pi-image-collection-tabs .current {
background: rgba(255,255,255,0.1);
color: #fff;
}
.pi-europa .pi-image-collection-tabs {
background: rgba(0,0,0,0.30);
color: #fff;
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
text-align: center;
}
/*-------------------------------------------
USER NAME HILITE | ADMIN COMMENT
-------------------------------------------*/
/* keep list alphabetized */
/* ---------------- admins ------------------ */
a[href="/wiki/User:Bermuda"],
a[href="/wiki/User:KeyCode"],
a[href="/wiki/User:Kyara39"],
a[href="/wiki/User:StormSurge95"],
.admin-username
{
color: #1991B5 !important;
font-weight: bold;
}
/* ---------------- moderators ------------------ */
a[href="/wiki/User:Tsurumi"],
.moderator-username
{
color: #5D19B5 !important;
font-weight: bold;
}
/* ------------------ bots ------------------ */
a[href="/wiki/User:BermudaBot"],
a[href="/wiki/User:Kyara39bot"],
.bot-username
{
color: #999999 !important;
font-style: italic;
}
/* admin comment bubbles */
.comments li[data-user="Beeny"] blockquote { background:#fcfcfc !important; }
.comments li[data-user="Beeny"] blockquote:after { border-color: transparent #fcfcfc #fcfcfc transparent !important; }
.comments li[data-user="Beeny"] blockquote { color:#000 !important; }
.comments li[data-user="Beeny"] blockquote div { background: transparent !important; }
.comments li[data-user="Bermuda"] blockquote { background:#fcfcfc !important; }
.comments li[data-user="Bermuda"] blockquote:after { border-color: transparent #fcfcfc #fcfcfc transparent !important; }
.comments li[data-user="Bermuda"] blockquote { color:#000 !important; }
.comments li[data-user="Bermuda"] blockquote div { background: transparent !important; }
.comments li[data-user="KeyCode"] blockquote { background:#fcfcfc !important; }
.comments li[data-user="KeyCode"] blockquote:after { border-color: transparent #fcfcfc #fcfcfc transparent !important; }
.comments li[data-user="KeyCode"] blockquote { color:#000 !important; }
.comments li[data-user="KeyCode"] blockquote div { background: transparent !important; }
.comments li[data-user="Kyara39"] blockquote { background:#fcfcfc !important; }
.comments li[data-user="Kyara39"] blockquote:after { border-color: transparent #fcfcfc #fcfcfc transparent !important; }
.comments li[data-user="Kyara39"] blockquote { color:#000 !important; }
.comments li[data-user="Kyara39"] blockquote div { background: transparent !important; }
.comments li[data-user="StormSurge95"] blockquote { background:#fcfcfc !important; }
.comments li[data-user="StormSurge95"] blockquote:after { border-color: transparent #fcfcfc #fcfcfc transparent !important; }
.comments li[data-user="StormSurge95"] blockquote { color:#000 !important; }
.comments li[data-user="StormSurge95"] blockquote div { background: transparent !important; }
/*-------------------------------------------
IMPORTANT CLASSES
-------------------------------------------*/
/* Collapsible */
.mw-collapsible-toggle{cursor: pointer; background:none right center no-repeat;}
.mw-collapsible-toggle-expanded{background-image: url(http://static3.wikia.nocookie.net/__cb20131204050855/aura-kingdom/images/3/37/Uparrow.png);}
.mw-collapsible-toggle-collapsed{background-image: url(http://static2.wikia.nocookie.net/__cb20131204050845/aura-kingdom/images/6/62/Downarrow.png);}
/* Hide Headers */
/* hidden value to hide items on a template like "headers" when parameters are not used */
.hidden { display:none !important; }
/*-------------------------------------------
MISC
-------------------------------------------*/
/* class="template-background" - adds background image */
.template-background {
background: url(http://img2.wikia.nocookie.net/__cb20140614180855/aura-kingdom/images/1/19/Cube_of_Gaia_transparent.png);
background-repeat: no-repeat;
background-position: bottom right;
}
/* round-corner */
.round-corner {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;}
/* headers */
.Questheader {background: url(http://static1.wikia.nocookie.net/aura-kingdom/images/0/06/Questheader.png) no-repeat; display:inline-block; position:relative;}
.Auraheaderbar {background:url(http://static3.wikia.nocookie.net/__cb20131204045253/aura-kingdom/images/1/1d/Auraheaderbar.png) no-repeat; display:inline-block; width:150px; position:relative;}
.Auraheaderbartext {font-family:Overlock, cursive;color:white;text-shadow:1px 1px 3px #232323, -1px 1px 3px #232323, 1px -1px 3px #232323, -1px -1px 3px #232323;font-weight:bold;font-size:100%;position:absolute;left:6px; top:7px;}
/* portal styling */
.portal {opacity:0.9; transition:0.2s all ease;}
.portal a {font-family:Overlock; text-align:center; text-transform:uppercase; text-decoration:none !important; color:#fff;}
.portal:hover {box-shadow:0 0 20px 10px #323232 inset; opacity:1;}
/* navigation styling */
.portal2 {
filter: grayscale(100%);
opacity:0.9;
transition:0.1s all ease;
}
.portal2 a {font-family:Overlock; text-align:center; text-transform:uppercase; text-decoration:none !important; color:#fff;}
.portal2:hover {
filter: grayscale(0%);
opacity:1;
}
/* Quotation angle */
.quotation, .quotation2 {margin-left:3em; padding:10px 15px 10px 15px; border:solid 1px #CCC; background:#FFF;}
.quotation{ transform: rotate(2deg);-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg); /* Chrome + Safari */
-moz-transform: rotate(2deg); /* Firefox */
-ms-transform: rotate(2deg); /* Internet Explorer */
-khtml-transform: rotate(2deg); /* Konqueror */
-o-transform: rotate(2deg); /* Opera */}
/* Quotation 2 angle */
.quotation2{ transform: rotate(-2deg);-webkit-transform: rotate(-2deg); /* Chrome + Safari */
-moz-transform: rotate(-2deg); /* Firefox */
-ms-transform: rotate(-2deg); /* Internet Explorer */
-khtml-transform: rotate(-2deg); /* Konqueror */
-o-transform: rotate(-2deg); /* Opera */}
/* Custom Dropdown */
.custom-dropdown {padding: 1px 8px;}
.custom-dropdown > :first-child:after {
background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
border-color: white transparent transparent;border-style: solid;border-width: 4px;content: "";display: inline-block;height: 1px;margin-left: 4px;margin-top: 2px;
position: relative;vertical-align: middle;width: 1px;}
.custom-dropdown:hover {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;margin-bottom: -1px;padding-bottom: 2px;}
.custom-dropdown ul {list-style: none outside none;min-width: 100%;top: 23px;}
.custom-dropdown:hover ul {display: block;}
.custom-dropdown li a {font-size: 12px;height: 14px;line-height: 14px;}
/* Tooltips */
.tooltips {position:relative; display:inline;}
.tooltips span {position:absolute; width:210px; height:auto; line-height:10px; padding:10px; font-size:13px; font-family:'Helvetica'; text-align:left; color:#f5f5f5; background:#000; border:2px solid rgb(128, 128, 128); border-radius:6px; box-shadow:rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0; visibility:hidden; -webkit-transform:translate(35px) rotate(25deg) scale(1.5); -moz-transform:translate(35px) rotate(25deg) scale(1.5); -o-transform:translate(35px) rotate(25deg) scale(1.5); -ms-transform:translate(35px) rotate(25deg) scale(1.5); transform:translate(35px) rotate(25deg) scale(1.5); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
:hover.tooltips span {visibility:visible; opacity:0.85; top:30px; left:10px; z-index:999; -webkit-transform:translate(0px) rotate(0deg) scale(1); -moz-transform:translate(0px) rotate(0deg) scale(1); -o-transform:translate(0px) rotate(0deg) scale(1); -ms-transform:translate(0px) rotate(0deg) scale(1); transform:translate(0px) rotate(0deg) scale(1);}
.envoypath {position:relative; display:inline-block; cursor:pointer;}
.envoypath .eptext {margin-top:6px; visibility:hidden; position:absolute; width:230px; height:230px; line-height:15px; padding:10px; font-size:13px; text-align:left; color:#f5f5f5; opacity:0.88;background:rgba(0, 0, 0, 0.95); border:2px solid rgb(128, 128, 128); border-radius:6px; box-shadow:rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px; z-index:99;}
.envoypath:hover .eptext {visibility:visible; cursor:default;}
.WikiaArticle ul {list-style-image:url('http://static1.wikia.nocookie.net/aura-kingdom/images/7/7a/Bullet.png');}
.custom-dropdown {
padding: 1px 8px;
}
.custom-dropdown > :first-child:after {
background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
border-color: white transparent transparent;
border-style: solid;
border-width: 4px;
content: "";
display: inline-block;
height: 1px;
margin-left: 4px;
margin-top: 2px;
position: relative;
vertical-align: middle;
width: 1px;
}
.custom-dropdown:hover {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-bottom: -1px;
padding-bottom: 2px;
}
.custom-dropdown ul {
list-style: none outside none;
min-width: 100%;
top: 23px;
}
.custom-dropdown:hover ul {
display: block;
}
.custom-dropdown li a {
font-size: 12px;
height: 14px;
line-height: 14px;
}