Difference between revisions of "MediaWiki:Common.css"

From NorCon MUSH
 
(68 intermediate revisions by 2 users not shown)
Line 1: Line 1:
html { font-size:95%}
+
li.gallerybox {text-indent:0px;}
  
body {font-family: verdana!important; background-color: #E1E1E1}  
+
.panel-ftw {border-color: #46382b}
 +
.panel-hrw {border-color: #1f4770}
  
a {  
+
.ui-tabs {overflow: auto;}
color: #1f4770;
+
 
 +
.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;
 
}
 
}
  
@media (min-device-width: 100px) and (max-device-width: 767px) { body {font-size:2rem; line-height: 115%;} p {margin: 0 0 25px;} li {line-height: 115%;} .dropdown-menu > li a {line-height:115%;} h1 {line-height: 115%; }} @media (min-device-width: 768px) and (max-device-width:999px) {body {font-size: 1.1rem;}} @media (min-device-width:1000px) { body {font-size:.76rem; line-height: 20px;} }
+
.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;
 +
}
  
/* CSS placed here will be applied to all skins */
 
  
#wpTextbox1{width:100%;}
+
.panel-hrw > .panel-heading a.external:link, .panel-hrw > .panel-heading a:link, .panel-hrw > .panel-heading a:visited {
 +
color: #FFFFFF !important;
 +
}
  
.navbar-inner {
+
.panel-ftw > .panel-heading a.external:link, .panel-ftw > .panel-heading a:link, .panel-ftw > .panel-heading a:visited  {
background-color: #1F4770;
+
color: #FFFFFF !important;
background-image:-moz-linear-gradient(top,#1B3E74,#1F4770);
+
}
background-image:-webkit-gradient(linear,0 0,0 100%,from(#1B3E74),to(#1F4770));
+
background-image:-webkit-linear-gradient(top,#1B3E74,#1F4770);
+
background-image:-o-linear-gradient(top,#1B3E74,#1F4770);
+
background-image:linear-gradient(to bottom,#1B3E74,#1F4770);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3E74', endColorstr='#1F4770',GradientType=0 );}
+
  
.navbar .nav > li > a {
+
p.dragon, .dragon-talk {color:#342D7E;}
float: none;
+
p.galleries{color:#236B8E;}
padding: 10px 15px 10px;
+
p.st{color:red;}
color: #FFFFFF;
+
text-decoration: none;
+
text-shadow: none;}
+
  
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {color: #FFFFFF!important; text-shadow: none!important;background-color: transparent}
+
.navbar-inverse > li > a {color: #FFFFFF !important}
  
.navbar .nav li.dropdown {color: #FFFFFF!important; text-shadow: none!important;}
+
a:link {color: #11249E;}
 +
.mw-body a.external:link {color: #11249E;}
 +
ul > li.gallerybox:before {background: inherit;}
  
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {color: #FFFFFF}
+
#content table.wikitable {
 +
border: 0;
 +
background: inherit !important;
 +
}
  
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a{text-decoration:none;color:#fff;background-color:#1F4770;
+
#content table.wikitable th, #content table.wikitable td {
background-image:-moz-linear-gradient(top,#1B3E74,#1F4770);
+
border: 0;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#1B3E74),to(#1F4770));
+
background: inherit !important;
background-image:-webkit-linear-gradient(top,#1B3E74,#1F4770);
+
}
background-image:-o-linear-gradient(top,#1B3E74,#1F4770);
+
background-image:linear-gradient(to bottom,#1B3E74,#1F4770);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3E74', endColorstr='#1F4770',GradientType=0 );}
+
  
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{color:#fff;text-decoration:none;outline:0;background-color:#1F4770;background-image:-moz-linear-gradient(top,#1B3E74,#1F4770);
+
table.wikitable ul {
background-image:-webkit-gradient(linear,0 0,0 100%,from(#1B3E74),to(#1F4770));
+
background: inherit !important;
background-image:-webkit-linear-gradient(top,#1B3E74,#1F4770);
+
}
background-image:-o-linear-gradient(top,#1B3E74,#1F4770);
+
background-image:linear-gradient(to bottom,#1B3E74,#1F4770);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3E74', endColorstr='#1F4770',GradientType=0 );}
+
  
.row-fluid .span6 {width: 100%;}
+
body {background-color: #F0F0F0;color: #000000;}
  
.nav-header {text-shadow: none; color: #FFFFFF}
+
span.dynatree-node a { padding-left: 13px;}
  
form.mw-search {margin: -50px 50px 0 0!important; position: relative!important;}
+
.treeview .checkbox {display: inline;}
  
div#p-search.span6.text-right {min-height: 0px;height:0px;}
+
.treeview input[type=checkbox] {margin-left: 5px; margin-right: 5px;}
  
h1 {font-size: 130%!important; font-weight: normal!important}
+
.treeview ul > li:before {background-color: inherit}
  
h1, h2, h3 {line-height: 15px}
+
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border: 0px}
  
h2 {font-size: 120%!important; font-weight: 400;border-bottom: 1px solid #1B3E74;padding-top: .5em; padding-bottom: .17em; color:#1B3E74}
+
table.wikitable {border: 0px}
  
h3 {font-size: 100%!important;font-weight: 700}
+
table.wikitable > tr > th, table.wikitable > * > tr > th {background-color: inherit}
  
.container-fluid {margin: 0px auto; max-width: 1330px;}
+
img {max-width: 100%}
  
div.printfooter {display: none}
+
.container-fluid { padding-left: 0px;}
  
legend {font-size: 15px; margin-bottom: 0px; border-bottom: 0px;}
+
.gallerytext { text-align: center;}
  
#firstHeading {
+
ul.gallery {text-indent: 0px !important; padding-left: 0px !important;}
border-bottom: 2px solid #1F4770;
+
 
padding-bottom: 9px;
+
table.padded td, th { padding:10px;}
color: #1F4770;
+
 
font-size: 170%!important;
+
html {text-align:justify}
line-height: 100%;
+
}
+
  
#toc ul, .toc ul {
+
.table-striped > tbody > tr:nth-child(even) > td,
margin: 0;
+
.table-striped > tbody > tr:nth-child(even) > th {
padding: .3em 0 0 .7em;
+
  background-color: #FFFFFF;
list-style-type: none;
+
list-style-image: none;
+
 
}
 
}
  
div#toctitle h2 {
+
.circular img {
border-bottom: none;
+
-webkit-border-radius: 10%;
font-size: 100%;
+
-moz-border-radius: 10%;
padding-bottom: 0px;
+
-ms-border-radius: 10%;
 +
-o-border-radius: 10%;
 +
border-radius: 10%;
 +
border:1px solid black;
 
}
 
}
.editsection {font-size: 8pt}
 
  
.contentHeader {
+
/* CSS Modal for Mediawiki
margin: 20px 0 15px!important}
+
*
 +
* @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.
 +
*/
  
th.center {
+
.modalDialog {
text-align: center;
+
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;
 
}
 
}
  
hr {
+
.modalDialog > div {
margin: 10px 0;
+
position: relative;
border: 0;
+
        width: 50%;
border-top: 1px solid #1B3E74;}
+
        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;
 +
}
  
p.dragon,.dragon-talk{color:#191970;}
+
.close:hover { background: #00d9ff; }
p.galleries{color:#236B8E;}
+
p.st{color:red;}
+
  
label {display: inline;}
+
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;}