Difference between revisions of "MediaWiki: Common.css"

From Thea RP Community
Jump to: navigation, search
m
(Blanked the page)
 
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css?family=Cabin|Cinzel');
 
@import url('https://dev.wikia.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css&only=styles');
 
/* CSS placed here will be applied to all skins */
 
  
body {
 
font-family: Cabin;
 
background-image: url('https://rpthea.net/wiki/Ala_Mhigo_FFXIV_Art.jpg');
 
background-attachment: fixed;
 
background-size: cover;
 
}
 
 
.navbar, .navbar-default, .navbar-fixed-top {
 
background-image: url('https://rpthea.net/news/wp-content/themes/carbonize/images/background.jpg');
 
/* background:linear-gradient(45deg, #222, #333); */
 
box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.2) 0px 15px 30px;
 
border: none;
 
}
 
 
.navbar-default .navbar-nav>li>a {
 
    color: #fff;
 
    font-family: Arial;
 
}
 
 
.navbar-default .navbar-nav>li>a:hover {
 
    color: #97ebfc;
 
    text-shadow: 1px 1px 30px #057c94;
 
}
 
 
.container {
 
width: 90%;
 
}
 
 
div#content a.external {
 
    background:none !important;
 
    padding: 0px !important;
 
}
 
 
 
/* intricate button settings */
 
 
.collapsible {
 
    background-color: #777;
 
    color: white;
 
    cursor: pointer;
 
    padding: 18px;
 
    width: 100%;
 
    border: none;
 
    text-align: left;
 
    outline: none;
 
    font-size: 15px;
 
}
 
 
div.active, .collapsible:hover {
 
    background-color: #555;
 
}
 
 
.collapsible-content {
 
    padding: 0 18px;
 
    display: none;
 
    overflow: hidden;
 
}
 
 
/* ---- */
 
 
 
/* Style the tabs for new template */
 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
 
    color: #d4d4d4;
 
    cursor: default;
 
    background-color: #057c94;
 
    border: 1px solid #97ebfc;
 
    border-bottom-color: transparent;
 
}
 
 
/*.nav-tabs>li>a,*/ .nav-tabs>li>a:hover, .nav-tabs>li>a:active {
 
color: #000;
 
border: 1px solid #ddd;
 
border-bottom-color: transparent;
 
}
 
 
.nav-tabs {
 
border-bottom: solid 1px #97ebfc;
 
}
 
 
.tab-content div.active {
 
background: none;
 
}
 
 
 
 
/* In-depth Formatting */
 
 
.page-header-primary {
 
visibility: hidden;
 
}
 
 
pre {
 
white-space: pre-wrap;      /* Since CSS 2.1 */
 
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 
white-space: -pre-wrap;      /* Opera 4-6 */
 
white-space: -o-pre-wrap;    /* Opera 7 */
 
/* word-wrap: normal;      /* Internet Explorer 5.5+ */
 
word-break: keep-all;
 
}
 
 
/*@font-face {
 
font-family: Cinzel;
 
src: url('https://rpthea.net/Cinzel-Regular.otf');
 
}*/
 
 
#profile-title {
 
font-family: Cinzel;
 
}
 
 
.profile-update-title {
 
color: #fff;
 
font-family: Arial;
 
}
 
 
.profile-update-unit-left {
 
font-family: Arial;
 
}
 
 
.profile-actions a {
 
font-family: Cinzel;
 
}
 
 
.user-section-heading {
 
font-family: Cinzel;
 
}
 
 
.profile-info-container, .no-info-container {
 
color: #fff;
 
font-family: Arial;
 
background-color: #000;
 
border: solid 1px #97ebfc;
 
border-radius: 4px;
 
padding: 10px;
 
}
 
 
.profile-info-container b, .profile-info-container div {
 
color: #fff;
 
}
 
 
.profile-tab {
 
background-color: #057c94;
 
    border: 1px solid #97ebfc;
 
color: #fff;
 
font-family: Arial;
 
font-size: 12px;
 
margin: 5px;
 
padding: 5px;
 
}
 
 
.profile-tab-on {
 
background-color: #034c64;
 
    border: 1px solid #97ebfc;
 
color: #fff;
 
font-family: Arial;
 
font-size: 12px;
 
margin: 5px;
 
padding: 5px;
 
}
 
 
.profile-tab a:visited {
 
color: #fff;
 
}
 
 
.eye-container {
 
display: none;
 
}
 
 
#user-page-left {
 
    width: 80%;
 
    float: none;
 
}
 
 
.clearfix {
 
display: inline;
 
margin: auto;
 
}
 
 
#user-page-right {
 
    display: none;
 
}
 
 
#mw-content-text h1 {
 
font-family: Cinzel;
 
}
 
 
.firstHeading {
 
text-align: center;
 
font-size: 55px;
 
letter-spacing: 0.2em;
 
color: #ffffff;
 
font-family: Cinzel;
 
text-shadow: 1px 1px 5px silver;
 
}
 
 
.epithet {
 
font-size: 15px;
 
letter-spacing: 0.75em;
 
color: #d4d4d4;
 
font-family: Georgia;
 
text-shadow: 1px 1px 5px silver;
 
}
 
 
h2, h3, h4 {
 
font-family: Cinzel,serif;
 
color: #ffffff;
 
}
 
 
.mw-body {
 
background-color:rgba(0, 0, 0, 0.75);
 
color: #d4d4d4;
 
border: 1px solid #97ebfc;
 
border-radius: 4px;
 
padding: 1em;
 
}
 
 
textarea {
 
color: #000000;
 
}
 
 
.mw-body-content {
 
color: #d4d4d4;
 
padding:0.5em;
 
}
 
 
.mw-infobox {
 
background-image: url(https://rpthea.net/news/wp-content/themes/carbonize/images/background.jpg);
 
}
 
 
#tweekiTOC {
 
/* background-image: url('https://rpthea.net/news/wp-content/themes/Carbonize/images/background.jpg'); */
 
background-color: #000000;
 
border: 1px solid #97ebfc;
 
border-radius: 4px;
 
visibility: initial;
 
}
 
 
.toc, #toc {
 
font-family: Arial;
 
color: #ffffff;
 
}
 
 
#toctitle h2 {
 
color: #ffffff;
 
}
 
 
.catlinks, #catlinks {
 
background-color: transparent;
 
border: none;
 
display: block;
 
}
 
 
.footer, #footer {
 
background-color: transparent;
 
}
 
 
a:link, a:link.external text {
 
color: #80b4f7;
 
}
 
 
a:link.new {
 
color: #ff2626;
 
}
 
 
a:visited, a:visited.external text {
 
color: #dac6ff;
 
}
 
 
a:visited.new {
 
color: #9f2626;
 
}
 
 
a:hover {
 
-webkit-transition: 0.5s ease;
 
transition: 0.5s ease;
 
text-decoration: none;
 
text-shadow: 1px 1px 8px #80b4f7;
 
}
 
 
a:active {
 
color: #000000;
 
text-shadow: 1px 1px 8px #80b4f7;
 
text-decoration: none;
 
}
 
 
a:active.new {
 
color: #000000;
 
text-shadow: 1px 1px 1px #80b4f7;
 
text-decoration: none;
 
}
 
 
.btn a, .btn-primary a, .btn-block a {
 
-webkit-transition: initial;
 
color: #ffffff;
 
}
 
 
.wikitable {
 
background-image: url('https://rpthea.net/news/wp-content/themes/carbonize/images/background.jpg');
 
background-color: transparent;
 
border: 1px solid #ffffff;
 
color: #ffffff;
 
}
 
 
.wikitable th {
 
text-decoration: italic;
 
background-color: #4682b4;
 
color: #011c31;
 
}
 
 
.wikitable td {
 
color: #fff;
 
}
 
 
.thumbinner {
 
background-color: #000000;
 
border: solid 1px #97ebfc;
 
border-radius: 4px;
 
font-family: Tahoma;
 
padding: 0px !important;
 
}
 
 
/* color: #97ebfc; */
 
 
.thumb {
 
color: #000000;
 
border: none;
 
}
 
 
select {
 
background-color: #0f0f0f;
 
}
 
 
.navbox {
 
color:#fff;
 
    font-size: .83em;
 
    line-height: 23px;
 
    overflow: hidden;
 
    background-image: url('https://rpthea.net/news/wp-content/themes/carbonize/images/background.jpg');
 
    border: 1px solid #AAA;
 
    border-radius: 3px;
 
}
 
 
.navbox .navbox-title {
 
outline: none !important;
 
    align-items: center;
 
    border: 1px solid #AAA;
 
    display: flex;
 
    justify-content: center;
 
    padding: 2px;
 
}
 
 
/* Default theme styles */
 
.default .navbox-title {
 
background-image:url("https://www.rpthea.net/wiki/images/f/fb/Navbgseries.png"), linear-gradient(to right, white 15%, black 30%);
 
    background-repeat: no-repeat;
 
}
 
 
.default .navbox-title .navbox-title-text {
 
color: #fff;
 
}
 
 
.default th {
 
background-color:#fff;
 
color:#000;
 
}
 
 
.default .navbox-nogroup {
 
background-color:#1e272d;
 
color:#fff;
 
}
 
 
 
/* Remschied theme styles */
 
.remschied .navbox-title {
 
background-image: url("https://www.rpthea.net/wiki/images/8/8f/Navbg12rw.png"), linear-gradient(to right, #fff 15%, #fc0 30%);
 
background-repeat: no-repeat;
 
}
 
 
.remschied .navbox-title .navbox-title-text {
 
color: #000 !important; /* This is specifically for Remschied, since white text on bright yellow bg strains the eyes. */
 
}
 
 
.remschied th {
 
background-color:#611;
 
color:#fff;
 
}
 
 
.remschied .navbox-nogroup {
 
background-color:#611;
 
color:#fff;
 
}
 
 
 
/* Allied Nations theme styles */
 
.allied-nations .navbox-title {
 
background-image: url("https://www.rpthea.net/wiki/images/6/62/Navbgivalice2.png"), linear-gradient(to right, #fff 15%, #393 30%);
 
background-repeat: no-repeat;
 
}
 
 
.allied-nations .navbox-title .navbox-title-text {
 
color: #fff;
 
}
 
 
.allied-nations th {
 
background-color:#039;
 
color:#fff;
 
}
 
 
.allied-nations .navbox-nogroup {
 
background-color:#039;
 
color:#fff;
 
}
 
 
 
/* Guilds theme styles */
 
.guilds .navbox-title {
 
 
}
 
 
.navbox .navbox-title-text {
 
    line-height: 26px;
 
    font-family: Cinzel;
 
    font-weight: 700;
 
}
 
 
.navbox-title-text a {
 
    color: inherit !important;
 
}
 
 
.navbox-template-links a {
 
    color: black !important;
 
}
 
 
.navbox:not(.left):not(.right) .navbox-title-text {
 
    font-size: 24px;
 
}
 
 
.navbox .navbox-template-links {
 
    top: 4px;
 
}
 
 
.navbox .navbox-group {
 
    text-align: center;
 
    vertical-align: middle;
 
    border: 1px solid #AAA;
 
    border-bottom-color: #FFF;
 
    white-space: normal;
 
}
 
 
.navbox-table-layout .navbox-group {
 
    width: 15%;
 
}
 
 
.navbox .navbox-subgroup {
 
    width: 15%;
 
    white-space: normal;
 
    vertical-align: middle;
 
    text-align: center;
 
}
 
 
.navbox-table {
 
    border-collapse: collapse;
 
}
 
 
.navbox-table .navbox-padding {
 
    padding: 10px;
 
}
 
 
.navbox-table .navbox-list {
 
    border: 1px solid #AAA;
 
    vertical-align: middle;
 
}
 
 
.navbox.left {
 
    clear: left;
 
    float: left;
 
    margin: 0 1.5em 0.5em 0;
 
}
 
 
.navbox.right {
 
    clear: right;
 
    float: right;
 
    margin: 0 0 0.5em 1.5em;
 
}
 
 
.navbox-image {
 
    border: 1px solid transparent;
 
}
 
 
.navbox-content {
 
    padding: 0 2px 3px 2px !important;
 
}
 
 
.navbox-above,
 
.navbox-base {
 
    border-bottom: 1px solid #AAA;
 
    padding: 4px !important;
 
}
 
 
.navbox-above {
 
    position: relative; /* double-border bug-fix */
 
}
 
 
.navbox > .navbox-table-wrapper:first-child, .navbox-section > .navbox-table-wrapper:first-child {
 
    margin-top: -6px;
 
}
 
 
.navbox-content ul {
 
    list-style: none !important;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
.navbox-list.\32-columns ul,
 
.navbox-list.\33-columns ul,
 
.navbox-list.\34-columns ul,
 
.navbox-list.\35-columns ul {
 
    column-rule: 4px double #aaa;
 
    list-style-type: none;
 
    margin: 0;
 
}
 
 
.navbox-list.\32-columns ul {
 
    column-count: 2;
 
}
 
 
.navbox-list.\33-columns ul {
 
    column-count: 3;
 
}
 
 
.navbox-list.\34-columns ul {
 
    column-count: 4;
 
}
 
 
.navbox-list.\35-columns ul {
 
    column-count: 5;
 
}
 
 
.navbox-list.\32-columns ul li,
 
.navbox-list.\33-columns ul li,
 
.navbox-list.\34-columns ul li,
 
.navbox-list.\35-columns ul li {
 
    margin: 0;
 
}
 
 
.navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after {
 
    display: inline-block;
 
    content: '';
 
    position: absolute;
 
    top: 50%;
 
    right: .6em;
 
    margin-top: -2px;
 
    border-color: #000;
 
    border-color: currentColor;
 
    border-style: solid;
 
    border-width: 2px 2px 0 0;
 
    height: 4px;
 
    width: 4px;
 
    -webkit-transform: rotate(-45deg);
 
    -moz-transform: rotate(-45deg);
 
    transform: rotate(-45deg);
 
}
 
 
.infobox-bordered {
 
margin:1.5em;
 
background-image: url("https://rpthea.net/news/wp-content/themes/carbonize/images/background.jpg");
 
color:white;
 
border-collapse:collapse;
 
clear:both;
 
min-width:650px;
 
border:solid 1px #fff;
 
}
 
 
.infobox-bordered th {
 
background:linear-gradient(45deg, #fff, #9b9b9b);
 
color:#000;
 
font-size:20px;
 
font-family:Cinzel;
 
text-align:center;
 
}
 
 
.infobox-bordered td {
 
text-align:center;
 
border:solid 1px #fff;
 
}
 
 
.infobox-bordered .attr {
 
background-color:#222;
 
}
 
 
.statsbox {
 
color:#fff;
 
border-collapse:collapse;
 
clear:both;
 
min-width:650px;
 
}
 
 
.module-nav {
 
list-style:none;
 
}
 
 
.module-nav li {
 
display:inline-block;
 
}
 

Latest revision as of 09:55, 31 July 2020