Difference between revisions of "MediaWiki:Common.css"

From NorCon MUSH
 
(44 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
li.gallerybox {text-indent:0px;}
 
li.gallerybox {text-indent:0px;}
 +
 +
.panel-ftw {border-color: #46382b}
 +
.panel-hrw {border-color: #1f4770}
 +
 +
.ui-tabs {overflow: auto;}
 +
 +
.panel-hrw > .panel-heading {
 +
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
 +
color:#FFFFFF;
 +
text-shadow: 2px 2px #000000;
 +
    background-color: #1f4770;
 +
    border-color: #FFFFFF;
 +
}
 +
 +
.panel-ftw > .panel-heading {
 +
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
 +
color:#FFFFFF;
 +
text-shadow: 2px 2px #000000;
 +
    background-color: #46382b;
 +
    border-color: #FFFFFF;
 +
}
 +
 +
 +
.panel-hrw > .panel-heading a.external:link, .panel-hrw > .panel-heading a:link, .panel-hrw > .panel-heading a:visited {
 +
color: #FFFFFF !important;
 +
}
 +
 +
.panel-ftw > .panel-heading a.external:link, .panel-ftw > .panel-heading a:link, .panel-ftw > .panel-heading a:visited  {
 +
color: #FFFFFF !important;
 +
}
  
 
p.dragon, .dragon-talk {color:#342D7E;}
 
p.dragon, .dragon-talk {color:#342D7E;}
Line 9: Line 39:
 
a:link {color: #11249E;}
 
a:link {color: #11249E;}
 
.mw-body a.external:link {color: #11249E;}
 
.mw-body a.external:link {color: #11249E;}
ul > li.gallerybox:before {background: #FFFFFF}
+
ul > li.gallerybox:before {background: inherit;}
  
 
#content table.wikitable {
 
#content table.wikitable {
 
border: 0;
 
border: 0;
background: #FFFFFF !important;
+
background: inherit !important;
 
}
 
}
  
 
#content table.wikitable th, #content table.wikitable td {
 
#content table.wikitable th, #content table.wikitable td {
 
border: 0;
 
border: 0;
background: #FFFFFF !important;
+
background: inherit !important;
 
}
 
}
  
 
table.wikitable ul {
 
table.wikitable ul {
background: #FFFFFF !important;
+
background: inherit !important;
 
}
 
}
 +
 +
body {background-color: #F0F0F0;color: #000000;}
 +
 +
span.dynatree-node a { padding-left: 13px;}
 +
 +
.treeview .checkbox {display: inline;}
 +
 +
.treeview input[type=checkbox] {margin-left: 5px; margin-right: 5px;}
 +
 +
.treeview ul > li:before {background-color: inherit}
 +
 +
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border: 0px}
 +
 +
table.wikitable {border: 0px}
 +
 +
table.wikitable > tr > th, table.wikitable > * > tr > th {background-color: inherit}
 +
 +
img {max-width: 100%}
 +
 +
.container-fluid { padding-left: 0px;}
 +
 +
.gallerytext { text-align: center;}
 +
 +
ul.gallery {text-indent: 0px !important; padding-left: 0px !important;}
 +
 +
table.padded td, th { padding:10px;}
 +
 +
html {text-align:justify}
 +
 +
.table-striped > tbody > tr:nth-child(even) > td,
 +
.table-striped > tbody > tr:nth-child(even) > th {
 +
  background-color: #FFFFFF;
 +
}
 +
 +
.circular img {
 +
-webkit-border-radius: 10%;
 +
-moz-border-radius: 10%;
 +
-ms-border-radius: 10%;
 +
-o-border-radius: 10%;
 +
border-radius: 10%;
 +
border:1px solid black;
 +
}
 +
 +
/* CSS Modal for Mediawiki
 +
*
 +
* @author: Keenan Payne
 +
* current version crafted together by [[User:Christharp]].
 +
* Added scroll bar for inside div and changed some elements for better viewing inside a Mediawiki.
 +
*/
 +
 +
.modalDialog {
 +
position: fixed;
 +
font-family: Arial, Helvetica, sans-serif;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
background: rgba(0,0,0,0.8);
 +
z-index: 99999;
 +
opacity:0;
 +
-webkit-transition: opacity 400ms ease-in;
 +
-moz-transition: opacity 400ms ease-in;
 +
transition: opacity 400ms ease-in;
 +
pointer-events: none;
 +
}
 +
.modalDialog:target {
 +
opacity:1;
 +
pointer-events: auto;
 +
}
 +
 +
.modalDialog > div {
 +
position: relative;
 +
        width: 50%;
 +
        height:auto;
 +
      margin: 10% auto;
 +
padding: 5px 20px 13px 20px;
 +
border-radius: 10px;
 +
background: #fff;
 +
background: -moz-linear-gradient(#fff, #999);
 +
background: -webkit-linear-gradient(#fff, #999);
 +
background: -o-linear-gradient(#fff, #999);
 +
}
 +
.modalDialog img {
 +
width:100%;
 +
height:auto;
 +
}
 +
.close {
 +
background: #606061;
 +
color: #FFFFFF;
 +
line-height: 25px;
 +
position: absolute;
 +
right: -12px;
 +
text-align: center;
 +
top: -10px;
 +
width: 24px;
 +
text-decoration: none;
 +
font-weight: bold;
 +
-webkit-border-radius: 12px;
 +
-moz-border-radius: 12px;
 +
border-radius: 12px;
 +
-moz-box-shadow: 1px 1px 3px #000;
 +
-webkit-box-shadow: 1px 1px 3px #000;
 +
box-shadow: 1px 1px 3px #000;
 +
}
 +
 +
.close:hover { background: #00d9ff; }
 +
 +
div.gallerytextwrapper {width: 120px !important;}

Latest revision as of 08:33, 14 August 2025

li.gallerybox {text-indent:0px;}

.panel-ftw {border-color: #46382b}
.panel-hrw {border-color: #1f4770}

.ui-tabs {overflow: auto;}

.panel-hrw > .panel-heading {
    box-shadow: 0 1px 10px rgba(0,0,0,0.1); 
color:#FFFFFF;
text-shadow: 2px 2px #000000;
    background-color: #1f4770;
    border-color: #FFFFFF;
}

.panel-ftw > .panel-heading {
    box-shadow: 0 1px 10px rgba(0,0,0,0.1); 
color:#FFFFFF;
text-shadow: 2px 2px #000000;
    background-color: #46382b;
    border-color: #FFFFFF;
}


.panel-hrw > .panel-heading a.external:link, .panel-hrw > .panel-heading a:link, .panel-hrw > .panel-heading a:visited {
color: #FFFFFF !important;
}

.panel-ftw > .panel-heading a.external:link, .panel-ftw > .panel-heading a:link, .panel-ftw > .panel-heading a:visited  {
color: #FFFFFF !important;
}

p.dragon, .dragon-talk {color:#342D7E;}
p.galleries{color:#236B8E;}
p.st{color:red;}

.navbar-inverse > li > a {color: #FFFFFF !important}

a:link {color: #11249E;}
.mw-body a.external:link {color: #11249E;}
ul > li.gallerybox:before {background: inherit;}

#content table.wikitable {
border: 0;
background: inherit !important;
}

#content table.wikitable th, #content table.wikitable td {
border: 0;
background: inherit !important;
}

table.wikitable ul {
background: inherit !important;
}

body {background-color: #F0F0F0;color: #000000;}

span.dynatree-node a { padding-left: 13px;}

.treeview .checkbox {display: inline;}

.treeview input[type=checkbox] {margin-left: 5px; margin-right: 5px;}

.treeview ul > li:before {background-color: inherit}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border: 0px}

table.wikitable {border: 0px}

table.wikitable > tr > th, table.wikitable > * > tr > th {background-color: inherit}

img {max-width: 100%}

.container-fluid { padding-left: 0px;}

.gallerytext { text-align: center;}

ul.gallery {text-indent: 0px !important; padding-left: 0px !important;}

table.padded td, th { padding:10px;}

html {text-align:justify}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #FFFFFF;
}

.circular img {
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
-ms-border-radius: 10%;
-o-border-radius: 10%;
border-radius: 10%;
border:1px solid black;
}

/* CSS Modal for Mediawiki
 * 
 * @author: Keenan Payne
 * current version crafted together by [[User:Christharp]].
 * Added scroll bar for inside div and changed some elements for better viewing inside a Mediawiki.
 */

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
 .modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	position: relative;
        width: 50%;
        height:auto; 
       margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.modalDialog img {
width:100%;
height:auto;
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

div.gallerytextwrapper {width: 120px !important;}