MediaWiki:Common.css

From SacredWiki
Revision as of 09:37, 24 October 2013 by Schot (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
.wrapper {display:table;margin:6px 6px 0;}
.frame {background:url(images/thumbframe/item_tbar0.gif) repeat-x top left;}
.corner {width:35px;height:15px;margin:-4px;position:absolute;
    background:url("images/thumbframe/item_brc.gif") no-repeat scroll 0 0 transparent;}
.ctl {top:0;left:0;-webkit-transform:scaleX(-1) scaleY(-1);-moz-transform:scaleX(-1) scaleY(-1);
    -o-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1);filter:fliph flipv;}
.ctr {top:0;right:0;-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);
    -o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv;}
.cbl {bottom:0;left:0;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);
    -o-transform:scaleX(-1);transform:scaleX(-1);filter:fliph;}
.cbr {bottom:0;right:0;}
.frame_right {padding:6px;position:relative;}
.frame_bot {background:url(images/thumbframe/item_bbar0.gif) repeat-x bottom left;}
.frame_left {background:url(images/thumbframe/item_lbar.gif) repeat-y top left;}
.frame_right {background:url(images/thumbframe/item_rbar.gif) repeat-y top right;}
#ca-talk {
    display: none;
}

#firstHeading {
    font-family: zabriskie;
    font-size: 34px;
    font-weight: bold;
}

#dialogue {
    position:relative;
    font-family: antique;
    font-size: 1em;
    letter-spacing: 0.08em;
    width:430px;
    min-height:85px;
    padding: 12px 0 5px 5px;
    background:#25333A;
    color:white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
box-shadow:
  0 0 0 1px #000,
  0 0 0 3px #A3A6A6,
  0 0 0 4px #000;
-moz-box-shadow:
  0 0 0 1px #CCC,
  0 0 0 2px #A3A6A6,
  0 0 0 4px #000;
-webkit-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 4px #000;
}

#dialogue a, dialogue a:visited {
    color: #FFA500;
    text-shadow: 0 0 0.5em red;
}
#dialogue a:hover {
    text-decoration: none;
    color: #FFCB2F;
}

.name-tag {
    background:#000000;
    color: #FFFFFF;
    float: left;
    font-family: zabriskie;
    font-size: 1.4em;
    height: 20px;
    left: 15px;
    line-height: 22px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: -12px;
    width: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 3px #000;
-moz-box-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 3px #000;
-webkit-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 3px #000;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E), color-stop(1, #030303));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #5E5E5E 0%, #030303 100%);
}

.portrait {
    float:left;
    padding-right:10px;
}

table.sacred {
	margin: auto;
	background-color: none;
	border: 2px #CDB581 solid;
	border-collapse: collapse;
	color: black;
}
table.sacred > tr > th,
table.sacred > tr > td,
table.sacred > * > tr > th,
table.sacred > * > tr > td {
	border: none;
	height: 26px;
	padding-right: 10px;
}
table.sacred tr:nth-child(even) {
    background-color: #FFEECA;
}
table.sacred > tr > th,
table.sacred > * > tr > th {
	background-color: #CDB581;
	text-align: left;
}
table.sacred > caption {
	font-weight: bold;
}