Difference between revisions of "MediaWiki: Common.css"

From Thea RP Community
Jump to: navigation, search
m
m
Line 11: Line 11:
  
 
.navbar, .navbar-default, .navbar-fixed-top {
 
.navbar, .navbar-default, .navbar-fixed-top {
/* background-image: url('https://rpthea.net/wiki/dark_geometric.png'); */
+
background-image: url('https://rpthea.net/news/wp-content/themes/carbonize/images/background.jpg');
 
background:linear-gradient(45deg, #222, #333);
 
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;
 
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;

Revision as of 06:30, 6 April 2019

@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;
}